:root{--ink:#f7faf8;--muted:#aeb8b2;--bg:#090d0b;--panel:#111915;--line:#29352e;--acid:#42f57b;--paper:#f3f5f2;--paper-ink:#101612;--max:1120px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}a{color:inherit}.nav{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;position:sticky;top:0;z-index:10;background:#090d0bf2;backdrop-filter:blur(14px)}.navrow{display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:850;font-size:18px;margin-right:auto}.brand img{width:34px;height:34px;border-radius:10px;object-fit:cover}.links{display:flex;gap:20px;align-items:center}.links a{color:var(--muted);text-decoration:none;font-size:14px}.button{display:inline-flex;align-items:center;justify-content:center;padding:11px 17px;border-radius:7px;border:1px solid #3b4a41;text-decoration:none;font-weight:800;font-size:14px}.button.primary{background:var(--acid);border-color:var(--acid);color:#071009}.hero{padding:82px 0 72px;background:radial-gradient(circle at 80% 22%,#164b2b 0,#0e2217 27%,transparent 58%)}.eyebrow{font:800 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--acid);margin:0 0 18px}.hero h1{font-size:clamp(46px,8vw,92px);line-height:.96;letter-spacing:-.07em;max-width:850px;margin:0 0 26px}.lede{font-size:21px;color:var(--muted);max-width:700px;margin:0}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.band{padding:72px 0;border-top:1px solid var(--line)}.band.light{background:var(--paper);color:var(--paper-ink);border-color:#dfe5df}.sectionhead{display:flex;justify-content:space-between;gap:45px;align-items:end;margin-bottom:34px}.sectionhead h2{font-size:clamp(34px,5vw,58px);line-height:1.02;letter-spacing:-.05em;margin:0;max-width:650px}.sectionhead p{color:var(--muted);max-width:480px;margin:0}.light .sectionhead p{color:#59645d}.story-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:18px}.story{border:1px solid var(--line);padding:28px;background:var(--panel);min-height:245px;display:flex;flex-direction:column}.story.featured{background:linear-gradient(145deg,#153623,#101713 70%);min-height:320px}.story h3{font-size:27px;line-height:1.1;letter-spacing:-.03em;margin:10px 0}.story p{color:var(--muted);margin:0}.story .read{margin-top:auto;padding-top:22px;color:var(--acid);font-weight:800;text-decoration:none}.index-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.index-list a{background:var(--panel);padding:24px;text-decoration:none;min-height:150px}.index-list strong{display:block;font-size:18px;margin-bottom:8px}.index-list span{display:block;color:var(--muted);font-size:14px}.tool{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;align-items:start}.tool-panel{background:#fff;color:var(--paper-ink);padding:28px;border:1px solid #dfe5df;border-radius:14px}.tool-panel label{display:block;font-weight:800;font-size:14px;margin:0 0 7px}.tool-panel select,.tool-panel input{width:100%;padding:12px 13px;border:1px solid #cdd7cf;border-radius:7px;background:#fff;font:inherit;margin-bottom:17px}.result{white-space:pre-wrap;background:#111915;color:var(--ink);padding:22px;border-radius:10px;min-height:180px}.note{font-size:13px;color:#68736c}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.article{max-width:780px}.article h2{font-size:32px;line-height:1.1;letter-spacing:-.03em;margin-top:42px}.article p,.article li{font-size:18px;color:var(--muted)}.article strong{color:var(--ink)}.quote{border-left:3px solid var(--acid);padding:4px 0 4px 22px;font-size:24px;line-height:1.35;margin:34px 0}.footer{border-top:1px solid var(--line);padding:30px 0;color:var(--muted);font-size:14px}.footerrow{display:flex;justify-content:space-between;gap:20px}.footer a{text-decoration:none}
@media(max-width:1200px){.links a:not(.button){display:none}}
@media(max-width:760px){.hero{padding:58px 0}.hero h1{font-size:52px}.lede{font-size:18px}.sectionhead,.tool,.story-grid{display:block}.sectionhead p{margin-top:16px}.story{margin-bottom:12px}.index-list{grid-template-columns:1fr}.formgrid{grid-template-columns:1fr}.band{padding:56px 0}.footerrow{display:block}.footerrow div{margin-top:12px}}