*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:#fff;color:#1a2330;font:16px/1.62 "Segoe UI",system-ui,Arial,sans-serif}
a{color:#0b7285;text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:960px;margin:0 auto;padding:0 22px}
header{border-bottom:1px solid #e5eaef}
.bar{display:flex;align-items:center;justify-content:space-between;padding:16px 0}
.logo{font-weight:800;font-size:18px;letter-spacing:-.02em;color:#0b7285}
nav a{color:#41505f;font-size:14.5px;margin-left:20px}
.hero{background:#e7f4f6;border-radius:14px;padding:44px 34px;margin:26px 0 34px}
.hero h1{font-size:33px;line-height:1.18;margin:0 0 14px;letter-spacing:-.02em}
.hero p{font-size:18px;color:#41505f;margin:0 0 20px;max-width:40em}
.btn{display:inline-block;background:#0b7285;color:#fff;font-weight:600;padding:11px 22px;border-radius:8px;font-size:14.5px}
h2{font-size:21px;margin:32px 0 12px;letter-spacing:-.01em}
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.tier{border:1px solid #e5eaef;border-radius:12px;padding:22px 20px}
.tier.mid{border-color:#0b7285;box-shadow:0 4px 16px rgba(11,114,133,.1)}
.tier .nm{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#78889a}
.tier .pr{font-size:30px;margin:8px 0 2px}.tier .pr small{font-size:13px;color:#78889a}
.tier ul{margin:14px 0 0;padding-left:18px;color:#41505f;font-size:14.5px}.tier li{margin:5px 0}
table{border-collapse:collapse;width:100%;font-size:14.5px;margin:6px 0 20px}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid #e5eaef}
th{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:#78889a}
p{margin:0 0 14px}
footer{border-top:1px solid #e5eaef;margin-top:44px;padding:20px 0 40px;color:#78889a;font-size:13px}
@media(max-width:800px){.tiers{grid-template-columns:1fr}.hero h1{font-size:26px}}