*{box-sizing:border-box}body{margin:0;font:17px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1d2b3a;background:#f6fafb}
.wrap{max-width:960px;margin:0 auto;padding:0 18px}a{color:#0f7c86}
.draft{background:#ffe08a;color:#5a4300;text-align:center;font-weight:700;padding:6px;font-size:14px}
header{background:#14304a}.hdr{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:12px 18px}
.brand{color:#fff;font-weight:800;text-decoration:none;font-size:20px}header nav a{color:#cfe9ec;text-decoration:none;margin-left:14px;font-size:15px}header nav a.on{color:#fff;border-bottom:2px solid #4fc1c9}
main{padding:28px 18px 40px}h1{color:#14304a;line-height:1.2}.lead{font-size:19px;color:#3b5266}
.hero{padding:20px 0}.btn{display:inline-block;background:#0f7c86;color:#fff;padding:12px 18px;border-radius:8px;text-decoration:none;font-weight:600;margin:6px 6px 0 0}.btn.alt{background:#14304a}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:24px 0}.card{background:#fff;border:1px solid #dbe8ec;border-radius:10px;padding:14px 16px}.card h3{margin:0 0 6px;color:#0f7c86}
.signup{background:#e3f4f5;border:1px solid #b9e2e5;border-radius:12px;padding:18px 20px;margin:30px 0}.signup form{display:flex;gap:8px;flex-wrap:wrap}
input{font:inherit;padding:10px;border:1px solid #b7c9d1;border-radius:8px;flex:1;min-width:200px}button{font:inherit;padding:10px 16px;border:0;border-radius:8px;background:#0f7c86;color:#fff;cursor:pointer}button:disabled{background:#8aa;cursor:not-allowed}
.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:10px 12px;border-bottom:1px solid #e3ecef;text-align:left}th{background:#14304a;color:#fff}td.best{background:#dff5e8;font-weight:700}
.toggle{margin:12px 0}.toggle button{background:#fff;color:#14304a;border:1px solid #14304a;margin:0 6px 6px 0}.toggle button.on{background:#14304a;color:#fff}
.caption{font-style:italic;color:#56697a}.small{font-size:14px;color:#56697a}.steps li{margin-bottom:12px}
.calc{background:#fff;border:1px solid #dbe8ec;border-radius:12px;padding:18px;display:grid;gap:12px;max-width:420px}.calc label{display:grid;gap:4px;font-weight:600}.result{font-size:20px}
footer{background:#14304a;color:#cfe0e8;font-size:14px;padding:22px 0}footer a{color:#8fdbe0}footer nav a{margin-right:12px}