:root{--bg:#0a0f18;--bg-soft:#121827;--surface:#101622bd;--surface-strong:#111723eb;--border:#94a3b82e;--border-strong:#94a3b852;--text:#edf3fb;--muted:#99a8bf;--accent:#86d9ff;--accent-soft:#86d9ff29;--font-body:"IBM Plex Sans","Segoe UI",sans-serif;--font-display:"Space Grotesk","Avenir Next",sans-serif;--shadow:0 28px 80px #00000057}*{box-sizing:border-box}html{font-family:var(--font-body);color:var(--text);scroll-behavior:smooth;background:radial-gradient(circle at 15% 10%,#86d9ff29,#0000 20%),radial-gradient(circle at 85% 8%,#a081ff24,#0000 18%),linear-gradient(#091018 0%,#0a0f18 100%)}body{min-height:100vh;margin:0}body:before{content:"";pointer-events:none;opacity:.28;background-color:#0000;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:30px 30px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0000,#000c);mask-image:linear-gradient(#0000,#000c)}a{color:inherit;text-decoration:none}main{width:min(1160px,100% - 32px);margin:0 auto;padding:24px 0 72px}.shell{z-index:1;gap:24px;display:grid;position:relative}.heroBanner{gap:18px;padding:12px 4px 4px;display:grid}.megaTitle{font-family:var(--font-display);letter-spacing:-.06em;max-width:11ch;margin:0;font-size:clamp(2.8rem,7vw,5.4rem);line-height:.94}.heroBannerMeta{flex-wrap:wrap;gap:10px;display:flex}.heroBannerMeta span{border:1px solid var(--border);color:var(--muted);background:#ffffff08;border-radius:999px;padding:10px 14px}.panel{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:28px}.hero{gap:24px;padding:clamp(28px,5vw,56px);display:grid}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.wordmark{font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;font-size:1rem}.nav{color:var(--muted);flex-wrap:wrap;gap:16px;display:flex}.heroGrid{grid-template-columns:minmax(0,1.6fr) minmax(260px,.8fr);gap:24px;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--muted);margin:0 0 16px;font-size:.76rem}.hero h1,.sectionTitle,.articleTitle{font-family:var(--font-display);letter-spacing:-.05em;margin:0;line-height:.94}.hero h1{max-width:11ch;font-size:clamp(3.2rem,9vw,6.8rem)}.lede,.copy,.meta,.list{color:var(--muted);line-height:1.75}.lede{max-width:58ch;margin:20px 0 0;font-size:1.12rem}.heroCard,.section,.postCard{padding:clamp(24px,4vw,36px)}.heroCard{border:1px solid var(--border);background:var(--surface-strong);border-radius:24px}.linkRow,.pillRow{flex-wrap:wrap;gap:12px;display:flex}.linkButton,.ghostButton,.pill{border-radius:999px;padding:11px 16px;font-size:.94rem}.linkButton{background:var(--text);color:#091018;font-weight:700}.ghostButton{border:1px solid var(--border-strong);color:var(--text)}.pill{border:1px solid var(--border);color:var(--muted);background:#09101866}.section{gap:20px;display:grid}.featureGrid,.pathGrid,.spotlightGrid{gap:18px;display:grid}.featureGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.pathGrid,.spotlightGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.sectionTitle{font-size:clamp(2rem,5vw,3.6rem)}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.postCard{border:1px solid var(--border);background:#080d13b8;border-radius:24px;gap:14px;display:grid}.featureCard,.principlesCard,.spotlightCard{border:1px solid var(--border);background:#080d13b8;border-radius:24px;padding:clamp(24px,4vw,32px)}.principlesCard{background:var(--surface-strong)}.articleTitle{font-size:1.7rem}.spotlightSection{background:linear-gradient(#0c121de6,#0b101be0)}.kicker{color:var(--accent);text-transform:uppercase;letter-spacing:.14em;font-size:.82rem}.metaRow{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.metaPill{border:1px solid var(--border-strong);color:var(--text);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:6px 10px;font-size:.78rem}.bullets{color:var(--muted);gap:10px;margin:0;padding-left:18px;display:grid}@media (max-width:900px){.heroGrid,.grid,.featureGrid,.pathGrid,.spotlightGrid{grid-template-columns:1fr}}
