:root { color-scheme: dark; --ink:#030b16; --panel:#071827; --line:rgba(130,180,220,.16); --text:#f2f7fb; --muted:#91a8ba; --blue:#63a9ff; --green:#22d3a6; font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
* { box-sizing:border-box; }
html { min-width:320px; background:var(--ink); }
body { min-height:100vh; margin:0; display:grid; grid-template-rows:auto 1fr auto; overflow-x:hidden; background:radial-gradient(circle at 78% 42%,rgba(27,121,153,.16),transparent 28%),linear-gradient(rgba(74,138,190,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(74,138,190,.035) 1px,transparent 1px),var(--ink); background-size:auto,64px 64px,64px 64px; color:var(--text); }
a { color:inherit; }
.site-header { width:min(1500px,100%); min-height:92px; margin:auto; padding:0 clamp(24px,6vw,88px); display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.brand { display:flex; align-items:center; gap:13px; color:var(--text); font-size:1.25rem; font-weight:800; letter-spacing:-.025em; text-decoration:none; }
.brand-mark { height:34px; display:flex; align-items:flex-end; gap:4px; }
.brand-mark i { width:6px; border-radius:5px; background:var(--blue); }
.brand-mark i:nth-child(1) { height:17px; }
.brand-mark i:nth-child(2) { height:25px; background:#3f8ee8; }
.brand-mark i:nth-child(3) { height:33px; background:var(--green); }
.header-note { margin:0; color:#6f8ba0; font-size:.76rem; letter-spacing:.08em; text-transform:uppercase; }
main { width:min(1500px,100%); margin:auto; padding:clamp(54px,8vw,118px) clamp(24px,6vw,88px) 60px; }
.hero { min-height:520px; display:grid; grid-template-columns:minmax(0,1.25fr) minmax(350px,.75fr); align-items:center; gap:70px; }
.eyebrow { display:flex; align-items:center; gap:10px; margin:0 0 24px; color:var(--green); font-size:.75rem; font-weight:800; letter-spacing:.2em; text-transform:uppercase; }
.eyebrow span { width:28px; height:1px; background:var(--green); }
h1 { max-width:900px; margin:0; font-size:clamp(4rem,8vw,8.7rem); line-height:.86; letter-spacing:-.075em; }
h1 em { color:var(--blue); font-style:normal; }
.intro { max-width:650px; margin:35px 0 0; color:var(--muted); font-size:clamp(1.05rem,1.6vw,1.3rem); line-height:1.75; }
.launch-row { margin-top:45px; display:flex; align-items:center; gap:18px; }
.launch-row p { margin:0; color:#6d899f; font-size:.9rem; }
.launch-badge { padding:9px 13px; border:1px solid rgba(34,211,166,.3); border-radius:99px; background:rgba(34,211,166,.07); color:#8ce4cc; font-size:.75rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.signal { position:relative; aspect-ratio:1; display:grid; place-items:center; }
.signal::before { content:""; position:absolute; inset:10%; border:1px solid rgba(99,169,255,.13); border-radius:50%; box-shadow:0 0 100px rgba(34,211,166,.07) inset; }
.signal-orbit { position:absolute; border:1px solid rgba(99,169,255,.18); border-radius:50%; }
.orbit-one { inset:22%; }
.orbit-two { inset:34%; }
.signal-core { width:110px; height:110px; display:flex; align-items:center; justify-content:center; gap:8px; border:1px solid rgba(34,211,166,.3); border-radius:28px; background:rgba(6,28,38,.86); box-shadow:0 0 70px rgba(34,211,166,.12); }
.signal-core span { width:12px; border-radius:8px; background:var(--blue); }
.signal-core span:nth-child(1) { height:34px; }
.signal-core span:nth-child(2) { height:55px; background:#3f8ee8; }
.signal-core span:nth-child(3) { height:76px; background:var(--green); }
.signal > p { position:absolute; bottom:15%; color:#527088; font:700 .68rem/1 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.16em; }
.pillars { margin-top:70px; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.pillars article { min-height:220px; padding:34px; border-right:1px solid var(--line); }
.pillars article:last-child { border-right:0; }
.pillars span { color:#4f7088; font:700 .72rem/1 ui-monospace,SFMono-Regular,Menlo,monospace; }
.pillars h2 { margin:38px 0 10px; font-size:1.1rem; }
.pillars p { margin:0; color:var(--muted); font-size:.95rem; line-height:1.65; }
.introduction { margin-top:120px; padding:80px 0; display:grid; grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr); gap:clamp(50px,8vw,130px); border-top:1px solid var(--line); }
.section-heading { display:grid; grid-template-columns:auto 1fr; gap:28px; align-items:start; }
.section-number { margin:5px 0 0; color:#4f7088; font:700 .68rem/1 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.12em; writing-mode:vertical-rl; }
.section-heading .eyebrow { margin-bottom:22px; }
.section-heading h2,.capabilities > header h2,.closing h2 { margin:0; font-size:clamp(2.5rem,4.8vw,5.3rem); line-height:.98; letter-spacing:-.055em; }
.introduction-copy { max-width:720px; }
.introduction-copy p { margin:0 0 25px; color:var(--muted); font-size:1rem; line-height:1.85; }
.introduction-copy .lead { color:#d5e2eb; font-size:clamp(1.18rem,1.7vw,1.45rem); line-height:1.65; }
.capabilities { padding:95px 0; border-top:1px solid var(--line); }
.capabilities > header { max-width:820px; margin-bottom:60px; }
.capability-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.capability-grid article { min-height:260px; padding:34px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:linear-gradient(145deg,rgba(9,29,46,.62),rgba(3,11,22,.18)); }
.capability-grid span { color:var(--green); font:700 .7rem/1 ui-monospace,SFMono-Regular,Menlo,monospace; }
.capability-grid h3 { margin:64px 0 12px; font-size:1.15rem; }
.capability-grid p { margin:0; color:var(--muted); font-size:.92rem; line-height:1.7; }
.closing { margin:30px 0 60px; padding:clamp(55px,8vw,100px); position:relative; overflow:hidden; border:1px solid var(--line); background:radial-gradient(circle at 88% 45%,rgba(34,211,166,.13),transparent 30%),linear-gradient(120deg,rgba(12,42,65,.72),rgba(4,14,27,.86)); }
.closing::after { content:""; position:absolute; width:360px; height:360px; right:-90px; top:50%; translate:0 -50%; border:1px solid rgba(99,169,255,.15); border-radius:50%; box-shadow:0 0 0 55px rgba(99,169,255,.04),0 0 0 110px rgba(99,169,255,.025); pointer-events:none; }
.closing h2 { max-width:900px; position:relative; z-index:1; }
.closing > p:not(.eyebrow) { max-width:700px; margin:28px 0 32px; position:relative; z-index:1; color:var(--muted); font-size:1.05rem; line-height:1.75; }
.closing .launch-badge { position:relative; z-index:1; display:inline-block; }
footer { width:min(1500px,100%); min-height:82px; margin:auto; padding:0 clamp(24px,6vw,88px); display:flex; align-items:center; justify-content:space-between; color:#5f7c92; font-size:.78rem; }
footer p { margin:0; }
@media (max-width:900px) { .hero { grid-template-columns:1fr; gap:20px; } .signal { width:min(440px,100%); margin:auto; } .pillars,.capability-grid { grid-template-columns:1fr; } .pillars article { min-height:auto; border-right:0; border-bottom:1px solid var(--line); } .pillars article:last-child { border-bottom:0; } .introduction { grid-template-columns:1fr; gap:45px; } .capability-grid article { min-height:auto; } .capability-grid h3 { margin-top:38px; } }
@media (max-width:600px) { .site-header { min-height:76px; } .header-note { display:none; } main { padding-top:65px; } .hero { min-height:auto; } h1 { font-size:clamp(3.4rem,18vw,5.2rem); } .intro { margin-top:26px; } .launch-row { align-items:flex-start; flex-direction:column; } .signal { margin-top:25px; } .pillars { margin-top:40px; } .introduction { margin-top:75px; padding:60px 0; } .section-heading { grid-template-columns:1fr; } .section-number { writing-mode:initial; } .capabilities { padding:65px 0; } .closing { padding:42px 26px; } footer { padding-top:25px; padding-bottom:25px; align-items:flex-start; flex-direction:column; gap:8px; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; animation:none!important; transition:none!important; } }