:root{--navy:#071c33;--blue:#0d3157;--lime:#b8ef37;--ink:#112236;--muted:#607083;--line:#dce5ec;--soft:#f4f8f9;--white:#fff}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--soft);color:var(--ink)}.top{height:72px;background:var(--navy);display:flex;align-items:center;justify-content:space-between;padding:0 5vw;color:#fff}.brand{font-weight:900;color:#fff;text-decoration:none;letter-spacing:.04em}.brand span{color:var(--lime);font-size:.72em}nav{display:flex;gap:22px}nav a{color:#dce7f1;text-decoration:none;font-size:.92rem}main{max-width:1180px;margin:auto;padding:42px 24px 70px}.hero{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:24px}.eyebrow{font-size:.75rem;font-weight:900;letter-spacing:.13em;color:#557086}h1{font-size:clamp(2.2rem,5vw,4.2rem);line-height:1;margin:.25rem 0 1rem;color:var(--navy)}h2{margin:.25rem 0 .75rem;color:var(--navy)}.lede{max-width:750px;font-size:1.15rem;color:var(--muted);line-height:1.6}button,.button-link{border:0;border-radius:12px;background:var(--navy);color:white;padding:14px 18px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-block}.secondary{background:#e8eef2;color:var(--navy)}.panel,.metrics article{background:white;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 8px 30px rgba(10,35,60,.05)}.controls{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:18px}.controls label{font-weight:800;color:var(--navy)}select,input{width:100%;margin-top:9px;padding:11px;border:1px solid #cbd8e1;border-radius:10px;background:#fff}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.metrics span,.metrics small{display:block;color:var(--muted)}.metrics strong{display:block;font-size:1.7rem;color:var(--navy);margin:7px 0}.layout{display:grid;grid-template-columns:1.5fr 1fr;gap:18px}.wide{grid-column:1/-1}.actions{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.action{border:1px solid var(--line);border-radius:14px;padding:18px;background:#fbfdfd}.action span{font-size:.75rem;color:#688094;font-weight:900;letter-spacing:.08em}.action b,.action small{display:block}.action b{margin:8px 0;color:var(--navy)}.action small{color:var(--muted);line-height:1.45}.callout{margin-top:20px;padding:18px;border-left:5px solid var(--lime);background:#f7fce9;border-radius:10px}.callout span,.callout b{display:block}.callout span{font-size:.75rem;color:#60734c}.callout b{margin-top:5px}.buttons{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.disclaimer{font-size:.9rem;color:var(--muted)}@media(max-width:800px){.top{height:auto;padding:18px 20px;align-items:flex-start;gap:15px}.top,nav{flex-direction:column}nav{gap:9px}.hero{align-items:flex-start;flex-direction:column}.controls,.metrics,.actions,.layout{grid-template-columns:1fr}.wide{grid-column:auto}}