:root{--sky:#c8edff;--blue:#0e6eaa;--deep:#082c47;--ink:#071a28;--muted:#426278;--cloud:#fff;--line:rgba(8,44,71,.14);--shadow:0 28px 80px rgba(15,74,110,.2)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",sans-serif;background:#dff4ff;line-height:1.5;overflow-x:hidden}.sky{position:fixed;inset:0;z-index:-2;background:linear-gradient(rgba(194,234,253,.18),rgba(217,242,253,.72)),url('/assets/clouds-hero.jpg') center/cover no-repeat}.sky:after{content:"";position:absolute;inset:65vh 0 0;background:linear-gradient(transparent,#eaf8ff 24%,#eef9ff)}a{color:inherit;text-decoration:none}.nav{position:sticky;top:18px;z-index:20;width:min(1120px,calc(100% - 40px));height:62px;margin:18px auto 0;padding:0 12px 0 18px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(255,255,255,.72);border-radius:20px;background:rgba(239,250,255,.72);box-shadow:0 10px 30px rgba(20,90,130,.12);backdrop-filter:blur(22px) saturate(1.2)}.brand{display:flex;align-items:center;gap:9px;font-size:19px;letter-spacing:-.03em}.brand-icon,.brand-logo{width:34px;height:34px;display:grid;place-items:center;border-radius:11px}.brand-icon{background:var(--deep);color:#fff;font-size:19px}.brand-logo{display:block;object-fit:cover;box-shadow:0 6px 16px rgba(8,44,71,.12)}.nav nav{display:flex;gap:30px;color:#31556d;font-size:13px;font-weight:650}.nav-download{padding:11px 17px;border-radius:12px;background:var(--deep);color:white;font-size:13px;font-weight:700}.hero{width:min(1120px,calc(100% - 40px));min-height:720px;margin:0 auto;padding:140px 0 100px;position:relative}.eyebrow{margin:0 0 18px;color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.hero h1,.success-card h1{max-width:800px;margin:0;font-size:clamp(68px,10vw,132px);font-weight:800;letter-spacing:-.075em;line-height:.8}.hero h1 em{color:white;font-style:normal;text-shadow:0 8px 28px rgba(9,70,108,.25)}.lead{max-width:620px;margin:34px 0 28px;color:#183e56;font-size:20px;line-height:1.55}.hero-actions{display:flex;align-items:center;gap:12px}.button{min-height:50px;padding:0 23px;border:1px solid rgba(12,58,86,.14);border-radius:15px;display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:transform .18s,box-shadow .18s,background .18s}.button:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(9,60,90,.16)}.button.primary{background:var(--deep);color:#fff}.button.dark{background:#fff;color:var(--deep)}.button.ghost{background:rgba(255,255,255,.54);color:var(--deep);backdrop-filter:blur(10px)}.button:disabled{opacity:.62;cursor:wait}.system-pill{width:max-content;margin-top:28px;padding:9px 13px;border:1px solid rgba(255,255,255,.6);border-radius:99px;background:rgba(255,255,255,.42);color:#315e78;font-size:11px;font-weight:650;backdrop-filter:blur(10px)}.system-pill i{width:7px;height:7px;margin-right:7px;display:inline-block;border-radius:50%;background:#36a96d;box-shadow:0 0 0 4px rgba(54,169,109,.13)}.retro-pointer{position:fixed;z-index:-1;top:18%;right:4%;width:190px;animation:pointer-float 13s ease-in-out infinite;transform:rotate(-14deg)}.retro-pointer svg{width:100%;image-rendering:pixelated}.retro-pointer path{stroke:none}.retro-pointer .pixel-shadow{fill:rgba(8,44,71,.16)}.retro-pointer .pixel-shell{fill:#082c47}.retro-pointer .pixel-fill{fill:#ff705e}.retro-pointer .pixel-glint{fill:#ffe9a7}.retro-pointer span{position:absolute;right:-30px;bottom:28px;padding:6px 10px;border:3px solid var(--deep);border-radius:6px;background:#ffe968;color:var(--deep);font:900 15px/1 ui-monospace,monospace;transform:rotate(7deg)}@keyframes pointer-float{0%,100%{transform:translate(0,0) rotate(-14deg)}25%{transform:translate(-90px,120px) rotate(-5deg)}50%{transform:translate(-30px,260px) rotate(10deg)}75%{transform:translate(-140px,80px) rotate(-20deg)}}.demo-card{width:min(1120px,calc(100% - 40px));margin:0 auto 140px;overflow:hidden;border:1px solid rgba(255,255,255,.8);border-radius:28px;background:rgba(249,253,255,.78);box-shadow:var(--shadow);backdrop-filter:blur(28px)}.window-bar{height:52px;padding:0 20px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);color:var(--muted);font-size:11px}.window-bar span{width:11px;height:11px;border-radius:50%;background:#ff7268}.window-bar span:nth-child(2){background:#ffd05d}.window-bar span:nth-child(3){background:#63ce7c}.window-bar b{margin-left:9px}.demo-grid{padding:30px;display:grid;grid-template-columns:1.25fr 1fr;gap:42px;align-items:center}.camera-mock{height:390px;position:relative;overflow:hidden;border-radius:20px;background:linear-gradient(140deg,#2d718d,#152f45);box-shadow:inset 0 0 80px rgba(0,0,0,.25)}.camera-mock:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 35%,transparent,rgba(2,17,28,.35))}.camera-mock small{position:absolute;z-index:2;bottom:16px;left:18px;color:#d9f4ff}.hand-outline{height:100%;display:grid;place-items:center;color:#d9f6ff;font-family:"Apple Color Emoji","Segoe UI Emoji",sans-serif;font-size:190px;font-variant-emoji:emoji;line-height:1;filter:drop-shadow(0 0 30px rgba(94,218,255,.46))}.tracking-dot{position:absolute;z-index:3;width:13px;height:13px;border:3px solid #9df5ff;border-radius:50%;box-shadow:0 0 0 6px rgba(76,217,238,.2)}.tracking-dot.one{top:74px;left:53%}.tracking-dot.two{top:176px;left:43%}.demo-copy h2,.section h2,.privacy h2{margin:0 0 20px;font-size:clamp(38px,5vw,62px);letter-spacing:-.055em;line-height:1}.demo-copy>p:not(.eyebrow){color:var(--muted);font-size:16px}.demo-copy ul,.price-grid ul{padding:0;list-style:none}.demo-copy li,.price-grid li{margin:10px 0;color:#254d65}.demo-copy li:before,.price-grid li:before{content:"✓";margin-right:9px;color:#168362;font-weight:900}.section{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:110px 0}.section>h2{max-width:740px}.gesture-grid{margin-top:50px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gesture-grid article{min-height:220px;padding:26px;border:1px solid rgba(255,255,255,.8);border-radius:22px;background:rgba(255,255,255,.61);box-shadow:0 16px 45px rgba(30,103,145,.1);backdrop-filter:blur(18px)}.gesture-grid span{font-size:45px;filter:grayscale(1)}.gesture-grid h3{margin:30px 0 4px;font-size:21px}.gesture-grid p{margin:0;color:var(--muted);font-size:14px}.privacy{width:min(1120px,calc(100% - 40px));margin:80px auto;padding:70px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;border-radius:30px;background:var(--deep);color:#e8f7ff;box-shadow:var(--shadow)}.privacy .eyebrow{color:#79d9ff}.privacy p:last-child{color:#bad7e7;font-size:18px}.pricing{text-align:center}.pricing>h2{margin-left:auto;margin-right:auto}.price-grid{margin-top:50px;display:grid;grid-template-columns:1fr 1fr;gap:20px;text-align:left}.price-grid article{position:relative;padding:40px;border:1px solid rgba(255,255,255,.86);border-radius:28px;background:rgba(255,255,255,.72);box-shadow:var(--shadow);backdrop-filter:blur(20px)}.price-grid article.featured{background:var(--deep);color:white}.badge{position:absolute;top:22px;right:22px;padding:6px 10px;border-radius:99px;background:#ffdc59;color:var(--deep);font-size:9px;font-weight:900;letter-spacing:.1em}.plan{color:var(--blue);font-size:11px;font-weight:900;letter-spacing:.14em}.featured .plan{color:#70d7ff}.price{margin:18px 0;font-size:57px;font-weight:800;letter-spacing:-.05em}.price sup{font-size:22px;vertical-align:top}.price small{font-size:12px;letter-spacing:.08em}.price-grid article>p:not(.plan){color:var(--muted)}.featured>p:not(.plan),.featured li{color:#bed9e7}.price-grid .button{width:100%;margin-top:22px}.checkout-note{min-height:24px;color:var(--muted);font-size:12px}footer{width:min(1120px,calc(100% - 40px));margin:70px auto 0;padding:34px 0 50px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.success-page{min-height:100vh;display:grid;place-items:center}.success-card{width:min(720px,calc(100% - 40px));margin:40px;padding:55px;border:1px solid rgba(255,255,255,.8);border-radius:30px;background:rgba(247,253,255,.82);box-shadow:var(--shadow);backdrop-filter:blur(24px)}.success-card .brand{margin-bottom:60px}.success-card h1{font-size:70px}.success-card>p:not(.eyebrow){color:var(--muted);font-size:17px}.success-card>small{display:block;margin-top:24px;color:var(--muted)}.license-box{margin:28px 0;padding:20px;border:1px dashed var(--blue);border-radius:15px;background:rgba(206,240,255,.55)}.license-box label{display:block;margin-bottom:8px;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase}.license-box code{display:block;margin-bottom:15px;font-size:17px;font-weight:800;word-break:break-all}
@media(max-width:760px){.nav nav{display:none}.hero{min-height:660px;padding-top:110px}.hero h1{font-size:64px}.lead{font-size:17px}.retro-pointer{width:92px;right:-25px;top:110px;opacity:.74}.demo-grid,.privacy{grid-template-columns:1fr}.demo-grid{padding:18px}.camera-mock{height:300px}.gesture-grid{grid-template-columns:1fr 1fr}.price-grid{grid-template-columns:1fr}.privacy{padding:40px;gap:20px}footer{align-items:flex-start;gap:20px;flex-direction:column}.success-card{padding:34px}.success-card h1{font-size:52px}}
@media(max-width:460px){.gesture-grid{grid-template-columns:1fr}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .button{width:100%}.system-pill{width:auto}.nav{width:calc(100% - 20px)}.nav-download{padding:10px 12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.retro-pointer{animation:none}.button{transition:none}}
.retro-pointer svg{width:100%;height:auto;display:block;overflow:visible;image-rendering:pixelated;filter:drop-shadow(8px 8px 0 rgba(8,44,71,.18))}.retro-pointer .pointer-border{fill:#000}.retro-pointer .pointer-fill{fill:#fff}

/* Scroll-led motion keeps the page tactile without changing its minimal layout. */
.scroll-progress{position:fixed;z-index:40;top:0;left:0;width:100%;height:3px;pointer-events:none}.scroll-progress i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#61c8f2,var(--deep));transform:scaleX(0);transform-origin:left center;will-change:transform}
.sky{background-position:center calc(50% + var(--sky-shift,0px));will-change:background-position}
.nav{transition:height .35s ease,top .35s ease,background .35s ease,box-shadow .35s ease}.nav.is-scrolled{top:10px;height:56px;background:rgba(239,250,255,.88);box-shadow:0 14px 38px rgba(20,90,130,.17)}.nav nav a{position:relative;transition:color .25s ease}.nav nav a:after{content:"";position:absolute;right:0;bottom:-7px;left:0;height:2px;border-radius:99px;background:var(--deep);transform:scaleX(0);transition:transform .25s ease}.nav nav a:hover,.nav nav a[aria-current="true"]{color:var(--deep)}.nav nav a[aria-current="true"]:after{transform:scaleX(1)}
.retro-pointer{pointer-events:none;animation:none;transform:translate3d(var(--pointer-x,0),var(--pointer-y,0),0) rotate(var(--pointer-rotate,-14deg));transition:opacity .3s ease;will-change:transform}.retro-pointer svg{animation:pointer-breathe 4.8s ease-in-out infinite}@keyframes pointer-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.motion-ready .reveal{--reveal-y:30px;opacity:0;transform:translate3d(var(--motion-x,0),calc(var(--reveal-y) + var(--motion-y,0px) + var(--hover-y,0px)),0) rotate(var(--motion-rotate,0deg)) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:opacity .75s cubic-bezier(.2,.7,.2,1),transform .85s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms);will-change:transform,opacity}.motion-ready .reveal.is-visible{--reveal-y:0px;opacity:1}
.hero .reveal{--motion-y:calc(var(--hero-shift,0) * -12px)}.demo-card{--motion-y:calc(var(--scene-progress,0) * -18px);--motion-rotate:calc(var(--scene-progress,0) * -.35deg);transform-origin:center top}.camera-mock .hand-outline{transform:translate3d(calc(var(--scene-progress,0) * 20px),calc(var(--scene-progress,0) * -14px),0) rotate(calc(var(--scene-progress,0) * 3deg));transition:transform .1s linear;will-change:transform}.tracking-dot{animation:tracking-pulse 2.2s ease-in-out infinite}.tracking-dot.two{animation-delay:-1.1s}@keyframes tracking-pulse{0%,100%{box-shadow:0 0 0 5px rgba(76,217,238,.14)}50%{box-shadow:0 0 0 11px rgba(76,217,238,.03)}}
.gesture-grid article,.price-grid article{transform-style:preserve-3d}.gesture-grid article:hover{--hover-y:-8px;box-shadow:0 24px 55px rgba(30,103,145,.16)}.gesture-grid article span,.gesture-grid article h3{position:relative;transform:translateZ(12px)}.price-grid article>*{transform:translateZ(12px)}
.motion-ready .tilt-card.is-visible{transition:opacity .3s ease,transform .18s ease-out,box-shadow .3s ease}
.privacy{position:relative;overflow:hidden}.privacy:before{content:"";position:absolute;width:430px;height:430px;top:-235px;left:calc(var(--glow-position,50%) - 215px);border-radius:50%;background:radial-gradient(circle,rgba(121,217,255,.22),transparent 68%);pointer-events:none;transition:left .1s linear}.privacy>*{position:relative;z-index:1}
.price-grid article{--motion-y:calc(var(--price-direction,1) * var(--scene-progress,0) * -12px)}.price-grid article:first-child{--price-direction:-1}.price-grid article:hover{--hover-y:-6px}.nav-download{transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.nav-download:hover{transform:translateY(-2px);background:#0d3a5b;box-shadow:0 10px 25px rgba(8,44,71,.2)}
.price-grid article.featured>p:not(.plan){color:#bed9e7}.studio-price{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.price-original{color:rgba(255,255,255,.5);font-size:20px;font-weight:700;letter-spacing:-.02em;text-decoration:line-through;text-decoration-thickness:2px}.price-current{white-space:nowrap}.discount-pill{padding:5px 9px;border-radius:999px;background:#ffdc59;color:var(--deep);font-size:10px;font-weight:900;letter-spacing:.06em;line-height:1.2;text-transform:uppercase;white-space:nowrap}
@media(max-width:760px){.studio-price{gap:6px}.studio-price .price-original{font-size:16px}.studio-price .price-current{font-size:34px}}
@media(max-width:760px){.motion-ready .reveal{--reveal-y:20px}.retro-pointer{transform:translate3d(calc(var(--pointer-x,0) * .35),calc(var(--pointer-y,0) * .35),0) rotate(var(--pointer-rotate,-14deg))}.privacy:before{width:300px;height:300px;top:-160px}}
@media(prefers-reduced-motion:reduce){.scroll-progress{display:none}.sky{background-position:center}.retro-pointer,.retro-pointer svg,.tracking-dot,.camera-mock .hand-outline,.privacy:before{animation:none;transform:none;transition:none}.motion-ready .reveal,.motion-ready .reveal.is-visible{opacity:1;transform:none;transition:none}.nav,.nav nav a:after,.nav-download{transition:none}}

/* The hero pointer is the original CC0 pixel cursor asset, not a redrawn path. */
.retro-pointer img{width:100%;height:auto;display:block;image-rendering:pixelated;filter:drop-shadow(8px 8px 0 rgba(8,44,71,.18));animation:pointer-breathe 4.8s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.retro-pointer img{animation:none;transform:none;transition:none}}

/* A rendered hand and the CC0 pixel cursor travel as one continuous gesture demo. */
.gesture-companion{position:fixed;z-index:-1;top:8vh;right:-24px;width:760px;height:560px;pointer-events:none;transform:translate3d(var(--pointer-x,0),var(--pointer-y,0),0) rotate(var(--pointer-rotate,-8deg));transform-origin:58% 56%;will-change:transform}
.gesture-hand-stack{position:absolute;top:0;right:0;width:540px;height:540px;opacity:.62;filter:drop-shadow(0 24px 30px rgba(8,44,71,.18));will-change:transform}
.gesture-pose{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;will-change:opacity,transform;transition:opacity .42s ease,transform .7s cubic-bezier(.2,.75,.2,1)}
.pose-point{transform:translate3d(-18px,-18px,0) rotate(-2deg) scale(.92)}
.pose-pinch{transform:translate3d(-76px,-91px,0) rotate(-2deg) scale(.9)}
.pose-open{transform:translate3d(12px,8px,0) rotate(-5deg) scale(.83)}
.gesture-companion[data-pose="point"] .pose-point{opacity:1;transform:translate3d(-18px,-18px,0) rotate(0) scale(.94)}
.gesture-companion[data-pose="pinch"] .pose-pinch{opacity:1;transform:translate3d(-76px,-91px,0) rotate(1deg) scale(.92)}
.gesture-companion[data-pose="open"] .pose-open{opacity:1;transform:translate3d(12px,8px,0) rotate(-2deg) scale(.86)}
.gesture-companion .retro-pointer{position:absolute;z-index:3;top:400px;left:245px;right:auto;width:106px;opacity:.72;animation:none;transform:none;transition:opacity .28s ease,transform .28s ease;will-change:opacity,transform}
.gesture-companion .retro-pointer img{animation:none;filter:drop-shadow(7px 8px 0 rgba(8,44,71,.18));transform:scaleX(-1);transform-origin:center}
.gesture-companion[data-pose="pinch"] .retro-pointer{transform:translate3d(-3px,-3px,0) scale(.92)}
.gesture-companion[data-pose="open"] .retro-pointer{opacity:.22;transform:translate3d(12px,10px,0) scale(.82)}
.gesture-click-pulse{position:absolute;z-index:2;width:20px;height:20px;border:4px solid #082c47;border-radius:50%;opacity:0;transform:scale(.2)}
.cursor-click-pulse{top:-4px;right:-4px}
.hand-click-pulse{top:58px;left:34px}
.gesture-companion[data-pose="pinch"] .gesture-click-pulse{animation:gesture-click .7s cubic-bezier(.15,.75,.25,1)}
@keyframes gesture-click{0%{opacity:0;transform:scale(.2)}16%{opacity:.82}72%{opacity:.34}100%{opacity:0;transform:scale(5.4)}}
@media(max-width:980px){.gesture-companion{right:-136px;width:650px;height:480px}.gesture-hand-stack{width:460px;height:460px;opacity:.52}.gesture-companion .retro-pointer{top:350px;left:170px;width:88px}.hand-click-pulse{top:50px;left:29px}.pose-pinch{transform:translate3d(-62px,-75px,0) rotate(-2deg) scale(.9)}.gesture-companion[data-pose="pinch"] .pose-pinch{transform:translate3d(-62px,-75px,0) rotate(1deg) scale(.92)}}
@media(max-width:760px){.gesture-companion{top:102px;right:-78px;width:360px;height:360px;transform:translate3d(calc(var(--pointer-x,0) * .35),calc(var(--pointer-y,0) * .35),0) rotate(var(--pointer-rotate,-8deg))}.gesture-hand-stack{top:4px;right:-28px;width:270px;height:270px;opacity:.3}.gesture-companion .retro-pointer{top:260px;left:190px;width:62px;opacity:.52}.hand-click-pulse{top:30px;left:18px}.pose-pinch{transform:translate3d(-38px,-47px,0) rotate(-2deg) scale(.9)}.gesture-companion[data-pose="pinch"] .pose-pinch{transform:translate3d(-38px,-47px,0) rotate(1deg) scale(.92)}.gesture-click-pulse{width:14px;height:14px;border-width:3px}}
@media(prefers-reduced-motion:reduce){.gesture-companion{transform:none}.gesture-pose{transition:none}.gesture-companion .retro-pointer{transition:none}.gesture-click-pulse{display:none}}

/* Force every gesture mark into the same filled emoji treatment, then tone the
   set to one consistent graphite grey. */
.gesture-grid span{width:56px;height:56px;display:inline-grid;place-items:center;font-family:"Apple Color Emoji","Segoe UI Emoji",sans-serif;font-size:46px;line-height:1;filter:grayscale(1) saturate(0) contrast(.82);opacity:.84}

/* Day / Night sky themes */
html[data-theme="day"]{color-scheme:light}
html[data-theme="night"]{color-scheme:dark;--sky:#17153d;--blue:#8fc9ff;--deep:#16123f;--ink:#f4f5ff;--muted:#b3bdd8;--cloud:#dce4ff;--line:rgba(178,194,255,.17);--shadow:0 30px 90px rgba(2,3,18,.46)}
body,.sky,.sky:after,.nav,.demo-card,.gesture-grid article,.price-grid article,.privacy,.success-card,.license-box,footer{transition:color .45s ease,background-color .65s ease,border-color .45s ease,box-shadow .45s ease}
.nav-actions{display:flex;align-items:center;gap:9px}
.theme-toggle{height:44px;padding:0;display:flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--deep);cursor:pointer;box-shadow:none;transition:transform .2s ease}
.theme-toggle:hover{transform:translateY(-1px)}
.theme-toggle:focus-visible{outline:3px solid rgba(25,124,184,.32);outline-offset:2px}
.theme-toggle-track{width:50px;height:30px;padding:3px;display:block;position:relative;border-radius:99px;background:linear-gradient(135deg,#74cfff,#c9efff);box-shadow:inset 0 0 0 1px rgba(8,44,71,.14),0 3px 9px rgba(8,44,71,.11)}
.theme-toggle-track i{position:relative;z-index:2;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(8,44,71,.25);transform:translateX(0);transition:transform .38s cubic-bezier(.2,.8,.2,1),background .38s ease}
.theme-toggle-track i:before{content:"☀️";font:17px/1 "Apple Color Emoji","Segoe UI Emoji",sans-serif;transform:translateY(-.5px)}
html[data-theme="night"] .theme-toggle-track{background:linear-gradient(135deg,#151038,#302b73);box-shadow:inset 0 0 0 1px rgba(190,205,255,.2)}
html[data-theme="night"] .theme-toggle-track i{background:#eef0ff;transform:translateX(20px)}
html[data-theme="night"] .theme-toggle-track i:before{content:"🌙"}
html[data-theme="night"] .theme-toggle{background:transparent;color:#edf2ff;box-shadow:none}

.moon-scene{position:fixed;z-index:-1;top:-9vw;right:-3vw;width:min(54vw,760px);aspect-ratio:1;pointer-events:none;opacity:0;transform:translate3d(30px,-15px,0) scale(.9);filter:saturate(.82);transition:opacity 1s ease,transform 1.2s cubic-bezier(.2,.8,.2,1);will-change:opacity,transform}
.moon-scene img{width:100%;height:100%;display:block;object-fit:contain;opacity:.72;filter:drop-shadow(0 0 55px rgba(143,154,255,.22))}
.moon-scene:before{content:"";position:absolute;z-index:1;inset:0;clip-path:circle(34.4% at 49.7% 48.8%);background:radial-gradient(ellipse 46% 68% at 66% 49%,transparent 0 64%,rgba(10,12,44,.2) 72%,rgba(6,8,34,.7) 94%,rgba(5,7,30,.82) 100%);mix-blend-mode:multiply;opacity:.94}
.moon-scene:after{content:"";position:absolute;z-index:2;inset:48% -16% 11% -26%;background:radial-gradient(ellipse at 25% 62%,rgba(192,211,245,.18) 0 18%,transparent 48%),radial-gradient(ellipse at 62% 55%,rgba(168,193,236,.22) 0 17%,transparent 50%),radial-gradient(ellipse at 85% 72%,rgba(195,207,238,.13) 0 14%,transparent 43%);filter:blur(16px)}
html[data-theme="night"] .moon-scene{opacity:.62;transform:translate3d(0,0,0) scale(1)}

html[data-theme="night"] body{background:#09091f}
html[data-theme="night"] .sky{background:linear-gradient(rgba(7,6,30,.70),rgba(20,23,64,.83)),url('/assets/clouds-hero.jpg') center/cover no-repeat;background-blend-mode:multiply,luminosity}
html[data-theme="night"] .sky:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 10% 16%,rgba(255,255,255,.62) 0 1px,transparent 1.7px),radial-gradient(circle at 29% 31%,rgba(187,207,255,.48) 0 1px,transparent 1.7px),radial-gradient(circle at 61% 18%,rgba(255,255,255,.44) 0 1px,transparent 1.8px),radial-gradient(circle at 82% 37%,rgba(196,203,255,.40) 0 1px,transparent 1.7px);background-size:260px 240px,310px 290px,360px 330px,410px 360px;opacity:.40}
html[data-theme="night"] .sky:after{background:linear-gradient(transparent,#111233 23%,#0a0a21)}
html[data-theme="night"] .nav,html[data-theme="night"] .nav.is-scrolled{border-color:rgba(185,200,255,.18);background:rgba(15,13,47,.70);box-shadow:0 14px 42px rgba(1,2,16,.36);backdrop-filter:blur(24px) saturate(1.18)}
html[data-theme="night"] .nav nav{color:#c3cbed}
html[data-theme="night"] .nav nav a:hover,html[data-theme="night"] .nav nav a[aria-current="true"]{color:#fff}
html[data-theme="night"] .nav nav a:after{background:#8fc9ff}
html[data-theme="night"] .nav-download{background:#8fc9ff;color:#10102d}
html[data-theme="night"] .nav-download:hover{background:#b1dcff;box-shadow:0 10px 28px rgba(101,142,255,.25)}
html[data-theme="night"] .hero h1 em{color:#dce3ff;text-shadow:0 8px 34px rgba(120,126,255,.35)}
html[data-theme="night"] .lead{color:#d2d9ee}
html[data-theme="night"] .system-pill{border-color:rgba(190,205,255,.18);background:rgba(18,17,55,.42);color:#c3ccea}
html[data-theme="night"] .button.primary{background:#8fc9ff;color:#10102d}
html[data-theme="night"] .button.ghost{border-color:rgba(181,198,255,.20);background:rgba(29,27,73,.58);color:#f2f5ff}
html[data-theme="night"] .demo-card,html[data-theme="night"] .gesture-grid article,html[data-theme="night"] .price-grid article:not(.featured),html[data-theme="night"] .success-card{border-color:rgba(175,193,255,.17);background:rgba(19,18,55,.66);box-shadow:var(--shadow)}
html[data-theme="night"] .demo-copy li,html[data-theme="night"] .price-grid li{color:#d3d9ec}
html[data-theme="night"] .gesture-grid span{filter:grayscale(1) saturate(0) brightness(1.6);opacity:.76}
html[data-theme="night"] .privacy,html[data-theme="night"] .price-grid article.featured{border:1px solid rgba(152,175,255,.22);background:linear-gradient(145deg,#181344,#0d1d3c)}
html[data-theme="night"] .price-grid article>p:not(.plan){color:#b3bdd8}
html[data-theme="night"] .featured>p:not(.plan),html[data-theme="night"] .featured li{color:#cbd4ec}
html[data-theme="night"] .button.dark{background:#f0f3ff;color:#17143e}
html[data-theme="night"] .license-box{border-color:#8fc9ff;background:rgba(87,113,190,.18)}
html[data-theme="night"] .gesture-hand-stack{filter:grayscale(.08) brightness(.84) drop-shadow(0 28px 42px rgba(0,0,0,.32))}
html[data-theme="night"] .gesture-companion .retro-pointer{filter:drop-shadow(0 12px 24px rgba(0,0,0,.28))}

@media(max-width:760px){.nav-actions{gap:6px}.theme-toggle{width:54px;padding:0;justify-content:center}.theme-toggle-label{display:none}.moon-scene{top:40px;right:-24vw;width:88vw}html[data-theme="night"] .moon-scene{opacity:.42}}
@media(max-width:460px){.nav{padding-left:10px}.brand{gap:6px}.brand strong{font-size:16px}.theme-toggle{width:50px}.theme-toggle-track{width:48px;height:28px}.theme-toggle-track i{width:22px;height:22px}.theme-toggle-track i:before{font-size:16px}html[data-theme="night"] .theme-toggle-track i{transform:translateX(20px)}}
@media(prefers-reduced-motion:reduce){body,.sky,.sky:after,.nav,.demo-card,.gesture-grid article,.price-grid article,.privacy,.success-card,.license-box,footer,.theme-toggle,.theme-toggle-track i,.moon-scene{transition:none}}

/* Make the launch saving unmistakable without competing promotional badges. */
.featured>.discount-pill{align-self:flex-start;margin:10px 0 0}
.studio-price{gap:8px;align-items:baseline;margin-top:10px}
.studio-price .price-original{color:rgba(255,255,255,.58);font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:1;text-decoration-color:#ffdc59;text-decoration-thickness:4px;text-decoration-skip-ink:none}
.featured .launch-price-note{margin:-7px 0 19px;color:#ffea91;font-size:12px;font-weight:750;letter-spacing:.035em}
@media(max-width:760px){.studio-price{gap:8px 10px}.studio-price .price-original,.studio-price .price-current{font-size:inherit}.studio-price .price-original{flex-basis:100%}.featured .launch-price-note{margin-top:-5px}}

/* Keep the theme control visually limited to its sun/moon switch. */
.theme-toggle{width:54px;height:44px;padding:0;justify-content:center;gap:0;border:0;background:transparent;box-shadow:none}
.theme-toggle:hover{background:transparent;box-shadow:none}
html[data-theme="night"] .theme-toggle{border:0;background:transparent;box-shadow:none}

/* Put the decision and checkout action above the fold. Both CTA links land on
   the cards themselves, and the matching plan rows keep the buttons aligned. */
#pricing-options{scroll-margin-top:98px}
.price-grid article{display:flex;flex-direction:column}
.plan-line{min-height:30px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.plan-line .plan{margin:0}
.plan-line .discount-pill{margin:0}
.price-grid .price{margin:12px 0 7px}
.price-grid .launch-price-note{min-height:20px;margin:0 0 14px;font-size:12px;font-weight:750;letter-spacing:.035em}
.price-grid .personal-price-note{color:var(--blue)}
.price-grid .button{margin:0 0 18px}
.price-grid article>p:not(.plan):not(.launch-price-note){margin-top:0}
.featured>.discount-pill{margin:0}
.studio-price{margin-top:12px}
.featured .launch-price-note{margin:0 0 14px}
@media(max-width:760px){#pricing-options{scroll-margin-top:88px}.price-grid{margin-top:30px}.price-grid article{padding:30px}.studio-price .price-original{flex-basis:auto}.featured .launch-price-note{margin-top:0}}

/* Keep the full copyright notice at the right edge of the footer. */
.footer-copyright{margin:0;text-align:right}
.motion-ready footer .reveal{--reveal-y:0px}
@media(max-width:760px){.footer-copyright{align-self:flex-end;text-align:right}}

/* Keep platform compatibility and Codex support visible without crowding the
   primary hero actions. The OpenAI mark stays monochrome and secondary. */
.hero-pills{margin-top:28px;display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.hero-pills .system-pill{margin-top:0}
.codex-pill{width:max-content;min-height:34px;padding:7px 11px 7px 13px;display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.66);border-radius:99px;background:rgba(255,255,255,.48);color:#111;font-size:11px;font-weight:720;letter-spacing:.01em;backdrop-filter:blur(10px);transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease}
.codex-pill svg{width:17px;height:17px;display:block;flex:0 0 auto;fill:currentColor}
.codex-pill:hover{transform:translateY(-1px);background:rgba(255,255,255,.68);box-shadow:0 8px 20px rgba(9,60,90,.10)}
.codex-pill:focus-visible{outline:3px solid rgba(25,124,184,.32);outline-offset:2px}
html[data-theme="night"] .codex-pill{border-color:rgba(190,205,255,.18);background:rgba(18,17,55,.42);color:#fff}
html[data-theme="night"] .codex-pill:hover{background:rgba(36,34,85,.62);box-shadow:0 8px 24px rgba(2,3,18,.24)}
@media(max-width:460px){.hero-pills{align-items:stretch}.hero-pills .system-pill,.codex-pill{width:auto;justify-content:center}}
@media(prefers-reduced-motion:reduce){.codex-pill{transition:none}}