:root { --ink:#11231f; --muted:#61716c; --paper:#f5f3ec; --line:#d9ddd5; --lime:#bde34b; --forest:#183f36; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial, Helvetica, sans-serif; }
a { color:inherit; text-decoration:none; }
.shell { width:min(1180px, calc(100% - 48px)); margin-inline:auto; }
.nav { height:88px; display:flex; align-items:center; border-bottom:1px solid var(--line); gap:28px; }
.brand { display:flex; align-items:center; gap:11px; font-weight:800; letter-spacing:-.02em; }
.brandMark { width:34px; height:34px; display:grid; place-items:center; background:var(--ink); color:var(--lime); font-size:12px; }
.navLinks { display:flex; gap:28px; margin-left:auto; color:var(--muted); font-size:14px; }
.navLinks a:hover { color:var(--ink); }
.labBadge { border:1px solid var(--ink); padding:10px 14px; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.hero { padding:104px 0 64px; }
.eyebrow,.kicker { font:700 11px/1.2 var(--font-geist-mono),monospace; letter-spacing:.16em; color:#55712d; }
.pulse { display:inline-block; width:8px; height:8px; margin-right:8px; border-radius:50%; background:var(--lime); box-shadow:0 0 0 6px rgba(189,227,75,.2); }
h1 { max-width:980px; margin:25px 0 28px; font-size:clamp(48px,7vw,94px); line-height:.96; letter-spacing:-.06em; font-weight:650; }
.lede { max-width:720px; color:var(--muted); font-size:19px; line-height:1.65; }
.heroActions { display:flex; gap:12px; margin-top:35px; }
.primary,.secondary { padding:15px 20px; font-size:13px; font-weight:800; }
.primary { background:var(--ink); color:white; }
.primary:hover { background:var(--forest); }
.secondary { border:1px solid var(--line); background:white; }
.scope { display:flex; gap:12px; align-items:center; margin-top:68px; color:var(--muted); font:12px var(--font-geist-mono),monospace; }
.scope span { color:var(--ink); font-weight:800; }
.scope i { width:1px; height:16px; background:var(--line); }
.signalGrid { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--ink); background:var(--ink); gap:1px; }
.signal { position:relative; min-height:205px; padding:27px; background:var(--paper); }
.signal .num { position:absolute; right:24px; top:23px; font:11px var(--font-geist-mono),monospace; color:#8b9793; }
.signal p { margin:42px 0 9px; color:var(--muted); font-size:12px; text-transform:uppercase; letter-spacing:.08em; }
.signal h2 { margin:0 0 15px; font-size:26px; letter-spacing:-.03em; }
.signal small { color:var(--muted); }
.section { padding:110px 0 20px; }
.sectionHeading { display:flex; justify-content:space-between; align-items:end; gap:40px; margin-bottom:40px; }
.sectionHeading h2,.safety h2 { margin:12px 0 0; font-size:42px; letter-spacing:-.045em; }
.sectionHeading > p { max-width:390px; color:var(--muted); line-height:1.6; }
.matrix { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid var(--ink); }
.matrix article { display:flex; gap:16px; padding:25px 12px 25px 0; border-bottom:1px solid var(--line); align-items:start; }
.matrix article:nth-child(odd) { margin-right:30px; }
.check { display:grid; place-items:center; flex:0 0 25px; height:25px; background:var(--lime); font-weight:900; }
.matrix h3 { margin:2px 0 7px; font-size:17px; }
.matrix p { margin:0; color:var(--muted); font-size:14px; }
.matrix b { margin-left:auto; color:#9aa39f; font:11px var(--font-geist-mono),monospace; }
.routeGrid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.routeGrid a { display:grid; grid-template-columns:160px 1fr auto; align-items:center; padding:25px; background:white; border:1px solid var(--line); }
.routeGrid a:hover { border-color:var(--ink); transform:translateY(-2px); }
.routeGrid code { font-weight:800; }
.routeGrid span { color:var(--muted); font-size:14px; }
.routeGrid b { font-size:11px; letter-spacing:.08em; }
.safety { display:grid; grid-template-columns:1.2fr 1fr auto; gap:50px; align-items:end; margin-top:110px; padding-top:48px; padding-bottom:48px; border-top:1px solid var(--ink); border-bottom:1px solid var(--ink); }
.safety p { color:var(--muted); line-height:1.65; }
.status { color:#315311; background:var(--lime); padding:12px 16px; font:800 11px var(--font-geist-mono),monospace; white-space:nowrap; }
.coverageGrid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.coverageGrid article { min-height:220px; padding:28px; border:1px solid var(--line); background:white; }
.coverageGrid h3 { margin:28px 0 12px; font-size:22px; letter-spacing:-.03em; }
.coverageGrid p { color:var(--muted); line-height:1.6; font-size:14px; }
.coverageTag { display:inline-block; padding:7px 9px; font:800 10px var(--font-geist-mono),monospace; letter-spacing:.08em; }
.coverageTag.live { background:var(--lime); }.coverageTag.linked { color:white; background:var(--forest); }.coverageTag.external { border:1px solid var(--line); }
footer { display:flex; justify-content:space-between; gap:20px; padding-top:32px; padding-bottom:55px; color:var(--muted); font-size:11px; text-transform:uppercase; letter-spacing:.08em; }
@media (max-width:800px) { .navLinks{display:none}.labBadge{font-size:9px}.hero{padding-top:70px}.signalGrid{grid-template-columns:1fr 1fr}.sectionHeading{display:block}.matrix,.routeGrid,.coverageGrid{grid-template-columns:1fr}.matrix article:nth-child(odd){margin-right:0}.safety{grid-template-columns:1fr}.routeGrid a{grid-template-columns:120px 1fr}.routeGrid b{display:none}footer{flex-direction:column}.scope{align-items:start;flex-wrap:wrap} }
@media (max-width:500px) { .shell{width:min(100% - 28px,1180px)}.signalGrid{grid-template-columns:1fr}.nav{height:72px}.labBadge{display:none}h1{font-size:48px}.heroActions{flex-direction:column}.section{padding-top:80px}.sectionHeading h2,.safety h2{font-size:34px}.routeGrid a{grid-template-columns:1fr;gap:8px} }