:root{--navy:#0c2947;--navy2:#173f69;--lime:#9bd11b;--ink:#142536;--muted:#617283;--line:#dfe7ec;--soft:#f4f8fa;--white:#fff}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#f7fafb}.wrap{max-width:1180px;margin:auto;padding-left:22px;padding-right:22px}.hero{background:radial-gradient(circle at 82% 20%,rgba(155,209,27,.22),transparent 26%),linear-gradient(135deg,var(--navy),var(--navy2));color:white;padding:72px 0 64px;border-bottom:5px solid var(--lime)}.eyebrow,.label{font-weight:900;text-transform:uppercase;letter-spacing:.13em;font-size:.76rem;color:var(--lime)}h1{font-size:clamp(2.4rem,6vw,4.8rem);line-height:.98;max-width:880px;margin:.18em 0}.hero p{font-size:1.1rem;line-height:1.7;max-width:760px;color:#dce8f0}.hero-actions,.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.btn,.mini{border:0;border-radius:10px;padding:12px 17px;font-weight:900;cursor:pointer;text-decoration:none;display:inline-block}.btn.primary{background:var(--lime);color:#10243a}.btn.ghost{border:1px solid #91a7b8;color:#fff;background:transparent}.btn.soft,.mini{background:#eaf1f4;color:var(--navy)}.mini{padding:8px 11px}.notice{background:#fff8df;border:1px solid #f0d99a;border-radius:14px;padding:16px 18px;margin:26px 0}.score-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.score-grid article,.panel{background:white;border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 28px rgba(18,45,67,.06)}.score-grid article{padding:20px}.score-grid span{display:block;font-size:.78rem;text-transform:uppercase;font-weight:800;color:var(--muted);letter-spacing:.08em}.score-grid strong{display:block;font-size:2.2rem;color:var(--navy);margin:4px 0}.score-grid small{color:var(--muted)}.layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.panel{padding:22px}.span2{grid-column:span 2}.panel-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.panel h2{margin:.2em 0 .8em;color:var(--navy)}.form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.form-grid label,.sliders label{font-weight:800;font-size:.83rem;color:#526577}.form-grid input,select{width:100%;margin-top:6px;padding:11px;border:1px solid #cfdce3;border-radius:9px;background:#fbfdfe;font:inherit;color:var(--ink)}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.segmented button{padding:10px 5px;border:1px solid var(--line);background:var(--soft);border-radius:9px;font-weight:900;color:var(--navy);cursor:pointer}.segmented button.active{background:var(--navy);color:white}.sliders{display:grid;grid-template-columns:repeat(2,1fr);gap:17px 24px}.sliders label{display:grid;grid-template-columns:1fr auto;gap:5px}.sliders input{grid-column:1/3;width:100%}.sliders output{color:var(--navy);font-weight:900}.fine{font-size:.88rem;line-height:1.55;color:var(--muted)}.trajectory{display:grid;gap:10px}.metric-line{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.bar{grid-column:1/3;height:9px;border-radius:99px;background:#e8eef1;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--navy2),var(--lime));border-radius:99px}.priority-list{display:grid;gap:10px}.priority{padding:12px;border-radius:12px;background:var(--soft);border-left:4px solid var(--lime)}.priority b{display:block;color:var(--navy)}.comparison table,.history table{width:100%;border-collapse:collapse}.comparison th,.comparison td,.history th,.history td{text-align:left;padding:11px;border-bottom:1px solid var(--line);font-size:.9rem}.comparison th,.history th{color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.06em}.up{color:#477a00;font-weight:900}.down{color:#a13f34;font-weight:900}.neutral{color:var(--muted);font-weight:900}.text-link{font-weight:900;color:var(--navy2);text-decoration:none}.history{margin:16px 0 40px}footer{background:#071d31;color:#c8d5de;padding:28px 0;margin-top:34px}@media(max-width:800px){.score-grid{grid-template-columns:repeat(2,1fr)}.layout{grid-template-columns:1fr}.span2{grid-column:span 1}.form-grid{grid-template-columns:repeat(2,1fr)}.sliders{grid-template-columns:1fr}.hero{padding:54px 0}}@media(max-width:500px){.score-grid,.form-grid{grid-template-columns:1fr}.panel-head{display:block}.hero-actions .btn{width:100%;text-align:center}}