*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1c2b39;background:#f4f8fb;line-height:1.5}
a{color:#0b5c8f}header{background:linear-gradient(135deg,#0b4f7c,#1677b3);color:#fff;padding:14px 16px}header a{color:#fff;text-decoration:none}
.nav{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;max-width:1000px;margin:auto}.brand{font-weight:800;font-size:1.2rem}
.nav nav a{margin-left:12px;font-size:.95rem;opacity:.95}.hero{background:#1677b3;color:#fff;padding:28px 16px 34px;text-align:center}.hero h1{margin:0 0 6px;font-size:1.7rem}
main{max-width:1000px;margin:auto;padding:16px}.filters{display:grid;gap:8px;grid-template-columns:1fr;margin:-26px auto 16px;max-width:1000px;padding:0 16px}
.filters input,.filters select{padding:12px;border:1px solid #c9d8e4;border-radius:10px;font-size:1rem;background:#fff}
@media(min-width:700px){.filters{grid-template-columns:2fr 1fr 1fr 110px}.grid{grid-template-columns:repeat(2,1fr)!important}}
@media(min-width:980px){.grid{grid-template-columns:repeat(3,1fr)!important}}
.grid{display:grid;gap:12px;grid-template-columns:1fr}.card{background:#fff;border:1px solid #dde7ef;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:4px}
.card.feat{border:2px solid #f2b705;background:#fffbea}.badge{display:inline-block;background:#f2b705;color:#3a2a00;border-radius:20px;padding:1px 9px;font-size:.8rem;font-weight:700;margin-left:6px}.tiers{display:grid;gap:12px;grid-template-columns:1fr}@media(min-width:700px){.tiers{grid-template-columns:repeat(3,1fr)}}.tier h3{margin:0}.price{font-size:1.6rem;font-weight:800;color:#0b4f7c}.was{text-decoration:line-through;color:#7a8a99;font-size:1rem;margin-left:6px}.card h3{margin:0;font-size:1.05rem}.meta{color:#5a6b7a;font-size:.9rem}.tag{display:inline-block;background:#e3f0f9;color:#0b4f7c;border-radius:20px;padding:1px 9px;font-size:.8rem}
.actions{display:flex;gap:8px;margin-top:auto;padding-top:8px;flex-wrap:wrap}.btn{background:#1677b3;color:#fff;padding:8px 12px;border-radius:8px;text-decoration:none;font-weight:600;font-size:.9rem}
.btn.alt{background:#fff;color:#0b5c8f;border:1px solid #1677b3}.cats{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 18px}.cats a{background:#fff;border:1px solid #c9d8e4;border-radius:20px;padding:6px 12px;text-decoration:none}
.box{background:#fff;border:1px solid #dde7ef;border-radius:12px;padding:18px;margin-bottom:16px}form label{display:block;margin:10px 0 4px;font-weight:600}
form input,form textarea,form select{width:100%;padding:10px;border:1px solid #c9d8e4;border-radius:8px;font-size:1rem}form button{margin-top:14px;border:0;cursor:pointer;font-size:1rem}
footer{background:#0b2f4a;color:#cfe0ee;padding:22px 16px;font-size:.88rem;margin-top:30px}footer a{color:#fff}footer div{max-width:1000px;margin:auto}#count{color:#5a6b7a;margin:0 0 10px}
.brand{display:flex;align-items:center;gap:9px}.brand span{color:#ffc94d}.brand img{border-radius:8px}
header{background:#0b3f63!important}
.hero.big{position:relative;text-align:left;padding:56px 16px 28px;background:#0b3f63 url(/img/hero-sm.webp) center/cover no-repeat;min-height:380px;display:flex;flex-direction:column;justify-content:flex-end}
@media(min-width:701px){.hero.big{background-image:url(/img/hero.webp);min-height:440px}}
.hero.big:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,25,40,.15) 0%,rgba(6,25,40,.55) 55%,rgba(6,25,40,.85) 100%)}
.hero.big>*{position:relative}.hin{max-width:1000px;margin:0 auto 14px;width:100%}.hero.big h1{font-size:1.9rem;line-height:1.15;text-shadow:0 2px 12px rgba(0,0,0,.4);max-width:640px}.hero.big p{margin:6px 0 0;font-size:1.05rem;max-width:600px;opacity:.95}
@media(min-width:701px){.hero.big h1{font-size:2.6rem}}
.hero.big .filters{margin:0 auto;padding:0;width:100%}.hero.big #zipnote{color:#e6f1fa!important;padding:0!important;width:100%}
.filters input,.filters select{box-shadow:0 4px 14px rgba(0,0,0,.12)}
.hic{display:inline-flex;background:rgba(255,255,255,.16);border-radius:14px;padding:10px;margin-bottom:6px}
.trust{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;background:#fff;border-bottom:1px solid #e4edf4;padding:12px 16px;font-weight:600;color:#0b4f7c;font-size:.92rem}.trust span{white-space:nowrap}
.soft{background:linear-gradient(180deg,#eaf3fa,#f4f8fb);padding:22px 16px 8px}.wrap{max-width:1000px;margin:auto}.soft h2{margin:0 0 12px}
.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media(min-width:700px){.tiles{grid-template-columns:repeat(5,1fr)}}
.tile{background:#fff;border-radius:14px;padding:14px 12px;text-decoration:none;color:#1c2b39;display:flex;flex-direction:column;gap:2px;box-shadow:0 1px 3px rgba(11,79,124,.08),0 6px 18px rgba(11,79,124,.06);transition:transform .15s}
.tile:hover{transform:translateY(-2px)}.tile small{color:#5a6b7a}.ib{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;border-radius:12px;background:#e3f0f9;color:#0b5c8f;margin-bottom:6px}
.cats a{display:inline-flex;align-items:center;gap:6px;color:#0b4f7c}.cats a small{color:#7a8a99}
.card{border:0!important;border-radius:14px!important;box-shadow:0 1px 3px rgba(11,79,124,.08),0 8px 24px rgba(11,79,124,.06)}
.card.feat{box-shadow:0 0 0 2px #f2b705,0 8px 24px rgba(242,183,5,.15)!important}
.btn{border-radius:10px!important}.card .tag,.card .badge{align-self:flex-start}.card .badge{margin-left:0}main>h2{margin-top:0}.hero{background:linear-gradient(135deg,#0b4f7c,#1677b3)}