body{padding-bottom:0}
.header{position:sticky;height:76px;background:var(--paper);border-bottom:1px solid var(--line)}
.sales-nav{margin-left:auto;display:flex;align-items:center;gap:var(--space-6)}
.sales-nav a{min-height:44px;display:flex;align-items:center;font-size:var(--text-sm);text-decoration:none;color:var(--muted)}
.sales-nav a:hover{color:var(--gold)}.header-actions{margin-left:var(--space-3)}
.hero{background:transparent;border:0;border-radius:0;overflow:visible;grid-template-columns:1.2fr .8fr;gap:64px;padding:56px 0 48px;align-items:center}
.hero-copy{padding:0}
.hero h1{font-size:clamp(2.8rem,2rem + 2.7vw,4.45rem);line-height:1.04;margin-bottom:var(--space-5);letter-spacing:-.035em}
.hero-copy .eyebrow{letter-spacing:.1em}.authority{font-size:var(--text-sm);margin-bottom:var(--space-5)}
.lede{font-size:1.075rem;line-height:1.6}.hero-last{font-size:var(--text-sm);line-height:1.65;max-width:54ch}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-5);margin:var(--space-6) 0 var(--space-3)}
.primary{min-height:52px;padding:var(--space-4) var(--space-5)}
.product-art{background:#eee8d9;border:1px solid var(--line);border-radius:8px;padding:var(--space-5);align-self:center;box-shadow:0 12px 30px rgba(70,56,27,.055)}
.product-view-label,.product-shot{width:100%;max-width:355px}
.product-shot{box-shadow:none}
.sales-bridge{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);border-block:1px solid var(--line);padding-block:var(--space-5);font-size:var(--text-xs);letter-spacing:.1em;color:var(--gold)}
.sales-bridge strong{font:500 1.4rem/1.25 var(--display);letter-spacing:0;color:var(--ink)}
.recognition{background:transparent;border:0;border-radius:0;width:min(740px,calc(100% - 44px));padding:64px 0 56px;margin:0 auto}
.recognition h2{font-size:clamp(2.25rem,1.65rem + 1.5vw,3.15rem);max-width:none}
.recognition p:not(.eyebrow){font-size:var(--text-base);max-width:67ch;line-height:1.7}
.story{grid-template-columns:.75fr 1.25fr;gap:56px;padding:40px;margin:0 auto 64px;background:var(--white)}
.story-photo{max-width:320px}.story-photo img{max-height:430px;object-fit:cover}.story-copy h2{font-size:clamp(2rem,1.55rem + 1.3vw,2.85rem)}
.story-copy>p:not(.eyebrow){font-size:var(--text-sm)}blockquote{columns:1;margin-block:var(--space-5)}blockquote p{font-size:var(--text-base);line-height:1.5}
.section-heading h2,.two-paths>h2,.fit>h2,.faq>h2{font-size:clamp(2rem,1.5rem + 1.4vw,2.85rem)}
.section-heading>p{font-size:var(--text-base);line-height:1.65}
.logic,.omni,.install{margin-bottom:64px}
.logic>.container{background:transparent;border:0;padding:0}
.logic-rows{background:var(--white)}.logic-rows article{padding-block:var(--space-6)}
.creative{padding:0;background:transparent;border:0;margin-bottom:64px}
.creative-gallery{margin-top:var(--space-6)}.creative-gallery figure{background:var(--white)}
.creative-gallery figcaption{font-size:1.65rem}.creative-gallery .micro{margin-bottom:0}
.omni>.container{padding:var(--space-8);gap:56px}.omni h2{font-size:clamp(2rem,1.5rem + 1.4vw,2.85rem)}
.omni-grid>div>p:not(.eyebrow){font-size:var(--text-base)}
.two-paths{padding:0;background:none;border:0;margin-bottom:64px}.path-grid{margin-top:var(--space-6)}.path-grid article{background:var(--white);padding:var(--space-6)}
.path-grid h3{font-size:2.05rem}.path-grid p{font-size:var(--text-base)}
.install>.container{padding:var(--space-8);background:#eee8d9}.install-list{background:var(--white)}
.fit,.faq{width:min(820px,calc(100% - 44px));background:transparent;border:0;padding:0;margin:0 auto 56px}
.fit-lists{margin-top:var(--space-6)}.fit-lists ul{font-size:var(--text-base)}
.faq details{background:var(--white);border:1px solid var(--line);border-radius:6px;margin-bottom:var(--space-3);padding-inline:var(--space-5)}
.closing{padding:48px;text-align:center;background:var(--white);margin-bottom:var(--space-8)}
.closing h2{font-size:clamp(2.5rem,1.8rem + 1.8vw,3.5rem)}.closing>p:not(.eyebrow){font-size:var(--text-base)}
.footer{border-top:1px solid var(--line);padding-block:var(--space-4);margin-top:0}

.walkthrough{background:#eee9dc;border-block:1px solid var(--line);margin-bottom:64px;padding-top:48px}
.walkthrough-intro{max-width:820px;margin-bottom:var(--space-8)}
.walkthrough-intro h2{font-size:clamp(2.3rem,1.65rem + 1.65vw,3.4rem);line-height:1.08}
.walkthrough-intro>p:not(.eyebrow){font-size:var(--text-base);color:var(--muted);line-height:1.65}
.demo-layout{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}
.demo-sticky{position:sticky;top:96px;grid-column:2;grid-row:1;align-self:start;z-index:5}
.demo-window{background:var(--white);border:1px solid #c7bca3;border-radius:9px;box-shadow:0 12px 36px rgba(77,61,26,.06);overflow:hidden}
.demo-window-top{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--line);min-height:48px}
.demo-wordmark{font:500 1.6rem/1.2 var(--display)}
.demo-wordmark small{font:400 var(--text-xs)/1.2 var(--body);letter-spacing:.1em;margin-left:var(--space-2);color:var(--muted)}
#demo-count{font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--muted);letter-spacing:.08em}
.demo-progress{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid var(--line);padding-inline:var(--space-2)}
.demo-progress button{background:transparent;border:0;border-bottom:2px solid transparent;min-height:54px;padding:6px var(--space-1);font-size:var(--text-xs);color:var(--muted);line-height:1.3}
.demo-progress button>span{display:block;font-size:var(--text-xs);margin-bottom:2px;color:var(--gold)}
.demo-progress button[aria-current=step]{border-bottom-color:var(--gold);color:var(--ink);font-weight:500;background:#f4efdf}
.demo-screen-wrap{height:min(55vh,535px,calc(100svh - 320px));position:relative;background:var(--paper);display:flex;align-items:center;justify-content:center;padding:var(--space-3)}
.demo-screen{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border:0;padding:0;background:transparent;touch-action:pan-y}
.demo-screen img{width:auto;height:100%;max-width:100%;object-fit:contain;user-select:none;-webkit-user-drag:none;background:var(--paper)}
.demo-screen.can-swipe{cursor:grab}.demo-screen.can-swipe:active{cursor:grabbing;opacity:1}
.demo-zoom{position:absolute;bottom:var(--space-3);right:var(--space-3);min-height:44px;background:var(--white);border:1px solid var(--line);border-radius:5px;padding:var(--space-2) var(--space-3);color:var(--muted);font-size:var(--text-xs)}
.demo-footer{min-height:88px;padding:var(--space-2) var(--space-4);display:flex;flex-direction:column;align-items:center;justify-content:center;border-top:1px solid var(--line);gap:var(--space-1)}
.demo-footer p{font-size:var(--text-xs);color:var(--muted);margin:0;text-align:center;line-height:1.45}
.demo-actions{display:flex;align-items:center;gap:var(--space-3)}
.demo-actions button{min-height:44px;padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:5px;background:var(--white);font-size:var(--text-xs);color:var(--ink)}
.demo-actions button:first-child{color:#873f2e;border-color:#c5a392;background:#f9f1ec}
.demo-steps{grid-column:1;grid-row:1;position:relative;padding-bottom:80px}
.demo-step{min-height:clamp(360px,59vh,560px);display:flex;align-items:center;padding-block:var(--space-6);scroll-margin-top:140px}
.step-card{width:100%;padding:var(--space-6);border:1px solid transparent;border-radius:8px;transition:background .25s ease,border-color .25s ease}
.demo-step.is-active .step-card{background:var(--white);border-color:var(--line)}
.step-number{display:block;font-size:var(--text-xs);color:var(--gold);letter-spacing:.09em;margin-bottom:var(--space-5)}
.step-card h3{font:500 clamp(1.95rem,1.4rem + 1.5vw,2.85rem)/1.08 var(--display);letter-spacing:-.025em;margin-bottom:var(--space-5)}
.step-card>p{font-size:var(--text-base);line-height:1.7;color:var(--muted)}
.step-footnote{display:block;border-top:1px solid var(--line);padding-top:var(--space-4);margin-top:var(--space-5);font-size:var(--text-xs);color:var(--gold)}
.walkthrough-source{padding:var(--space-5) 0 var(--space-6);border-top:1px solid var(--line);font-size:var(--text-xs);color:var(--muted);margin:0}
.frame-enter{animation:frame-enter .24s ease-out}
@keyframes frame-enter{from{opacity:.58}to{opacity:1}}
@media(max-width:1050px){.hero{gap:var(--space-8);grid-template-columns:1.05fr .95fr}.hero h1{font-size:3.2rem}.demo-layout{gap:var(--space-6);grid-template-columns:1fr 1fr}.step-card{padding:var(--space-5)}.demo-wordmark small{letter-spacing:.04em}.story{gap:var(--space-8);padding:var(--space-8)}}
@media(max-width:760px){
 html{scroll-padding-top:82px}body{padding-bottom:0}.header{height:68px;padding-inline:var(--space-4)}
 .sales-nav{gap:var(--space-3)}.sales-nav a{font-size:var(--text-xs)}.sales-nav a:last-child{display:none}
 .header-actions{margin-left:0}.preview-button{font-size:var(--text-xs);min-width:74px;padding-inline:0}
 .hero{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-8) 0 28px}
 .hero-copy{padding:0}.hero h1{font-size:clamp(2.65rem,9.1vw,3.5rem);line-height:1.04;margin-bottom:var(--space-5)}
 .hero .desktop-break{display:initial}.hero-copy .eyebrow{font-size:var(--text-xs);letter-spacing:.07em}
 .authority{font-size:var(--text-xs);margin-bottom:var(--space-5)}.lede{font-size:var(--text-base)}
 .hero-actions{gap:var(--space-2);margin-top:var(--space-5)}.primary{width:100%;min-height:52px;padding:var(--space-4) var(--space-5)}.hero-actions .quiet-link{width:100%;justify-content:center}
 .product-art{width:100%;padding:var(--space-4);border:1px solid var(--line)}.product-shot,.product-view-label{max-width:320px}
 .sales-bridge{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);font-size:var(--text-xs);letter-spacing:.04em;padding-block:var(--space-4)}.sales-bridge strong{font-size:1.2rem}
 .recognition{padding-block:48px;width:calc(100% - 40px)}.recognition h2{font-size:2.3rem}.recognition p:not(.eyebrow){font-size:var(--text-base)}
 .story{display:flex;flex-direction:column-reverse;padding:var(--space-5);gap:var(--space-5);margin-bottom:48px}
 .story-copy h2{font-size:2.1rem}.story-photo{max-width:none;width:100%}.story-photo img{width:96px;aspect-ratio:4/5}.story-photo span{font-size:var(--text-sm)}
 blockquote p{font-size:var(--text-base)}.section-heading h2,.two-paths>h2,.fit>h2,.faq>h2{font-size:2.15rem}
 .section-heading>p{font-size:var(--text-base)}.logic,.omni,.install{margin-bottom:48px}
 .logic>.container{padding:0}.logic-rows article{padding:var(--space-4)}.creative{padding:0;margin-bottom:48px}.creative-gallery{margin-top:var(--space-5)}
 .omni>.container{padding:var(--space-5);gap:var(--space-5)}.omni h2{font-size:2.2rem}
 .two-paths{padding:0;margin-bottom:48px}.path-grid article{padding:var(--space-5)}.path-grid h3{font-size:1.9rem}.path-grid p{font-size:var(--text-base)}
 .install>.container{padding:var(--space-5)}.fit,.faq{width:calc(100% - 40px);margin-bottom:40px;padding:0}
 .fit-lists ul{font-size:var(--text-base)}.faq details{padding-inline:var(--space-4)}
 .closing{padding:var(--space-8) var(--space-5);margin-bottom:var(--space-6)}.closing h2{font-size:2.5rem}
 .footer{padding-block:var(--space-4)}
 .walkthrough{padding-top:var(--space-8);margin-bottom:48px}
 .walkthrough>.container{width:calc(100% - 28px)}
 .walkthrough-intro{margin-bottom:var(--space-5)}.walkthrough-intro h2{font-size:2.35rem}.walkthrough-intro>p:not(.eyebrow){font-size:var(--text-base)}
 .demo-layout{display:flex;flex-direction:column;gap:0}
 .demo-sticky{position:sticky;top:68px;order:0;width:100%;background:#eee9dc;padding:6px 0 10px;z-index:8}
 .demo-window{border-radius:7px;box-shadow:0 7px 16px rgba(61,50,26,.08)}
 .demo-window-top{min-height:36px;padding:4px var(--space-3)}
 .demo-wordmark{font-size:1.3rem}.demo-wordmark small{font-size:var(--text-xs);letter-spacing:.03em}
 #demo-count{font-size:var(--text-xs)}
 .demo-progress{padding-inline:4px}.demo-progress button{min-height:44px;font-size:var(--text-xs);padding:3px 2px;line-height:1.1}
 .demo-progress button>span{display:none}
 .demo-screen-wrap{height:clamp(150px,calc(47svh - 170px),275px);padding:5px}
 .demo-zoom{right:var(--space-2);bottom:var(--space-2);padding:var(--space-2);font-size:var(--text-xs);min-height:44px}
 .demo-footer{min-height:88px;padding:4px 8px;gap:0}.demo-footer p{font-size:var(--text-xs);line-height:1.35}
 .demo-actions{gap:var(--space-2)}.demo-actions button{min-height:44px;padding:4px 10px;font-size:var(--text-xs);line-height:1.1}
 .demo-steps{order:1;padding-bottom:70px;width:100%}
 .demo-step{min-height:clamp(340px,55svh,480px);padding:var(--space-5) 0;scroll-margin-top:460px}
 .step-card{padding:var(--space-5);border-radius:6px}.step-card h3{font-size:2.05rem;margin-bottom:var(--space-4)}
 .step-card>p{font-size:var(--text-base);line-height:1.65}
 .step-number{font-size:var(--text-xs);letter-spacing:.06em;margin-bottom:var(--space-4)}
 .step-footnote{margin-top:var(--space-4);padding-top:var(--space-3);font-size:var(--text-xs)}
 .walkthrough-source{font-size:var(--text-xs);padding-block:var(--space-4) var(--space-5)}
}
@media(prefers-reduced-motion:reduce){.frame-enter{animation:none}.step-card{transition:none}}
@media(max-width:760px) and (max-height:520px){
 .demo-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}
 .demo-sticky{grid-column:2;grid-row:1;position:sticky;top:68px;order:initial;padding:0}
 .demo-steps{grid-column:1;grid-row:1;order:initial;padding-bottom:50px}
 .demo-window-top{min-height:32px;padding:3px 8px}
 .demo-wordmark small{display:none}
 .demo-screen-wrap{height:max(60px,calc(100svh - 255px));padding:4px}
 .demo-step{min-height:420px;padding-block:var(--space-5)}
 .step-card{padding:var(--space-4)}
 .step-card h3{font-size:1.7rem}
 .step-card>p{font-size:var(--text-base)}
 .demo-footer{min-height:88px}
 .demo-zoom{padding:4px 6px}
}
@media(max-width:560px) and (max-height:520px){
 .demo-layout{display:block}
 .demo-sticky{position:relative;top:auto;max-width:330px;margin-inline:auto;margin-bottom:var(--space-5)}
 .demo-step{min-height:360px}
}