/* Fluid layout rules: adapt spacing and type to viewport width and height. */
html { font-size:clamp(14px, calc(13px + .22vw), 18px); }
body { overflow-x:clip; }
img,svg,video,canvas { max-width:100%; }
.header-inner,.section-wrap { width:min(2800px,calc(100% - clamp(28px,5vw,120px))); }
.site-header { height:clamp(64px,4.2vw,88px); }
.header-inner { gap:clamp(12px,2vw,42px); }
.site-nav { gap:clamp(12px,1.8vw,34px); font-size:clamp(.7rem,.72vw,.88rem); }
.brand { font-size:clamp(1.15rem,1.25vw,1.55rem); }
.brand-mark { width:clamp(27px,1.6vw,34px); height:clamp(27px,1.6vw,34px); }
.hero { min-height:clamp(590px,74svh,900px); padding-top:clamp(56px,7vw,132px); padding-bottom:clamp(78px,8vw,140px); gap:clamp(26px,5vw,120px); }
.hero h1 { font-size:clamp(3.2rem,6.2vw,8.6rem); }
.hero-lede { max-width:clamp(390px,34vw,720px); font-size:clamp(.9rem,1.02vw,1.28rem); }
.hero-meta { gap:clamp(12px,1.5vw,25px); font-size:clamp(.62rem,.68vw,.8rem); }
.hero-art { padding-left:clamp(0px,1.2vw,24px); }
.editor-body { height:clamp(310px,29vw,590px); grid-template-columns:clamp(32px,2.4vw,54px) minmax(0,1fr) clamp(78px,6.3vw,145px); }
.mock-hero h2 { font-size:clamp(1.35rem,2vw,2.65rem); }
.mock-image { height:clamp(80px,8vw,170px); }
.floating-note { max-width:min(240px,38%); }
.trust-strip { min-height:clamp(92px,8vw,138px); gap:clamp(18px,6vw,120px); }
.trust-strip strong { font-size:clamp(1.2rem,1.8vw,2.1rem); }
.trust-strip span { font-size:clamp(.58rem,.75vw,.8rem); }
.platform,.themes-section,.getting-started { padding-top:clamp(78px,8vw,165px); padding-bottom:clamp(76px,8vw,155px); }
.section-heading { gap:clamp(22px,5vw,110px); margin-bottom:clamp(28px,4vw,65px); }
.section-heading h2,.package-copy h2,.faq-layout h2 { font-size:clamp(2.55rem,4.4vw,5.5rem); }
.section-intro { max-width:clamp(310px,30vw,620px); font-size:clamp(.78rem,.9vw,1.08rem); }
.platform-grid { gap:clamp(10px,1.35vw,22px); }
.platform-card { padding:clamp(16px,1.8vw,34px); }
.mini-layout,.content-visual,.ownership-visual { height:clamp(150px,14vw,270px); }
.platform-card h3 { font-size:clamp(.9rem,1.1vw,1.35rem); }
.platform-card p { font-size:clamp(.64rem,.74vw,.86rem); }
.workflow-band { gap:clamp(10px,1.5vw,28px); padding:clamp(15px,1.6vw,26px); }
.plugins-section { padding-block:clamp(76px,8vw,160px); }
.plugin-spotlight { gap:clamp(20px,4vw,80px); }
.plugin-grid { gap:clamp(10px,1.4vw,24px); }
.plugin-card { padding:clamp(15px,1.7vw,32px); }
.plugin-card h3 { font-size:clamp(.9rem,1.05vw,1.32rem); }
.plugin-card>p { font-size:clamp(.65rem,.73vw,.88rem); }
.plugin-preview-button { height:clamp(130px,12vw,240px); }
.theme-grid { gap:clamp(9px,1.4vw,24px); }
.theme-card { min-width:0; }
.theme-preview { height:clamp(120px,13vw,230px); }
.theme-info { padding:clamp(10px,1.2vw,20px); }
.theme-title-row h3 { font-size:clamp(.72rem,.9vw,1.1rem); }
.theme-info>p { font-size:clamp(.53rem,.65vw,.76rem); }
.package-section,.faq-section { padding-block:clamp(76px,8vw,160px); }
.package-layout { gap:clamp(35px,8vw,210px); }
.package-copy>p:not(.eyebrow) { font-size:clamp(.73rem,.9vw,1.05rem); }
.package-stack { min-height:clamp(280px,27vw,460px); padding:clamp(30px,4vw,72px) clamp(16px,2vw,36px); }
.setup-grid { gap:clamp(10px,1.4vw,24px); }
.setup-card { min-height:clamp(220px,18vw,330px); padding:clamp(17px,1.7vw,32px); }
.setup-card h3 { font-size:clamp(.84rem,.98vw,1.2rem); }
.setup-card p { font-size:clamp(.6rem,.72vw,.86rem); }
.faq-layout { gap:clamp(28px,8vw,150px); }
.faq-list summary { font-size:clamp(.68rem,.82vw,.96rem); }
.faq-list details p { font-size:clamp(.61rem,.7vw,.82rem); }
.button { min-height:clamp(44px,3.5vw,56px); padding-inline:clamp(16px,1.6vw,26px); font-size:clamp(.68rem,.78vw,.9rem); }

