:root{color-scheme:dark;--bg:#070c17;--panel:#101929;--line:#233149;--text:#f1f6ff;--muted:#a2afc3;--cyan:#46d9ff;--blue:#2569ff}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(ellipse at 85% 12%,#112956 0,transparent 38%),radial-gradient(ellipse at 8% 65%,#0b1b30 0,transparent 42%),var(--bg);color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:3px solid var(--cyan);outline-offset:6px;border-radius:5px}
.page{max-width:1200px;margin:auto;padding:0 48px}
.header{height:112px;border-bottom:1px solid #ffffff0e;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px;font-size:20px;letter-spacing:-.5px}
.brand img{object-fit:contain}
.brand strong{font-weight:500;color:var(--cyan)}
.header-label{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted)}
.hero{min-height:540px;display:grid;grid-template-columns:1.04fr 1fr;align-items:center;gap:38px;padding:56px 0}
.eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:2px;font-weight:650;color:var(--cyan);margin:0 0 22px}
.eyebrow span{width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px #46d9ff90}
h1{font-size:clamp(38px,4.5vw,60px);font-weight:550;line-height:1.09;letter-spacing:-2.4px;margin:0 0 23px}
.lead{font-size:16px;line-height:1.7;max-width:440px;color:var(--muted);margin:0 0 30px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;background:linear-gradient(115deg,#097eaf,var(--blue));border:1px solid #5da9ff40;padding:15px 20px;border-radius:9px;font-size:13px;font-weight:600;box-shadow:0 8px 24px #0040bd20}
.button:hover{filter:brightness(1.12)}
.brand-stage{position:relative;min-height:310px;display:flex;flex-direction:column;justify-content:center;align-items:center;isolation:isolate}
.brand-stage:before{content:"";position:absolute;inset:38px 12px;background:radial-gradient(ellipse,#0e55c445,transparent 70%);z-index:-1}
.hero-logo{width:100%;height:auto;max-width:470px;filter:drop-shadow(0 15px 35px #0170ff30)}
.brand-stage p{font-size:11px;color:#8097b7;letter-spacing:1.5px;margin:4px 0 0}
.orbit{position:absolute;width:340px;height:150px;border:1px solid #348bff18;border-radius:50%;z-index:-1;transform:rotate(-24deg)}
.orbit-one{top:33px;right:10px}
.orbit-two{bottom:18px;left:10px;transform:rotate(20deg)}
.channels{padding:15px 0 40px;scroll-margin-top:32px}
.section-heading .eyebrow{font-size:9px;margin-bottom:12px;color:#7195c7}
h2{font-size:26px;font-weight:500;letter-spacing:-.8px;margin:0 0 26px}
.cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.card{background:linear-gradient(135deg,#14233b90,#0c1422);border:1px solid var(--line);padding:28px;border-radius:16px}
.lab{border-color:#22548c}
.card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:33px}
.channel-code{color:#c1d5f5;font-size:11px;letter-spacing:2px;font-weight:600}
.badge{display:inline-flex;align-items:center;padding:6px 9px;border-radius:30px;font-size:10px;color:#a2afc3;background:#9aaac00c;border:1px solid #8194b31d;white-space:nowrap}
.experimental{color:#77d5ff;background:#1f7ebb12;border-color:#388ec738}
h3{font-size:22px;font-weight:500;margin:0 0 12px;letter-spacing:-.5px}
.card p{font-size:13px;line-height:1.75;color:var(--muted);max-width:370px;margin:0 0 26px;min-height:46px}
.text-link{display:inline-flex;align-items:center;gap:18px;font-size:12px;color:#85d9ff;font-weight:500}
.text-link:hover{text-decoration:underline;text-underline-offset:4px}
.subtle{color:#bdc9db}
.note{border-top:1px solid #ffffff0b;padding:24px 0;display:flex;align-items:center;gap:18px}
.note-mark{flex-shrink:0;display:grid;place-items:center;width:36px;height:36px;border:1px solid #28415f;border-radius:10px;color:#7da7df;font-size:11px}
.note p{color:#8090a8;font-size:12px;line-height:1.75;max-width:800px;margin:0}
.note strong{font-weight:500;color:#b2c4dd}
footer{border-top:1px solid #ffffff0b;padding:26px 0 38px;display:flex;align-items:center;justify-content:space-between;color:#687c98;font-size:11px}
footer a{color:#90a5c2}
.detail{min-height:calc(100vh - 207px);max-width:780px;padding:100px 0 80px}
.detail h1{font-size:48px}
.detail .lead{max-width:640px}
.detail .card{margin:32px 0}
.detail .card p{max-width:none;min-height:0;margin-bottom:0}
.back{display:inline-flex;align-items:center;gap:10px;font-size:12px;color:var(--cyan);margin-top:20px}
@media(max-width:760px){.page{padding:0 24px}.header{height:86px}.header-label{font-size:9px;letter-spacing:.8px}.brand{font-size:17px;gap:8px}.brand img{width:34px;height:28px}.hero{grid-template-columns:1fr;gap:20px;padding:48px 0 28px;min-height:auto}.hero-copy{max-width:540px}h1{letter-spacing:-1.5px}.brand-stage{min-height:220px;max-width:420px;justify-self:center;width:100%}.hero-logo{max-width:350px}.orbit{width:270px;height:110px}.brand-stage p{font-size:10px}.cards{grid-template-columns:1fr}.card{padding:24px}.card-top{margin-bottom:26px}.channels{padding-top:28px}h2{font-size:23px}.note{align-items:flex-start}.detail{padding:65px 0}.detail h1{font-size:38px}footer{gap:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.version-date{font-size:11px!important;color:#7d96b8!important;margin:0 0 14px!important;min-height:0!important}.version-note{margin:0!important;min-height:0!important;color:#8194af!important;font-size:12px!important}.header-label:hover{color:var(--cyan)}