:root {
  color-scheme: dark;
  --ink: #020817; --panel: #071426; --panel-2: #0a1b31; --line: #123b67;
  --blue: #087cff; --cyan: #34c8ff; --text: #f5f8ff; --muted: #9cb0c9;
  --max: 1180px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; color: var(--text); background: var(--ink); line-height: 1.6; }
body::before { content: ""; position: fixed; inset: 0; z-index: -1; background: radial-gradient(circle at 78% 8%, rgba(8,124,255,.16), transparent 28rem), linear-gradient(rgba(18,59,103,.10) 1px, transparent 1px), linear-gradient(90deg, rgba(18,59,103,.10) 1px, transparent 1px); background-size: auto, 64px 64px, 64px 64px; }
a { color: inherit; }
.site-header { height: 84px; padding: 0 max(28px, calc((100vw - var(--max))/2)); display: flex; align-items: center; justify-content: space-between; position: sticky; top: 0; z-index: 10; background: rgba(2,8,23,.9); border-bottom: 1px solid rgba(52,200,255,.18); backdrop-filter: blur(18px); }
.wordmark { text-decoration: none; font-size: 23px; font-weight: 750; letter-spacing: -.8px; color: var(--blue); display:inline-flex; align-items:center; gap:10px; }.wordmark span,.wordmark small { color: white; }.wordmark small { font-size: .55em; font-weight: 500; }
.suite-nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.suite-nav a{color:#c5d8ed;text-decoration:none;padding:8px 11px;border:1px solid #174975;border-radius:5px;background:#0a2038;font-size:13px;font-weight:700}.suite-nav a:hover,.suite-nav a.active{border-color:#34c8ff;background:#0b2b4d;color:#34c8ff}
.hero-banner { width:min(var(--max), calc(100% - 48px)); margin:28px auto 0; border:1px solid rgba(52,200,255,.24); border-radius:8px; overflow:hidden; background:#061426; box-shadow:0 18px 56px rgba(0,0,0,.34); }
.hero-banner img { display:block; width:100%; height:auto; }
.intro { width:min(var(--max), calc(100% - 48px)); margin:0 auto; padding:54px 0 62px; }
.eyebrow { color: var(--cyan); text-transform: uppercase; letter-spacing: .18em; font-size: 12px; font-weight: 750; margin: 0 0 15px; }
h1,h2,h3,p { margin-top: 0; } h1 { font-size: clamp(44px, 6vw, 76px); line-height: 1.02; letter-spacing: -.055em; max-width: 790px; margin-bottom: 24px; } h1 span { color: var(--cyan); } .intro > p:not(.eyebrow) { max-width: 790px; color: #c5d2e3; font-size: 19px; }
.actions { display:flex; gap:12px; margin-top:32px; flex-wrap:wrap; }.button { display:inline-block; text-decoration:none; padding:12px 20px; border-radius:6px; font-weight:700; font-size:14px; transition:.2s ease; }.primary { color:white; background:linear-gradient(135deg, #075cff, #08a5f7); box-shadow:0 0 30px rgba(8,124,255,.28); }.primary:hover { transform:translateY(-2px); box-shadow:0 0 40px rgba(52,200,255,.38); }.secondary { border:1px solid #275a89; background:rgba(7,20,38,.65); color:#dbe8f8; }.secondary:hover { border-color:var(--cyan); }
.signal-strip { width:min(var(--max), calc(100% - 48px)); margin:0 auto; position:relative; z-index:3; display:grid; grid-template-columns:repeat(4,1fr); background:rgba(7,20,38,.92); border:1px solid #174975; box-shadow:0 16px 50px rgba(0,0,0,.35); backdrop-filter:blur(12px); }.signal-strip div { padding:23px; border-right:1px solid #174975; display:grid; grid-template-columns:auto 1fr; column-gap:13px; }.signal-strip div:last-child{border:0}.signal-icon{grid-row:1/3;color:var(--cyan);font-size:13px;font-weight:800;border:1px solid #1d76bd;border-radius:8px;width:32px;height:32px;display:grid;place-items:center}.signal-strip strong{font-size:14px}.signal-strip small{color:var(--muted);font-size:12px}
.section { width:min(var(--max), calc(100% - 48px)); margin:0 auto; padding:120px 0; }.section-heading{max-width:760px;margin-bottom:48px}.section h2,.cta h2{font-size:clamp(32px,4vw,50px);line-height:1.12;letter-spacing:-.035em;margin-bottom:18px}.section-heading>p:last-child,.cta>p:not(.eyebrow){color:var(--muted);font-size:18px}
.card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.card{padding:32px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(10,27,49,.86),rgba(4,14,29,.86));position:relative;overflow:hidden}.card::before{content:"";position:absolute;width:120px;height:2px;left:0;top:0;background:linear-gradient(90deg,var(--cyan),transparent)}.card>span{color:var(--blue);font:700 12px ui-monospace,monospace}.card h3{font-size:21px;margin:20px 0 8px}.card p{color:var(--muted);margin:0}
.workflow{border-top:1px solid rgba(18,59,103,.65)}.workflow ol{padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);list-style:none;gap:1px;background:var(--line);border:1px solid var(--line)}.workflow li{background:var(--ink);padding:32px;display:flex;gap:20px}.workflow li>span{color:var(--cyan);font:700 26px ui-monospace,monospace}.workflow strong{font-size:18px}.workflow li p{color:var(--muted);margin:7px 0 0}
.cta{width:min(var(--max),calc(100% - 48px));margin:0 auto 100px;padding:70px;text-align:center;border:1px solid #17578e;background:radial-gradient(circle at 50% 100%,rgba(8,124,255,.24),transparent 55%),var(--panel);box-shadow:inset 0 0 50px rgba(8,124,255,.08)}.cta>p:not(.eyebrow){max-width:680px;margin:0 auto 28px}
footer{border-top:1px solid var(--line);padding:34px max(24px,calc((100vw - var(--max))/2));display:flex;align-items:center;gap:30px;color:var(--muted);font-size:13px}footer p{margin:0}footer p:last-child{margin-left:auto}
@media(max-width:800px){.signal-strip{grid-template-columns:1fr 1fr}.signal-strip div:nth-child(2){border-right:0}.signal-strip div{border-bottom:1px solid var(--line)}.card-grid,.workflow ol{grid-template-columns:1fr}.section{padding:80px 0}.cta{padding:48px 24px}footer{align-items:flex-start;flex-direction:column;gap:8px}footer p:last-child{margin-left:0}}
@media(max-width:500px){.signal-strip{grid-template-columns:1fr}.signal-strip div{border-right:0}.intro,.section,.signal-strip,.cta,.hero-banner{width:calc(100% - 32px)}h1{font-size:43px}.cta{margin-bottom:60px}}
@media(max-width:900px){.site-header{height:auto;min-height:84px;align-items:flex-start;flex-direction:column;padding-top:18px;padding-bottom:18px}.suite-nav{width:100%}}