:root{--ink:#ecf6ff;--muted:#8faec4;--bg:#06111d;--panel:#0c1c2c;--panel2:#10263a;--line:#203e54;--cyan:#68d5ff;--blue:#168ed4;--green:#55d5a6;--amber:#ffc66b;--red:#ff7887;--shadow:0 24px 80px rgba(0,0,0,.28)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 75% -20%,#153b55 0,transparent 33%),var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:inherit;text-decoration:none}
.ops-brand{display:inline-flex;align-items:center;gap:10px;font-size:21px;font-weight:760;letter-spacing:-.03em}
.ops-brand img{border-radius:11px}
.ops-brand>span>span{color:var(--cyan)}
.ops-brand b{display:block;color:var(--muted);font-size:9px;letter-spacing:.17em;text-transform:uppercase;margin-top:-1px}
.ops-kicker{color:var(--cyan);font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:800}
.ops-public{min-height:100vh}
.ops-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:9px;padding:13px 18px;background:linear-gradient(135deg,#55caff,#0878bd);box-shadow:0 12px 30px #008ed62c;color:white;font-weight:750;cursor:pointer}
.ops-button:hover{filter:brightness(1.1)}
.ops-button.secondary{background:#0c2030;border-color:var(--line);box-shadow:none}
.ops-button.compact{padding:9px 13px;font-size:13px}
.hero-actions{display:flex;flex-wrap:wrap;gap:10px}
.showcase{overflow:hidden}
.showcase-nav{height:84px;display:flex;align-items:center;justify-content:space-between;gap:20px;width:min(1400px,92%);margin:auto}
.showcase-nav nav{display:flex;align-items:center;gap:25px;color:#b1c7d6;font-size:13px}
.showcase-hero{position:relative;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;width:min(1400px,88%);min-height:720px;margin:auto}
.showcase-hero:before{content:"";position:absolute;width:550px;height:550px;right:-260px;top:60px;border:1px solid #22546f;border-radius:50%;box-shadow:0 0 100px #22aadd1c}
.showcase-hero h1{font-size:clamp(55px,7vw,104px);line-height:.96;letter-spacing:-.07em;margin:18px 0 30px;max-width:900px}
.showcase-hero h1 em,.section-intro h2 em{color:var(--cyan);font-style:normal;font-weight:400}
.showcase-lead{max-width:700px;color:#a9c3d4;font-size:18px;line-height:1.7}
.showcase-console{position:relative;padding:19px;border:1px solid #356581;border-radius:15px;background:#081a29e8;box-shadow:0 40px 100px #0007;transform:perspective(900px) rotateY(-4deg)}
.console-head{display:flex;justify-content:space-between;padding:3px 3px 17px;color:var(--muted);font-size:9px;letter-spacing:.14em}
.console-head .signal{color:var(--green)}
.console-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.console-grid article{min-height:145px;padding:16px;border:1px solid var(--line);border-radius:10px;background:#0e2334}
.console-grid small{color:var(--cyan);font-size:9px;letter-spacing:.12em}
.console-grid strong{display:block;font-size:19px;margin:22px 0 5px}
.console-grid p,.console-disclosure{color:var(--muted);font-size:11px;line-height:1.5}
.console-disclosure{text-align:center;margin:14px 0 0}
.showcase-features{padding:120px max(6%,calc((100% - 1400px)/2));background:#081522;border-block:1px solid var(--line)}
.section-intro{display:grid;grid-template-columns:.45fr 1fr;gap:40px;align-items:start}
.section-intro h2{font-size:clamp(38px,5vw,70px);letter-spacing:-.055em;line-height:1.05;margin:0 0 65px}
.feature-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.feature-cards article{padding:22px 18px;border-top:1px solid #3e6a80;background:linear-gradient(#0b1c2a,transparent)}
.feature-cards span{color:var(--cyan);font-size:10px}
.feature-cards h3{font-size:19px;margin:20px 0 10px}
.feature-cards p{color:var(--muted);line-height:1.65;font-size:14px}
.separation{display:grid;grid-template-columns:.4fr 1fr auto;align-items:center;gap:50px;width:min(1400px,88%);margin:auto;padding:120px 0}
.separation h2{font-size:40px;letter-spacing:-.045em;margin:0 0 15px}
.separation p{color:var(--muted);line-height:1.7}
.showcase-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:35px 6%;border-top:1px solid var(--line);color:var(--muted);font-size:12px}
@media(max-width:1150px){.feature-cards{grid-template-columns:repeat(3,1fr)}
.showcase-hero{grid-template-columns:1fr;gap:10px;padding:90px 0}
.showcase-console{max-width:700px;transform:none}
.section-intro{grid-template-columns:1fr}
.separation{grid-template-columns:1fr}
}
@media(max-width:800px){.showcase-nav nav>a:not(.ops-button){display:none}
.showcase-hero{width:90%;min-height:auto}
.showcase-hero h1{font-size:55px}
.showcase-features{padding:80px 5%}
.feature-cards{grid-template-columns:1fr 1fr}
.separation{padding:80px 0}
.showcase-footer{align-items:flex-start;flex-direction:column}
}
@media(max-width:520px){.feature-cards,.console-grid{grid-template-columns:1fr}
.showcase-nav{height:70px}
.showcase-nav nav{gap:8px}
.showcase-hero{padding-top:60px}
.showcase-hero h1{font-size:45px}
.showcase-lead{font-size:16px}
.showcase-footer p{line-height:1.5}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}
}
.showcase-hero>*,.console-grid article{min-width:0}
.showcase-hero h1,.showcase-lead,.console-grid p,.console-disclosure{overflow-wrap:anywhere}
.showcase-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.showcase-console{min-width:0;width:100%}
.console-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1150px){.showcase-hero{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:520px){.console-grid{grid-template-columns:minmax(0,1fr)}
.showcase-nav{gap:8px}
.showcase-nav .ops-brand{font-size:18px}
.showcase-nav .ops-button{padding:9px 10px}
}