@font-face{font-family:Exo2;src:url(/assets/fonts/Exo2-VF.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:SpaceG;src:url(/assets/fonts/SpaceGrotesk-VF.woff2) format("woff2");font-weight:300 700;font-display:swap}
@font-face{font-family:Orb;src:url(/assets/fonts/Orbitron-VF.woff2) format("woff2");font-weight:400 900;font-display:swap}
:root{--bg:#070A12;--panel:#0E1422;--panel2:#121A2C;--blue:#3A7BE8;--blue2:#5B9BFF;--gold:#D4882E;--gold1:#F3D27A;--gold2:#C9962E;--cream:#F5E6C8;--text:#E8ECF5;--muted:#A3AEC4;--ok:#34d399;--bad:#ef4444}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.6 SpaceG,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--blue2)}:focus-visible{outline:2px solid var(--gold1);outline-offset:3px}
.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;z-index:99;background:var(--gold1);color:#111;padding:.5rem 1rem}
.wrap{max-width:1160px;margin:0 auto;padding:0 1.25rem}
h1,h2,h3{font-family:Exo2,SpaceG,sans-serif;line-height:1.15;margin:0 0 .6rem}
.eyebrow{font:600 .75rem/1 Orb,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--blue2)}
.gold{background:linear-gradient(100deg,var(--gold1),var(--gold2));-webkit-background-clip:text;background-clip:text;color:transparent}
/* header */
.top{position:sticky;top:0;z-index:20;background:rgba(7,10,18,.78);backdrop-filter:blur(10px);border-bottom:1px solid rgba(91,155,255,.18)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:#fff;font:700 1.2rem Exo2,sans-serif;letter-spacing:.06em}
.brand img{height:40px;width:auto;display:block}
.top nav a{color:var(--muted);text-decoration:none;margin-left:1.2rem;font-size:.9rem}.top nav a:hover{color:#fff}
.top nav .hide-sm{display:none}@media(min-width:760px){.top nav .hide-sm{display:inline}}
/* buttons */
.btn{display:inline-flex;align-items:center;gap:.5rem;font:700 .95rem SpaceG,sans-serif;padding:.85rem 1.4rem;border-radius:10px;border:0;cursor:pointer;text-decoration:none;transition:transform .15s,box-shadow .15s}
.btn.g{color:#1a1205;background:linear-gradient(100deg,var(--gold1),var(--gold2));box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 0 22px rgba(242,184,75,.35)}
.btn.b{color:#fff;background:rgba(58,123,232,.12);border:1.5px solid rgba(91,155,255,.6);box-shadow:0 0 14px rgba(91,155,255,.25)}
.btn:hover{transform:translateY(-1px)}.btn.sm{padding:.55rem 1rem;font-size:.85rem}
/* hero */
.hero{position:relative;min-height:88vh;display:flex;align-items:center;overflow:hidden;background:#05070d url(/assets/hero-poster.jpg) center/cover}
.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,10,18,.95) 0%,rgba(7,10,18,.8) 50%,rgba(7,10,18,.35)),linear-gradient(0deg,var(--bg),transparent 30%)}
.hero .wrap{position:relative;z-index:1;width:100%;padding-top:3rem;padding-bottom:4rem}
.hero h1{font-size:clamp(2.4rem,7vw,4.6rem);font-weight:800;max-width:14ch;margin:.8rem 0 1rem}
.hero p.lead{max-width:36rem;font-size:1.15rem;color:#D3DAE8}
.hero .acts{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.6rem}
.pills{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2rem}
.pill{font:600 .72rem Orb,sans-serif;letter-spacing:.12em;text-transform:uppercase;padding:.35rem .7rem;border-radius:999px;border:1px solid rgba(245,230,200,.3);color:var(--cream);background:rgba(14,20,34,.6)}
@media(prefers-reduced-motion:reduce){.hero video{display:none}html{scroll-behavior:auto}.btn{transition:none}.dot.live{animation:none!important}}
/* glow line */
.line{height:2px;border:0;margin:0;background:linear-gradient(90deg,transparent,var(--blue) 20%,var(--gold1) 50%,var(--blue) 80%,transparent);box-shadow:0 0 14px rgba(91,155,255,.6)}
section{padding:4.5rem 0}.sh{max-width:44rem;margin-bottom:2.2rem}.sh h2{font-size:clamp(1.8rem,4.5vw,2.6rem)}.sh p{color:var(--muted)}
/* board-style panel */
.bx{--c:var(--blue);background:linear-gradient(180deg,var(--panel2),var(--panel));border:2.2px solid var(--c);border-radius:14px;box-shadow:0 0 0 1px rgba(0,0,0,.6),0 6px 18px rgba(0,0,0,.55),0 0 13px 1px color-mix(in srgb,var(--c) 38%,transparent);padding:1rem 1.1rem;overflow:hidden}
.bx.cr{--c:var(--cream)}.bx.gd{--c:var(--gold)}
.ph{display:flex;justify-content:space-between;align-items:center;font:700 .78rem Orb,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--c);margin-bottom:.8rem}
.ph small{font:500 .7rem SpaceG,sans-serif;letter-spacing:0;color:var(--muted);text-transform:none}
.grid{display:grid;gap:1.25rem;grid-template-columns:1fr}
@media(min-width:720px){.grid.g2{grid-template-columns:1fr 1fr}.grid.g3{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.grid.g3{grid-template-columns:repeat(3,1fr)}}
.cap h3{font-size:1.15rem;margin:.9rem 0 .2rem}.cap p{color:var(--muted);margin:0;font-size:.93rem}
/* mock elements */
.job{display:flex;gap:.7rem;align-items:center;padding:.6rem .7rem;border-radius:10px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);margin-bottom:.5rem;font-size:.88rem}
.av{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font:700 .75rem Orb,sans-serif;color:#0b0f1a}
.av.a{background:var(--gold1)}.av.b{background:var(--blue2)}.av.c{background:var(--cream)}
.job .t{flex:1;min-width:0}.job .t b{display:block;color:#fff;font-weight:600}.job .t span{color:var(--muted);font-size:.78rem}
.st{font:700 .65rem Orb,sans-serif;letter-spacing:.1em;padding:.25rem .5rem;border-radius:6px;white-space:nowrap}
.st.run{color:var(--blue2);background:rgba(58,123,232,.15)}.st.done{color:var(--ok);background:rgba(52,211,153,.12)}.st.wait{color:var(--gold1);background:rgba(242,184,75,.14)}
.bar{height:4px;border-radius:4px;background:rgba(255,255,255,.08);margin-top:.35rem;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--blue2));box-shadow:0 0 8px var(--blue2)}
.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--ok);margin-right:.35rem}.dot.live{animation:bl 1s ease-in-out infinite alternate}@keyframes bl{to{opacity:.3}}
.msg{display:flex;gap:.6rem;margin-bottom:.7rem;font-size:.86rem}.msg .bub{background:rgba(255,255,255,.04);border:1px solid rgba(245,230,200,.12);border-radius:4px 12px 12px 12px;padding:.45rem .7rem}.msg .bub b{color:var(--cream);font-size:.78rem;display:block}
.msg.me{flex-direction:row-reverse}.msg.me .bub{background:rgba(58,123,232,.16);border-color:rgba(91,155,255,.3);border-radius:12px 4px 12px 12px}
.appr{border:1px solid rgba(242,184,75,.35);border-radius:10px;padding:.7rem;background:rgba(242,184,75,.05);font-size:.88rem}.appr .r{display:flex;gap:.5rem;margin-top:.6rem}
.appr .y,.appr .n{font:700 .78rem SpaceG,sans-serif;border-radius:8px;padding:.4rem .9rem;border:0}.appr .y{background:var(--gold);color:#1a1205}.appr .n{background:transparent;color:var(--muted);border:1px solid rgba(255,255,255,.2)}
.note{border-left:3px solid var(--gold);padding:.3rem .7rem;margin-bottom:.6rem;font-size:.86rem;color:#D3DAE8}.note b{color:var(--gold1)}
.player{border-radius:10px;overflow:hidden;background:#000;aspect-ratio:16/9;position:relative;background:url(/assets/section-bg.jpg) center/cover}
.player .play{position:absolute;inset:0;margin:auto;width:54px;height:54px;border-radius:50%;background:rgba(7,10,18,.7);border:2px solid var(--cream);display:grid;place-items:center;color:var(--cream);font-size:1.2rem}
.ctrl{display:flex;align-items:center;gap:.6rem;margin-top:.6rem;font-size:.78rem;color:var(--muted)}.ctrl .bar{flex:1;margin:0}
.alert{display:flex;gap:.6rem;align-items:flex-start;padding:.55rem .7rem;border-radius:10px;margin-bottom:.5rem;font-size:.86rem;background:rgba(245,230,200,.05);border:1px solid rgba(245,230,200,.15)}.alert i{font-style:normal}
.alert.hot{border-color:rgba(239,68,68,.45);background:rgba(239,68,68,.08)}
.cal{display:grid;grid-template-columns:56px 1fr;gap:.4rem .7rem;font-size:.86rem}.cal time{font:600 .75rem Orb,sans-serif;color:var(--blue2);padding-top:.15rem}.cal div{padding:.35rem .6rem;border-radius:8px;background:rgba(58,123,232,.1);border-left:3px solid var(--blue)}
/* how */
.steps{counter-reset:s;list-style:none;padding:0;margin:0;display:grid;gap:1rem}@media(min-width:800px){.steps{grid-template-columns:repeat(3,1fr)}}
.steps li{counter-increment:s;padding:1.4rem}.steps li::before{content:"0" counter(s);font:800 2rem Orb,sans-serif;display:block;margin-bottom:.4rem}
.steps li p{color:var(--muted);margin:0}
/* bg section */
.bgsec{position:relative;background:#070A12 url(/assets/section-bg.jpg) center/cover}.bgsec::before{content:"";position:absolute;inset:0;background:rgba(7,10,18,.72)}.bgsec>*{position:relative}
.soon .bx{min-height:170px;display:flex;flex-direction:column;justify-content:flex-end;background:rgba(14,20,34,.72);backdrop-filter:blur(6px)}
.soon .bx h3{margin:.5rem 0 .2rem}.soon .bx p{color:var(--muted);margin:0;font-size:.92rem}
/* cta */
.cta{text-align:center}.cta .bx{max-width:720px;margin:0 auto;padding:2.5rem 1.5rem}
.form{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-top:1.4rem}
.form input{flex:1 1 220px;max-width:320px;padding:.85rem 1rem;border-radius:10px;border:1.5px solid rgba(91,155,255,.45);background:#0A0F1B;color:#fff;font:inherit}
.form input::placeholder{color:#8792A8}
#formmsg{min-height:1.5em;margin-top:.8rem;color:var(--gold1);font-weight:600}
footer{border-top:1px solid rgba(91,155,255,.18);padding:2rem 0;color:var(--muted);font-size:.9rem}footer .wrap{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center}footer a{color:var(--cream)}
/* doc */
.doc{max-width:780px;padding:3.5rem 1.25rem}.doc h1{font-size:clamp(2rem,6vw,3rem)}.doc h2{font-size:1.25rem;color:var(--cream);margin-top:2rem}.doc p{color:#D3DAE8}
.demo{margin:0;padding:.6rem}.demo video{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:10px;background:#000}
.demo figcaption{padding:.7rem .4rem .2rem;color:var(--muted);font-size:.85rem;text-align:center}