*{box-sizing:border-box}html{scroll-behavior:smooth;background:#060914}body{margin:0;background:#060914;color:#f6f8ff;font-family:Manrope,system-ui,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.noise{position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.aurora{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}.aurora i{position:absolute;border-radius:50%;filter:blur(110px);opacity:.14;animation:drift 16s ease-in-out infinite alternate}.aurora i:nth-child(1){width:38vw;height:38vw;background:#593cff;left:-16vw;top:8vh}.aurora i:nth-child(2){width:34vw;height:34vw;background:#16caf4;right:-14vw;top:42vh;animation-delay:-4s}.aurora i:nth-child(3){width:28vw;height:28vw;background:#246eff;left:40vw;bottom:-18vw;animation-delay:-8s}@keyframes drift{to{transform:translate3d(5vw,-3vh,0) scale(1.15)}}
.site-head{position:fixed;top:0;left:0;right:0;z-index:80;height:84px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(22px,4vw,68px);background:rgba(6,9,20,.72);border-bottom:1px solid rgba(123,155,205,.12);backdrop-filter:blur(18px)}.wordmark{display:flex;align-items:center;gap:11px;width:max-content;font:800 15px Syne,sans-serif;letter-spacing:.12em}.wordmark img{width:36px;height:36px;border-radius:11px}.site-head nav{display:flex;gap:34px;font:500 11px 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:#8f9ab0}.site-head nav a{position:relative;transition:.25s}.site-head nav a:after{content:"";position:absolute;left:0;bottom:-8px;height:1px;width:0;background:#32ccff;transition:.25s}.site-head nav a:hover{color:#fff}.site-head nav a:hover:after{width:100%}.head-cta{justify-self:end;border:1px solid #273750;background:#11182a;padding:11px 16px;border-radius:999px;font-size:12px;font-weight:700;transition:.25s}.head-cta:hover{transform:translateY(-2px);border-color:#42d5ff;box-shadow:0 12px 34px rgba(24,174,255,.15)}
main{position:relative;z-index:1}.hero{min-height:100svh;position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);align-items:center;gap:2vw;padding:132px clamp(24px,6vw,105px) 72px;overflow:hidden}.hero-copy{position:relative;z-index:5;max-width:860px}.eyebrow,.section-no{font:500 11px 'DM Mono',monospace;letter-spacing:.16em;color:#7e8da7}.eyebrow{display:flex;align-items:center;gap:10px;color:#7ee5ff}.live-dot{width:7px;height:7px;border-radius:50%;background:#2bd9ff;box-shadow:0 0 0 6px rgba(43,217,255,.08);animation:blink 1.8s ease-in-out infinite}@keyframes blink{50%{box-shadow:0 0 0 11px rgba(43,217,255,0)}}h1,h2,h3{font-family:Syne,sans-serif}.hero h1{font-size:clamp(64px,8.3vw,150px);line-height:.82;letter-spacing:-.065em;margin:24px 0 28px;max-width:1050px}.hero h1 em,.section-intro h2 em{font-style:normal;color:#31cfff;text-shadow:0 0 36px rgba(49,207,255,.18)}.hero p{max-width:680px;font-size:clamp(17px,1.3vw,22px);line-height:1.55;color:#9da8bb;margin:0}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:40px}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:17px 22px;border-radius:14px;background:#f6f8ff;color:#070b14;font-weight:800;font-size:13px;letter-spacing:.02em;box-shadow:0 18px 50px rgba(0,0,0,.26);transition:transform .28s,box-shadow .28s}.btn-primary span{font-size:18px}.btn-primary:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 22px 60px rgba(49,207,255,.15)}.btn-quiet{display:flex;align-items:center;gap:10px;color:#aab6ca;font-size:13px;font-weight:700}.play-ring{display:grid;place-items:center;width:38px;height:38px;border:1px solid #2a3a56;border-radius:50%;font-size:10px;padding-left:2px}.hero-proof{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:55px;color:#657289;font:500 9px 'DM Mono',monospace;letter-spacing:.09em}.hero-proof b{width:3px;height:3px;background:#32ccff;border-radius:50%}
.hero-stage{position:relative;height:min(72vw,760px);min-height:520px;display:grid;place-items:center}.pulse-disc{position:relative;z-index:4;width:min(23vw,330px);aspect-ratio:1;border-radius:34%;background:#0a1020;border:1px solid #24334d;box-shadow:0 28px 110px rgba(28,80,255,.18),inset 0 0 0 12px rgba(255,255,255,.012);display:grid;place-items:center;animation:float 6s ease-in-out infinite}.pulse-disc:before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(140deg,rgba(89,62,255,.55),transparent 36%,rgba(22,202,244,.28));z-index:-1;filter:blur(24px);opacity:.65}.pulse-disc img{width:82%;border-radius:28%}.orbit{position:absolute;border:1px solid rgba(83,121,180,.22);border-radius:50%;transform:rotate(-16deg)}.orbit-a{width:min(36vw,520px);height:min(36vw,520px);animation:spin 19s linear infinite}.orbit-b{width:min(48vw,680px);height:min(48vw,680px);border-style:dashed;opacity:.45;animation:spin 28s linear reverse infinite}@keyframes spin{to{transform:rotate(344deg)}}@keyframes float{50%{transform:translateY(-16px) rotate(.6deg)}}.equalizer{position:absolute;bottom:11%;left:50%;transform:translateX(-50%);display:flex;align-items:end;gap:7px;height:72px}.equalizer i{display:block;width:4px;border-radius:99px;background:linear-gradient(#683fff,#26d3ff);animation:eq 1.15s ease-in-out infinite alternate}.equalizer i:nth-child(1),.equalizer i:nth-child(6){height:20px}.equalizer i:nth-child(2),.equalizer i:nth-child(8){height:46px;animation-delay:-.3s}.equalizer i:nth-child(3),.equalizer i:nth-child(7){height:34px;animation-delay:-.7s}.equalizer i:nth-child(4){height:67px;animation-delay:-.1s}.equalizer i:nth-child(5),.equalizer i:nth-child(9){height:53px;animation-delay:-.5s}@keyframes eq{to{height:12px;opacity:.45}}.float-note{position:absolute;z-index:5;padding:11px 13px;background:#0b1323;border:1px solid #253653;border-radius:12px;color:#8493aa;font:500 9px 'DM Mono',monospace;letter-spacing:.08em;box-shadow:0 20px 50px rgba(0,0,0,.25);animation:float 7s ease-in-out infinite}.float-note strong{color:#f5f8ff;margin-left:8px}.note-a{top:17%;left:2%;animation-delay:-1s}.note-b{right:-3%;top:29%;animation-delay:-3s}.note-c{right:9%;bottom:16%;animation-delay:-5s}.avatars{display:inline-flex;margin-left:8px;vertical-align:middle}.avatars i{width:16px;height:16px;border-radius:50%;margin-left:-4px;border:2px solid #0b1323;background:linear-gradient(140deg,#7145ff,#24d0f4)}.scroll-cue{position:absolute;left:clamp(24px,6vw,105px);bottom:24px;display:flex;gap:14px;align-items:center;color:#59677d;font:500 9px 'DM Mono',monospace;letter-spacing:.12em}.scroll-cue i{width:58px;height:1px;background:#283650;position:relative;overflow:hidden}.scroll-cue i:after{content:"";position:absolute;width:20px;height:1px;background:#32ccff;animation:scan 2s linear infinite}@keyframes scan{from{left:-20px}to{left:58px}}
.marquee{position:relative;z-index:3;border-top:1px solid #18243a;border-bottom:1px solid #18243a;overflow:hidden;background:#080d19}.marquee div{width:max-content;display:flex;gap:28px;align-items:center;padding:15px 0;animation:marquee 24s linear infinite;color:#8290a6;font:500 10px 'DM Mono',monospace;letter-spacing:.13em}.marquee i{font-style:normal;color:#27cfff;font-size:7px}@keyframes marquee{to{transform:translateX(-50%)}}
.experience{padding:130px clamp(22px,5vw,80px) 140px}.section-intro{max-width:1300px;margin:0 auto 74px}.section-intro h2{font-size:clamp(48px,6.2vw,105px);line-height:.95;letter-spacing:-.055em;margin:20px 0 0}.product-theatre{position:relative;max-width:1440px;margin:auto;padding:0 80px 40px}.theatre-glow{position:absolute;left:18%;right:8%;top:12%;height:60%;background:radial-gradient(circle,rgba(42,125,255,.22),rgba(22,202,244,.05) 40%,transparent 70%);filter:blur(40px)}.browser-shell{position:relative;z-index:2;border:1px solid #24334d;border-radius:22px;overflow:hidden;background:#080d18;box-shadow:0 50px 130px rgba(0,0,0,.45);transform:perspective(1400px) rotateX(1.2deg)}.browser-top{height:54px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 16px;border-bottom:1px solid #1a2940;color:#63738b;font:500 9px 'DM Mono',monospace}.traffic{display:flex;gap:6px}.traffic i{width:7px;height:7px;border-radius:50%;background:#24334d}.demo-tabs{justify-self:end;display:flex;gap:5px}.demo-tabs button{border:0;background:transparent;color:#607087;padding:7px 10px;border-radius:8px;cursor:pointer;font:500 9px 'DM Mono',monospace;transition:.2s}.demo-tabs button.active{background:#121d30;color:#dff6ff}.shot-wrap{position:relative;aspect-ratio:16/8.6;overflow:hidden;background:#050812}.demo-shot{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:opacity .25s,transform .45s}.demo-shot.switching{opacity:.15;transform:scale(.99)}.device-shell{position:absolute;right:1%;bottom:-4%;z-index:4;width:220px;border-radius:32px;padding:7px;background:#0b101b;border:1px solid #34425a;box-shadow:0 30px 70px rgba(0,0,0,.5);transform:rotate(3deg)}.device-shell img{width:100%;border-radius:26px;display:block}
.feature-run{max-width:1500px;margin:auto;padding:50px clamp(22px,6vw,100px) 150px}.feature-line{display:grid;grid-template-columns:.42fr 1fr;gap:5vw;align-items:start;padding:40px 0 90px;border-top:1px solid #1b2940}.feature-line p{margin:0;font-family:Syne,sans-serif;font-weight:700;font-size:clamp(42px,5.6vw,92px);line-height:.95;letter-spacing:-.05em}.feature-split{min-height:420px;display:grid;grid-template-columns:1.05fr .95fr;gap:8vw;align-items:center;border-top:1px solid #172338;padding:76px 3vw}.feature-split.reverse{grid-template-columns:.95fr 1.05fr}.feature-split.reverse>div{order:2}.feature-split.reverse>p{order:1}.feature-split .mono{display:block;color:#31d0ff;font:500 10px 'DM Mono',monospace;letter-spacing:.14em;margin-bottom:24px}.feature-split h3{font-size:clamp(52px,6vw,98px);line-height:.91;letter-spacing:-.055em;margin:0}.feature-split p{max-width:540px;margin:0;color:#94a0b4;font-size:clamp(17px,1.3vw,22px);line-height:1.7}.signal-section{height:62vh;min-height:520px;position:relative;display:grid;place-items:center;overflow:hidden;border-top:1px solid #18253a;border-bottom:1px solid #18253a;background:#050914}.signal-copy{position:relative;z-index:3;text-align:center;font:800 clamp(42px,7vw,122px)/.88 Syne,sans-serif;letter-spacing:-.065em;max-width:1200px}.signal-copy span{color:transparent;-webkit-text-stroke:1px #56647b}#wave{position:absolute;inset:0;width:100%;height:100%;opacity:.85}
.how{padding:140px clamp(22px,6vw,105px);max-width:1500px;margin:auto}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid #24324a;border-bottom:1px solid #24324a}.step{min-height:330px;padding:40px 38px 44px;border-right:1px solid #24324a;position:relative;overflow:hidden}.step:last-child{border-right:0}.step:after{content:"";position:absolute;inset:auto 0 0;height:0;background:#0b1424;transition:.45s;z-index:-1}.step:hover:after{height:100%}.step>span{color:#31d0ff;font:500 10px 'DM Mono',monospace}.step h3{font-size:clamp(40px,4vw,66px);letter-spacing:-.045em;margin:72px 0 16px}.step p{color:#8c98ad;max-width:320px;line-height:1.65;margin:0}.finale{min-height:90vh;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:5vw;padding:110px clamp(22px,7vw,120px);position:relative;overflow:hidden}.finale:before{content:"";position:absolute;width:60vw;height:60vw;border:1px solid rgba(58,96,150,.18);border-radius:50%;left:-25vw;top:12%;box-shadow:0 0 0 80px rgba(45,91,158,.025),0 0 0 160px rgba(45,91,158,.018)}.finale-orb{position:relative;z-index:2;width:min(38vw,500px);aspect-ratio:1;border-radius:50%;border:1px solid #233451;display:grid;place-items:center;animation:float 7s ease-in-out infinite}.finale-orb img{width:56%;border-radius:28%;box-shadow:0 20px 80px rgba(46,109,255,.24)}.finale-copy{position:relative;z-index:3}.finale-copy h2{font-size:clamp(58px,7.6vw,126px);line-height:.85;letter-spacing:-.06em;margin:24px 0}.finale-copy p{color:#8f9cb0;font-size:20px;margin:0 0 38px}.btn-primary.giant{padding:20px 26px;font-size:14px}footer{position:relative;z-index:2;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px;padding:34px clamp(22px,5vw,76px);border-top:1px solid #18243a;color:#5f6c80;font-size:11px}.footer-brand{display:flex;align-items:center;gap:10px;color:#fff;font-family:Syne,sans-serif;letter-spacing:.08em}.footer-brand img{width:30px;border-radius:9px}.footer-links{justify-self:center;display:flex;gap:24px}.footer-links a:hover{color:#fff}footer p{margin:0;text-align:right}
.js .reveal{opacity:0;transform:translateY(34px);transition:opacity .85s cubic-bezier(.2,.75,.2,1),transform .85s cubic-bezier(.2,.75,.2,1)}.js .reveal.in{opacity:1;transform:none}
@media(max-width:980px){.site-head{grid-template-columns:1fr auto}.site-head nav{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding-top:150px}.hero-stage{height:620px;min-height:0}.pulse-disc{width:280px}.orbit-a{width:430px;height:430px}.orbit-b{width:560px;height:560px}.note-a{left:8%}.note-b{right:7%}.product-theatre{padding:0 44px 90px}.device-shell{width:190px;right:0}.feature-line{grid-template-columns:1fr}.feature-line p{margin-top:25px}.feature-split,.feature-split.reverse{grid-template-columns:1fr;gap:36px;min-height:0}.feature-split.reverse>div,.feature-split.reverse>p{order:initial}.finale{grid-template-columns:1fr}.finale-orb{width:min(72vw,430px);margin:auto}.steps{grid-template-columns:1fr}.step{border-right:0;border-bottom:1px solid #24324a;min-height:260px}.step:last-child{border-bottom:0}footer{grid-template-columns:1fr;text-align:center}.footer-brand,.footer-links{justify-self:center}footer p{text-align:center}}
@media(max-width:620px){.site-head{height:70px;padding:0 16px}.wordmark span{font-size:13px}.wordmark img{width:32px;height:32px}.head-cta{padding:9px 12px;font-size:10px}.hero{padding:118px 18px 64px}.hero h1{font-size:clamp(56px,18vw,82px);line-height:.84;margin-top:20px}.hero p{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.hero-proof{margin-top:40px}.hero-stage{height:500px;margin-top:-10px}.pulse-disc{width:210px}.orbit-a{width:330px;height:330px}.orbit-b{width:440px;height:440px}.float-note{font-size:8px}.note-a{top:17%;left:1%}.note-b{right:0;top:34%}.note-c{right:5%;bottom:18%}.equalizer{bottom:7%}.scroll-cue{display:none}.experience{padding:95px 16px 90px}.section-intro{margin-bottom:50px}.section-intro h2{font-size:clamp(46px,14vw,68px)}.product-theatre{padding:0 0 110px}.browser-top{grid-template-columns:auto 1fr}.browser-top>span{display:none}.demo-tabs{justify-self:end}.demo-tabs button{padding:6px;font-size:7px}.browser-shell{border-radius:14px}.device-shell{width:135px;right:-7px;bottom:20px;border-radius:23px}.device-shell img{border-radius:18px}.feature-run{padding:20px 18px 90px}.feature-line{padding-bottom:60px}.feature-line p{font-size:44px}.feature-split{padding:58px 0}.feature-split h3{font-size:54px}.feature-split p{font-size:16px}.signal-section{min-height:420px;height:60vh}.signal-copy{font-size:48px;padding:0 20px}.how{padding:95px 18px}.step{padding:32px 8px}.step h3{margin-top:48px}.finale{padding:95px 18px;min-height:auto}.finale-copy h2{font-size:56px}.finale-copy p{font-size:17px}.btn-primary.giant{width:100%;font-size:12px}footer{padding:28px 18px}.footer-links{gap:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}.js .reveal{opacity:1!important;transform:none!important;transition:none!important}}