
:root{
  --board:1180px;
  --bg:#03111d;
  --navy:#061827;
  --panel:#0b2940;
  --panel2:#103a59;
  --cyan:#26c7ff;
  --cyan2:#0ea5e9;
  --gold:#f4c542;
  --white:#f4faff;
  --muted:#afcbde;
  --border:#2a6e95;
  --green:#6be585;
  --red:#ff7d7d;
}
*{box-sizing:border-box}
html{overflow-x:hidden;-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:
    radial-gradient(circle at 50% 0,rgba(38,199,255,.09),transparent 34%),
    linear-gradient(#020b12,#03111d 24%,#020b12);
  color:var(--white);
  font-family:Arial,Helvetica,sans-serif;
  overflow-x:hidden;
}
a{color:inherit}
.st-viewport{
  width:100vw;
  max-width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  overflow:hidden;
  padding:0 max(7px,env(safe-area-inset-left)) 0 max(7px,env(safe-area-inset-right));
}
.st-board{
  width:var(--board);
  max-width:none;
  margin:0 auto;
  transform-origin:top center;
  will-change:transform;
}
.st-topbar{
  display:grid;
  grid-template-columns:1fr 1fr auto;
  align-items:center;
  gap:18px;
  padding:16px 18px;
  border-bottom:1px solid var(--cyan);
  background:linear-gradient(90deg,#0a2b46,#0f4267 52%,#0a2b46);
  box-shadow:0 0 30px rgba(38,199,255,.13);
}
.st-brand{display:flex;align-items:center;gap:12px}
.st-mark{
  width:58px;height:58px;border:2px solid var(--gold);border-radius:50%;
  display:grid;place-items:center;font-size:23px;font-weight:1000;font-style:italic;
  color:var(--gold);background:radial-gradient(circle,#173e5a,#081724 70%);
  box-shadow:0 0 16px rgba(244,197,66,.25);
}
.st-brand-name{font-size:20px;font-weight:1000;letter-spacing:.02em}
.st-brand-kicker{font-size:10px;color:var(--muted);letter-spacing:.14em;text-transform:uppercase}
.st-site{text-align:center}
.st-site strong{display:block;font-size:25px;color:var(--gold)}
.st-site span{display:block;margin-top:4px;color:var(--muted);font-size:11px}
.st-download{
  text-decoration:none;
  border:1px solid var(--cyan);
  background:linear-gradient(180deg,#1579ba,#0b527d);
  padding:12px 15px;border-radius:7px;font-weight:900;
  box-shadow:0 0 18px rgba(38,199,255,.16);
}
.hero{
  margin-top:12px;
  padding:25px;
  border:1px solid var(--border);
  background:
    radial-gradient(circle at 77% 35%,rgba(38,199,255,.16),transparent 24%),
    radial-gradient(circle at 22% 22%,rgba(244,197,66,.06),transparent 26%),
    linear-gradient(145deg,#071d2e,#04121e 68%);
  border-radius:10px;
}
.eyebrow,.tag{font-size:10px;font-weight:1000;letter-spacing:.13em;color:var(--gold);text-transform:uppercase}
.hero h1{margin:7px 0 8px;font-size:46px;line-height:1.02;letter-spacing:-.025em}
.dek{max-width:850px;margin:0;color:#d7edf8;font-size:18px;line-height:1.38;font-weight:700}
.lede{margin:15px 0 0;font-size:18px;color:var(--white)}
.hero-facts{
  display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:24px
}
.fact{
  min-height:92px;padding:14px;border:1px solid var(--border);border-radius:8px;
  background:linear-gradient(180deg,#103b5a,#071b2d);
  display:flex;flex-direction:column;justify-content:center
}
.fact span{font-size:10px;color:var(--gold);font-weight:1000;letter-spacing:.08em}
.fact b{margin-top:8px;font-size:20px}
.fineprint{margin:10px 0 0;color:var(--muted);font-size:11px}
.panel{
  margin-top:12px;padding:18px;border:1px solid var(--border);border-radius:10px;
  background:linear-gradient(180deg,#0b2940,#071a2b);
  box-shadow:inset 0 0 22px rgba(38,199,255,.035);
}
.two-col{display:grid;grid-template-columns:1fr 430px;gap:18px}
.two-col.reverse{grid-template-columns:1fr 430px}
.section-head{
  min-height:46px;margin:-18px -18px 16px;padding:10px 14px;
  display:flex;align-items:center;justify-content:space-between;gap:15px;
  background:linear-gradient(90deg,#114d79,#0b3155);
  border-bottom:1px solid rgba(255,255,255,.12);
  border-radius:10px 10px 0 0;
}
.section-head>div{display:flex;align-items:center;gap:11px;min-width:0}
.section-number{
  width:34px;height:34px;border-radius:50%;display:grid;place-items:center;
  flex:0 0 auto;background:linear-gradient(180deg,#1687d2,#0c5f9c);
  color:#fff;font-size:17px;font-weight:1000;border:1px solid var(--cyan)
}
.section-head h2{margin:0;font-size:20px;line-height:1.1}
.rate-table{width:100%;border-collapse:collapse;font-size:14px}
.rate-table th,.rate-table td{padding:11px 12px;border:1px solid rgba(42,110,149,.7);text-align:left}
.rate-table th{background:#103a59;color:#dff6ff;font-size:12px;text-transform:uppercase;letter-spacing:.04em}
.rate-table td{background:rgba(4,18,32,.46)}
.status{display:inline-block;padding:5px 7px;border-radius:999px;font-size:10px;font-weight:900;white-space:nowrap}
.status.published{background:rgba(38,199,255,.13);color:#83e5ff;border:1px solid rgba(38,199,255,.38)}
.status.verified{background:rgba(107,229,133,.12);color:#7cf2a0;border:1px solid rgba(107,229,133,.35)}
.callout{
  margin-top:13px;padding:13px 14px;border-radius:8px;border:1px solid var(--border);
  background:#061a2a;display:grid;gap:5px
}
.callout.gold{border-color:rgba(244,197,66,.54);background:rgba(244,197,66,.06)}
.callout.cyan{border-color:rgba(38,199,255,.50);background:rgba(38,199,255,.06)}
.callout.red{border-color:rgba(255,125,125,.48);background:rgba(255,125,125,.06)}
.callout strong{color:var(--gold);font-size:15px}
.callout.red strong{color:#ffaaaa}
.callout span{color:#d4e8f3;line-height:1.4}
.evidence{margin:0;border:1px solid rgba(255,255,255,.10);border-radius:8px;overflow:hidden;background:#06131f}
.evidence img{width:100%;height:auto;display:block}
.evidence figcaption{padding:8px 10px;color:var(--muted);font-size:10px;line-height:1.3}
.evidence-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.evidence-card{
  display:grid;grid-template-columns:44% 1fr;gap:14px;padding:12px;
  border:1px solid rgba(42,110,149,.70);border-radius:8px;background:rgba(4,18,32,.48)
}
.evidence-card h3{margin:2px 0 8px;font-size:18px;color:var(--cyan)}
.evidence-card p{margin:0 0 8px;line-height:1.45}
.muted{color:var(--muted)}
.membership-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.membership{
  padding:20px 14px;border:1px solid rgba(42,110,149,.72);border-radius:8px;
  background:linear-gradient(180deg,#0e3550,#071a2b);text-align:center
}
.membership span{display:block;color:var(--gold);font-weight:1000;font-size:12px}
.membership b{display:block;font-size:28px;margin-top:7px}
.membership small{color:var(--muted)}
.body-copy{font-size:15px;line-height:1.5;color:#d8edf8}
.newspaper{max-width:980px}
.big-conclusion{font-size:27px;font-weight:1000;line-height:1.1;margin:0 0 14px;color:#fff}
.newspaper p,.newspaper li{font-size:15px;line-height:1.52;color:#d8edf8}
.newspaper ul{padding-left:22px}
.source-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.source-columns>div{padding:14px;border:1px solid rgba(42,110,149,.58);border-radius:8px;background:rgba(4,18,32,.42)}
.source-columns h3{margin:0 0 7px;color:var(--gold);font-size:14px}
.source-columns p{margin:0;color:#cce3ef;font-size:12px;line-height:1.43}
.footer-panel{
  margin:12px 0 28px;padding:18px;
  display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;align-items:center;
  border:1px solid var(--border);border-radius:10px;
  background:linear-gradient(90deg,#08253b,#0f4267,#08253b)
}
.footer-panel strong{display:block;font-size:18px}
.footer-panel span,.footer-panel small{display:block;color:var(--muted);margin-top:4px;line-height:1.35}
.contact{text-align:center}
.contact>b{display:block;font-size:25px;color:var(--cyan);margin:4px 0}
.independent{text-align:right}
@media(max-width:560px){
  .st-viewport{padding-left:5px;padding-right:5px}
}
@media print{
  body{background:#fff;color:#000}
  .st-topbar,.hero,.panel,.footer-panel{break-inside:avoid}
}
