:root { --navy:#06152a; --ink:#081425; --red:#e51d2a; --teal:#16c4bc; --mist:#eaf1f5; --paper:#f8fbfc; --line:#cfdce3; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial, Helvetica, sans-serif; line-height:1.5; }
.topbar { min-height:76px; display:flex; align-items:center; gap:30px; padding:12px clamp(24px,5vw,82px); background:#fff; border-bottom:1px solid #e3ebef; position:sticky; top:0; z-index:20; }
.brand { display:flex; align-items:center; text-decoration:none; margin-right:auto; } .brand img { height:54px; width:185px; object-fit:contain; object-position:left center; }
nav { display:flex; gap:22px; } nav a { color:#52606c; text-decoration:none; font-size:14px; font-weight:bold; } nav a:hover { color:var(--red); }
.button { display:inline-block; padding:15px 23px; background:var(--red); color:#fff; text-decoration:none; font-weight:bold; letter-spacing:.1px; box-shadow:0 7px 18px rgba(229,29,42,.18); } .button:hover { background:#bc1220; }.button-small { padding:10px 15px; font-size:13px; }
.hero { min-height:670px; display:grid; grid-template-columns:minmax(0,1.05fr) minmax(400px,.95fr); overflow:hidden; background:var(--navy); color:#fff; } .hero-copy { max-width:740px; padding:115px 6vw 88px max(7vw,calc((100vw - 1300px)/2)); align-self:center; position:relative; z-index:1; }
.eyebrow { color:var(--red); font-size:12px; font-weight:800; letter-spacing:2px; margin:0 0 18px; }.hero h1,.section h2,.evidence h2,.contact h2 { font-size:clamp(42px,5vw,72px); line-height:.99; letter-spacing:-2.5px; margin:0 0 27px; }.hero h1 em { color:var(--teal); font-style:normal; }.lead { max-width:590px; color:#d3dfe7; font-size:19px; margin:0; }.hero-actions { display:flex; align-items:center; gap:25px; margin-top:35px; }.text-link { color:#fff; text-decoration:none; font-size:14px; font-weight:bold; }.text-link span { color:var(--teal); font-size:21px; padding-left:4px; }.trust-row { display:flex; gap:17px; flex-wrap:wrap; margin-top:62px; color:#afbdc7; text-transform:uppercase; letter-spacing:1.15px; font-size:10px; font-weight:bold; }.trust-row span+span:before { content:""; display:inline-block; width:4px; height:4px; border-radius:50%; background:var(--red); margin:0 17px 2px 0; }
.hero-visual { position:relative; min-height:520px; overflow:hidden; background:linear-gradient(145deg,#0b2344,#06152a 57%,#0c1623); }.hero-visual img { position:absolute; height:96%; width:100%; object-fit:cover; mix-blend-mode:screen; opacity:.82; top:2%; left:0; filter:saturate(.9) contrast(1.08); }.visual-grid { position:absolute; inset:0; opacity:.3; background-image:linear-gradient(rgba(23,196,188,.24) 1px,transparent 1px),linear-gradient(90deg,rgba(23,196,188,.24) 1px,transparent 1px); background-size:42px 42px; }.hero-visual:after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,var(--navy),transparent 45%,rgba(6,21,42,.16)); }.hero-visual p { position:absolute; bottom:38px; right:7%; z-index:2; color:#b8c6cf; font-size:10px; letter-spacing:2px; font-weight:bold; }.signal { position:absolute; z-index:2; border:1px solid var(--teal); border-radius:50%; opacity:.65; }.signal-one { width:95px;height:95px;right:11%;top:19%; }.signal-two { width:38px;height:38px;right:29%;top:44%;border-color:var(--red); }
.section { max-width:1100px; margin:0 auto; padding:120px 30px; }.intro h2 { max-width:720px; font-size:clamp(36px,4.5vw,60px); }.section-lead { max-width:710px; color:#556471; font-size:19px; }.section-wide { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:#cbd8df; }.capabilities article { min-height:260px; padding:47px max(30px,7vw); background:#fff; }.step { color:var(--red); font-size:12px; font-weight:bold; letter-spacing:1.5px; }.capabilities h3 { font-size:24px; margin:34px 0 11px; }.capabilities p { color:#62717c; margin:0; max-width:300px; }
.operation { display:grid; grid-template-columns:.8fr 1.2fr; gap:90px; }.operation h2 { font-size:clamp(36px,4vw,56px); }.flow { list-style:none; padding:0; margin:5px 0 0; counter-reset:item; }.flow li { display:grid; grid-template-columns:155px 1fr; gap:25px; padding:25px 0; border-top:1px solid var(--line); }.flow li:last-child { border-bottom:1px solid var(--line); }.flow strong { font-size:16px; }.flow span { color:#61717c; }
.evidence { display:grid; grid-template-columns:1.1fr .9fr; background:var(--navy); color:#fff; }.evidence-card { padding:100px max(8vw,calc((100vw - 1200px)/2)); }.evidence-card h2 { font-size:clamp(36px,4vw,58px); }.evidence-card>p:not(.eyebrow) { max-width:580px; color:#d1dde5; font-size:18px; }.evidence-card .note { margin-top:27px; font-size:13px!important; color:#9cafbb!important; }.evidence-stats { background:#0d284b; padding:70px 10%; display:flex; justify-content:center; flex-direction:column; gap:0; }.evidence-stats div { border-bottom:1px solid rgba(255,255,255,.17); padding:24px 0; display:flex; gap:25px; align-items:center; }.evidence-stats b { color:var(--teal); font-size:26px; }.evidence-stats span { font-size:17px; }
.pilot { background:var(--mist); max-width:none; padding-left:max(8vw,calc((100vw - 1100px)/2)); padding-right:max(8vw,calc((100vw - 1100px)/2)); }.pilot h2 { font-size:clamp(36px,4vw,58px); }.pilot-grid { display:grid; grid-template-columns:1fr 1fr; gap:75px; max-width:1000px; color:#50616e; font-size:18px; }.pilot-grid p { margin:0; }.pilot-grid ul { margin:0; padding:0; list-style:none; }.pilot-grid li { padding:11px 0 11px 25px; border-top:1px solid #bfd0d8; position:relative; }.pilot-grid li:before { content:""; position:absolute; left:0; top:19px; width:8px; height:8px; border-radius:50%; background:var(--red); }
.contact { background:#fff; padding:120px max(8vw,calc((100vw - 1100px)/2)); }.contact h2 { max-width:720px; font-size:clamp(38px,4.7vw,65px); }.contact>p:not(.eyebrow) { max-width:610px; color:#53636e; font-size:18px; margin-bottom:33px; }.contact small { display:block; color:#84929a; margin-top:16px; } footer { display:flex; justify-content:space-between; gap:20px; padding:24px max(6vw,30px); background:#06152a; color:#a8b7c1; font-size:10px; letter-spacing:1.4px; }
@media (max-width:850px) { .topbar nav { display:none; }.topbar { padding:12px 22px; }.button-small { display:none; }.hero { grid-template-columns:1fr; }.hero-copy { padding:90px 30px 55px; }.hero-visual { min-height:390px; }.section { padding:82px 30px; }.capabilities,.operation,.evidence,.pilot-grid { grid-template-columns:1fr; }.capabilities article { min-height:unset; padding:40px 30px; }.operation { gap:20px; }.flow li { grid-template-columns:1fr; gap:6px; }.evidence-card { padding:80px 30px; }.evidence-stats { padding:45px 30px; }.pilot { padding-left:30px; padding-right:30px; }.pilot-grid { gap:30px; } .contact { padding:80px 30px; } footer { flex-direction:column; } }