@import url('https://fonts.googleapis.com/css2family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500;700&display=swap');
:root{--navy:#0F1E33;--navy2:#16273F;--steel:#2C3E54;--muted:#64748B;--gold:#C9A227;--amber:#D97706;--cream:#F6F3EC;--panel:#FBFAF6;--line:#E3DCC7;--ink:#1A2230;--good:#1A7A4C;--risk:#B23A2E;--shadow:0 1px 2px rgba(15,30,51,.06),0 10px 28px rgba(15,30,51,.08)}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--cream);color:var(--ink);line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:var(--amber);font-weight:700;text-decoration:none}
a:hover{text-decoration:underline}
.sitebar{position:sticky;top:0;z-index:20;background:rgba(15,30,51,.98);border-bottom:1px solid rgba(201,162,39,.25)}
.sitebar-inner{max-width:1040px;margin:0 auto;padding:13px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{color:#fff;font-family:"Space Grotesk";font-weight:700;letter-spacing:.02em}.brand small{display:block;color:#E6D9A8;font-family:Inter;font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.navlinks{display:flex;gap:14px;flex-wrap:wrap}.navlinks a{color:#E6D9A8;font-size:13px}
.hero{background:radial-gradient(110% 80% at 80% -10%,rgba(201,162,39,.18),transparent 58%),linear-gradient(180deg,var(--navy),var(--navy2));color:#fff}
.wrap{max-width:1040px;margin:0 auto;padding:0 18px}
.hero .wrap{padding-top:50px;padding-bottom:46px}
.eyebrow{font-family:"JetBrains Mono";font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:12px}
h1,h2,h3{font-family:"Space Grotesk";line-height:1.15;margin:0 0 12px;color:var(--navy)}
.hero h1{color:#fff;font-size:clamp(30px,5vw,54px);max-width:920px}
.hero p{color:#C8D2E0;max-width:760px;font-size:17px;margin:14px 0 0}
.meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.pill{font-family:"JetBrains Mono";font-size:11px;color:#fff;border:1px solid rgba(201,162,39,.35);background:rgba(255,255,255,.06);border-radius:999px;padding:7px 10px}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;padding-top:34px;padding-bottom:54px}
.article{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:30px;box-shadow:var(--shadow)}
.article h2{font-size:28px;margin-top:34px}.article h3{font-size:20px;margin-top:26px}.article p{margin:0 0 16px}.article ul{padding-left:22px;margin:0 0 18px}.article li{margin:6px 0}
.lead{font-size:18px;color:#334155}.note{background:#fff8ec;border:1px solid rgba(201,162,39,.38);border-radius:12px;padding:16px;margin:20px 0;color:#573f0a}
.tool-card,.side-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:var(--shadow);margin-bottom:16px}
.tool-card{background:linear-gradient(135deg,#fff,#fff8ec)}
.tool-card h2,.tool-card h3,.side-card h3{font-size:19px;margin-bottom:8px}.tool-card p,.side-card p{font-size:14px;color:#475569;margin:0 0 14px}
.btnrow{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:9px;padding:12px 15px;font-family:"Space Grotesk";font-weight:700;text-decoration:none;border:1px solid transparent}
.btn.primary{background:var(--gold);color:var(--navy)}.btn.secondary{background:#fff;color:var(--steel);border-color:var(--line)}.btn.dark{background:var(--navy);color:#fff}
table{width:100%;border-collapse:collapse;margin:18px 0;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}th,td{border-bottom:1px solid var(--line);padding:11px;text-align:left;vertical-align:top}th{background:var(--steel);color:#fff;font-family:"JetBrains Mono";font-size:11px;text-transform:uppercase}tr:last-child td{border-bottom:0}
.sidebar{position:sticky;top:78px;align-self:start}.source-list{font-size:13px}.source-list li{margin-bottom:8px}
.calc-wrap{max-width:920px;margin:0 auto;padding:34px 18px}.calc-hero{background:radial-gradient(110% 80% at 80% -10%,rgba(201,162,39,.16),transparent 60%),linear-gradient(180deg,var(--navy),var(--navy2));color:#fff;border-radius:14px;padding:28px;margin-bottom:18px}.calc-hero h1{color:#fff;font-size:34px}.calc-hero p{color:#C8D2E0}
.calc-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:var(--shadow);margin-bottom:16px}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}label{display:block;font-size:12px;font-weight:700;color:var(--steel);margin-bottom:6px}input,select{width:100%;padding:11px 12px;border:1.5px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font-size:14px}
input:focus,select:focus{outline:none;border-color:var(--gold)}
button{font-family:"Space Grotesk";font-weight:700;border:0;border-radius:9px;padding:12px 18px;cursor:pointer;margin-right:8px}button[id^=calculate],button[id^=reset],#calculateSelector,#calculateScore{background:var(--gold);color:var(--navy)}button[id^=reset],#resetSelector,#resetScore{background:#fff;border:1.5px solid var(--line);color:var(--steel)}
.result{background:var(--navy);color:#fff;border-radius:14px;padding:22px;margin-top:16px}.result h2{color:#fff}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.kpi{background:#fff;color:var(--navy);border-radius:10px;padding:14px}.big,.total,.score{font-family:"JetBrains Mono";font-size:30px;font-weight:800}
.badge{display:inline-block;background:var(--gold);color:var(--navy);padding:7px 11px;border-radius:999px;font-weight:800;margin:4px 6px 4px 0}
footer{background:var(--navy);color:#C8D2E0;padding:28px 18px;text-align:center;font-size:13px}
@media(max-width:820px){.layout{grid-template-columns:1fr}.sidebar{position:static}.grid,.kpis{grid-template-columns:1fr}.article{padding:22px}.navlinks{display:none}}