:root{
  --ink:#02060b;--navy:#07111d;--navy2:#0b1a2a;--gold:#d9ad4a;--gold2:#f3d178;
  --paper:#f6f1e6;--muted:#aeb9c6;--line:rgba(255,255,255,.13);--max:1180px;
  --danger:#ef765f;--good:#86c69a
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--ink)}
body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif;line-height:1.58;opacity:0;animation:pageIn .7s ease forwards}
a{color:inherit}
img{max-width:100%;display:block}
.wrap{width:min(var(--max),calc(100% - 38px));margin:auto}
.nav{position:fixed;inset:0 0 auto;z-index:40;background:rgba(2,6,11,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.navin{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.wordmark{font-weight:900;letter-spacing:.12em;font-size:.82rem;text-transform:uppercase;text-decoration:none}
.wordmark b{color:var(--gold2)}
.menu{display:flex;align-items:center;gap:20px;font-size:.9rem;color:#d2dae3}
.menu a{text-decoration:none}.menu a:hover,.menu a.active{color:var(--gold2)}
.page-hero{min-height:68svh;display:grid;align-items:end;position:relative;overflow:hidden;padding:138px 0 74px;
  background:
  radial-gradient(circle at 75% 20%,rgba(217,173,74,.21),transparent 32%),
  linear-gradient(155deg,#081625 0%,#02060b 70%)}
.page-hero:before{content:"";position:absolute;inset:0;background:
  linear-gradient(115deg,transparent 0 48%,rgba(217,173,74,.05) 49%,transparent 50%),
  repeating-linear-gradient(0deg,transparent 0 64px,rgba(255,255,255,.015) 65px)}
.page-hero .wrap{position:relative;z-index:2}
.eyebrow{color:var(--gold2);letter-spacing:.17em;text-transform:uppercase;font-weight:900;font-size:.75rem}
h1,h2,h3,blockquote{font-family:Georgia,'Times New Roman',serif}
h1{font-size:clamp(3.5rem,9vw,7.8rem);line-height:.9;letter-spacing:-.055em;margin:12px 0 24px;max-width:1050px}
h1 span{color:var(--gold2)}
.deck{font-size:clamp(1.12rem,2.2vw,1.5rem);color:#d9e1ea;max-width:850px}
.section{padding:94px 0}
.section.alt{background:linear-gradient(180deg,var(--navy),var(--ink))}
.title{font-size:clamp(2.4rem,5.8vw,5rem);line-height:1;letter-spacing:-.045em;margin:10px 0 20px}
.lede{font-size:clamp(1.06rem,2vw,1.28rem);color:var(--muted);max-width:850px}
.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:62px;align-items:start}
.quote{font-size:clamp(1.75rem,3.8vw,3.35rem);line-height:1.12;border-left:4px solid var(--gold);padding-left:24px;margin:0}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px}
.metric{border-top:2px solid var(--gold);padding:20px;background:#0a1725;min-height:142px}
.metric strong{display:block;font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.25rem,5vw,4.15rem);line-height:1;color:var(--paper)}
.metric span{display:block;color:var(--muted);margin-top:12px}
.chart-card{margin-top:36px;border:1px solid var(--line);border-radius:22px;background:
  linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.014));padding:24px;box-shadow:0 28px 80px rgba(0,0,0,.25)}
.chart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:18px}
.chart-head h3{font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.1;margin:0}
.chart-head p{margin:7px 0 0;color:var(--muted);max-width:760px}
.chart-note{font-size:.78rem;color:var(--gold2);font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.chart-shell{position:relative;width:100%;min-height:390px}
.chart-shell svg{width:100%;height:auto;overflow:visible}
.chart-tooltip{position:absolute;pointer-events:none;opacity:0;transform:translate(-50%,-110%);background:#f7f1e4;color:#12161b;
  padding:9px 11px;border-radius:9px;font-weight:800;font-size:.82rem;box-shadow:0 12px 30px rgba(0,0,0,.35);transition:opacity .15s}
.chart-tooltip.show{opacity:1}
.chart-grid{stroke:rgba(255,255,255,.09);stroke-width:1}
.chart-axis{fill:#929eab;font-size:12px;font-family:Arial,sans-serif}
.chart-line{fill:none;stroke:var(--gold2);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 7px rgba(217,173,74,.34))}
.chart-area{fill:url(#areaGradient)}
.chart-dot{fill:#02060b;stroke:var(--gold2);stroke-width:3;cursor:pointer}
.chart-dot:hover{fill:var(--gold2)}
.chart-target{stroke:var(--danger);stroke-width:2;stroke-dasharray:8 7}
.chart-target-label{fill:var(--danger);font-size:12px;font-weight:800}
.bar{fill:var(--gold);cursor:pointer;transform-origin:bottom;transition:filter .2s}
.bar:hover{filter:brightness(1.25)}
.data-table{width:100%;border-collapse:collapse;margin-top:24px;font-size:.9rem}
.data-table th,.data-table td{border-bottom:1px solid var(--line);padding:11px 9px;text-align:right}
.data-table th:first-child,.data-table td:first-child{text-align:left}
.data-table th{color:var(--gold2);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase}
.timeline{margin-top:34px;border-left:1px solid rgba(217,173,74,.48);padding-left:26px}
.milestone{position:relative;padding:0 0 32px}
.milestone:before{content:"";position:absolute;left:-31px;top:7px;width:9px;height:9px;border-radius:50%;background:var(--gold2);box-shadow:0 0 14px rgba(217,173,74,.6)}
.milestone strong{display:block;color:var(--gold2);text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}
.milestone h3{font-size:1.7rem;margin:7px 0}.milestone p{color:var(--muted);margin:0}
.callout{margin:38px 0;padding:28px;border:1px solid rgba(217,173,74,.4);border-radius:18px;background:rgba(217,173,74,.07)}
.callout h3{font-size:2rem;margin:0 0 12px}.callout p{margin:0;color:#d6dee7}
.page-links{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:32px}
.page-link{display:block;text-decoration:none;border:1px solid var(--line);border-radius:18px;padding:25px;background:#0a1725;transition:.25s}
.page-link:hover{transform:translateY(-4px);border-color:rgba(217,173,74,.7);box-shadow:0 18px 50px rgba(0,0,0,.32)}
.page-link small{color:var(--gold2);font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.page-link h3{font-size:2rem;margin:10px 0 8px}.page-link p{color:var(--muted);margin:0}
.sources{font-size:.9rem;color:var(--muted)}
.sources li{margin:0 0 13px}.sources a{color:#e6c978;text-underline-offset:3px}
.footer{padding:38px 0;border-top:1px solid var(--line);font-size:.9rem;color:#98a4b1}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}
.reveal.visible{opacity:1;transform:none}
.page-wipe{position:fixed;inset:0;background:
  linear-gradient(115deg,#02060b 0 42%,#d9ad4a 49%,#02060b 56%);z-index:100;transform:translateX(-110%);pointer-events:none}
body.leaving .page-wipe{animation:wipeOut .62s cubic-bezier(.7,0,.25,1) forwards}
@keyframes pageIn{to{opacity:1}}
@keyframes wipeOut{to{transform:translateX(110%)}}
@media(max-width:900px){
  .menu{display:none}.split{grid-template-columns:1fr;gap:32px}.metric-grid{grid-template-columns:1fr 1fr}
  .page-links{grid-template-columns:1fr}.chart-head{display:block}.chart-note{margin-top:8px}.chart-shell{min-height:320px}
}
@media(max-width:560px){.metric-grid{grid-template-columns:1fr}.section{padding:76px 0}.chart-card{padding:16px}.chart-shell{min-height:260px}}
@media(prefers-reduced-motion:reduce){body{animation:none;opacity:1}.reveal{opacity:1;transform:none;transition:none}.page-wipe{display:none}}