:root{font-family:Arial,Helvetica,sans-serif;color:#17304b;background:#f4f8fc}*{box-sizing:border-box}body{margin:0;line-height:1.5}.wrap{max-width:1120px;margin:auto;padding:0 24px}header{background:#123a72;color:#fff;padding:42px 0 40px;border-top:8px solid #5da9eb}.eyebrow{margin:0 0 8px;color:#cde5fb;font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:.8rem}h1{font-family:Georgia,serif;font-size:clamp(2.2rem,5vw,4rem);line-height:1.1;margin:0}.lead{font-family:Georgia,serif;font-size:1.3rem;margin:14px 0 0;color:#e3f1ff}main{padding-top:28px;padding-bottom:70px}.intro{max-width:900px;font-size:1.08rem}.toolbar{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 30px}button,.import{border:1px solid #123a72;background:#123a72;color:#fff;border-radius:7px;padding:10px 15px;font-size:.95rem;font-weight:700;cursor:pointer}.secondary,.import{background:#fff;color:#123a72}.import input{display:none}button:hover,.import:hover{box-shadow:0 2px 8px #a2b6cc}.panel{background:#fff;border:1px solid #cadbee;border-radius:9px;padding:22px;margin:20px 0 34px}h2{font-family:Georgia,serif;font-size:1.65rem;color:#123a72;margin:0 0 12px}label{display:block;font-weight:700}input[type=number]{display:block;width:110px;border:1px solid #8ca9c6;border-radius:5px;padding:8px 10px;font-size:1rem;color:#123a72;background:#fff;margin:5px 0 8px}input:focus,button:focus,.import:focus-within{outline:3px solid #7db7eb;outline-offset:2px}progress{display:block;width:100%;height:18px;accent-color:#2679bd}.status{font-weight:700;color:#123a72}.milestones{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px;margin-top:18px}.mile{border:1px solid #d4e3f0;border-radius:6px;background:#f7fbff;padding:12px}.mile label{display:flex;gap:9px;align-items:flex-start;font-weight:400}.mile input{margin-top:5px;accent-color:#123a72}.mile strong{display:block;color:#123a72}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-top:20px}.metric{background:#fff;border:1px solid #cadbee;border-top:5px solid #397fbd;border-radius:8px;padding:18px}.metric h3{font-size:1.08rem;color:#123a72;margin:0 0 8px}.metric .value{font-size:1.8rem;font-weight:700;color:#123a72;margin:7px 0}.metric .formula{font-size:.9rem;color:#445b70}.metric .inputs{display:flex;gap:15px;flex-wrap:wrap}.metric .inputs label{font-size:.88rem;flex:1;min-width:115px}.metric .inputs input{width:100%}.guide p{margin-bottom:0}footer{border-top:1px solid #cadbee;background:#fff;color:#5a6c7c;padding:22px 0;font-size:.9rem}@media(max-width:600px){.wrap{padding-left:16px;padding-right:16px}header{padding:32px 0}.panel{padding:16px}.metrics{grid-template-columns:1fr}}