:root{
  --navy:#0F1B2D;--navy-2:#16243A;--navy-line:#2A3A52;--ink:#0F1B2D;--slate:#3A4A5E;--muted:#55647A;
  --ground:#F5F6F3;--white:#FFFFFF;--line:#D9DDD6;--chip:#EEF0EC;--amber:#F2A93B;--soft:#C9D2DE;--dim:#9AA8BA;
  --display:'Space Grotesk',system-ui,sans-serif;--body:'IBM Plex Sans',system-ui,sans-serif;--mono:'IBM Plex Mono',ui-monospace,monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:var(--ink)}a:hover{color:var(--slate)}
img,svg{display:block}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.eyebrow{font-family:var(--mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0}
.dark .eyebrow{color:var(--amber)}
h1,h2,h3{font-family:var(--display);letter-spacing:-.015em;margin:0}
h1{font-size:clamp(38px,6vw,60px);line-height:1.04;font-weight:700;letter-spacing:-.02em}
h2{font-size:clamp(30px,4vw,42px);line-height:1.1;font-weight:700}
h3{font-size:22px;font-weight:600}
p{margin:0}
.lead{font-size:18px;color:var(--slate);max-width:720px}
.dark{background:var(--navy);color:var(--ground)}
.dark .lead{color:var(--soft)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:8px;font-weight:600;text-decoration:none;font-size:16px;border:0;cursor:pointer;font-family:var(--body)}
.btn-amber{background:var(--amber);color:var(--navy)}.btn-amber:hover{color:var(--navy);filter:brightness(1.05)}
.btn-ghost{color:var(--ground);border:1px solid var(--slate)}.btn-ghost:hover{color:var(--ground);border-color:var(--dim)}
:focus-visible{outline:3px solid var(--amber);outline-offset:2px}

/* header */
.site-header{background:var(--navy);color:var(--ground);padding:18px 0}
.site-header .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:10px;color:var(--ground);text-decoration:none;font-family:var(--display);font-weight:700;font-size:20px}
.brand:hover{color:var(--ground)}
.nav{display:flex;flex-wrap:wrap;align-items:center;gap:22px;font-size:15px}
.nav a{color:var(--soft);text-decoration:none}.nav a:hover{color:var(--ground)}
.nav .btn{min-height:44px;padding:0 18px;font-size:15px}

/* hero */
.hero{padding:64px 0 104px}
.hero .wrap{display:flex;flex-wrap:wrap;gap:56px;align-items:center}
.hero-copy{flex:1 1 460px;min-width:0;display:flex;flex-direction:column;gap:24px}
.hero-copy .lead{font-size:19px;max-width:560px}
.actions{display:flex;flex-wrap:wrap;gap:12px}
.panel{flex:1 1 480px;min-width:0;background:var(--navy-2);border:1px solid var(--navy-line);border-radius:14px;padding:24px}
.panel-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}
.panel-head strong{font-family:var(--display);font-weight:600;font-size:17px}
.panel-head span,.panel-foot{font-family:var(--mono);font-size:12px;color:var(--dim)}
.row{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:space-between;padding:14px 0;border-top:1px solid var(--navy-line)}
.row-main{flex:1 1 220px;min-width:0}
.row-main b{display:block;font-size:15px}
.row-main small{display:block;font-size:13px;color:var(--dim);line-height:1.4}
.row-val{font-family:var(--mono);font-size:14px;min-width:80px;text-align:right}
.pill{font-family:var(--mono);font-size:12px;padding:5px 10px;border-radius:999px;border:1px solid var(--amber);color:var(--amber);white-space:nowrap}
.panel-foot{border-top:1px solid var(--navy-line);padding-top:12px;font-family:var(--body)}

/* glance */
.glance{margin-top:-48px;position:relative}
.glance-grid{background:var(--white);border:1px solid var(--line);border-radius:14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.glance-grid div{padding:24px;border-right:1px solid var(--line)}
.glance-grid div:last-child{border-right:0}
.glance-grid b{display:block;font-family:var(--display);font-weight:600;font-size:20px;line-height:1.3;margin-top:6px}

section.block{padding:96px 0}
.stack{display:flex;flex-direction:column;gap:14px}
.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:48px}
.card{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:28px;display:flex;flex-direction:column;gap:14px}
.card p,.who p{color:var(--slate)}
.num{font-family:var(--mono);font-size:14px;font-weight:500;background:var(--amber);color:var(--navy);width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center}
.who{border-top:3px solid var(--navy);padding-top:20px;display:flex;flex-direction:column;gap:12px}
.who h3{font-size:24px}

