:root{--ink:#07182f;--navy:#092a50;--cyan:#00c7e6;--amber:#f4a91e;--paper:#f5f8fc;--line:#dbe5ef;--muted:#5d6b7b;--white:#fff;--green:#0b8f6a;--red:#c43b4d;--magenta:#b02a73;--shadow:0 18px 50px rgba(9,42,80,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:30px;padding:14px clamp(18px,4vw,60px);background:rgba(7,24,47,.96);color:white;box-shadow:0 8px 30px #07182f2a}.brand{display:flex;align-items:center;gap:11px;color:white;text-decoration:none;font-weight:800;white-space:nowrap}.brand small{display:block;font-size:.68rem;font-weight:500;letter-spacing:.08em;color:#a9c7df}.mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid #66e8f5;background:#0d345d;color:var(--cyan);font-size:.9rem;letter-spacing:-.05em;border-radius:50%}nav{margin-left:auto;display:flex;gap:5px}nav a{padding:9px 11px;color:#d9eaf6;text-decoration:none;border-radius:9px;font-size:.83rem;font-weight:650}nav a:hover,nav a.active{background:#ffffff12;color:white}.menu{display:none;margin-left:auto}.intro{padding:clamp(52px,8vw,100px) clamp(20px,9vw,140px);background:radial-gradient(circle at 85% 25%,#00c7e626,transparent 28%),linear-gradient(135deg,#07182f,#0a3865);color:white}.intro h1{max-width:850px;margin:.2rem 0 1rem;font-size:clamp(2.1rem,5vw,4.5rem);line-height:1.02;letter-spacing:-.05em}.intro>p:last-child{max-width:700px;color:#cfe0ee;font-size:1.08rem}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;font-weight:850;color:var(--cyan)}main{min-height:80vh}.tool{display:none;max-width:1240px;margin:auto;padding:clamp(32px,5vw,70px) clamp(18px,4vw,52px)}.tool.active{display:block}.toolhead{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.toolhead h2,.handoff h2{margin:.1rem 0;font-size:clamp(1.8rem,3vw,2.8rem);letter-spacing:-.035em}.pill{padding:7px 12px;border-radius:999px;background:#dff9fc;color:#075f6d;font-size:.76rem;font-weight:800}.pill.amber{background:#fff0d0;color:#765000}.pill.green{background:#dbf4eb;color:#066348}.pill.blue{background:#e1ecff;color:#194d9a}.pill.magenta{background:#f8dced;color:#842054}.workspace{display:grid;grid-template-columns:minmax(270px,.82fr) minmax(320px,1.18fr);gap:22px}.panel{background:white;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:clamp(20px,3vw,34px)}form.calc{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:flex;flex-direction:column;gap:7px;color:#33465b;font-size:.86rem;font-weight:720}input,select{width:100%;border:1px solid #c7d4e1;border-radius:10px;background:white;color:var(--ink);padding:11px 12px;font:inherit}input:focus,select:focus,button:focus{outline:3px solid #00c7e63d;outline-offset:2px;border-color:#00a9c3}.range{display:flex;align-items:center;gap:10px}.range output{min-width:46px;font-weight:850;color:var(--navy)}.results{display:flex;flex-direction:column;justify-content:center;min-height:330px}.scoreline{display:flex;align-items:baseline;gap:10px}.big{font-size:clamp(2.8rem,6vw,5.5rem);line-height:1;font-weight:880;letter-spacing:-.06em}.unit{color:var(--muted);font-weight:750}.status{margin:18px 0;padding:12px 14px;border-left:4px solid var(--cyan);background:#eafbfd;border-radius:0 10px 10px 0;font-weight:750}.status.warn{border-color:var(--amber);background:#fff7e5}.status.danger{border-color:var(--red);background:#fff0f2}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.metric{padding:14px;background:var(--paper);border-radius:12px}.metric strong{display:block;font-size:1.12rem}.metric span{color:var(--muted);font-size:.76rem}.result-list{margin:18px 0 0;padding-left:19px;color:#34465a}.checklist fieldset{border:0;padding:0;margin:0}.checklist legend{font-weight:850;margin-bottom:16px}.checklist label{flex-direction:row;align-items:flex-start;padding:11px 0;border-bottom:1px solid var(--line);font-weight:600}.checklist input{width:19px;height:19px;margin:1px 5px 0 0}.academy-grid{display:grid;grid-template-columns:220px 1fr;gap:35px;align-items:center}.progress-ring{--p:0;display:grid;place-content:center;width:190px;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,#fff 78%,transparent 80%),conic-gradient(var(--cyan) calc(var(--p)*1%),#e5edf4 0);text-align:center}.progress-ring strong{font-size:2.3rem}.progress-ring span{color:var(--muted);font-size:.8rem}.modules{display:grid;gap:9px;margin:18px 0}.module{display:flex;flex-direction:row;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fbfdff}.module input{width:20px}.module span{margin-left:10px}.module small{margin-left:auto;color:var(--muted)}button{border:0;border-radius:10px;background:var(--cyan);color:#04233b;padding:12px 16px;font:inherit;font-weight:850;cursor:pointer}.secondary{background:#e8eff5;color:var(--navy)}.handoff{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:30px;padding:clamp(35px,6vw,70px) clamp(20px,9vw,140px);background:var(--navy);color:white}.handoff p:not(.eyebrow){max-width:700px;color:#caddea}footer{display:flex;justify-content:space-between;gap:20px;padding:24px clamp(20px,5vw,70px);background:#061627;color:#a9c1d7;font-size:.82rem}@media(max-width:900px){nav{display:none;position:absolute;left:0;right:0;top:70px;padding:12px 18px;background:#07182f;flex-direction:column}nav.open{display:flex}.menu{display:block;background:#ffffff14;color:white;padding:8px 12px}.workspace{grid-template-columns:1fr}.results{min-height:280px}}@media(max-width:620px){form.calc{grid-template-columns:1fr}.toolhead,.handoff,footer{align-items:flex-start;flex-direction:column}.pill{align-self:flex-start}.metrics{grid-template-columns:1fr}.academy-grid{grid-template-columns:1fr}.progress-ring{margin:auto}.intro{padding-top:54px}.brand small{display:none}}@media print{.topbar,.intro,.handoff button,.secondary,footer{display:none}.tool{display:none!important}.tool.active{display:block!important;padding:10px}.panel{box-shadow:none}.workspace{grid-template-columns:1fr 1fr}}