.reveal-mask{margin-block:-.08em;padding-block:.08em;display:block;overflow:clip}.reveal-line{display:block}.cinematic-hero{position:relative}.hero-narrative{align-items:center;min-width:0;display:grid}.hero-narrative>.hero-copy{grid-area:1/1}.cinematic-hero h1 .reveal-mask,.cinematic-hero h1 .reveal-line{color:var(--ink)}.cinematic-hero h1 .ember-text{color:var(--ember)}.scene-copy,.cinematic-footer{display:none}.scene-copy h2{letter-spacing:-.04em;font-size:clamp(2.6rem,4.2vw,4.5rem);line-height:1.09}.scene-caption{color:var(--muted);align-items:center;gap:.65rem;margin-bottom:1.8rem;font-size:.8125rem;display:flex}.scene-caption .icon{color:var(--ember);width:1.2rem;height:1.2rem}.scene-footnote{color:var(--faint);margin-top:1.75rem;font-size:.75rem;line-height:1.8}.scene-next{margin-top:1.75rem}.product-presentation{min-width:0}.cinematic-hero .product-stage{perspective:1400px;perspective-origin:50% 45%}.phone-rig{width:fit-content;transform-style:preserve-3d;z-index:var(--z-content);margin-inline:auto;position:relative;transform:perspective(1200px)rotate(6deg)rotateY(-22deg)rotateX(8deg)}.phone-entrance{transform-style:preserve-3d;position:relative}.card-entrance{align-items:center;gap:inherit;background:var(--surface);border-radius:inherit;display:flex;position:relative;box-shadow:0 12px 28px oklch(0% 0 0/.25)}.timer-entrance{padding:1rem}.note-entrance{padding:1rem 1.1rem}.cinematic-hero .phone-preview{border-color:oklch(32% .009 265);margin:0;transform:none;box-shadow:14px 30px 48px oklch(0% 0 0/.4)}.phone-edge{background:oklch(36% .009 265);border-radius:28px;position:absolute;inset:1px -4px 1px 4px;transform:translateZ(-7px)}.phone-edge:before,.phone-edge:after{content:"";background:oklch(45% .012 265);border-radius:2px;width:3px;position:absolute}.phone-edge:before{height:38px;top:24%;left:-5px}.phone-edge:after{height:51px;top:29%;right:-2px}.phone-display{aspect-ratio:780/1688;isolation:isolate;background:var(--ground);position:relative;overflow:hidden}.phone-screen{outline-offset:-5px;position:absolute;inset:0}.phone-screen[data-state=inactive]{display:none}.phone-screen>img{object-fit:cover;width:100%;height:100%}.phone-display[data-screen-presentation=scroll] .phone-screen:is([data-screen=today],[data-screen=pause]){display:block}.phone-display[data-screen-presentation=scroll] .phone-screen[data-screen=profiles]{display:none}.phone-screen[data-screen=pause]{z-index:1}.phone-display[data-screen-presentation=scroll] .phone-screen[data-screen=pause]>img{opacity:0;transform:translateY(12px)}.phone-display:not([data-screen-presentation=scroll]) .phone-screen>img{opacity:1!important;transform:none!important}.orbit-far,.orbit-near{aspect-ratio:1;border:1px solid var(--line);pointer-events:none;z-index:var(--z-decoration);border-radius:50%;position:absolute;left:50%}.orbit-far{width:530px;top:26px;transform:translate(-50%)}.orbit-near{border-color:oklch(25% .07 43.7/.25);width:365px;top:123px;transform:translate(-50%)}.cinematic-hero .focus-orbit{background:0 0}.cinematic-hero .focus-orbit:before,.cinematic-hero .focus-orbit:after{content:none}.focus-orbit>.orbit-entrance{border-radius:inherit;background:var(--ember);opacity:1;width:100%;height:100%;position:absolute;inset:0;overflow:hidden;transform:none;box-shadow:inset -25px -20px oklch(30% .075 43.7/.06)}.orbit-entrance:before,.orbit-entrance:after{content:"";border:1px solid oklch(25% .07 43.7/.24);border-radius:50%;width:77%;height:77%;position:absolute;top:11.5%;left:11.5%}.orbit-entrance:after{width:57%;height:57%;top:21.5%;left:21.5%}.orbit-shade{opacity:.16;background:oklch(30% .075 43.7);width:32%;height:105%;position:absolute;top:-4%;right:-17%;transform:rotate(30deg)}.cinematic-hero .floating-note{transform-style:preserve-3d;background:0 0;border:0;padding:0}.floating-timer{z-index:var(--z-content);border-radius:12px;align-items:center;gap:.85rem;display:flex;position:absolute;top:24px;right:-8px}.timer-orbit{border:2px solid var(--ember);width:43px;height:43px;color:var(--ember);border-radius:50%;position:relative}.timer-orbit:before,.timer-orbit:after{content:"";transform-origin:0;background:currentColor;width:8px;height:1px;position:absolute;top:50%;left:50%}.timer-orbit:before{transform:rotate(-90deg)}.timer-orbit:after{width:6px;transform:rotate(25deg)}.timer-label,.timer-footnote{color:var(--muted);font-size:.625rem;display:block}.floating-timer strong{letter-spacing:-.035em;font-variant-numeric:tabular-nums;font-size:1.45rem;line-height:1.4;display:block}.timer-footnote{font-size:.5625rem}.profile-extraction{background:var(--surface);clip-path:inset(0 0 100%);border-radius:0 0 12px 12px;width:100%;padding:1.25rem 1.1rem 1rem;position:absolute;top:calc(100% - 8px);left:0}.extraction-time{justify-content:space-between;gap:.75rem;font-size:.625rem;display:flex}.extraction-time>span{color:var(--muted)}.profile-extraction .extraction-time strong{font-size:.6875rem}.extraction-days{justify-content:space-between;gap:.4rem;margin-top:.85rem;display:flex}.extraction-days>span{width:25px;height:25px;color:var(--ember-muted);background:oklch(29% .035 43.7);border-radius:50%;place-items:center;font-size:.625rem;display:grid}.extraction-track{background:var(--raised);border-radius:4px;height:5px;margin-top:1.25rem;overflow:hidden}.extraction-track>span{background:var(--ember);transform-origin:0;width:40%;height:100%;margin-left:55%;display:block}.extraction-apps{flex-direction:column;gap:.3rem;margin-top:.8rem;font-size:.625rem;display:flex}.extraction-apps>span:first-child{color:var(--muted)}.extraction-caption{color:var(--faint);margin-top:.75rem;font-size:.5625rem;display:block}.floating-pause{visibility:hidden;z-index:var(--z-content);background:var(--surface);border-radius:12px;align-items:center;gap:.8rem;padding:1.1rem;display:flex;position:absolute;bottom:62px;left:-10px;box-shadow:0 12px 28px oklch(0% 0 0/.25)}.pause-breath{border:1px solid var(--ember-muted);width:48px;height:48px;color:var(--ember);border-radius:50%;place-items:center;display:grid}.pause-breath .icon{width:1.25rem;height:1.25rem}.floating-pause strong{font-size:.8125rem;display:block}.floating-pause span>span{color:var(--muted);margin-top:.2rem;font-size:.625rem;display:block}html[data-hero-client] .cinematic-hero .screen-switcher{display:flex}html[data-hero-enhanced] .scene-copy{visibility:hidden;opacity:0}@media (width<=900px),(height<=679px){.phone-rig{transform:rotate(6deg)rotateY(-16deg)rotateX(6deg)}}@media (width>=901px) and (height>=680px){html[data-hero-entrance] .orbit-entrance{transform:scale(.96)}html[data-hero-entrance] .phone-entrance{opacity:0;visibility:hidden;transform:scale(.96)rotate(3deg)}html[data-hero-entrance] [data-scene-copy=intro] h1 .reveal-line{opacity:0;visibility:hidden;transform:translateY(18px)}html[data-hero-entrance] .card-entrance{opacity:0;visibility:hidden;transform:translateY(10px)}html[data-hero-entrance] [data-scene-copy=intro] :is(.hero-note,.hero-summary,.hero-description,.hero-actions,.platform-note){opacity:0;visibility:hidden;transform:translateY(8px)}html[data-hero-entrance] .cinematic-hero :is(.screen-switcher,.preview-caption,.cinematic-footer){opacity:0;visibility:hidden}html[data-hero-enhanced] .cinematic-hero{height:280svh}html[data-hero-enhanced] .hero-scene{align-items:center;height:100svh;display:flex;position:sticky;top:0;overflow:clip}html[data-hero-enhanced] .hero{width:min(100% - 6rem,1232px);padding-block:1.5rem 4.5rem}html[data-hero-enhanced] .phone-preview{width:252px}html[data-hero-enhanced] .floating-timer{transform:translateZ(70px)}html[data-hero-enhanced] .floating-note{transform:translateZ(100px)rotate(-2deg)rotateY(-8deg)}html[data-hero-enhanced] .product-stage{min-height:660px}html[data-hero-enhanced] .scene-copy{display:block}html[data-hero-enhanced] .cinematic-footer{justify-content:space-between;align-items:center;gap:2rem;display:flex;position:absolute;bottom:1.9rem;left:0;right:0}.scroll-invitation{color:var(--faint);align-items:center;gap:.65rem;font-size:.6875rem;display:flex}.scroll-invitation .icon{width:.9rem;height:.9rem}.scene-markers{color:var(--faint);gap:1.5rem;font-size:.6875rem;display:flex}.scene-marker{transition:color .2s var(--ease)}.scene-marker[data-active=true]{color:var(--ember)}.cinematic-progress-track{background:var(--line);height:1px;position:absolute;bottom:-1.2rem;left:0;right:0}.cinematic-progress{background:var(--ember);transform-origin:0;height:100%;display:block;transform:scaleX(0)}}@media (width>=901px) and (height<=779px){html[data-hero-enhanced] .product-stage{min-height:580px}html[data-hero-enhanced] .phone-preview{width:218px}html[data-hero-enhanced] .focus-orbit{width:415px;top:48px}html[data-hero-enhanced] .orbit-far{width:465px;top:22px}html[data-hero-enhanced] .orbit-near{width:315px;top:100px}html[data-hero-enhanced] h1{font-size:clamp(3rem,5.5vw,4.5rem)}html[data-hero-enhanced] .scene-copy h2{font-size:clamp(2.6rem,3.9vw,3.7rem)}html[data-hero-enhanced] .hero-summary{margin-top:1.4rem;font-size:1rem}html[data-hero-enhanced] .hero-actions{margin-top:1.5rem}html[data-hero-enhanced] .hero-description{font-size:.9375rem}}@media (width<=1150px){.floating-timer{gap:.5rem;top:32px;right:-4px}.timer-entrance{padding:.75rem}.note-entrance{padding:.8rem}.timer-orbit{width:34px;height:34px}.floating-timer strong{font-size:1.2rem}.orbit-far{width:435px;top:58px}.orbit-near{width:305px;top:122px}}@media (width<=900px){.cinematic-hero{overflow:clip}.floating-timer{top:12px;right:0}.timer-footnote{display:none}.orbit-far{width:365px;top:70px}.orbit-near{width:275px;top:115px}}@media (width<=680px){.product-presentation{width:min(100%,450px);margin-inline:auto}.floating-timer{top:38px;right:0}.timer-entrance{padding:.8rem}.note-entrance{padding:.85rem}.orbit-far{width:min(400px,110%);top:62px}.orbit-near{width:280px;top:123px}.cinematic-hero .floating-note{bottom:38px;left:.25rem}}@media (width<=360px){.floating-timer{top:28px;right:-3px}.timer-entrance{padding:.65rem}.note-entrance{padding:.75rem}.timer-orbit{width:29px;height:29px}.floating-timer strong{font-size:1rem}}@media (prefers-reduced-motion:reduce){.phone-rig{transform:rotate(3deg)}.phone-entrance,.orbit-entrance,.card-entrance,[data-scene-copy=intro] :is(.reveal-line,.hero-note,.hero-summary,.hero-description,.hero-actions,.platform-note){opacity:1!important;visibility:visible!important;transform:none!important}.cinematic-hero :is(.screen-switcher,.preview-caption,.cinematic-footer){opacity:1!important;visibility:visible!important}.reveal-line{transform:none!important}html[data-hero-enhanced] .cinematic-hero{height:auto}html[data-hero-enhanced] .hero-scene{height:auto;position:relative}.scene-copy,html[data-hero-enhanced] .scene-copy,.cinematic-footer{display:none}}
