:root{--ink:#1f2a37;--navy:#16324f;--brass:#b8892f;--paper:#f7f5f0;--line:#d9d4c7}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--paper);line-height:1.55}
a{color:var(--navy)}.wrap{max-width:1040px;margin:0 auto;padding:0 20px}
header.top{display:flex;justify-content:space-between;align-items:center;padding:16px 0}
.logo{font-weight:800;color:var(--navy);text-decoration:none;display:flex;align-items:center;gap:10px;font-size:1.1rem}
.bob{width:14px;height:34px;position:relative}.bob:before{content:"";position:absolute;left:6px;top:0;width:2px;height:20px;background:var(--brass)}.bob:after{content:"";position:absolute;left:1px;top:18px;border:6px solid transparent;border-top:14px solid var(--navy);border-bottom:0}
.lang{font-size:.9rem}
.hero{background:var(--navy);color:#fff;position:relative;overflow:hidden;padding:64px 0 72px}
.hero:before{content:"";position:absolute;right:12%;top:0;bottom:0;width:2px;background:repeating-linear-gradient(var(--brass) 0 10px,transparent 10px 16px);opacity:.7}
.eyebrow{color:var(--brass);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.85rem}
.hero h1{font-size:clamp(1.9rem,5vw,3rem);line-height:1.15;margin:.3em 0;max-width:20ch}
.hero p.lead{font-size:1.15rem;max-width:56ch;opacity:.92}
.btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.btn{display:inline-block;padding:14px 22px;border-radius:6px;font-weight:700;text-decoration:none}
.btn.primary{background:var(--brass);color:#16202b}.btn.ghost{border:2px solid #fff;color:#fff}
section{padding:56px 0}h2{color:var(--navy);font-size:1.7rem;margin-top:0}
.rule{height:2px;width:72px;background:var(--brass);margin:0 0 20px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}
.card{background:#fff;border:1px solid var(--line);border-top:4px solid var(--navy);border-radius:8px;padding:22px}
.card .price{font-size:1.5rem;font-weight:800;color:var(--navy)}.card.free{border-top-color:var(--brass)}
.card ul{padding-left:18px;margin:10px 0 0}
.checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;list-style:none;padding:0}
.checks li{background:#fff;border-left:3px solid var(--brass);padding:10px 14px;border-radius:4px}
.about{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.creds{display:flex;flex-wrap:wrap;gap:8px;padding:0;list-style:none}.creds li{border:1px solid var(--navy);color:var(--navy);border-radius:20px;padding:4px 12px;font-size:.9rem}
.cta-band{text-align:center}.cta-band .btn.ghost{border-color:var(--navy);color:var(--navy)}.cta-band .btns{justify-content:center}
footer{background:#10263c;color:#c9d3de;padding:28px 0;font-size:.9rem}footer a{color:#fff}
.small{font-size:.85rem;opacity:.8}
.logo-img{width:40px;height:40px;border-radius:6px}
.hero-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:32px;align-items:center}.hero-logo img{width:100%;max-width:380px;height:auto;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.45);display:block;margin-left:auto}
@media(max-width:760px){.hero-grid{grid-template-columns:1fr}.hero-logo{order:-1}.hero-logo img{max-width:220px;margin:0 auto}}