@media (min-width:1800px) {
  .hero { grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); }
  .section-heading h2,.package-copy h2,.faq-layout h2 { max-width:14ch; }
  .platform-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .plugin-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .theme-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media (min-width:2200px) {
  .hero { min-height:min(92svh,1100px); }
  .hero h1 { font-size:clamp(7rem,5.4vw,10rem); }
  .section-heading h2,.package-copy h2,.faq-layout h2 { font-size:clamp(5rem,4vw,7rem); }
}
@media (max-width:1100px) {
  .header-inner,.section-wrap { width:calc(100% - clamp(34px,6vw,72px)); }
  .site-nav { gap:clamp(9px,1.6vw,18px); }
  .platform-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .theme-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .hero { min-height:0; }
}
@media (max-width:760px) {
  .header-inner,.section-wrap { width:calc(100% - clamp(28px,8vw,42px)); }
  .site-header { height:64px; }
  .site-nav { gap:0; }
  .site-nav.open { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .site-nav.open .theme-toggle { grid-column:1; }
  .site-nav.open .demo-nav-link { align-self:center; justify-self:start; }
  .hero { min-height:0; padding-top:clamp(44px,9vw,70px); padding-bottom:clamp(62px,12vw,90px); gap:clamp(25px,7vw,42px); }
  .hero h1 { font-size:clamp(3.15rem,11vw,5.5rem); }
  .hero-lede { max-width:60ch; font-size:clamp(.86rem,2.3vw,1rem); }
  .hero-art { padding-inline:0; }
  .editor-body { height:clamp(270px,68vw,390px); }
  .hero-foot { bottom:18px; }
  .trust-strip { gap:12px clamp(14px,5vw,30px); }
  .section-heading { display:block; }
  .section-intro { max-width:65ch; margin-top:16px; }
  .platform-grid { grid-template-columns:1fr; }
  .plugin-grid { grid-template-columns:1fr; }
  .plugin-preview-button { height:clamp(150px,42vw,240px); }
  .theme-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .theme-preview { height:clamp(120px,34vw,175px); }
  .package-layout { grid-template-columns:1fr; }
  .setup-grid { grid-template-columns:1fr; }
  .setup-card { min-height:0; }
  .setup-card p { min-height:0; }
  .faq-layout { grid-template-columns:1fr; }
  .footer-main { gap:14px; }
}
@media (max-width:430px) {
  .header-inner,.section-wrap { width:calc(100% - 28px); }
  .brand { font-size:1.15rem; }
  .header-cta { gap:7px; padding:8px 10px; }
  .hero h1 { font-size:clamp(2.85rem,12vw,3.4rem); }
  .hero-actions { align-items:flex-start; flex-wrap:wrap; gap:12px 18px; }
  .hero-meta { gap:9px 12px; }
  .editor-body { height:clamp(245px,72vw,310px); grid-template-columns:27px minmax(0,1fr) 72px; }
  .window-top { gap:5px; font-size:.42rem; }
  .editor-inspector { padding:9px 5px; }
  .mock-hero { padding:17px 10px 9px; }
  .mock-hero h2 { font-size:1.15rem; }
  .mock-image { height:70px; }
  .floating-note { max-width:47%; padding:7px; gap:5px; }
  .floating-note b { font-size:.47rem; }
  .floating-note small { font-size:.4rem; }
  .trust-strip { justify-content:space-around; }
  .trust-strip>i { display:none; }
  .trust-strip>div { width:calc(50% - 10px); justify-content:center; }
  .theme-grid { gap:8px; }
  .theme-info { padding:9px; }
  .theme-title-row { flex-wrap:wrap; gap:3px; }
  .theme-info>p { line-height:1.55; }
  .themes-footnote { flex-wrap:wrap; }
  .themes-footnote p { flex-basis:calc(100% - 60px); }
  .catalog-core-cta { align-items:flex-start; flex-direction:column; }
}
@media (max-width:350px) {
  .header-inner { gap:6px; }
  .brand { gap:5px; font-size:1.02rem; }
  .brand-mark { width:24px; height:24px; }
  .header-cta { font-size:.53rem; }
  .menu-toggle { width:34px; height:34px; }
  .hero h1 { font-size:2.7rem; }
  .theme-grid { grid-template-columns:1fr; }
  .theme-preview { height:190px; }
}
@media (max-height:700px) and (min-width:761px) {
  .site-header { height:64px; }
  .hero { min-height:0; padding-top:clamp(42px,7vh,74px); padding-bottom:clamp(75px,12vh,110px); }
  .editor-body { height:clamp(260px,56vh,390px); }
  .platform,.themes-section,.getting-started,.plugins-section,.package-section,.faq-section { padding-block:clamp(65px,10vh,110px); }
}
@media (max-height:520px) and (min-width:761px) {
  .hero { grid-template-columns:1fr 1fr; gap:28px; padding-block:34px 65px; }
  .hero h1 { font-size:clamp(3rem,6vh,4.3rem); }
  .hero-lede { margin-block:14px; font-size:.78rem; line-height:1.6; }
  .hero-meta { margin-top:16px; }
  .editor-body { height:245px; }
  .hero-art-caption { margin-top:8px; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
}

/* Parent studio profile */
.about-parmtech {
  padding-block:clamp(76px,10vw,148px);
  background:#f0f3ed;
}
.about-parmtech-layout {
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(300px,.72fr);
  align-items:center;
  gap:clamp(38px,7vw,112px);
}
.about-parmtech-copy { max-width:720px; }
.about-parmtech h2 {
  margin:0;
  font-size:clamp(3rem,6.5vw,6rem);
  line-height:.98;
  letter-spacing:-.085em;
}
.about-parmtech h2 span { color:#829b43; }
.about-parmtech-copy>p:not(.eyebrow) {
  max-width:62ch;
  margin:24px 0 22px;
  color:#58645c;
  font-size:clamp(.94rem,1.25vw,1.08rem);
  line-height:1.85;
}
.about-parmtech-tags,.parmtech-capabilities {
  display:flex;
  flex-wrap:wrap;
  gap:9px;
}
.about-parmtech-tags span {
  padding:7px 11px;
  border:1px solid #d7dfd0;
  border-radius:999px;
  background:#f9fbf7;
  color:#465345;
  font-size:.72rem;
  font-weight:700;
}
.about-parmtech-actions {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:18px 24px;
  margin-top:25px;
}
.about-core-link { font-size:.77rem; font-weight:800; }
.about-core-link span { margin-left:7px; color:#829b43; }
.parmtech-card {
  min-height:310px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:clamp(22px,3vw,38px);
  overflow:hidden;
  border:1px solid #dbe2d7;
  border-radius:22px;
  background:radial-gradient(ellipse at 76% 10%,#e5eddc,#f8faf6 64%);
  box-shadow:0 24px 70px rgb(31 45 29 / 9%);
}
.parmtech-card-top,.parmtech-card-bottom {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:10px;
  padding-bottom:13px;
  border-bottom:1px solid #dce3d9;
  color:#6e7b6d;
  font:500 .58rem/1.4 var(--mono);
  letter-spacing:.06em;
}
.parmtech-card-top i {
  width:7px;height:7px;display:inline-block;margin-right:6px;
  border-radius:50%;background:#a1c94c;box-shadow:0 0 0 4px #a1c94c22;
}
.parmtech-wordmark { display:flex;align-items:center;gap:12px;margin-top:26px; }
.parmtech-mark {
  width:44px;height:44px;display:grid;place-items:center;
  border-radius:13px;background:#18221a;color:#d4ff58;
  font-size:1.2rem;font-weight:800;
}
.parmtech-wordmark strong { font-size:clamp(1.7rem,3vw,2.4rem);letter-spacing:-.075em; }
.parmtech-wordmark strong span { color:#8ea849; }
.parmtech-card>p { margin:5px 0 20px;color:#697568;font-size:.9rem; }
.parmtech-capabilities { gap:7px; margin-bottom:22px; }
.parmtech-capabilities span {
  padding:6px 9px;border:1px solid #d9e2d2;border-radius:7px;
  background:#ffffff8c;color:#53634b;font:500 .56rem var(--mono);letter-spacing:.06em;
}
.parmtech-card-bottom { padding:13px 0 0;border-top:1px solid #dce3d9;border-bottom:0; }
.parmtech-card-bottom b { color:#667c3b;font-weight:500; }
html[data-theme="dark"] .about-parmtech .about-parmtech-actions .button-primary { background:#d4ff58;color:#182014; }
html[data-theme="dark"] .about-parmtech .about-parmtech-actions .button-primary span { color:#182014; }
@media (max-width:760px) {
  .about-parmtech { padding-block:72px; }
  .about-parmtech-layout { grid-template-columns:1fr; gap:32px; }
  .parmtech-card { min-height:270px; }
}

/* Free-to-use message and first-screen feature carousel */
.hero-free-badge {
  display:inline-flex;align-items:center;gap:8px;margin:17px 0 0;
  padding:7px 11px;border:1px solid #d5e2b8;border-radius:999px;
  background:#f0f6df;color:#536b2b;font-size:.66rem;font-weight:800;
  letter-spacing:.035em;
}
.hero-free-badge span { color:#809e35; }
html[data-theme="dark"] .hero-free-badge { border-color:#536a38;background:#1a261b;color:#e5f2ca; }
html[data-theme="dark"] .hero-free-badge span { color:#d4ff58; }
.hero-feature-rotator {
  position:relative;max-width:600px;min-height:218px;margin-top:17px;padding:19px 20px 14px;
  border:1px solid #dce4d7;border-radius:20px;overflow:hidden;
  background:radial-gradient(ellipse at 100% 0%,#e7f1d3 0%,transparent 48%),linear-gradient(125deg,#fff,#f3f7ec);
  box-shadow:0 18px 48px rgb(35 52 26 / 10%);
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.hero-feature-rotator:hover { transform:translateY(-3px);border-color:#a8be75;box-shadow:0 18px 42px rgb(35 52 26 / 13%); }
.hero-feature-status,.hero-feature-controls { display:flex;align-items:center;justify-content:space-between;gap:12px; }
.hero-feature-status { color:#78866a;font:500 .62rem var(--mono);letter-spacing:.07em; }
.hero-feature-status>span:first-child { display:flex;align-items:center;gap:7px; }
.hero-feature-status i { width:7px;height:7px;border-radius:50%;background:#a4c750;box-shadow:0 0 0 4px #a4c75025; }
.hero-feature-slides { display:grid;min-height:137px;margin-top:10px; }
.hero-feature-slide { grid-area:1/1;display:flex;align-items:center;gap:13px;opacity:0;visibility:hidden;transform:translateY(9px) scale(.985);transition:opacity .38s ease,transform .38s ease,visibility .38s; }
.hero-feature-slide.is-active { opacity:1;visibility:visible;transform:translateY(0) scale(1); }
.hero-feature-icon { width:52px;height:52px;flex:none;display:grid;place-items:center;border:1px solid #dce8c4;border-radius:16px;background:#edf5dd;color:#718c31;font-size:1.3rem;box-shadow:inset 0 1px #fff9; }
.hero-feature-slide b { display:block;font-size:clamp(1rem,1.55vw,1.28rem);letter-spacing:-.04em;line-height:1.2; }
.hero-feature-slide p { max-width:62ch;margin:7px 0 0;color:#68746b;font-size:clamp(.74rem,.9vw,.86rem);line-height:1.65; }
.hero-feature-slide small { display:block;margin-top:9px;color:#879374;font:500 .55rem var(--mono);letter-spacing:.065em; }
.hero-feature-controls { margin-top:1px; }
.hero-feature-dots { display:flex;align-items:center;gap:7px; }
.hero-feature-dots button { width:7px;height:7px;padding:0;border:0;border-radius:99px;background:#cbd3c4;cursor:pointer;transition:width .2s ease,background .2s ease; }
.hero-feature-dots button.is-active { width:22px;background:#829d45; }
.hero-feature-next { width:34px;height:34px;display:grid;place-items:center;border:1px solid #d8e1d0;border-radius:50%;background:#fff;color:#536832;cursor:pointer;transition:transform .2s ease,background .2s ease; }
.hero-feature-next:hover { transform:rotate(45deg);background:#eaf2d9; }
html[data-theme="dark"] .hero-feature-rotator { border-color:#36453a;background:radial-gradient(ellipse at 100% 0%,#263824 0%,transparent 48%),linear-gradient(125deg,#18221b,#111914);box-shadow:0 18px 48px #0005; }
html[data-theme="dark"] .hero-feature-rotator:hover { border-color:#809c49;box-shadow:0 18px 42px #0007; }
html[data-theme="dark"] .hero-feature-status { color:#acba9f; }
html[data-theme="dark"] .hero-feature-slide p { color:#a9b5aa; }
html[data-theme="dark"] .hero-feature-slide small { color:#b2c394; }
html[data-theme="dark"] .hero-feature-icon { border-color:#40523d;background:#233123;color:#d4ff58; }
html[data-theme="dark"] .hero-feature-next { border-color:#465742;background:#202d22;color:#e4f4c2; }
html[data-theme="dark"] .hero-feature-next:hover { background:#d4ff58;color:#172014; }
.hero .eyebrow { margin-bottom:13px; }
.hero-lede { margin-top:17px;margin-bottom:18px;line-height:1.72; }
.hero-meta { margin-top:23px; }
.switch-section { display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:clamp(34px,6vw,90px);padding-block:clamp(82px,10vw,145px); }
.switch-intro { align-self:center; }
.switch-intro h2 { margin:0;font-size:clamp(2.7rem,5.5vw,5rem);line-height:.99;letter-spacing:-.08em; }
.switch-intro h2 span { color:#87958c; }
.switch-intro>p:not(.eyebrow) { max-width:48ch;margin:22px 0;color:#5e6962;font-size:.91rem;line-height:1.8; }
.switch-cta { display:inline-flex;align-items:center;gap:16px;margin-top:4px;padding:13px 17px;border-radius:999px;background:#18221a;color:#eff5e7;font-size:.72rem;font-weight:800;transition:transform .2s,background .2s,box-shadow .2s; }
.switch-cta span { color:#d4ff58; }
.switch-cta:hover { transform:translateY(-3px);background:#263527;box-shadow:0 12px 26px #18221a26; }
.switch-intro .switch-footnote { margin:12px 0 0;color:#818b82;font-size:.67rem; }
.switch-cards { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; }
.switch-card { --pointer-x:50%;--pointer-y:50%;position:relative;isolation:isolate;min-height:195px;overflow:hidden;padding:19px;border:1px solid #e0e6dd;border-radius:16px;background:#fff;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease; }
.switch-card::before { content:"";position:absolute;z-index:-1;inset:0;opacity:0;background:radial-gradient(240px circle at var(--pointer-x) var(--pointer-y),rgb(182 214 114 / 21%),transparent 70%);transition:opacity .25s; }
.switch-card:hover { transform:translateY(-5px) rotate(-.35deg);border-color:#b5c896;box-shadow:0 18px 38px rgb(28 45 25 / 11%); }
.switch-card:hover::before { opacity:1; }
.switch-card:nth-child(2n):hover { transform:translateY(-5px) rotate(.35deg); }
.switch-card-index { display:block;margin-top:15px;color:#879485;font:500 .55rem var(--mono);letter-spacing:.07em; }
.switch-card-icon { width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#eff4e7;color:#718a39;font-size:.9rem;transition:transform .24s cubic-bezier(.2,.8,.2,1); }
.switch-card:hover .switch-card-icon { transform:rotate(-9deg) scale(1.12); }
.switch-card-control .switch-card-icon { background:#e8f1ef;color:#4f8171; }
.switch-card-design .switch-card-icon { background:#f2eefa;color:#8170a8; }
.switch-card-cost .switch-card-icon { background:#fbf1df;color:#a27e3f; }
.switch-card h3 { margin:8px 0 5px;font-size:.88rem;letter-spacing:-.025em; }
.switch-card p { margin:0;color:#69746c;font-size:.68rem;line-height:1.65; }
.switch-honesty { grid-column:1/-1;margin:0;padding:17px 19px;border-left:3px solid #a9c75d;border-radius:0 10px 10px 0;background:#f0f4eb;color:#687269;font-size:.72rem;line-height:1.7; }
.switch-honesty b { color:#273328; }
html[data-theme="dark"] .switch-intro>p:not(.eyebrow) { color:#b3bdb5; }
html[data-theme="dark"] .switch-intro h2 span { color:#829188; }
html[data-theme="dark"] .switch-cta { background:#d4ff58;color:#182014; }
html[data-theme="dark"] .switch-cta span { color:#405421; }
html[data-theme="dark"] .switch-cta:hover { background:#e2ff8b; }
html[data-theme="dark"] .switch-intro .switch-footnote { color:#98a49a; }
html[data-theme="dark"] .switch-card { border-color:#303b34;background:#151d18;color:#edf3ee; }
html[data-theme="dark"] .switch-card::before { background:radial-gradient(240px circle at var(--pointer-x) var(--pointer-y),rgb(212 255 88 / 10%),transparent 70%); }
html[data-theme="dark"] .switch-card:hover { border-color:#829e4f;box-shadow:0 18px 38px #0006; }
html[data-theme="dark"] .switch-card p { color:#aab6ad; }
html[data-theme="dark"] .switch-card-index { color:#a8b59f; }
html[data-theme="dark"] .switch-honesty { background:#151e17;color:#aeb9b0; }
html[data-theme="dark"] .switch-honesty b { color:#e6f0e7; }
@media (max-width:900px) {
  .switch-section { grid-template-columns:1fr; }
  .switch-intro { max-width:720px; }
}
@media (max-width:560px) {
  .hero-feature-rotator { min-height:208px;margin-top:16px;padding:16px 15px 12px; }
  .hero-feature-slides { min-height:139px; }
  .hero-feature-slide { align-items:flex-start;gap:11px; }
  .hero-feature-icon { width:42px;height:42px;border-radius:13px;font-size:1.05rem; }
  .hero-feature-slide b { font-size:1rem; }
  .hero-feature-slide p { font-size:.72rem;line-height:1.55; }
  .hero-feature-slide small { font-size:.48rem; }
  .hero-feature-status { font-size:.52rem; }
  .switch-section { padding-block:72px; }
  .switch-cards { grid-template-columns:1fr; }
  .switch-card { min-height:162px; }
  .switch-honesty { grid-column:auto; }
}
@media (prefers-reduced-motion:reduce) {
  .hero-feature-rotator,.hero-feature-slide,.hero-feature-dots button,.hero-feature-next,.switch-card,.switch-card::before,.switch-card-icon,.switch-cta { transition:none!important; }
}
.back-to-top {
  position:fixed;z-index:19;right:clamp(16px,2.2vw,30px);bottom:clamp(18px,3vh,30px);
  width:54px;height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;
  border:1px solid #adc76b;border-radius:18px;background:#d4ff58;color:#172014;
  box-shadow:0 10px 28px rgb(0 0 0 / 20%);cursor:pointer;
  opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px) scale(.92);
  transition:opacity .22s ease,visibility .22s ease,transform .22s ease,box-shadow .22s ease,background .22s ease;
}
.back-to-top.is-visible { opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1); }
.back-to-top:hover { background:#e3ff8b;box-shadow:0 15px 34px rgb(0 0 0 / 27%);transform:translateY(-4px) scale(1.04); }
.back-to-top>span { font-size:1.42rem;font-weight:800;line-height:1; }
.back-to-top small { font:500 .45rem/1.3 var(--mono);letter-spacing:.1em; }
html[data-theme="dark"] .back-to-top { border-color:#dbff8c;background:#d4ff58;color:#172014; }
html[data-theme="dark"] .back-to-top:hover { background:#e5ff9b; }
.brand { gap:8px;letter-spacing:0; }
.brand-symbol { width:34px;height:34px;flex:none;display:block;filter:drop-shadow(0 4px 10px rgb(25 39 20 / 13%)); }
.brand-symbol-bg { fill:#172019;transition:fill .22s ease; }
.brand-symbol-grid { fill:#d4ff58;transition:fill .22s ease; }
.brand-wordmark { color:var(--ink);font-size:1.24rem;font-weight:800;letter-spacing:-.075em;line-height:1;white-space:nowrap; }
.brand-period { color:#849c41; }
html[data-theme="dark"] .brand-symbol-bg { fill:#d4ff58; }
html[data-theme="dark"] .brand-symbol-grid { fill:#172019; }
html[data-theme="dark"] .brand-wordmark { color:#f1f5ef; }
html[data-theme="dark"] .brand-period { color:#d4ff58; }
@media (max-width:760px) {
  .back-to-top { right:15px;bottom:calc(16px + env(safe-area-inset-bottom));width:48px;height:48px;border-radius:15px; }
  .brand-symbol { width:31px;height:31px; }
  .brand-wordmark { font-size:1.16rem; }
}
@media (prefers-reduced-motion:reduce) { .back-to-top { transition:none!important; } }
.guided-setup{padding-top:clamp(76px,9vw,132px);padding-bottom:clamp(78px,9vw,132px)}
.guided-setup .section-heading{align-items:end}
.guided-setup-banner{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:28px 0 22px;padding:13px 17px;border:1px solid #d7e2be;border-radius:15px;background:linear-gradient(100deg,#f2f7e8,#fbfcf8);color:#26351f;font-size:.68rem}
.guided-setup-banner>b{font:700 .55rem var(--mono);letter-spacing:.08em;color:#536c32}
.guided-setup-banner>span:last-child{margin-left:auto;color:#68746a}
.guided-setup-pulse{width:8px;height:8px;border-radius:50%;background:#93b652;box-shadow:0 0 0 5px #93b6521c}
.guided-flow{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;align-items:stretch}
.guided-step{position:relative;grid-column:span 2;min-height:255px;padding:23px 22px 20px;border:1px solid #e2e7dc;border-radius:21px;background:linear-gradient(155deg,#fff,#f7f9f3);box-shadow:0 10px 28px #17201408;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.guided-step:nth-child(4){grid-column:2/span 2}
.guided-step:hover{transform:translateY(-5px);border-color:#adc37b;box-shadow:0 19px 40px #17201416}
.guided-step-index{position:absolute;top:17px;right:18px;color:#929b8d;font:600 .53rem var(--mono)}
.guided-step-icon{display:grid;place-items:center;width:39px;height:39px;margin-bottom:19px;border:1px solid #dce8c4;border-radius:13px;background:#f2f7e8;color:#607a35;font-size:1rem}
.guided-step>div>small{color:#77816f;font:600 .5rem var(--mono);letter-spacing:.075em}
.guided-step h3{margin:9px 25px 9px 0;color:#222a22;font-size:1.05rem;letter-spacing:-.045em}
.guided-step p{margin:0;color:#69746b;font-size:.68rem;line-height:1.75}
.guided-choice-pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}
.guided-choice-pills span{padding:6px 9px;border:1px solid #e1e7d8;border-radius:99px;background:#fbfcf9;color:#596651;font-size:.52rem;font-weight:700}
.guided-template-count{display:flex;align-items:center;gap:12px;margin-top:16px;padding:10px 12px;border:1px solid #e0e8d2;border-radius:13px;background:#f7f9f2;color:#5f6d54}
.guided-template-count strong{font-size:1.55rem;line-height:1;letter-spacing:-.07em;color:#68863c}
.guided-template-count span{font-size:.57rem;line-height:1.35}
.guided-template-count b{font-size:.51rem;color:#79836e}
.guided-step-design{background:radial-gradient(ellipse at 90% 12%,#eff2dd 0,transparent 48%),linear-gradient(155deg,#fff,#f7f9f3)}
.guided-step-finish{background:linear-gradient(155deg,#f2f7e7,#fff 70%)}
.guided-setup-footnote{max-width:810px;margin:18px 0 0;color:#758078;font-size:.6rem;line-height:1.7}
html[data-theme="dark"] .guided-setup-banner{border-color:#43523a;background:linear-gradient(100deg,#1b281b,#141d18);color:#ecf4e8}
html[data-theme="dark"] .guided-setup-banner>b{color:#c5e28f}
html[data-theme="dark"] .guided-setup-banner>span:last-child,html[data-theme="dark"] .guided-setup-footnote{color:#a5b1aa}
html[data-theme="dark"] .guided-step,html[data-theme="dark"] .guided-step-design{border-color:#303b34;background:linear-gradient(155deg,#18221b,#121a15);box-shadow:0 10px 28px #0003}
html[data-theme="dark"] .guided-step:hover{border-color:#829e4f;box-shadow:0 19px 40px #0006}
html[data-theme="dark"] .guided-step h3{color:#edf3ee}
html[data-theme="dark"] .guided-step p,html[data-theme="dark"] .guided-step>div>small{color:#a5b1aa}
html[data-theme="dark"] .guided-step-icon{border-color:#405039;background:#243121;color:#d4ff58}
html[data-theme="dark"] .guided-choice-pills span{border-color:#374438;background:#1a241d;color:#dce8d7}
html[data-theme="dark"] .guided-template-count{border-color:#3a4939;background:#202a20;color:#d4e0cc}
html[data-theme="dark"] .guided-template-count strong{color:#d4ff58}
@media(max-width:850px){.guided-step{grid-column:span 3}.guided-step:nth-child(4){grid-column:span 3}.guided-step:last-child{grid-column:2/span 4}}
@media(max-width:600px){.guided-setup-banner{align-items:flex-start}.guided-setup-banner>span:last-child{width:100%;margin-left:20px}.guided-flow{grid-template-columns:1fr}.guided-step,.guided-step:nth-child(4),.guided-step:last-child{grid-column:1;min-height:0;padding:20px}.guided-step p{font-size:.72rem}}
@media(prefers-reduced-motion:reduce){.guided-step{transition:none}}