:root{font-family:Inter,Arial,sans-serif;color:#10233c;background:#f3f6fa}body{margin:0}header{padding:48px max(7vw,24px);background:#10233c;color:#fff}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#7dd3c7;font-size:.76rem}h1{font-size:2.4rem;margin:.5rem 0}header p{color:#d5e1ed;max-width:680px}main{max-width:1050px;margin:28px auto;padding:0 24px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.metrics article,section,.rule,.review{background:#fff;border:1px solid #dbe3ed;border-radius:12px;padding:20px;box-shadow:0 3px 15px #152a4010}.metrics b{display:block;font-size:2rem;color:#0f766e}.metrics span,.rule span{display:block;color:#5c6c7f;margin-top:5px}section{margin-top:22px}h2{margin-top:0}form{display:flex;gap:8px;flex-wrap:wrap}input,select,button{border:1px solid #b7c5d4;border-radius:7px;padding:10px;font:inherit}input{flex:1;min-width:160px}button{background:#0f766e;color:white;border-color:#0f766e;font-weight:600;cursor:pointer}.rule,.review{margin-top:10px;padding:14px}.review h3{margin:0}.review p{color:#5c6c7f}@media(max-width:650px){.metrics{grid-template-columns:1fr}header{padding-top:30px}}