:root{--ink:#14110F;--ink2:#1D1A17;--ink3:#2D2926;--line:#3A3532;
--red:#C8102E;--red-lit:#E4364F;--green:#046A38;--green-lit:#0A8F4C;
--gold:#FFB81C;--gold-lit:#FFCE5A;--paper:#F4F1EC;--dim:#C9C3BA;--muted:#A49C92;
--sans:'Archivo',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
--mono:'JetBrains Mono',ui-monospace,Menlo,monospace;--wrap:1180px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);
font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg{max-width:100%;height:auto;display:block}
a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:4px}
.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:22px}
h1,h2,h3{line-height:1.08;margin:0 0 .55em;font-weight:800;letter-spacing:-.025em}
h1{font-size:clamp(2.3rem,7vw,4.6rem)}h2{font-size:clamp(1.7rem,4.4vw,2.9rem)}
h3{font-size:clamp(1.1rem,2.5vw,1.45rem)}p{margin:0 0 1.15em}
.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:999;
background:var(--gold);color:var(--ink);padding:11px 17px;font-weight:700}
/* nav */
.nav{position:sticky;top:0;z-index:70;background:rgba(20,17,15,.9);
backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav-in{display:flex;align-items:center;gap:16px;min-height:70px}
.brand{display:flex;align-items:center;gap:11px;color:var(--paper)}
.brand:hover{text-decoration:none}.brand img{height:38px;width:auto;object-fit:contain}
.brand span{font-size:.66rem;letter-spacing:.2em;color:var(--gold);font-weight:800;
text-transform:uppercase;line-height:1.25;max-width:9ch}
.nav-links{margin-left:auto;display:none;gap:3px}
.nav-links a{padding:9px 13px;font-size:.87rem;color:var(--dim);border-radius:4px}
.nav-links a:hover,.nav-links a[aria-current]{color:var(--gold);text-decoration:none}
.burger{margin-left:auto;background:none;border:1px solid var(--line);color:var(--paper);
border-radius:5px;width:44px;height:44px;font-size:19px;cursor:pointer}
.mobile{display:none;border-top:1px solid var(--line);padding:10px 0 18px}
.mobile.open{display:block}.mobile a{display:block;padding:13px 4px;color:var(--dim);
border-bottom:1px solid var(--ink3)}
@media(min-width:940px){.nav-links{display:flex}.burger,.mobile{display:none!important}}
/* hero */
.hero{position:relative;overflow:hidden;padding:clamp(60px,10vw,124px) 0 clamp(52px,8vw,96px);
border-bottom:1px solid var(--line);
background:radial-gradient(1200px 620px at 82% -18%,rgba(4,106,56,.34),transparent 62%),
radial-gradient(980px 520px at 4% 4%,rgba(200,16,46,.3),transparent 60%),var(--ink)}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;
background:linear-gradient(90deg,var(--red) 0 34%,var(--green) 34% 67%,var(--gold) 67%)}
.spiral{position:absolute;right:-13%;top:-22%;width:min(720px,86vw);opacity:.14;
animation:turn 64s linear infinite;pointer-events:none}
@keyframes turn{to{transform:rotate(360deg)}}
.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:.66rem;
letter-spacing:.24em;text-transform:uppercase;color:var(--gold);font-weight:800;
border:1px solid rgba(255,184,28,.34);background:rgba(255,184,28,.1);
border-radius:999px;padding:7px 15px;margin-bottom:24px}
.lede{font-size:clamp(1.04rem,2.3vw,1.32rem);color:var(--dim);max-width:60ch;margin-bottom:30px}
.hero h1 em{font-style:normal;color:var(--gold)}
.cta{display:flex;flex-wrap:wrap;gap:11px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
padding:14px 26px;border-radius:5px;font-weight:800;font-size:.93rem;cursor:pointer;
border:1px solid transparent;font-family:inherit;min-height:48px;transition:.16s}
.btn:hover{text-decoration:none;transform:translateY(-2px)}
.b-red{background:var(--red);color:#fff}.b-red:hover{background:#A80D26;color:#fff}
.b-green{background:var(--green);color:#fff}.b-green:hover{background:#03532C;color:#fff}
.b-gold{background:var(--gold);color:var(--ink)}.b-gold:hover{background:var(--gold-lit);color:var(--ink)}
.b-ghost{background:transparent;color:var(--paper);border-color:var(--line)}
.b-ghost:hover{border-color:var(--gold);color:var(--gold)}
/* sections */
section{padding:clamp(52px,8vw,96px) 0;border-bottom:1px solid var(--ink3)}
.alt{background:var(--ink2)}
.kicker{font-family:var(--mono);font-size:.68rem;letter-spacing:.24em;
text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:13px}
.head{max-width:70ch;margin-bottom:40px}.head p{color:var(--dim);margin:0}
.grid{display:grid;gap:18px;grid-template-columns:1fr}
@media(min-width:680px){.g2,.g3,.g4{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1020px){.g3{grid-template-columns:repeat(3,1fr)}
.g4{grid-template-columns:repeat(4,1fr)}}
.card{background:var(--ink2);border:1px solid var(--line);border-radius:8px;
padding:26px;display:flex;flex-direction:column;gap:11px;position:relative;
overflow:hidden;transition:.18s}
.card::before{content:"";position:absolute;inset:0 0 auto 0;height:2px;
background:var(--gold);transform:scaleX(0);transform-origin:left;transition:.24s}
a.card{color:inherit}a.card:hover{text-decoration:none;border-color:rgba(255,184,28,.4);
transform:translateY(-3px)}a.card:hover::before{transform:scaleX(1)}
.card h3{margin:0}.card p{margin:0;color:var(--dim);font-size:.95rem}
.card .logo{height:64px;width:auto;object-fit:contain;margin-bottom:6px}
.meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-family:var(--mono);
font-size:.66rem;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}
.tag{padding:4px 10px;border-radius:999px;font-size:.63rem;font-weight:800;
letter-spacing:.13em;text-transform:uppercase;border:1px solid var(--line);color:var(--dim)}
.t-live{background:var(--green);border-color:var(--green);color:#fff}
.t-gold{background:rgba(255,184,28,.14);border-color:rgba(255,184,28,.4);color:var(--gold)}
.foot-link{margin-top:auto;padding-top:13px;border-top:1px solid var(--ink3);
color:var(--gold);font-weight:700;font-size:.84rem}
/* stats */
.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);
border:1px solid var(--line);border-radius:8px;overflow:hidden}
@media(min-width:820px){.stats{grid-template-columns:repeat(4,1fr)}}
.stat{background:var(--ink2);padding:26px 20px}
.stat b{display:block;font-size:clamp(1.9rem,5vw,2.8rem);color:var(--gold);
line-height:1;letter-spacing:-.035em;font-family:var(--mono)}
.stat span{display:block;margin-top:9px;font-size:.68rem;letter-spacing:.16em;
text-transform:uppercase;color:var(--muted)}
/* prose */
.prose{max-width:70ch}.prose h3{color:var(--gold);margin-top:1.9em}
.prose p,.prose li{color:var(--dim)}.prose b{color:var(--paper)}
blockquote{margin:1.7em 0;padding:6px 0 6px 22px;border-left:3px solid var(--gold);
font-size:1.16rem;color:var(--paper)}
/* maat */
.maat{display:grid;gap:14px;grid-template-columns:1fr}
@media(min-width:640px){.maat{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1040px){.maat{grid-template-columns:repeat(4,1fr)}}
.principle{border:1px solid var(--line);border-left:3px solid var(--gold);
border-radius:6px;background:var(--ink2);padding:20px}
.principle b{display:block;color:var(--gold);font-size:.72rem;letter-spacing:.19em;
text-transform:uppercase;margin-bottom:8px}
.principle span{font-size:.92rem;color:var(--dim)}
/* footer */
footer{background:var(--ink2);border-top:3px solid var(--gold);padding:52px 0 32px}
.fgrid{display:grid;gap:32px;grid-template-columns:1fr}
@media(min-width:780px){.fgrid{grid-template-columns:1.6fr 1fr 1fr}}
footer h4{font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;
color:var(--gold);margin:0 0 14px}
footer ul{list-style:none;margin:0;padding:0}footer li{margin-bottom:9px}
footer a{color:var(--dim);font-size:.92rem}footer a:hover{color:var(--gold)}
.creed{color:var(--gold);font-weight:800;letter-spacing:.05em;margin-top:14px}
.fbot{margin-top:38px;padding-top:22px;border-top:1px solid var(--line);
color:var(--muted);font-size:.82rem;display:flex;flex-wrap:wrap;gap:12px;
justify-content:space-between}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;
transition:none!important}html{scroll-behavior:auto}}