*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:#101010;color:#f3f3f3;font:16px/1.75 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-underline-offset:4px}a:hover{color:#c2c2c2}a:focus-visible{outline:2px solid #fff;outline-offset:5px}.draft-note{padding:16px max(24px,calc((100vw - 1200px)/2));background:#fff2cc;color:#302708;font-size:13px;line-height:1.6}.draft-note strong,.draft-note span{display:block}.draft-note span{margin-top:3px}.topbar,.shell,.site-footer{max-width:1200px;margin:auto;padding-left:32px;padding-right:32px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:28px;padding-bottom:28px;border-bottom:1px solid #333}.brand{font-size:26px;font-weight:750;letter-spacing:-1px;text-decoration:none}nav{display:flex;gap:24px;flex-wrap:wrap;font-size:13px}nav a{text-decoration:none}.hero{padding:64px 0 40px;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr);gap:32px;align-items:start}.hero-main,.hero-card,.hero-side{min-width:0}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;color:#bcbcbc;text-transform:uppercase;margin-bottom:18px}h1{font-size:clamp(34px,4.6vw,60px);line-height:1.12;letter-spacing:-2px;margin:0 0 24px;max-width:800px}h2{font-size:23px;line-height:1.35;letter-spacing:-.5px;margin:0 0 20px}h3{font-size:17px;margin:24px 0 10px}p{margin:0 0 18px;color:#c6c6c6}.lead{font-size:17px;max-width:760px}.metrics,.inline-stats{display:flex;flex-wrap:wrap;gap:22px;margin-top:28px;font-size:13px}.metric{display:flex;flex-direction:column}.metric span,.pill span{color:#a4a4a4;font-size:11px;text-transform:uppercase;letter-spacing:1px}.metric strong,.pill strong{font-weight:500}.hero-side,.summary,.contact-box,.contact-card,.notice,.card,.section,.toc,.quick-item{padding:28px;border:1px solid #333;border-radius:12px;background:#171717}.hero-side h2,.summary h2{font-size:18px}.stack-item{padding:12px 0;border-bottom:1px solid #333}.stack-item:last-child{border-bottom:0}.stack-item span{display:block;font-size:11px;color:#a4a4a4;letter-spacing:.7px}.layout,.body-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px;padding-bottom:48px}.body-grid{grid-template-columns:280px minmax(0,1fr)}.content{display:grid;gap:22px;min-width:0}.toc-links{display:grid;gap:12px;font-size:13px}.toc-links a{color:#c6c6c6;text-decoration:none}.toc{align-self:start}.sidebar{display:grid;gap:20px;align-self:start}.section>span:first-child{font-size:12px;color:#a4a4a4}.grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.full{grid-column:1/-1}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0}.contact-list{display:grid;gap:18px}.contact-list a,.contact-box a{overflow-wrap:anywhere}.contact-list dt{font-size:11px;color:#a4a4a4;text-transform:uppercase;letter-spacing:1px}.contact-list dd{margin:0}.banner{padding:24px;border:1px solid #333;border-radius:12px;margin:24px 0}.site-footer{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-top:30px;padding-bottom:40px;border-top:1px solid #333;color:#aaa;font-size:12px}ul{padding-left:22px;color:#c6c6c6;margin:0 0 18px}li{padding-left:5px;margin:9px 0}main a{overflow-wrap:anywhere}section[id]{scroll-margin-top:28px}@media(max-width:800px){.hero,.layout,.body-grid{grid-template-columns:1fr}.hero{padding-top:40px}.sidebar{order:2}.topbar{align-items:start}.grid,.quick-grid{grid-template-columns:1fr}.topbar nav{gap:14px}.shell,.topbar,.site-footer{padding-left:22px;padding-right:22px}h1{letter-spacing:-1px}.hero-side,.summary,.contact-box,.contact-card,.notice,.card,.section,.toc,.quick-item{padding:22px}.full{grid-column:auto}}@media(max-width:480px){.topbar{flex-direction:column;gap:14px}.draft-note{padding:14px 22px}.metrics,.inline-stats{gap:16px}nav{gap:16px}.site-footer nav{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.stack-item>strong{display:block;color:#a4a4a4;font-size:11px;letter-spacing:.7px;text-transform:uppercase;margin-bottom:4px}.pill{display:flex;flex-direction:column;gap:4px}.contact-list strong,.quick-item strong{display:block;margin-bottom:6px}.banner{grid-column:1/-1}

.quick-item>span{display:block;font-size:11px;color:#a4a4a4;letter-spacing:1px;text-transform:uppercase;margin-bottom:5px}.pill>strong{font-size:11px;color:#a4a4a4;text-transform:uppercase;font-weight:500}

.brand{display:inline-flex;align-items:center;gap:10px}.brand img{display:block;object-fit:contain;border-radius:9px}
