@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Saira+Condensed:wght@500;600;700;800&family=Spectral:ital,wght@0,400;0,500;1,400&display=swap');
:root{--bg:#07090d;--bg2:#0b0f15;--panel:#10151e;--panel2:#151c28;--line:#1c2530;--line2:#2a3542;--fg:#efe9dd;--fg2:#cfc9bd;--muted:#8d97a3;--gold:#d9a54a;--gold2:#f2cd82;--ember:#e0663a;--pa:var(--gold);--hh:64px;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--fg);font:400 1.06rem/1.7 Spectral,Georgia,serif;-webkit-font-smoothing:antialiased}a{color:var(--pa)}
.hdr{position:sticky;top:0;z-index:50;background:rgba(7,9,13,.92);backdrop-filter:blur(14px) saturate(1.3);border-bottom:1px solid var(--line)}.hdr-in{height:var(--hh);display:flex;align-items:center;gap:18px;max-width:1500px;margin:auto;padding:0 clamp(16px,3vw,40px)}.brand{display:flex;align-items:center;gap:11px;color:var(--fg);text-decoration:none;flex:none}.mark{width:30px;height:30px;border:1px solid rgba(239,233,221,.35);border-radius:50%;position:relative}.mark:before{content:'';position:absolute;inset:6px;border:2px solid var(--gold);border-radius:50%}.mark:after{content:'';position:absolute;left:1px;right:1px;top:16px;height:1px;background:var(--gold2);transform:rotate(-18deg)}.brand b{display:block;font:700 1.12rem/1 'Saira Condensed',sans-serif;letter-spacing:.24em;text-transform:uppercase}.brand small{display:block;margin-top:4px;font:500 .58rem/1 'IBM Plex Mono',monospace;letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}.nav{display:flex;gap:2px;margin-left:auto}.nav a{font:600 .76rem/1 'Saira Condensed',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--fg2);text-decoration:none;padding:12px 10px;border-bottom:2px solid transparent}.nav a:hover,.nav a.on{color:#fff;border-bottom-color:var(--pa)}
.wrap{max-width:1380px;margin:auto;padding-inline:clamp(18px,5vw,76px)}.eyebrow{font:500 .7rem/1.35 'IBM Plex Mono',monospace;letter-spacing:.26em;text-transform:uppercase;color:var(--pa);margin:0}.hero{min-height:72svh;display:grid;align-items:end;position:relative;overflow:hidden;padding:clamp(80px,14vw,170px) 0 70px;border-bottom:1px solid var(--line);background:radial-gradient(60% 75% at 75% 25%,rgba(67,91,126,.22),transparent 70%),radial-gradient(50% 70% at 15% 75%,rgba(217,165,74,.13),transparent 72%),linear-gradient(180deg,#05070b,#090d13 65%,#07090d)}.hero:before{content:'';position:absolute;inset:0;opacity:.65;background-image:radial-gradient(1px 1px at 20px 30px,#fff,transparent),radial-gradient(1px 1px at 170px 80px,#fff9,transparent),radial-gradient(1.5px 1.5px at 290px 150px,#fff,transparent),radial-gradient(1px 1px at 370px 40px,#ffd9,transparent);background-size:420px 320px}.hero .wrap{position:relative;width:100%}.hero h1{margin:.18em 0 .12em;font:800 clamp(4rem,13vw,10rem)/.82 'Saira Condensed',sans-serif;letter-spacing:.02em;text-transform:uppercase;background:linear-gradient(180deg,#fff,#e8deca 58%,#a9926b);-webkit-background-clip:text;background-clip:text;color:transparent}.hero h1 span{display:block;font-size:.19em;line-height:1.1;letter-spacing:.42em;color:var(--gold);-webkit-text-fill-color:var(--gold);margin-bottom:.6em}.tag{font:italic 400 clamp(1.3rem,2.6vw,2rem)/1.35 Spectral,serif;margin:0 0 .7em;color:var(--fg)}.lead{max-width:64ch;color:var(--fg2);font-size:1.12rem;margin:0 0 24px}.cta{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 17px;border:1px solid var(--line2);background:rgba(255,255,255,.025);color:var(--fg);text-decoration:none;font:600 .78rem/1 'Saira Condensed',sans-serif;letter-spacing:.16em;text-transform:uppercase}.btn:hover{border-color:var(--gold2);color:#fff}.btn.pri{background:var(--gold);border-color:var(--gold);color:#080b0f}.btn.pri:hover{background:var(--gold2)}
.section{padding:78px 0;border-bottom:1px solid var(--line)}.section h2{margin:.2em 0 .35em;font:700 clamp(2.3rem,5vw,4rem)/.95 'Saira Condensed',sans-serif;text-transform:uppercase;letter-spacing:.025em}.intro{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:50px}.intro p{margin:0 0 1em;color:var(--fg2);font-size:1.16rem}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:32px;background:var(--line);border:1px solid var(--line)}.card{min-height:240px;padding:26px 24px;background:var(--bg2);text-decoration:none;color:var(--fg);display:flex;flex-direction:column;gap:9px;position:relative}.card:before{content:'';height:3px;position:absolute;left:0;top:0;right:0;background:var(--pa);transform:scaleX(.25);transform-origin:left;transition:.25s}.card:hover{background:var(--panel)}.card:hover:before{transform:scaleX(1)}.card .n{font:800 3rem/1 'Saira Condensed',sans-serif;color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--pa) 70%,transparent)}.card strong{font:700 1.55rem/1 'Saira Condensed',sans-serif;text-transform:uppercase;letter-spacing:.04em}.card small{font:500 .64rem/1.4 'IBM Plex Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--pa)}.card p{color:var(--muted);font-size:.94rem;line-height:1.5;margin:auto 0 0}.promos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:30px}.promo{padding:26px;background:linear-gradient(145deg,var(--panel2),var(--bg2));border:1px solid var(--line2);border-top:3px solid var(--pa)}.promo h3{font:700 1.65rem/1 'Saira Condensed',sans-serif;text-transform:uppercase;margin:0 0 10px}.promo p{margin:0;color:var(--fg2)}.promo .state{display:inline-block;margin-top:16px;padding:5px 8px;border:1px solid var(--line2);font:500 .62rem/1 'IBM Plex Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.rank{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.7fr);gap:32px;align-items:start}.rank-box{padding:28px;border:1px solid var(--line2);background:var(--bg2)}.rank-box b{font:700 1.5rem/1 'Saira Condensed',sans-serif;text-transform:uppercase}.rank-box ul{margin:18px 0 0;padding-left:1.2em;color:var(--fg2)}.rank-box li{margin:.5em 0}.note{padding:18px 20px;border-left:3px solid var(--gold);background:var(--bg2);color:var(--fg2)}
.pagehero{padding:110px 0 58px;border-bottom:1px solid var(--line);background:radial-gradient(60% 120% at 80% 0,rgba(217,165,74,.12),transparent 70%),var(--bg2)}.pagehero h1{font:800 clamp(3.4rem,9vw,7rem)/.86 'Saira Condensed',sans-serif;text-transform:uppercase;margin:.25em 0 .18em}.pagehero p{max-width:66ch;color:var(--fg2);font-size:1.12rem}.list{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:28px}.list article{background:var(--bg2);padding:22px}.list h3{font:700 1.55rem/1 'Saira Condensed',sans-serif;text-transform:uppercase;margin:0 0 8px}.list p{margin:0;color:var(--fg2)}
.ftr{padding:54px 0 30px;background:#040507;border-top:1px solid var(--line)}.ftr-grid{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:32px}.ftr p{color:var(--muted);max-width:38ch}.ftr h3{font:500 .64rem/1.3 'IBM Plex Mono',monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin:0 0 12px}.ftr ul{list-style:none;padding:0;margin:0;display:grid;gap:7px}.ftr a{color:var(--fg2);text-decoration:none}.ftr a:hover{color:#fff}.fine{border-top:1px solid var(--line);margin-top:38px;padding-top:18px;color:var(--muted);font:500 .62rem/1.4 'IBM Plex Mono',monospace;letter-spacing:.12em;text-transform:uppercase}
@media(max-width:1050px){.nav{display:none}.grid,.promos{grid-template-columns:1fr}.rank,.intro{grid-template-columns:1fr}.hero{min-height:64svh}.ftr-grid{grid-template-columns:1fr 1fr}.ftr-grid>div:first-child{grid-column:1/-1}}@media(max-width:560px){.ftr-grid{grid-template-columns:1fr}.section{padding:58px 0}.hero{padding-bottom:52px}.hero h1{font-size:clamp(3.8rem,23vw,6rem)}}

.crumbline{margin:0 0 12px;font:500 .65rem/1.5 "IBM Plex Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.crumbline a{color:var(--fg2);text-decoration:none}.crumbline a:hover{color:#fff}
.page-tools{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
@media(max-width:560px){.pagehero{padding-top:88px}.pagehero h1{overflow-wrap:anywhere}.btn{min-height:46px}.wrap{padding-inline:18px}}
.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1050px){.grid.two{grid-template-columns:1fr}}