:root{color-scheme:dark;--bg:#111111;--panel:#1b1c1f;--panel-2:#24262b;--text:#f8f7f2;--muted:#c9c2b7;--soft:#9d9589;--line:#383a3f;--blue:#39aee2;--green:#2ecc8b;--coral:#ffb46b;--shadow:0 18px 48px rgba(0,0,0,.28);--site-rail:1080px;--site-gutter:1.25rem;--section-y:4.5rem}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}a{color:inherit}.site-header{align-items:center;backdrop-filter:blur(16px);background:#111317db;border-bottom:1px solid var(--line);display:flex;gap:2rem;justify-content:space-between;left:0;padding:1rem max(var(--site-gutter),calc((100% - var(--site-rail))/2));position:sticky;right:0;top:0;z-index:10}.brand{align-items:center;display:inline-flex;gap:.75rem;text-decoration:none}.brand strong,.brand small{display:block;line-height:1.15}.brand small{color:var(--soft);font-size:.78rem}nav{display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-end}nav a{color:var(--muted);font-size:.92rem;font-weight:650;text-decoration:none}nav a:hover{color:var(--blue)}.section{margin:0 auto;max-width:none;padding:var(--section-y) 0;width:min(calc(100% - var(--site-gutter) - var(--site-gutter)),var(--site-rail))}.band{background:#191d24db;border-bottom:1px solid rgba(48,56,70,.55);border-top:1px solid rgba(48,56,70,.55);width:100%;padding-left:max(var(--site-gutter),calc((100% - var(--site-rail))/2));padding-right:max(var(--site-gutter),calc((100% - var(--site-rail))/2))}.hero{align-items:center;display:grid;gap:3rem;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);min-height:70vh}.eyebrow{color:var(--green);font-size:.8rem;font-weight:800;letter-spacing:.08em;margin:0 0 .8rem;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{font-size:4.6rem;letter-spacing:0;line-height:.98;margin-bottom:1.2rem;max-width:920px}h2{font-size:2.8rem;letter-spacing:0;line-height:1.08;margin-bottom:1.2rem}h3{font-size:1.12rem;line-height:1.25}.lede,.two-column p,.hero-panel p,.mini-card p,.card p,.page-intro p{color:var(--muted)}.lede{font-size:1.28rem;max-width:760px}.actions,.contact-links{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:2rem}.button,.contact-links a{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;color:var(--text);display:inline-flex;font-weight:800;padding:.85rem 1.1rem;text-decoration:none}.button.primary{background:var(--blue);border-color:var(--blue);color:#06111f}.button.ghost{background:transparent}.hero-panel,.card,.mini-card{background:#1b1c1ff0;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:1.5rem}.hero-panel h2{font-size:2.2rem}.section-heading,.page-intro{margin-bottom:2rem;max-width:800px}.section.page-intro{max-width:none;width:min(calc(100% - var(--site-gutter) - var(--site-gutter)),var(--site-rail))}.two-column,.grid,.next-grid{display:grid;gap:1.2rem;grid-template-columns:repeat(3,minmax(0,1fr))}.two-column{grid-template-columns:1fr 1fr}.next-grid{margin-bottom:2rem}.band .card,.band .mini-card{background:var(--bg)}.card-title{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.card-title h3,.mini-card h3{margin-bottom:.4rem}.badge,.card-title span{background:#39aee21f;border:1px solid rgba(57,174,226,.28);border-radius:999px;color:var(--blue);flex:0 0 auto;font-size:.75rem;font-weight:800;padding:.24rem .65rem}.tags{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1rem}.tags span{background:#58d68d1a;border:1px solid rgba(88,214,141,.2);border-radius:8px;color:var(--green);font-size:.78rem;font-weight:750;padding:.34rem .6rem}.muted{color:var(--soft)}ul{color:var(--muted);margin:1rem 0 0;padding-left:1.15rem}li+li{margin-top:.45rem}@media(max-width:1200px){h1{font-size:4rem}h2{font-size:2.45rem}.lede{font-size:1.18rem}}@media(max-width:900px){.site-header{align-items:flex-start;flex-direction:column;gap:1rem}nav{justify-content:flex-start}h1{font-size:3.2rem}h2{font-size:2.2rem}.hero,.two-column,.grid,.next-grid{grid-template-columns:1fr}.hero{min-height:auto;padding-top:4rem}}@media(max-width:560px){.site-header{position:static}h1{font-size:2.45rem}h2{font-size:1.85rem}.lede{font-size:1.08rem}.section{padding-bottom:3.5rem;padding-top:3.5rem}.actions .button,.contact-links a{justify-content:center;width:100%}.card-title{display:block}}
