:root{--ink:#0C1A15;--muted:#4A5A55;--green:#0B6E4F;--green2:#08553d;--night:#06231A;--amber:#F5B03A;--line:#E2E9E6;--bg:#F6F9F7;--display:"Bricolage Grotesque",system-ui,sans-serif;--body:"Instrument Sans",system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;font:400 17.5px/1.7 var(--body);color:var(--ink);background:#fff}
a{color:var(--green2)}a:hover{color:var(--green)}:focus-visible{outline:3px solid #f79009;outline-offset:2px;border-radius:4px}
.skip{position:absolute;left:-999px;top:8px;background:#fff;padding:8px 12px;z-index:9}.skip:focus{left:8px}
.w{max-width:1160px;margin:0 auto;padding:0 24px}.n{max-width:860px}
.top{background:var(--night);color:#fff}.top .w{display:flex;align-items:center;justify-content:space-between;height:68px;gap:16px}
.logo{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font:800 20px var(--display);letter-spacing:-.01em}.logo b{color:var(--amber);font-weight:800}
.top nav{display:flex;align-items:center;gap:22px}.top nav a{color:#DCEBE4;text-decoration:none;font-weight:600;font-size:15.5px}.top nav a:hover{color:#fff}
.btn{display:inline-block;background:var(--amber);color:#1B1300!important;text-decoration:none;font-weight:700;padding:10px 18px;border-radius:12px;white-space:nowrap}.btn:hover{background:#FFC25A}
.hero{background:radial-gradient(600px 380px at 85% 0,rgba(20,148,106,.35),transparent 70%),var(--night);color:#fff;padding:34px 0 56px}
.hero.ix{padding:60px 0 70px}.k{font:600 12.5px var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--amber);margin:0 0 10px}
.bc{font-size:14px;color:#A9C4B9;margin-bottom:20px}.bc a{color:#CFE4DA}
.hero h1{font:800 clamp(32px,4.4vw,52px)/1.08 var(--display);letter-spacing:-.025em;margin:0 0 18px}
.lead{font-size:clamp(18px,1.6vw,21px);line-height:1.6;color:#D6E7DF;margin:0;max-width:760px}
.meta{display:flex;flex-wrap:wrap;gap:8px 22px;margin:24px 0 0;font-size:14.5px;color:#A9C4B9}
.grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:56px;margin-top:-28px}
.col{min-width:0}.tldr{background:#fff;border:1px solid var(--line);border-left:5px solid var(--amber);border-radius:16px;padding:20px 26px;box-shadow:0 18px 40px -28px rgba(6,35,26,.45)}
.tlh{font:800 19px var(--display);margin:0 0 6px}.tldr ul{margin:0;padding-left:20px}.tldr li{margin:6px 0}
.body h2,.faq h2,.src h2,.rel h2,.cat h2{font:800 clamp(25px,2.6vw,32px)/1.2 var(--display);letter-spacing:-.02em;margin:48px 0 14px}
.body h3{font:700 21px/1.3 var(--display);margin:30px 0 8px}.body p,.body li{max-width:72ch}.body ul,.body ol{padding-left:22px}.body li{margin:6px 0}
.body table{width:100%;border-collapse:collapse;margin:22px 0;font-size:15.5px;display:block;overflow-x:auto}
.body th,.body td{border-bottom:1px solid var(--line);padding:11px 12px;text-align:left;vertical-align:top}.body th{background:var(--bg);font-weight:700}
.note{background:var(--bg);border-radius:14px;padding:16px 20px;margin:22px 0}.note.warn{background:#FFF6E5;border-left:4px solid var(--amber)}.note.ok{background:#EAF6F0;border-left:4px solid var(--green)}
.note p{margin:0}.note p+p{margin-top:8px}
.stat{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:24px 0;padding:0;list-style:none}
.stat li{background:var(--bg);border-radius:14px;padding:16px 18px;margin:0}.stat b{display:block;font:800 30px/1.1 var(--display);color:var(--green)}.stat span{font-size:14.5px;color:var(--muted)}
.steps{counter-reset:s;list-style:none;padding:0!important}.steps>li{counter-increment:s;position:relative;padding-left:52px;margin:16px 0}
.steps>li::before{content:counter(s);position:absolute;left:0;top:0;width:36px;height:36px;border-radius:50%;background:var(--green);color:#fff;font:800 16px/36px var(--display);text-align:center}
pre{background:#0C1A15;color:#CFEFDF;border-radius:12px;padding:16px;overflow-x:auto;font-size:14px;line-height:1.55}code{font-size:.92em;background:var(--bg);padding:1px 5px;border-radius:5px}pre code{background:none;padding:0}
.faq details{border:1px solid var(--line);border-radius:14px;padding:4px 18px;margin:10px 0;background:#fff}.faq summary{cursor:pointer;font-weight:700;padding:12px 0}.faq details p{margin:0 0 14px}
.cta{display:flex;gap:24px;align-items:center;justify-content:space-between;background:radial-gradient(400px 260px at 90% 0,rgba(245,176,58,.25),transparent 70%),var(--night);color:#fff;border-radius:22px;padding:30px 34px;margin:48px 0}
.cta h2{font:800 26px/1.2 var(--display);margin:0 0 8px;color:#fff}.cta p{margin:0;color:#D6E7DF}.cta .btn{flex:none}
.src ol{padding-left:22px;font-size:15.5px}.src li{margin:6px 0;word-break:break-word}.disc{font-size:14px;color:var(--muted)}
.side{position:relative}.toc,.mini{position:sticky;top:20px}.toc{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px;margin-top:0;font-size:15px;box-shadow:0 18px 40px -30px rgba(6,35,26,.45)}
.toc .k{color:var(--green)}.toc ol{margin:0;padding-left:18px}.toc li{margin:6px 0}.toc a{text-decoration:none;color:var(--ink)}.toc a:hover{color:var(--green)}
.mini{top:auto;margin-top:16px;background:var(--bg);border-radius:16px;padding:18px 20px;font-size:15px}.mini p{margin:0 0 8px}
.cards{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.cards a{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;text-decoration:none;color:var(--ink);transition:transform .2s,box-shadow .2s}
.cards a:hover{transform:translateY(-3px);box-shadow:0 20px 34px -24px rgba(6,35,26,.55)}.cards .k{color:var(--green);font-size:11.5px}
.cards h3{font:800 20px/1.25 var(--display);margin:0 0 8px;letter-spacing:-.01em}.cards p{margin:0 0 14px;color:var(--muted);font-size:15.5px;line-height:1.55;flex:1}.more{font-weight:700;color:var(--green2)}
.rel{margin:20px auto 70px}.pillar{display:block;margin:-34px 0 10px;background:#fff;border:1px solid var(--line);border-left:6px solid var(--amber);border-radius:22px;padding:30px 34px;text-decoration:none;color:var(--ink);box-shadow:0 24px 50px -34px rgba(6,35,26,.6)}
.pillar .k{color:var(--green)}.pillar h2{font:800 clamp(24px,3vw,34px)/1.15 var(--display);margin:0 0 10px;letter-spacing:-.02em}.pillar p{color:var(--muted);margin:0 0 12px;max-width:70ch}
.cat{margin-bottom:10px}
.foot{background:var(--night);color:#A9C4B9;padding:36px 0;font-size:14.5px;margin-top:40px}.foot .w{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.foot a{color:#DCEBE4}.foot p{margin:10px 0 0;max-width:560px}
@media (max-width:980px){.grid{grid-template-columns:1fr;gap:0}.side{display:none}}
@media (max-width:640px){body{font-size:16.5px}.w{padding:0 16px}.top nav a:not(.btn){display:none}.cta{flex-direction:column;align-items:flex-start;padding:24px}.pillar{padding:22px}.hero{padding:26px 0 48px}.tldr{padding:16px 18px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.foot .cc{background:none;border:0;padding:0;font:inherit;color:#DCEBE4;text-decoration:underline;cursor:pointer}