:root{--bg:#0B0B0D;--ink:#ECE7DF;--amber:#FF7A18;--amber-bright:#FBBF24;--btn:#2dd4bf;--teal:#00B2A9;--purple:#6E298C;
--muted:rgba(236,231,223,.62);--line:rgba(236,231,223,.12);--font-head:'Poppins',system-ui,sans-serif;--font-sub:'Playfair Display',Georgia,serif}
*,*::before,*::after{box-sizing:border-box}*{margin:0}
html{background:var(--bg);-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--ink);font-family:var(--font-head);font-weight:300;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:var(--btn)}
.orbs{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.orbs span{position:absolute;border-radius:50%;mix-blend-mode:screen;filter:blur(160px)}
.o1{top:-5%;left:-5%;width:55rem;height:55rem;background:#6E298C;opacity:.35}
.o2{top:35%;right:-5%;width:45rem;height:45rem;background:#00B2A9;opacity:.35}
.o3{bottom:-10%;left:15%;width:50rem;height:50rem;background:#4F46E5;opacity:.25}
.nav{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px clamp(16px,4vw,40px);
background:rgba(11,11,13,.14);backdrop-filter:blur(24px) saturate(1.8) brightness(.82);-webkit-backdrop-filter:blur(24px) saturate(1.8) brightness(.82);border-bottom:1px solid var(--line)}
.brand{min-width:0;text-decoration:none;color:var(--ink)}
.brand b{font-weight:900;letter-spacing:.14em;text-transform:uppercase;font-size:17px;white-space:nowrap}
.brand b i{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(236,231,223,.85)}
.brand small{display:block;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nav-links{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.chip{font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);text-decoration:none;padding:7px 10px;border-radius:8px;background:rgba(11,11,13,.62);border:1px solid var(--line)}
.chip:hover{border-color:var(--amber)}
main{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:clamp(28px,5vw,64px) clamp(16px,4vw,40px) 80px}
.eyebrow{display:block;font-family:var(--font-sub);font-weight:500;font-size:clamp(1.02rem,1.5vw,1.25rem);color:var(--amber);margin-bottom:14px}
.eyebrow::before{content:'';display:inline-block;vertical-align:middle;width:44px;height:1px;background:var(--amber);margin-right:14px;opacity:.7}
.headline{font-weight:900;font-size:clamp(1.8rem,4.6vw,3.2rem);line-height:1.04;letter-spacing:-.02em;text-transform:uppercase}
.headline em{font-style:normal;color:transparent;-webkit-text-stroke:1.2px rgba(236,231,223,.85);-webkit-text-stroke-width:clamp(.6px,.03em,1.6px)}
.sub{font-family:var(--font-sub);font-size:clamp(1.02rem,1.6vw,1.2rem);color:rgba(236,231,223,.85);line-height:1.65;margin-top:12px}
.muted{color:var(--muted)}
h2.h{font-weight:800;font-size:clamp(1.15rem,2vw,1.45rem);line-height:1.25;margin-bottom:6px}
.section{margin-top:clamp(28px,4vw,48px)}
.card{background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.02));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
border:1px solid rgba(0,178,169,.4);border-radius:1.25rem;box-shadow:0 20px 40px -10px rgba(0,0,0,.7),0 10px 20px -5px rgba(0,178,169,.15);padding:clamp(20px,3vw,30px)}
.card.purple{border-color:rgba(110,41,140,.55);box-shadow:0 20px 40px -10px rgba(0,0,0,.7),0 10px 20px -5px rgba(110,41,140,.18)}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,20px)}
.kpi .k{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--amber-bright)}
.kpi .v{font-weight:900;font-size:clamp(1.5rem,2.6vw,2.1rem);line-height:1.1;margin-top:8px;color:var(--ink)}
.kpi .v.teal{color:var(--btn)}
.kpi .n{font-size:13px;color:var(--muted);margin-top:4px}
@media (max-width:900px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2vw,24px)}
@media (max-width:820px){.grid2{grid-template-columns:1fr}}
.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;margin:14px 0 4px}
.facts div{border-top:1px solid var(--line);padding-top:10px}
.facts dt{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.facts dd{font-weight:600;margin-top:2px;word-break:break-word}
@media (max-width:520px){.facts{grid-template-columns:1fr}}
.btn{display:inline-block;font-family:var(--font-head);font-weight:700;font-size:13px;letter-spacing:.18em;text-transform:uppercase;padding:15px 28px;border-radius:8px;border:0;cursor:pointer;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease;white-space:nowrap}
.btn-teal{background:var(--btn);color:#06231f;box-shadow:0 8px 26px rgba(45,212,191,.35),0 3px 10px rgba(0,0,0,.4)}
.btn-teal:hover{transform:translateY(-3px) scale(1.02)}
.btn-ghost{background:rgba(11,11,13,.55);color:var(--ink);border:1px solid rgba(236,231,223,.35)}
.btn-ghost:hover{transform:translateY(-3px);border-color:var(--amber);color:#ffd9b8}
.btn-sm{padding:10px 16px;font-size:11px;letter-spacing:.12em}
.btn-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:16px}
.btn-row .btn{flex:0 0 auto}
@media (max-width:420px){.btn{font-size:11.5px;letter-spacing:.08em;padding:14px 18px}}
.banner{border:1px solid rgba(251,191,36,.55);background:rgba(251,191,36,.08);color:#ffe7a8;border-radius:14px;padding:12px 16px;font-size:14px;margin-bottom:20px}
.banner b{color:var(--amber-bright)}
.banner.ok{border-color:rgba(45,212,191,.5);background:rgba(45,212,191,.08);color:#c7fff4}
.banner.bad{border-color:rgba(255,122,24,.6);background:rgba(255,122,24,.1);color:#ffd9b8}
.pill{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:4px 9px;border-radius:99px;border:1px solid var(--line);color:var(--muted);white-space:nowrap}
.pill.good{color:#9ff5e4;border-color:rgba(45,212,191,.55)}
.pill.warn{color:#ffe08a;border-color:rgba(251,191,36,.55)}
.pill.bad{color:#ffc39b;border-color:rgba(255,122,24,.6)}
table.t{width:100%;border-collapse:collapse;font-size:14px}
.t th{text-align:left;font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:10px 10px;border-bottom:1px solid var(--line)}
.t td{padding:11px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.t td.r,.t th.r{text-align:right;font-variant-numeric:tabular-nums}
.t tr:last-child td{border-bottom:0}
.tw{overflow-x:auto}
.t td[data-l=Date],.t td[data-l=When]{white-space:nowrap}
@media (max-width:640px){.nav{grid-template-columns:minmax(0,1fr)}.nav-links{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}.chip{flex:0 0 auto;font-size:10.5px;letter-spacing:.05em;padding:7px 8px}}
@media (max-width:720px){
 .t thead{display:none}.t,.t tbody,.t tr,.t td{display:block;width:100%}
 .t tr{border:1px solid var(--line);border-radius:12px;padding:6px 12px;margin-bottom:10px;background:rgba(255,255,255,.02)}
 .t td{display:grid;grid-template-columns:minmax(0,42%) minmax(0,1fr);gap:10px;border:0;padding:6px 0;text-align:left}
 .t td.r{text-align:left}
 .t td>*{justify-self:start}
 .t td::before{content:attr(data-l);font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
}
.md h1,.md h2,.md h3{font-weight:800;line-height:1.25;margin:18px 0 8px}.md h1{font-size:1.35rem}.md h2{font-size:1.15rem}.md h3{font-size:1rem;color:var(--amber-bright)}
.md p{margin:8px 0;color:rgba(236,231,223,.88)}.md ul,.md ol{margin:8px 0 8px 20px}.md li{margin:4px 0}.md hr{border:0;border-top:1px solid var(--line);margin:16px 0}
form.f{display:grid;gap:12px}
.f label{display:grid;gap:6px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.f input,.f textarea,.f select{width:100%;font-family:var(--font-head);font-size:16px;color:var(--ink);background:rgba(255,255,255,.07);border:1px solid rgba(236,231,223,.2);border-radius:12px;padding:12px 14px;text-transform:none;letter-spacing:0;font-weight:400}
.f textarea{min-height:260px;font-family:ui-monospace,Menlo,monospace;font-size:13.5px;line-height:1.55}
.f input:focus-visible,.f textarea:focus-visible{outline:2px solid var(--btn);outline-offset:2px}
.row2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media (max-width:560px){.row2{grid-template-columns:1fr}}
code,.mono{font-family:ui-monospace,Menlo,monospace;font-size:.88em;word-break:break-all}
.copy{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.copy code{background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:8px;padding:6px 9px}
footer{position:relative;z-index:1;text-align:center;font-size:12px;color:var(--muted);padding:28px 16px 40px}
@media print{.orbs,.nav,.noprint{display:none!important}body{background:#fff;color:#111}.card{border:1px solid #ccc;box-shadow:none;background:#fff;backdrop-filter:none}.muted,.t th{color:#555}.headline em{-webkit-text-stroke:0;color:#111}}