:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#070a0e;--bg-2:#0b1017;--glass:#1219219e;--edge:#7dc4ff24;--edge-strong:#7dc4ff52;--text:#e9eef3;--muted:#9aa7b4;--dim:#6c7a88;--blue:#7dc4ff;--teal:#5ee3b1;--gold:#f2c230;--grad:linear-gradient(100deg, #7dc4ff 0%, #5ee3b1 55%, #b7f36a 100%);--radius:18px;--ease:cubic-bezier(.2, .7, .2, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3{letter-spacing:-.02em;margin:0;line-height:1.1}.hidden{display:none!important}.btn{letter-spacing:.01em;transition:transform .25s var(--ease), box-shadow .25s, background .25s, border-color .25s;-webkit-tap-highlight-color:transparent;border-radius:999px;align-items:center;gap:10px;padding:14px 26px;font-size:16px;font-weight:650;display:inline-flex;position:relative}.btn svg{fill:currentColor;width:18px;height:18px;transition:transform .25s var(--ease)}.btn:hover svg{transform:translate(3px)}.btn:active{transform:scale(.97)}.btn-primary{color:#04121c;background:var(--grad);background-size:160% 100%;overflow:hidden;box-shadow:0 10px 30px -8px #5ee3b18c,inset 0 0 0 1px #ffffff26}.btn-primary:hover{background-position:100% 0;transform:translateY(-2px);box-shadow:0 16px 40px -8px #5ee3b1b3,inset 0 0 0 1px #ffffff40}.btn-primary:after{content:"";background:linear-gradient(90deg,#0000,#ffffffa6,#0000);width:40%;animation:4.5s 1.6s infinite shine;position:absolute;inset:-40% auto -40% -60%;transform:skew(-20deg)}@keyframes shine{0%{left:-60%}22%,to{left:130%}}.btn-ghost{color:var(--text);border:1px solid var(--edge-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0a}.btn-ghost:hover{border-color:var(--blue);background:#7dc4ff1a;transform:translateY(-2px)}.btn-small{color:#04121c;background:var(--grad);padding:8px 18px;font-size:14px}.btn-small:hover{transform:translateY(-1px)}.nav{z-index:20;padding:16px max(24px, env(safe-area-inset-left));border-bottom:1px solid #0000;align-items:center;gap:28px;transition:background .3s,border-color .3s,padding .3s;display:flex;position:fixed;top:0;left:0;right:0}.nav.scrolled{-webkit-backdrop-filter:blur(14px)saturate(1.4);backdrop-filter:blur(14px)saturate(1.4);border-bottom-color:var(--edge);background:#070a0eb8;padding-top:10px;padding-bottom:10px}.brand{letter-spacing:-.01em;align-items:center;gap:10px;font-weight:750;display:flex}.brand img{border-radius:8px}.links{color:var(--muted);gap:24px;margin-left:auto;font-size:15px;display:flex}.links a{transition:color .2s}.links a:hover{color:var(--text)}.hero{min-height:100vh;isolation:isolate;align-items:center;min-height:100svh;padding:120px max(24px,6vw);display:flex;position:relative;overflow:hidden}.hero-bg{z-index:-1;position:absolute;inset:0}.poster,.live,.live canvas{width:100%;height:100%;position:absolute;inset:0}.poster{object-fit:cover;object-position:60% 50%;transition:opacity 1.2s;animation:30s ease-in-out infinite alternate drift}@keyframes drift{0%{transform:scale(1.06)translate(0)}to{transform:scale(1.14)translate(-2%,-1.5%)}}.live{opacity:0;transition:opacity 1.4s}.hero.live-on .live{opacity:1}.hero.live-on .poster{opacity:0}.shade{background:linear-gradient(90deg, #070a0ef0 0%, #070a0ec7 32%, #070a0e40 62%, #070a0e1a 100%), linear-gradient(180deg, #070a0eb3 0%, transparent 18%, transparent 70%, var(--bg) 100%);position:absolute;inset:0}.grid-glow{pointer-events:none;mix-blend-mode:screen;opacity:.6;background:radial-gradient(600px 400px at 18% 40%,#5ee3b124,#0000 70%),radial-gradient(500px 360px at 30% 75%,#7dc4ff1f,#0000 70%);animation:9s ease-in-out infinite alternate glow;position:absolute;inset:0}@keyframes glow{to{opacity:.85;transform:translate(3%,-4%)scale(1.08)}}.hero-content{max-width:640px}.pill{color:var(--text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:rise .8s var(--ease) both;background:#5ee3b11a;border:1px solid #5ee3b159;border-radius:999px;align-items:center;gap:8px;margin:0 0 22px;padding:6px 14px 6px 12px;font-size:14px;display:inline-flex}.pill b{font-variant-numeric:tabular-nums;font-weight:700}.pill i{background:var(--teal);border-radius:50%;width:8px;height:8px;animation:2s infinite ping;box-shadow:0 0 #5ee3b1b3}@keyframes ping{70%{box-shadow:0 0 0 9px #5ee3b100}to{box-shadow:0 0 #5ee3b100}}.title{letter-spacing:-.045em;margin-bottom:26px;font-size:clamp(48px,8.5vw,104px);font-weight:820;line-height:.98}.title .word{opacity:0;filter:blur(10px);animation:word .9s var(--ease) forwards;display:inline-block;transform:translateY(.4em)}.title .word:first-child{animation-delay:.1s}.title .word:nth-child(2){animation-delay:.28s}.title .word:nth-child(3){animation-delay:.46s}@keyframes word{to{opacity:1;filter:none;transform:none}}.title .accent{background:var(--grad);color:#0000;animation:word .9s .46s var(--ease) forwards, sheen 6s 1.4s ease-in-out infinite alternate;background-size:200% 100%;-webkit-background-clip:text;background-clip:text}@keyframes sheen{to{background-position:100% 0}}.lede{color:#c4cfd9;max-width:560px;margin:0 0 34px;font-size:clamp(17px,1.6vw,20px)}.reveal-in{opacity:0;animation:rise .9s .7s var(--ease) forwards}.cta.reveal-in{animation-delay:.82s}.facts.reveal-in{animation-delay:.94s}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.cta{flex-wrap:wrap;gap:14px;display:flex}.hero .btn-primary{padding:17px 34px;font-size:18px}.hero .btn-ghost{padding:16px 28px;font-size:17px}.facts{color:var(--muted);flex-wrap:wrap;gap:8px 22px;margin:28px 0 0;padding:0;font-size:14px;list-style:none;display:flex}.facts li{align-items:center;gap:8px;display:flex}.facts li:before{content:"";background:#5ee3b129 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.2 2.2 4.8-4.8' fill='none' stroke='%235ee3b1' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/100% no-repeat;border-radius:50%;width:16px;height:16px}.scroll-cue{border:2px solid #e9eef359;border-radius:14px;width:26px;height:42px;margin-left:-13px;position:absolute;bottom:28px;left:50%}.scroll-cue span{background:var(--text);border-radius:2px;width:4px;height:8px;margin-left:-2px;animation:1.8s infinite wheel;position:absolute;top:8px;left:50%}@keyframes wheel{0%{opacity:0;transform:translateY(0)}30%{opacity:1}to{opacity:0;transform:translateY(14px)}}.live-label{color:var(--dim);opacity:0;margin:0;font-size:12px;transition:opacity 1s 1s;position:absolute;bottom:30px;right:max(24px,4vw)}.live-label:before{content:"●";color:#ff5d5d;margin-right:6px;animation:1.6s infinite blink}@keyframes blink{50%{opacity:.3}}.hero.live-on .live-label{opacity:1}.reveal{opacity:0;transition:opacity .8s var(--ease) var(--delay,0s), transform .8s var(--ease) var(--delay,0s);transform:translateY(28px)}.reveal.in{opacity:1;transform:none}.numbers{z-index:2;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1180px;margin:-40px auto 0;padding:0 24px;display:grid;position:relative}.num{border-radius:var(--radius);background:var(--glass);border:1px solid var(--edge);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:22px 24px}.num b{letter-spacing:-.04em;font-variant-numeric:tabular-nums;background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:44px;font-weight:800;line-height:1;display:block}.num span{color:var(--muted);font-size:14px}section.features,section.how{max-width:1180px;margin:0 auto;padding:120px 24px 40px}.section-head{max-width:640px;margin-bottom:48px}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--teal);margin:0 0 12px;font-size:13px;font-weight:700}.section-head h2,.final h2{letter-spacing:-.035em;margin-bottom:16px;font-size:clamp(32px,4.4vw,52px);font-weight:800}.section-head p:not(.eyebrow){color:var(--muted);margin:0;font-size:18px}.bento{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.card{border-radius:var(--radius);background:var(--glass);border:1px solid var(--edge);transition:transform .35s var(--ease), border-color .35s, opacity .8s var(--ease) var(--delay,0s);padding:28px;position:relative;overflow:hidden}.card.reveal{transition:opacity .8s var(--ease) var(--delay,0s), transform .8s var(--ease) var(--delay,0s), border-color .35s}.card:before{content:"";opacity:0;pointer-events:none;background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%), #7dc4ff24, transparent 60%);transition:opacity .35s;position:absolute;inset:0}.card:hover{border-color:var(--edge-strong);transform:translateY(-4px)}.card:hover:before{opacity:1}.card.span-2{grid-column:span 2}.card.span-all{grid-column:1/-1}.card h3{margin:18px 0 8px;font-size:21px}.card p{color:var(--muted);margin:0}.icon{border:1px solid var(--edge-strong);background:linear-gradient(140deg,#7dc4ff2e,#5ee3b11f);border-radius:14px;place-items:center;width:48px;height:48px;display:grid}.icon svg{fill:none;width:24px;height:24px;stroke:var(--blue);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.steps{flex-direction:column;gap:96px;margin:0;padding:0;list-style:none;display:flex}.step{grid-template-columns:1.25fr 1fr;align-items:center;gap:56px;display:grid}.step:nth-child(2n){grid-template-columns:1fr 1.25fr}.step:nth-child(2n) .shot{order:2}.shot{border:1px solid var(--edge-strong);background:var(--bg-2);transition:transform .4s var(--ease);will-change:transform;border-radius:20px;margin:0;overflow:hidden;box-shadow:0 30px 80px -30px #000000e6,inset 0 0 0 1px #ffffff08,0 0 60px -20px #5ee3b140}.shot img{aspect-ratio:16/10;object-fit:cover;width:100%;height:auto}.step .n{letter-spacing:-.05em;color:#0000;-webkit-text-stroke:1.5px #7dc4ff80;margin-bottom:12px;font-size:64px;font-weight:850;line-height:1;display:block}.step h3{margin-bottom:14px;font-size:32px}.step p{color:var(--muted);margin:0;font-size:18px}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}.final{max-width:1180px;margin:0 auto;padding:120px 24px 100px}.final-card{text-align:center;background:radial-gradient(600px 300px at 50% 0%, #5ee3b11f, transparent 70%), var(--bg-2);isolation:isolate;border-radius:28px;padding:72px 24px;position:relative;overflow:hidden}.final-card:before{content:"";z-index:-1;border-radius:inherit;background:conic-gradient(from var(--angle), transparent 0deg, #7dc4ff 60deg, #5ee3b1 120deg, transparent 180deg, transparent 360deg);-webkit-mask-composite:xor;padding:1.5px;animation:6s linear infinite turn;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes turn{to{--angle:360deg}}.final-card p{color:var(--muted);margin:0 0 32px;font-size:19px}.final-card .cta{justify-content:center}.footer{border-top:1px solid var(--edge);max-width:1180px;color:var(--dim);justify-content:space-between;gap:16px;margin:0 auto;padding:28px 24px 40px;font-size:14px;display:flex}.footer a:hover{color:var(--text)}@media (max-width:900px){.bento{grid-template-columns:repeat(2,1fr)}.card.span-2{grid-column:span 2}.numbers{grid-template-columns:repeat(2,1fr)}.step,.step:nth-child(2n){grid-template-columns:1fr;gap:28px}.step:nth-child(2n) .shot{order:0}.steps{gap:72px}}@media (max-width:640px){.links{display:none}.nav .btn-small{margin-left:auto}.hero{align-items:flex-end;padding-top:104px}.shade{background:linear-gradient(180deg, #070a0e80 0%, #070a0ed1 45%, #070a0ef5 75%, var(--bg) 100%)}.poster{object-position:70% 30%}.cta .btn{flex:auto;justify-content:center}.bento{grid-template-columns:1fr}.card.span-2{grid-column:auto}.num b{font-size:36px}.scroll-cue,.live-label{display:none}section.features,section.how{padding-top:88px}.final{padding-top:80px}.final-card{padding:52px 20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.title .word,.reveal-in,.pill{opacity:1;filter:none;transform:none}.reveal{opacity:1;transform:none}}html:not(.js) .reveal{opacity:1;transform:none}