@font-face{font-family:Geist;src:url(/assets/fonts/geist-variable.woff2) format("woff2");font-style:normal;font-weight:100 900;font-display:swap}:root{--ink: #f4f4f2;--muted: #9c9c98;--line: rgb(255 255 255 / .1);--accent: #7aeb42;--ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:#010101;color:var(--ink);font-family:Geist,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:after{content:"";position:fixed;inset:auto 0 0;height:38vh;background:linear-gradient(180deg,transparent,#010101 72%);pointer-events:none;z-index:1}a{color:inherit;text-decoration:none}a:hover{color:#fff}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.stage{position:relative;display:grid;grid-template-rows:auto 1fr auto;gap:clamp(16px,3vw,32px);min-height:100dvh;padding:clamp(20px,3vw,40px);overflow:hidden}.brand{display:inline-flex;align-items:center;gap:10px;font-size:17px;font-weight:500;letter-spacing:-.01em}.brand img{border-radius:9px}.scene{position:relative;display:grid;place-items:center;min-height:0}.device-slot{position:relative;display:grid;place-items:center;width:100%;transform:translate3d(0,var(--parallax, 0),0)}.glow,.halo{position:absolute;border-radius:50%;pointer-events:none}.glow{width:min(680px,82vw);aspect-ratio:1;background:radial-gradient(circle at 50% 44%,rgb(122 235 66 / .3),transparent 60%),radial-gradient(circle at 44% 62%,rgb(255 255 255 / .17),transparent 64%);filter:blur(70px);opacity:0;transition:opacity 1.4s var(--ease)}.halo{width:min(470px,62vw);aspect-ratio:1;background:radial-gradient(circle at 50% 50%,rgb(255 255 255 / .1),transparent 68%);filter:blur(38px);opacity:0;transition:opacity 1.2s .16s var(--ease)}.device{position:relative;z-index:1;width:min(330px,72vw);aspect-ratio:347 / 669;margin:0;padding:9px;border-radius:clamp(34px,9vw,46px);background:linear-gradient(150deg,#4a4a49,#16161a,#0b0b0d,#2c2c2f 78%,#101013);box-shadow:0 40px 90px -30px #000000e6,0 0 0 1px #ffffff12,inset 0 1px 1px #ffffff2e;transform:perspective(1200px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg)) translateY(28px) scale(.965);opacity:0;transition:opacity 1.2s var(--ease),transform 1.2s var(--ease),box-shadow .6s var(--ease);will-change:transform,opacity}.device__screen{position:relative;height:100%;overflow:hidden;border-radius:clamp(26px,7.4vw,38px);background:#0b0b0c;mask-image:linear-gradient(180deg,#000 0 58%,rgb(0 0 0 / .6) 80%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,#000 0 58%,rgb(0 0 0 / .6) 80%,transparent 100%)}.device:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,transparent 38%,rgb(255 255 255 / .16) 50%,transparent 62%);opacity:0;pointer-events:none;transform:translate(-18%)}.stage.is-ready .device:after{animation:device-shine 1.5s .42s var(--ease) 1 both}@keyframes device-shine{0%{opacity:0;transform:translate(-18%)}35%{opacity:1}to{opacity:0;transform:translate(18%)}}.device__screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}.device__island{position:absolute;top:19px;left:50%;z-index:2;width:92px;height:26px;border-radius:999px;background:#000;box-shadow:inset 0 0 0 1px #ffffff0f;transform:translate(-50%)}.copy{position:relative;z-index:2;max-width:min(760px,92vw);margin:clamp(-190px,-14vh,-120px) auto 0;padding:0 4px;text-align:center}.copy h1{margin:0 0 12px;font-size:clamp(32px,4.4vw,46px);font-weight:500;line-height:1.16;letter-spacing:-.03em;opacity:0;transform:translateY(16px);transition:opacity .9s .42s var(--ease),transform .9s .42s var(--ease)}.copy p{max-width:560px;margin:0 auto;color:var(--muted);font-size:clamp(15px,1.5vw,18px);line-height:1.6;opacity:0;transform:translateY(14px);transition:opacity .9s .56s var(--ease),transform .9s .56s var(--ease)}.stage-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:13.5px;opacity:0;transition:opacity .9s .76s var(--ease)}.stage-footer nav{display:flex;gap:22px}.stage-footer a{border-bottom:1px solid transparent;transition:border-color .24s var(--ease),color .24s var(--ease)}.stage-footer a:hover{border-color:var(--line)}.stage-footer p{margin:0}.stage.is-ready .device{opacity:1;transform:perspective(1200px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg)) translateY(0) scale(1)}.stage.is-ready .glow,.stage.is-ready .halo{opacity:1}.stage.is-ready .copy h1,.stage.is-ready .copy p{opacity:1;transform:translateY(0)}.stage.is-ready .stage-footer{opacity:1}@media(max-width:720px){.scene{padding-top:8px}.device{width:min(292px,74vw)}.copy{margin-top:clamp(-166px,-13vh,-104px)}.stage-footer{justify-content:center;text-align:center}}@media(max-height:720px)and (min-width:721px){.device{width:min(280px,40vw)}.copy{margin-top:-120px}}@media(prefers-reduced-motion:reduce){.device,.glow,.halo,.copy h1,.copy p,.stage-footer{transition-duration:1ms;transform:none;opacity:1}.device{transform:none!important}.stage.is-ready .device:after{animation:none}}