/* coverage */
.coverage{background:var(--white);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.coverage .wrap{display:flex;flex-wrap:wrap;gap:56px}
.coverage .stack{flex:1 1 360px;min-width:0}
.chips{display:flex;flex-wrap:wrap;gap:8px;padding-top:8px}
.chips span{font-size:14px;padding:7px 12px;border-radius:999px;background:var(--chip);border:1px solid var(--line)}
.table-box{flex:1 1 520px;min-width:0;overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:15px;min-width:460px}
th{text-align:left;padding:12px 12px 12px 0;border-bottom:2px solid var(--navy);font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.06em;font-weight:500}
td{padding:14px 12px 14px 0;border-bottom:1px solid var(--line)}
td:nth-child(2){color:var(--slate)}
.st{font-family:var(--mono);font-size:12px;padding:4px 9px;border-radius:999px;background:#E3E7DF}
.st.live{background:var(--amber)}

/* briefing */
.briefing{display:flex;flex-wrap:wrap;gap:48px;align-items:center;border-radius:18px;padding:48px}
.briefing>div{flex:1 1 380px;min-width:0}
.preview{background:var(--ground);color:var(--ink);border-radius:12px;padding:28px;display:flex;flex-direction:column;gap:12px}
.preview small{font-family:var(--mono);font-size:12px;color:var(--muted)}
.preview strong{font-family:var(--display);font-size:22px;line-height:1.25}
.preview p{font-size:15px;color:var(--slate)}
.tags{display:flex;flex-wrap:wrap;gap:8px}
.tags span{font-family:var(--mono);font-size:12px;padding:4px 9px;border-radius:999px;border:1px solid var(--navy)}

/* faq */
.faq{background:var(--white);border-top:1px solid var(--line)}
.faq .wrap{max-width:880px}
details{border-top:1px solid var(--line)}
details:last-child{border-bottom:1px solid var(--line)}
summary{list-style:none;cursor:pointer;min-height:64px;padding:20px 0;display:flex;justify-content:space-between;align-items:center;gap:16px;font-family:var(--display);font-weight:600;font-size:19px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-family:var(--mono);font-size:20px;color:var(--muted)}
details[open] summary::after{content:"\2212"}
details p{padding:0 0 24px;color:var(--slate);max-width:760px}

/* join */
.join{padding:96px 0;text-align:center}
.join .wrap{max-width:720px;display:flex;flex-direction:column;align-items:center;gap:20px}
.signup{display:flex;flex-wrap:wrap;gap:12px;width:100%;max-width:520px;justify-content:center;padding-top:8px}
.signup input{flex:1 1 260px;min-width:0;min-height:50px;padding:0 16px;border-radius:8px;border:1px solid var(--slate);background:var(--navy-2);color:var(--ground);font-size:16px;font-family:var(--body)}
.signup input::placeholder{color:var(--dim)}
.signup .btn{min-height:50px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.fine{font-size:13px;color:var(--dim)}
.fine a{color:var(--soft)}
.msg{padding:14px 18px;border-radius:8px;border:1px solid var(--amber);font-size:16px}

footer{background:#0B1422;color:var(--dim);padding:40px 0;font-size:14px}
footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px}
footer strong{display:block;font-family:var(--display);font-size:18px;color:var(--ground)}
footer a{color:var(--soft)}
.foot-links{display:flex;gap:20px;flex-wrap:wrap}

/* legal page */
.legal{padding:64px 0 96px}
.legal .wrap{max-width:760px;display:flex;flex-direction:column;gap:18px}
.legal h2{font-size:24px;margin-top:16px}
.legal p,.legal li{color:var(--slate)}

@media (max-width:640px){
  .hero{padding:40px 0 88px}
  .briefing{padding:28px}
  .glance-grid div{border-right:0;border-bottom:1px solid var(--line)}
  .glance-grid div:last-child{border-bottom:0}
  section.block,.join{padding:72px 0}
}