/* A restrained, scroll-driven presentation layer; readable without JavaScript. */
body{overflow-x:clip}
.cinematic-ambient{position:absolute;inset:0 0 auto;height:1050px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 80% 34%,#386bf229,transparent 40%),radial-gradient(ellipse at 18% 2%,#8a5fff14,transparent 48%);mask-image:linear-gradient(#000 65%,transparent)}
.cinematic-ambient:after{content:'';position:absolute;inset:0;background-image:linear-gradient(#91adff08 1px,transparent 1px),linear-gradient(90deg,#91adff08 1px,transparent 1px);background-size:76px 76px;mask-image:radial-gradient(ellipse at 75% 35%,#000,transparent 65%)}
.site-header .nav{transition:background .3s,border-color .3s,box-shadow .3s}
.site-header.is-scrolled .nav{background:#0b121df2;border-color:#3b4e68;box-shadow:0 12px 45px #0005}
.nav-links>a{position:relative}
.nav-links>a:after{content:'';position:absolute;bottom:-7px;left:0;right:0;height:2px;background:var(--cyan);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.nav-links>a[aria-current]{color:var(--text)}
.nav-links>a[aria-current]:after{transform:scaleX(1)}
.hero{position:relative;min-height:min(880px,calc(100svh - 90px));padding-block:95px 110px}
.hero h1{font-size:clamp(54px,6.15vw,88px);letter-spacing:-4.3px;line-height:1.03}
.hero .eyebrow{font-size:11px;letter-spacing:2.6px}
.hero-art:before{content:'';position:absolute;width:85%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#4d85ff24,transparent 68%);pointer-events:none}
.cinematic-enabled .hero-art{translate:0 var(--hero-parallax,0px);scale:var(--hero-scale,1)}
.cinematic-enabled .hero-copy .hero-description{translate:0 calc(var(--hero-scroll,0)*22px)}
.foundation{background:linear-gradient(90deg,transparent,#18283d22,transparent);padding-block:36px}
.showcase-section{background:radial-gradient(ellipse at 50% 0,#1f345323,transparent 55%),#090e17}
.showcase-card{border-radius:25px}
.showcase-card.is-current{border-color:#83c8ef;box-shadow:0 28px 70px #0007,0 0 0 1px #9ed9ff12}
.showcase-progress{height:3px;border-radius:3px}
.showcase-controls button{transition:background .25s,border-color .25s}
.showcase-controls button:hover{background:#1a2e43}
.cinematic-enabled .scroll-ink{background-image:linear-gradient(100deg,#70def3,#73a7ff 65%,#ac9bff),linear-gradient(#344359,#344359);background-size:var(--ink-progress,100%) 100%,100% 100%;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;color:transparent}
.control-section{position:relative;background:radial-gradient(ellipse at 50% 55%,#15284270,transparent 70%),#090f19;border-block:1px solid #233043}
.control-intro h2{font-size:clamp(38px,4.4vw,64px);letter-spacing:-2.4px}
.control-grid article{position:relative;overflow:hidden;background:#111b28;border:1px solid #2b3a4f;border-radius:22px}
.control-grid article:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;transform:scaleX(var(--step-progress,0));transform-origin:left;background:linear-gradient(90deg,var(--cyan),var(--violet))}
.control-grid .step-number{font-size:48px;font-weight:500;letter-spacing:-3px;color:#60718b;transition:color .3s}
.control-grid article.chapter-active{border-color:#6c9bb9;background:linear-gradient(145deg,#172c42,#111b28);box-shadow:0 22px 70px #0004}
.control-grid .chapter-active .step-number,.control-grid .chapter-complete .step-number{color:var(--cyan)}
.control-grid article h3{font-size:23px}
.plans-heading h2{font-size:clamp(42px,4.8vw,70px);letter-spacing:-2.5px}
.plan-card{position:relative;isolation:isolate;border-radius:24px;box-shadow:0 15px 35px #0003}
.cinematic-enabled .plan-card{translate:0 var(--plan-enter,0px)}
.plan-card:after,.download-card:after,.feature-panel:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:radial-gradient(420px circle at var(--spot-x,50%) var(--spot-y,0%),#aad5ff12,transparent 70%);opacity:0;transition:opacity .35s}
.cinematic-enabled .plan-card:hover:after,.cinematic-enabled .download-card:hover:after,.cinematic-enabled .feature-panel:hover:after{opacity:1}
.feature-panel,.download-card{position:relative;isolation:isolate}
.plan-card .price strong{letter-spacing:-2px}
.plan-card .plan-buy{min-height:54px;border-radius:12px}
.plan-card .plan-label{letter-spacing:2.5px}
.plan-card[data-plan=premium]{box-shadow:0 20px 70px #e2b6290a,0 15px 35px #0003}
.activation-steps{position:relative;isolation:isolate}
.activation-steps:before{content:'';position:absolute;left:30px;top:45px;bottom:45px;width:1px;background:#314159;z-index:-1}
.activation-steps:after{content:'';position:absolute;left:30px;top:45px;bottom:45px;width:2px;background:var(--cyan);transform:scaleY(var(--activation-progress,0));transform-origin:top;z-index:-1}
.activation-steps li{background:#0c1521;border:1px solid #27384d;border-radius:18px}
.activation-steps li.step-active{border-color:#567993}
.activation-steps li>span{background:#111f2e;border:1px solid #304762;border-radius:12px;width:44px;min-width:44px;min-height:44px;display:grid;place-items:center}
.activation-steps li.step-active>span{color:var(--cyan);border-color:#5b9cb5;box-shadow:0 0 25px #60d8f114}
.download-panel{border-radius:28px;border-color:#385169;background:radial-gradient(ellipse at 10% 90%,#25539024,transparent 60%),#101a28}
.closing{position:relative;padding-block:120px;isolation:isolate}
.closing:before{content:'';position:absolute;inset:15% 10%;border-radius:50%;background:radial-gradient(ellipse,#426ce51c,transparent 65%);z-index:-1;pointer-events:none}
.closing h2{font-size:clamp(36px,4.5vw,64px);letter-spacing:-2.5px}
.high-contrast .scroll-ink{background:none;color:var(--text)}
@media(min-width:1000px) and (min-height:740px){
 .scroll-chapters{height:230svh;padding-block:0}
 .scroll-chapters>.container{position:sticky;top:110px;min-height:calc(100svh - 140px);display:flex;flex-direction:column;justify-content:center;gap:46px;padding-block:30px}
 .scroll-chapters .control-intro{margin:0;max-width:900px}
 .scroll-chapters .control-grid{margin:0}
 .scroll-chapters .control-grid article{min-height:245px;transition:background .4s,border-color .4s,box-shadow .4s,opacity .7s,transform .7s}
}
@media(max-width:999px){.hero{min-height:0;padding-block:55px 70px}.hero h1{letter-spacing:-2.8px}.activation-steps:before,.activation-steps:after{display:none}.control-intro h2{font-size:38px}.nav-links>a:after{bottom:3px}}
@media(max-width:480px){.hero h1{font-size:54px}.hero-art{min-height:370px}.closing{padding-block:75px}.control-intro h2{font-size:32px;letter-spacing:-1.5px}.plans-heading h2{font-size:44px}.control-grid .step-number{font-size:38px}}
html:not(.cinematic-enabled) .activation-steps:after{display:none}
html:not(.cinematic-enabled) .control-grid article:after{transform:scaleX(1)}
@media(prefers-reduced-motion:reduce){html:not(.motion-enabled) .hero-art,html:not(.motion-enabled) .plan-card,html:not(.motion-enabled) .hero-description{translate:none!important;scale:none!important}html:not(.motion-enabled) .scroll-ink{background-size:100% 100%,100% 100%!important}html:not(.motion-enabled) .scroll-chapters{height:auto!important}html:not(.motion-enabled) .scroll-chapters>.container{position:static!important}}
/* V2: a new full-width product opening and a three-screen scroll sequence. */
.hero{grid-template-columns:1fr;text-align:center;gap:42px;padding-top:62px;padding-bottom:38px}
.hero-copy{max-width:1000px;margin-inline:auto}
.hero-copy>.eyebrow,.hero-actions{justify-content:center}
.hero h1{font-size:clamp(62px,8.7vw,120px);line-height:1;letter-spacing:-6px;margin:26px 0}
.hero h1 br:first-of-type{display:none}
.hero-description{max-width:640px;margin-inline:auto;font-size:19px}
.hero-product{min-height:0;width:min(1030px,100%);margin:0 auto;display:block;perspective:1500px}
.hero-product:before{inset:0;width:100%;border-radius:30%;background:radial-gradient(ellipse,#3071fc35,transparent 65%);filter:blur(30px)}
.hero-device{position:relative;border:1px solid #577598;border-radius:18px;overflow:hidden;background:#0b1423;box-shadow:0 55px 100px #0008,0 0 70px #2865cd20;transform:rotateX(7deg);transform-origin:50% 100%}
.hero-device>img{width:100%;height:420px;object-fit:cover;object-position:center 45%;opacity:.94}
.device-toolbar{height:42px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-inline:18px;background:#121c2a;border-bottom:1px solid #314359;font-size:10px;letter-spacing:1.5px;color:#a8bcd3}
.device-dots{display:flex;gap:6px}.device-dots i{width:7px;height:7px;background:#53657b;border-radius:50%}.device-dots i:first-child{background:#af7b8a}.device-dots i:last-child{background:#6ba4a1}
.device-status{display:flex;gap:7px;align-items:center}.device-status .status-dot{width:5px;height:5px;flex-basis:5px}
.device-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 25px;border-top:1px solid #324258;font-size:12px;color:#a6b8cd}.device-bottom>span:first-child{letter-spacing:4px;color:#e6f1ff;font-weight:700}
.hero-scroll-cue{display:block;margin:28px 0 0;color:#95acc7;font-size:11px;letter-spacing:2px;text-transform:uppercase}
.cinematic-enabled .hero-product{translate:0 calc(var(--hero-parallax,0px)*-.3);scale:calc(1 + var(--hero-scroll,0)*.08)}
.product-story{padding:110px 0;background:radial-gradient(ellipse at 80% 50%,#26375970,transparent 65%),#080d15;border-bottom:1px solid #24344a}
.product-story-heading{margin-bottom:50px}.product-story-heading h2{font-size:clamp(42px,5vw,72px);letter-spacing:-3px;margin:20px 0}.product-story-heading .eyebrow{font-size:11px}
.product-scenes{display:grid;gap:60px}.product-scene{display:grid;grid-template-columns:.65fr 1.35fr;align-items:center;gap:50px}.scene-copy h3{font-size:clamp(30px,3.4vw,48px);letter-spacing:-2px;line-height:1.1;max-width:400px}.scene-copy .eyebrow{font-size:10px}
.scene-screen{border:1px solid #526d8c;border-radius:18px;overflow:hidden;background:#111927;box-shadow:0 30px 70px #0007}.scene-screen img{width:100%;height:360px;object-fit:cover}
.scene-navigation{display:flex;gap:10px;justify-content:center;margin-top:35px}.scene-navigation button{position:relative;padding:14px 20px;border:1px solid #304660;border-radius:10px;background:#111c2a;color:#acbfd4;font-size:12px;display:flex;gap:12px;align-items:center}.scene-navigation button[aria-pressed=true]{border-color:#74d4ef;color:#cff5ff;background:#173246}.scene-navigation button:hover{border-color:#74d4ef}
@media(min-width:900px) and (min-height:650px){
 .product-story.scene-pinned{height:300svh;padding-block:0}
 .scene-pinned .product-story-pin{position:sticky;top:105px;height:calc(100svh - 120px);display:flex;flex-direction:column;justify-content:center;padding-block:22px}
 .scene-pinned .product-story-heading{margin-bottom:22px}.scene-pinned .product-story-heading h2{font-size:clamp(36px,4vw,58px);margin:10px 0}.scene-pinned .product-story-heading h2 br{display:none}
 .scene-pinned .product-scenes{position:relative;display:block;height:clamp(300px,46svh,480px);perspective:1400px}
 .scene-pinned .product-scene{position:absolute;inset:0;opacity:var(--scene-alpha,0);translate:0 var(--scene-y,0px);scale:var(--scene-scale,1);transform:rotateX(var(--scene-rotate,0deg));pointer-events:none}
 .scene-pinned .product-scene:first-child{opacity:var(--scene-alpha,1)}
 .scene-pinned .scene-selected{z-index:2}
 .scene-pinned .scene-screen img{height:clamp(255px,38svh,410px)}
 .scene-pinned .scene-navigation{margin-top:22px}
}
@media(max-width:899px){.hero h1{font-size:clamp(52px,9vw,80px);letter-spacing:-3px}.hero-device>img{height:330px}.hero-product{max-width:100%}.product-story{padding-block:70px}.product-scene{grid-template-columns:1fr;gap:20px}.scene-copy h3{font-size:36px;margin:15px 0;max-width:none}.scene-screen img{height:auto}.scene-navigation{flex-wrap:wrap}.product-story-heading{margin-bottom:35px}.product-story-heading h2{font-size:44px}}
@media(max-width:480px){.hero{padding-top:42px;gap:25px}.hero h1{font-size:54px;letter-spacing:-3px}.hero h1 br:first-of-type{display:initial}.hero-description{font-size:16px}.hero-product{min-height:0}.hero-device>img{height:235px}.device-status{display:none}.device-toolbar{font-size:8px;padding-inline:10px;gap:8px}.device-bottom{padding:13px;font-size:10px;gap:10px}.device-bottom span:last-child{max-width:185px;text-align:right}.scene-navigation button{padding:12px}.scene-navigation button span{font-size:10px}.product-story-heading h2{font-size:36px;letter-spacing:-2px}}
@media(prefers-reduced-motion:reduce){html:not(.motion-enabled) .hero-device{transform:none}html:not(.motion-enabled) .hero-product{scale:none!important;translate:none!important}}

/* Audit fixes: one readable title, compact pricing, uncropped product proof. */
.scene-pinned .product-scene:not(.scene-selected) .scene-copy{visibility:hidden}
.scene-pinned .scene-copy{transition:none}
.scene-screen img[src*="measurements-app"]{object-fit:contain;background:#080d15}
.product-story-heading h2 .text-gradient{margin-left:.18em}
#planos{padding-top:72px;padding-bottom:72px}
.plans-heading{margin-bottom:24px}
.plans-heading h2{font-size:clamp(38px,4vw,58px);line-height:1.08}
.plans-heading h2 br{display:none}
.plans-heading h2 .text-gradient{margin-left:.15em}
#planos .comparison{margin-top:32px}
#planos .comparison[open] summary{margin-bottom:18px}
.scene-copy p{color:#bac9dc;font-size:16px;line-height:1.65;max-width:330px}
@media(max-width:700px){#planos{padding-block:48px}.scene-copy p{max-width:none}.plans-heading h2 br{display:block}.plans-heading h2 .text-gradient{margin-left:0}}

/* Motion mode changes use an explicit reading anchor instead of browser anchoring. */
html,body{overflow-anchor:none}