:root {
  color-scheme: dark;
  --bg:#08090b; --bg2:#0e1013; --panel:#121418; --card:#17191e; --line:#2a2d35;
  --line2:#505661; --text:#f2f3f5; --muted:#a4a8b2; --dim:#777d89; --white:#edf0f5;
  --green:#8ae0b7; --red:#ff9d9d; --shadow:rgba(0,0,0,.55);
  --font:Inter,"Segoe UI Variable Text","Segoe UI",system-ui,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}
.noise{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}
.site-header{position:fixed;z-index:10;top:18px;left:50%;transform:translateX(-50%);width:min(1180px,calc(100% - 36px));height:66px;padding:0 12px 0 16px;display:flex;align-items:center;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(14,16,19,.72);backdrop-filter:blur(22px);box-shadow:0 18px 50px rgba(0,0,0,.3)}
.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.18em;font-size:15px}
.brand img{width:36px;height:36px;border-radius:11px;filter:grayscale(1)}
.site-header nav{display:flex;gap:34px;margin:auto;color:var(--muted);font-size:14px}
.site-header nav a,.footer a{transition:color .2s}.site-header nav a:hover,.footer a:hover{color:#fff}
.nav-download{display:flex;gap:18px;align-items:center;padding:11px 16px;border-radius:11px;background:var(--white);color:#11151b;font-size:14px;font-weight:700}
main{position:relative}
.hero{position:relative;min-height:900px;padding:190px max(5vw,24px) 86px;display:grid;grid-template-columns:minmax(420px,.82fr) minmax(580px,1.18fr);align-items:center;gap:7vw;overflow:hidden;background:radial-gradient(ellipse at 75% 42%,rgba(255,255,255,.065),transparent 37%),linear-gradient(180deg,#0d0f12 0,#08090b 83%)}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:84px 84px;mask-image:linear-gradient(to bottom,black,transparent 85%)}
.hero-glow{position:absolute;width:620px;height:620px;right:5%;top:16%;border-radius:50%;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 0 90px rgba(255,255,255,.012),0 0 0 91px rgba(255,255,255,.035),0 0 180px rgba(255,255,255,.045)}
.hero-copy{position:relative;z-index:2;max-width:660px}
.eyebrow{margin:0 0 26px;color:#9ba0aa;font:700 12px/1 var(--font);letter-spacing:.26em;text-transform:uppercase}
.eyebrow span{display:inline-block;width:24px;height:1px;background:#d8dbe0;margin:0 10px 3px 0}
h1,h2,h3,p{margin-top:0}
h1{margin-bottom:26px;font-size:clamp(60px,6.2vw,104px);font-weight:500;letter-spacing:-.065em;line-height:.92}
h1 em,h2 em{font-style:normal;color:#777d88}
.hero-text{max-width:580px;margin-bottom:35px;color:var(--muted);font-size:18px;line-height:1.7}
.hero-actions{display:flex;gap:11px;flex-wrap:wrap}
.button{min-height:54px;padding:0 21px;display:inline-flex;align-items:center;justify-content:center;gap:34px;border:1px solid var(--line);border-radius:13px;font-size:14px;font-weight:750;transition:transform .2s,border-color .2s,background .2s}
.button:hover{transform:translateY(-3px)}
.button-light{background:var(--white);color:#101319;border-color:transparent;box-shadow:0 15px 36px rgba(255,255,255,.08)}
.button-ghost{background:rgba(255,255,255,.025);color:var(--text)}
.button-ghost:hover{border-color:var(--line2);background:rgba(255,255,255,.05)}
.download-meta{display:flex;align-items:center;gap:12px;margin-top:24px;color:var(--dim);font-size:12px}
.download-meta i{width:3px;height:3px;border-radius:50%;background:#686e78}
.hero-product{position:relative;z-index:2;perspective:1300px}
.product-window{position:relative;padding:9px;border:1px solid rgba(255,255,255,.15);border-radius:24px;background:rgba(31,34,40,.68);box-shadow:0 45px 120px rgba(0,0,0,.6),inset 0 1px rgba(255,255,255,.13);transform:rotateY(-5deg) rotateX(2deg);backdrop-filter:blur(10px)}
.product-top{height:42px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;color:#a4a8b2;font-size:10px;letter-spacing:.16em}
.product-top span{display:flex;align-items:center;gap:8px}.product-top i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 16px var(--green)}
.product-top small{font-size:9px;color:#686e78}
.product-screen{height:470px;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#191c21}
.product-screen img{width:100%;height:100%;display:block;object-fit:cover;object-position:center top}
.orbit{position:absolute;z-index:-1;border:1px solid rgba(255,255,255,.13);border-radius:50%;pointer-events:none}.orbit-a{width:118%;height:74%;left:-5%;top:12%;transform:rotate(-9deg)}.orbit-b{width:76%;height:117%;left:15%;top:-9%;transform:rotate(31deg)}
.telemetry{position:absolute;z-index:3;min-width:132px;padding:12px 14px;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:rgba(12,14,17,.86);backdrop-filter:blur(16px);box-shadow:0 16px 40px rgba(0,0,0,.38)}
.telemetry small{display:block;color:#737985;font-size:9px;letter-spacing:.18em}.telemetry b{display:block;margin-top:5px;font-size:12px;letter-spacing:.06em}.telemetry-one{right:-20px;top:18%}.telemetry-one b{color:var(--green)}.telemetry-two{left:-28px;bottom:11%}
.hero-index{position:absolute;left:max(5vw,24px);bottom:48px;color:#5d626c;font:12px monospace;letter-spacing:.2em}
.signal-strip{min-height:118px;padding:0 max(5vw,24px);display:grid;grid-template-columns:repeat(3,minmax(160px,220px)) 1fr;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0c0e11}
.signal-strip div{height:100%;display:flex;align-items:center;gap:16px;border-right:1px solid var(--line);padding-right:28px;margin-right:28px}.signal-strip strong{font-size:34px;font-weight:500}.signal-strip span{color:var(--dim);font-size:13px;line-height:1.35}.signal-strip p{margin:0 0 0 auto;max-width:360px;color:var(--muted);font-size:14px;line-height:1.6;text-align:right}
.section{max-width:1440px;margin:0 auto;padding:145px max(5vw,24px)}
.section-heading{max-width:760px;margin-bottom:62px}.section-heading h2,.showcase h2,.safety h2,.download-panel h2{margin-bottom:24px;font-size:clamp(48px,5vw,76px);line-height:.98;letter-spacing:-.055em;font-weight:520}.section-heading>p:last-child,.showcase-copy>p,.safety-copy>p{max-width:640px;color:var(--muted);font-size:17px;line-height:1.7}
.feature-grid{display:grid;grid-template-columns:1.15fr .925fr .925fr;gap:12px}
.feature-card{position:relative;min-height:390px;padding:28px;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.055),transparent 40%),var(--panel);box-shadow:inset 0 1px rgba(255,255,255,.06);transition:transform .25s,border-color .25s}
.feature-card:hover{transform:translateY(-7px);border-color:var(--line2)}
.feature-primary{background:radial-gradient(circle at 85% 10%,rgba(255,255,255,.09),transparent 32%),linear-gradient(145deg,rgba(255,255,255,.06),transparent 45%),#181b20}
.card-number{position:absolute;right:24px;top:25px;color:#5f6570;font:11px monospace;letter-spacing:.2em}.card-icon{width:54px;height:54px;display:grid;place-items:center;border:1px solid var(--line);border-radius:15px;background:#202329;color:#dfe2e7;font-size:25px}
.feature-card h3{margin:100px 0 16px;font-size:25px;letter-spacing:-.025em}.feature-card p{color:var(--muted);font-size:15px;line-height:1.68}
.mini-presets{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.mini-presets span,.status-line{padding:8px 10px;border:1px solid var(--line);border-radius:999px;color:#a5a9b1;font-size:10px;letter-spacing:.08em}.meter{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:auto}.meter i{height:5px;border-radius:5px;background:#2a2d35}.meter i.on{background:#cbd0d8;box-shadow:0 0 12px rgba(255,255,255,.15)}.status-line{margin-top:auto;align-self:flex-start}.status-line span{display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}
.showcase{max-width:none;padding-inline:max(5vw,24px);display:grid;grid-template-columns:minmax(320px,.62fr) minmax(600px,1.38fr);gap:7vw;align-items:center;background:linear-gradient(180deg,#08090b,#0e1013 48%,#08090b)}
.screen-tabs{margin-top:38px;border-top:1px solid var(--line)}
.screen-tabs button{width:100%;padding:19px 2px;display:flex;justify-content:space-between;border:0;border-bottom:1px solid var(--line);background:transparent;color:#767c87;text-align:left;cursor:pointer;font-size:15px;transition:color .2s,padding .2s}.screen-tabs button:hover,.screen-tabs button.active{padding-left:12px;color:#fff}.screen-tabs span{font:11px monospace;color:#626873}
.screen-stage{position:relative}.screen-frame{position:relative;padding:8px;border:1px solid var(--line2);border-radius:25px;background:#17191e;box-shadow:0 40px 90px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.11);overflow:hidden}.screen-bar{height:42px;padding:0 12px;display:flex;align-items:center;gap:7px;color:#9da2ab;font:10px monospace;letter-spacing:.12em}.screen-bar span{margin-right:auto}.screen-bar i{width:7px;height:7px;border:1px solid #5c626d;border-radius:50%}.screen-frame img{width:100%;aspect-ratio:1.53/1;display:block;object-fit:cover;object-position:top;border:1px solid var(--line);border-radius:17px;background:#202329;transition:opacity .2s,transform .35s}.screen-frame img.swapping{opacity:.25;transform:scale(.985)}.screen-frame img.contain{object-fit:contain;object-position:center;background:radial-gradient(circle at 50% 45%,#20242b 0,#111318 62%,#090a0c 100%);padding:3.5% 12%}
.scan-line{position:absolute;left:8px;right:8px;top:50px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);opacity:.25;animation:scan 6s ease-in-out infinite}.stage-code{display:block;margin:14px 4px 0;text-align:right;color:#5e646e;font:10px monospace;letter-spacing:.18em}
.safety{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:9vw;align-items:center;overflow:hidden}.safety-orbit{position:absolute;z-index:-1;width:650px;height:650px;left:-300px;top:110px;border:1px solid var(--line);border-radius:50%;box-shadow:0 0 0 70px transparent,0 0 0 71px #17191e}
.text-link{display:inline-flex;gap:20px;margin-top:16px;padding-bottom:7px;border-bottom:1px solid #777d88;font-size:14px;font-weight:700}.text-link span{transition:transform .2s}.text-link:hover span{transform:translate(3px,-3px)}
.safety-list{border-top:1px solid var(--line)}.safety-list>div{min-height:112px;display:grid;grid-template-columns:42px 1fr auto;gap:18px;align-items:center;border-bottom:1px solid var(--line)}.safety-list>div>span{color:#686e78;font:11px monospace}.safety-list p{margin:0}.safety-list b{display:block;font-size:16px}.safety-list small{display:block;margin-top:8px;color:var(--muted);font-size:13px}.safety-list i{width:29px;height:29px;display:grid;place-items:center;border:1px solid rgba(138,224,183,.28);border-radius:50%;background:rgba(138,224,183,.08);color:var(--green);font-style:normal;font-size:12px}
.download-panel{position:relative;max-width:1340px;min-height:620px;margin:40px auto 120px;padding:100px 30px;display:flex;align-items:center;flex-direction:column;text-align:center;overflow:hidden;border:1px solid var(--line);border-radius:32px;background:radial-gradient(circle at 50% 25%,rgba(255,255,255,.09),transparent 38%),linear-gradient(145deg,rgba(255,255,255,.045),transparent 45%),var(--panel);box-shadow:0 45px 110px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.08)}
.download-panel::before,.download-panel::after{content:"";position:absolute;width:720px;height:180px;border:1px solid rgba(255,255,255,.1);border-radius:50%;transform:rotate(-16deg)}.download-panel::before{left:-220px;top:90px}.download-panel::after{right:-250px;bottom:40px}
.download-mark{position:relative;margin-bottom:40px}.download-mark img{position:relative;z-index:1;width:76px;height:76px;border-radius:22px;filter:grayscale(1);box-shadow:0 15px 35px rgba(0,0,0,.4)}.download-mark span{position:absolute;width:126px;height:46px;left:50%;top:50%;border:1px solid var(--line2);border-radius:50%;transform:translate(-50%,-50%) rotate(-20deg)}
.download-panel h2{position:relative;z-index:1}.download-panel>p:not(.eyebrow){max-width:620px;color:var(--muted);font-size:17px;line-height:1.7}.button-large{position:relative;z-index:1;min-width:380px;margin:20px 0 15px;justify-content:space-between}.download-panel>small{color:#696f79;font-size:12px}
footer{min-height:125px;padding:0 max(5vw,24px);display:flex;align-items:center;gap:30px;border-top:1px solid var(--line);color:#747a85;font-size:13px}.footer-brand{color:#fff}.footer p{margin:0}footer p{margin:0 auto}footer>div{display:flex;gap:24px}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}
@keyframes scan{0%,100%{transform:translateY(0);opacity:0}15%{opacity:.3}50%{transform:translateY(430px);opacity:.3}70%{opacity:0}}
@media(max-width:1120px){.hero{grid-template-columns:1fr;padding-top:155px}.hero-copy{max-width:800px}.hero-product{max-width:900px}.product-screen{height:auto;aspect-ratio:1.53/1}.signal-strip{grid-template-columns:repeat(3,1fr)}.signal-strip p{display:none}.feature-grid{grid-template-columns:1fr 1fr}.feature-primary{grid-column:1/-1}.showcase{grid-template-columns:1fr}.showcase-copy{max-width:720px}.screen-stage{max-width:1000px}.safety{gap:5vw}}
@media(max-width:760px){.site-header{top:10px;height:58px;width:calc(100% - 20px);padding-left:10px}.site-header nav{display:none}.brand img{width:34px;height:34px}.nav-download{margin-left:auto}.hero{min-height:auto;padding:145px 20px 75px;gap:75px}.hero-copy{min-width:0}h1{font-size:clamp(52px,16vw,74px)}.hero-text{font-size:16px}.hero-actions{display:grid}.button{width:100%}.download-meta{flex-wrap:wrap}.product-window{transform:none}.product-top small,.telemetry{display:none}.orbit-a{width:110%}.orbit-b{display:none}.signal-strip{grid-template-columns:1fr;gap:0;padding:16px 20px}.signal-strip div{height:auto;min-height:74px;margin:0;padding:0;border-right:0;border-bottom:1px solid var(--line)}.signal-strip div:last-of-type{border-bottom:0}.section{padding:100px 20px}.section-heading h2,.showcase h2,.safety h2,.download-panel h2{font-size:clamp(44px,13vw,60px)}.feature-grid{grid-template-columns:1fr}.feature-primary{grid-column:auto}.feature-card{min-height:360px}.showcase{padding-inline:20px}.screen-frame{padding:5px;border-radius:17px}.screen-frame img{border-radius:11px}.safety{grid-template-columns:1fr;gap:55px}.safety-list>div{grid-template-columns:32px 1fr auto}.download-panel{margin:20px 10px 80px;padding:75px 20px;min-height:590px}.button-large{min-width:0}.download-panel::before,.download-panel::after{width:480px}footer{padding:30px 20px;flex-wrap:wrap}.footer-brand{width:100%}footer p{margin:0 auto 0 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.scan-line{animation:none}.button,.feature-card{transition:none}}