:root { color-scheme: dark; --bg:#08090b; --panel:#111316; --text:#f2f3f4; --muted:#898c92; --line:rgba(255,255,255,.1); --lime:#c8ff3d; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
* { box-sizing:border-box; }
html { background:#08090b; scroll-behavior:smooth; }
body { margin:0; background:radial-gradient(circle at 5% 24%,rgba(151,183,73,.09),transparent 30%),var(--bg); color:var(--text); }
a { color:inherit; }
.site-head { width:min(1120px,calc(100% - 40px)); height:76px; margin:auto; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.brand { display:flex; align-items:center; gap:9px; color:#fff; text-decoration:none; }
.brand-mark { width:34px; height:34px; display:block; flex:none; }
.brand-mark img { width:100%; height:100%; display:block; object-fit:contain; }
.brand-wordmark { width:94px; height:28px; display:block; flex:none; object-fit:contain; object-position:left center; }
.site-head nav { display:flex; gap:22px; align-items:center; }
.site-head nav a { color:#83868b; font-size:11px; text-decoration:none; }
.site-head nav a:hover,.site-head nav a[aria-current="page"] { color:#fff; }
.tool-link { padding:9px 13px; border:1px solid rgba(200,255,61,.24); border-radius:9px; color:var(--lime)!important; background:rgba(200,255,61,.07); }
.shell { width:min(900px,calc(100% - 40px)); margin:0 auto; }
.breadcrumb { padding:35px 0 0; color:#66696f; font:500 9px ui-monospace,"SFMono-Regular",Menlo,monospace; text-transform:uppercase; letter-spacing:.09em; }
.breadcrumb a { color:#8d9095; text-decoration:none; }
.hero { padding:64px 0 66px; border-bottom:1px solid var(--line); }
.kicker { color:#7d835e; font:500 10px ui-monospace,"SFMono-Regular",Menlo,monospace; text-transform:uppercase; letter-spacing:.12em; }
h1 { max-width:820px; margin:17px 0 20px; font-size:clamp(45px,8vw,78px); line-height:.98; letter-spacing:-.065em; }
.hero>p { max-width:660px; margin:0; color:var(--muted); font-size:16px; line-height:1.7; }
.meta { margin-top:24px; color:#5d6066; font:400 9px ui-monospace,"SFMono-Regular",Menlo,monospace; }
.article { width:min(690px,100%); padding:58px 0 78px; }
.article h2 { margin:45px 0 13px; font-size:28px; letter-spacing:-.045em; }
.article h2:first-child { margin-top:0; }
.article h3 { margin:29px 0 9px; font-size:17px; letter-spacing:-.025em; }
.article p,.article li { color:#a1a3a8; font-size:14px; line-height:1.8; }
.article strong { color:#e2e3e5; font-weight:600; }
.article a { color:var(--lime); text-underline-offset:3px; }
.article ul,.article ol { padding-left:21px; }
.article li { margin:7px 0; }
.callout { margin:30px 0; padding:20px 22px; border:1px solid rgba(200,255,61,.18); border-radius:14px; color:#cbd7af!important; background:rgba(200,255,61,.055); }
.data-table { width:100%; margin:25px 0; border-collapse:collapse; font-size:12px; }
.data-table th,.data-table td { padding:13px 12px; border-bottom:1px solid var(--line); text-align:left; vertical-align:top; }
.data-table th { color:#d7d8da; font-weight:600; }
.data-table td { color:#85888e; line-height:1.55; }
.steps { padding:0; counter-reset:steps; list-style:none; }
.steps li { position:relative; padding:0 0 22px 42px; counter-increment:steps; }
.steps li::before { content:counter(steps); position:absolute; left:0; top:2px; width:25px; height:25px; display:grid; place-items:center; border:1px solid rgba(200,255,61,.22); border-radius:50%; color:var(--lime); font:500 9px ui-monospace,monospace; }
.related { padding:28px 0 84px; border-top:1px solid var(--line); }
.related h2 { margin:0 0 20px; font-size:19px; }
.related-grid,.hub-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; }
.related a,.hub-card { padding:18px; border:1px solid var(--line); border-radius:13px; text-decoration:none; background:rgba(255,255,255,.018); transition:.2s; }
.related a:hover,.hub-card:hover { border-color:rgba(200,255,61,.3); transform:translateY(-2px); }
.related strong,.hub-card h2 { display:block; margin:0 0 7px; color:#d8d9db; font-size:13px; }
.related span,.hub-card p { color:#6f7277; font-size:11px; line-height:1.55; }
.cta { margin:0 0 85px; padding:28px; display:flex; align-items:center; justify-content:space-between; gap:20px; border:1px solid rgba(200,255,61,.18); border-radius:18px; background:linear-gradient(135deg,rgba(200,255,61,.08),rgba(255,255,255,.015)); }
.cta h2 { margin:0 0 6px; font-size:21px; letter-spacing:-.035em; }.cta p { margin:0; color:#7f8287; font-size:11px; }
.cta a { flex:none; padding:12px 17px; border-radius:10px; color:#111; background:var(--lime); font-size:11px; font-weight:700; text-decoration:none; }
.hub-intro { padding:76px 0 45px; }.hub-intro h1 { max-width:760px; }.hub-intro p { max-width:650px; color:var(--muted); line-height:1.7; }
.hub-grid { padding:0 0 95px; grid-template-columns:repeat(3,1fr); }
.hub-card { min-height:185px; padding:22px; }
.hub-card small { color:#656b49; font:500 9px ui-monospace,monospace; }.hub-card h2 { margin-top:40px; font-size:15px; }.hub-card p { margin:0; }
.site-foot { width:min(1120px,calc(100% - 40px)); margin:auto; padding:25px 0 34px; display:flex; justify-content:space-between; border-top:1px solid var(--line); color:#54575c; font:400 9px ui-monospace,monospace; }
@media(max-width:700px){.site-head{height:68px}.site-head nav a:not(.tool-link){display:none}.shell{width:min(100% - 28px,900px)}.breadcrumb{padding-top:25px}.hero{padding:48px 0 50px}.hero>p{font-size:14px}.article{padding-top:44px}.article h2{font-size:24px}.data-table{display:block;overflow-x:auto}.related-grid,.hub-grid{grid-template-columns:1fr}.cta{align-items:flex-start;flex-direction:column}.hub-intro{padding-top:55px}.hub-card{min-height:150px}.hub-card h2{margin-top:28px}.site-foot{width:calc(100% - 28px);gap:16px;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}