:root{font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;color:#14213d;background:#f5f7fb}*{box-sizing:border-box}body{margin:0}.shell{max-width:1420px;margin:auto;padding:22px}.top,.hero,.panel{background:white;border:1px solid #e3e8f2;border-radius:22px;box-shadow:0 12px 34px #0b1f4410}.top,.hero{display:flex;justify-content:space-between;gap:22px;align-items:center;padding:24px;margin-bottom:18px}.hero{background:linear-gradient(135deg,#071f4f,#143e82);color:white}.hero .muted{color:#dce7ff}.eyebrow{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#2f68c9}.hero .eyebrow{color:#9fc0ff}h1,h2,h3{margin:.2em 0 .5em}.muted{color:#667085}.badges,.actions{display:flex;gap:9px;flex-wrap:wrap}.badge{padding:7px 10px;border-radius:999px;background:#eef3ff;font-weight:700;font-size:.84rem}.badge.good{background:#e9f9ef;color:#146c43}.badge.warn{background:#fff5d9;color:#895f00}.button,button{border:0;border-radius:12px;padding:10px 14px;text-decoration:none;font-weight:750;cursor:pointer}.button{background:#eef3ff;color:#173e7d}.primary{background:#1656b8;color:#fff}.layout{display:grid;grid-template-columns:255px 1fr;gap:18px}.nav{position:sticky;top:16px;align-self:start;background:#0c2144;padding:11px;border-radius:18px;display:grid;gap:7px}.nav button{background:transparent;color:#dfe9ff;text-align:left}.nav button.active{background:#fff;color:#0c2144}.view{display:none}.view.active{display:block}.panel{padding:22px;margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.card{border:1px solid #e3e8f2;border-radius:16px;padding:16px;background:#fbfcff}.price{font-size:1.35rem;font-weight:850}.tbd{color:#8a5d00}.free{color:#0b7044}.trust,.warning{padding:13px 15px;border-radius:14px;margin:12px 0}.trust{background:#eaf8f0;border:1px solid #b9e5c9}.warning{background:#fff5df;border:1px solid #efd69a}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}label{display:grid;gap:6px;font-weight:700}input,select,textarea{width:100%;padding:10px 11px;border:1px solid #ccd5e3;border-radius:10px;background:white}textarea{min-height:92px}.result{margin-top:14px;white-space:normal}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric{background:#f4f7fd;border-radius:15px;padding:14px}.metric strong{display:block;font-size:1.3rem}.footer{padding:22px;text-align:center;color:#667085}.sponsored{display:inline-block;padding:4px 8px;border-radius:999px;background:#fff0c7;color:#704d00;font-weight:800;font-size:.78rem}@media(max-width:900px){.layout{grid-template-columns:1fr}.nav{position:static;grid-template-columns:repeat(2,1fr)}.grid,.metric-grid{grid-template-columns:1fr 1fr}.top,.hero{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.grid,.metric-grid,.form-grid{grid-template-columns:1fr}.nav{grid-template-columns:1fr}}