/* Restore the photographic composition, not isolated small product thumbnails. */
html,body{background:#030607!important}
.page{max-width:1440px;margin:auto;container-type:inline-size;background:#030607!important}
header{height:76px;padding:0 4.5%;background:transparent;border:0}
main{isolation:isolate;position:relative;background:radial-gradient(ellipse 650px 500px at 50% calc(100% - 280px),#0b34347d,transparent 80%),#030607!important}
.hero,.card,.assistant,.benefits,.bridge,.editorial,.waitlist{border:0!important;background:transparent!important;box-shadow:none!important}
.scene{position:relative;isolation:isolate;overflow:hidden}
.hero{min-height:0;aspect-ratio:1.5}
.hero .scene-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;mask-image:linear-gradient(#000 0%,#000 86%,transparent 100%)}
.hero .copy{margin-left:4.5%;width:43%;padding:0;align-self:center;margin-top:-8%}
.hero h1{font-size:clamp(36px,6.5cqw,88px);line-height:1.02;font-weight:400;letter-spacing:-.045em;margin-bottom:24px}
.hero .copy>p{font-size:clamp(16px,2.4cqw,29px);line-height:1.4;max-width:31ch;font-family:Arial,Helvetica,sans-serif;font-weight:400;letter-spacing:0}
.intro-lead{display:block;color:#dce4e5;margin-bottom:3px}.intro-detail{color:#b6c0c2}
.desktop-break{display:none}
.actions{margin-top:26px;gap:14px}
.scene-label{display:none!important}
.benefits{padding:40px 4.5% 50px}
.benefits h2{font-size:clamp(30px,5cqw,64px);margin-bottom:40px;line-height:1.08}
.columns h3{font-size:clamp(16px,2.3cqw,28px)}.columns p{font-size:clamp(13px,1.8cqw,22px)}
.card{aspect-ratio:1.75;min-height:0}
.card .scene-image{inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;mask-image:linear-gradient(to bottom,transparent 0%,#000 15%,#000 72%,transparent 100%)}
.card .copy{width:32%;margin-left:4.5%;padding:0;margin-top:-5%}
.card h2{font-size:clamp(32px,6.2cqw,82px);line-height:1.03}
.card .copy>p{font-size:clamp(16px,2.35cqw,28px);line-height:1.4;max-width:23ch}
.eyebrow{font-size:clamp(9px,1.1cqw,13px);letter-spacing:3px;margin-bottom:24px}
.bridge{padding:0 5% 22px;text-align:center;position:relative;z-index:2}
.bridge h2{font-size:clamp(20px,2.5cqw,30px)}.bridge p{font-size:clamp(15px,1.9cqw,23px)}
.assistant{min-height:0;aspect-ratio:1.75}
.assistant::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 73% 48%,#0b424585,transparent 60%)}
.assistant .scene-image{inset:4% 9% auto auto!important;width:35%!important;height:92%!important;max-width:480px!important;object-fit:contain;mask-image:none}
.assistant .copy{width:43%;margin-left:4.5%;padding:0}
.assistant h2{font-size:clamp(32px,5.3cqw,68px);line-height:1.04}.assistant .copy>p{font-size:clamp(16px,2.15cqw,26px);max-width:29ch}
.editorial{padding:36px 4.5% 50px;gap:9%;grid-template-columns:1fr 1fr}
.editorial h2{font-size:clamp(30px,4.4cqw,58px)}.editorial .copy>p{font-size:clamp(16px,2.1cqw,25px)}
.waitlist{position:relative;isolation:isolate;padding:65px 5% 70px;overflow:visible}
.waitlist::before,.waitlist::after{content:none!important}
.waitlist h2{font-size:clamp(38px,5.1cqw,68px)}
/* Small, deliberate motion. Text remains real, selectable HTML. */
.button{transition:transform .22s ease,box-shadow .25s ease,background-color .25s ease}
.button:focus-visible,.text-link:focus-visible{outline:2px solid #80e2dc;outline-offset:5px}
.button:active{transform:scale(.98)}
@media(hover:hover) and (pointer:fine){.button:hover{transform:translateY(-2px);box-shadow:0 8px 28px #4bd7ca33}.text-link:hover{color:#a9ece5}.assistant .scene-image{animation:soft-float 8s ease-in-out infinite}}
@keyframes soft-float{0%,100%{translate:0 0}50%{translate:0 -5px}}
.motion-ready [data-vondo-reveal]{opacity:0;transform:translateY(12px);transition:opacity .6s ease,transform .6s ease}
.motion-ready [data-vondo-reveal].vondo-visible{opacity:1;transform:none}
@media(max-width:760px){header{height:68px;padding-inline:6%}.hero{aspect-ratio:auto;display:flex;flex-direction:column}.hero .copy{width:auto;margin:0;padding:30px 6% 8px;align-self:stretch}.hero h1{font-size:44px}.hero .copy>p{font-size:18px;max-width:32ch}.hero .scene-image{position:relative!important;inset:auto!important;height:450px!important;width:100%!important;object-fit:cover;object-position:83% center;order:1;mask-image:linear-gradient(transparent,#000 10%,#000 82%,transparent)}.benefits{padding:30px 6%}.benefits h2{font-size:32px}.card{aspect-ratio:auto;display:flex;flex-direction:column}.card .copy{width:auto;margin:0;padding:26px 6% 0;align-self:stretch}.card h2{font-size:42px}.card .copy>p{font-size:18px;max-width:30ch}.card .scene-image{position:relative!important;inset:auto!important;width:100%!important;height:300px!important;object-fit:cover;object-position:82% 62%;order:1}.bridge{padding:0 6% 24px}.assistant{aspect-ratio:auto;display:flex;flex-direction:column}.assistant .copy{width:auto;margin:0;padding:26px 6% 20px;align-self:stretch}.assistant h2{font-size:39px}.assistant .copy>p{font-size:18px}.assistant .scene-image{position:relative!important;inset:auto!important;align-self:center;width:min(74%,360px)!important;height:auto!important;margin:0 auto 24px;order:1}.editorial{padding:30px 6% 35px}.editorial h2{font-size:36px}.waitlist{padding:50px 6% 60px}.waitlist h2{font-size:42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}.motion-ready [data-vondo-reveal]{opacity:1;transform:none}.button:hover,.button:active{transform:none}}