:root{--bg:#e7e2d6;--panel2:#ffffff;--ink:#1f1f1f;--muted:#4b4b4b;--shadow2:rgba(0,0,0,.12);--radius:18px;--max:980px;--pad:18px}
*{box-sizing:border-box}html,body{height:100%}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:radial-gradient(circle at 20% 0%,#fff7e6 0%,var(--bg) 40%,#d9d2c2 100%)}
a{color:inherit}
.site-header{position:sticky;top:0;z-index:9999;background:linear-gradient(#fdfaf2,#e9e1d2);border-bottom:1px solid rgba(0,0,0,.14);box-shadow:0 6px 14px var(--shadow2)}
.topbar{max-width:var(--max);margin:0 auto;padding:10px var(--pad);display:flex;align-items:center;gap:14px;position:relative}
.brand{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:14px;background:linear-gradient(#fff,#e8e1d2);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 6px 14px var(--shadow2);border:1px solid rgba(0,0,0,.14);text-decoration:none}
.brand img{display:block}
.burger{margin-left:auto;width:52px;height:44px;border-radius:14px;border:1px solid rgba(0,0,0,.18);background:linear-gradient(#fff,#e5ddce);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 6px 14px var(--shadow2);display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0;cursor:pointer}
.burger span{display:block;width:22px;height:3px;border-radius:3px;background:#333;box-shadow:0 1px 0 rgba(255,255,255,.6)}
.burger:focus{outline:3px solid rgba(68,197,86,.28);outline-offset:2px}
.nav{position:absolute;right:var(--pad);top:calc(100% + 10px);width:min(420px, calc(100vw - (var(--pad) * 2)));display:none;z-index:10000}
.nav.open{display:block}
.nav-link{display:block;padding:12px 14px;border-radius:14px;text-decoration:none;background:linear-gradient(#fff,#ece5d7);border:1px solid rgba(0,0,0,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 8px 18px var(--shadow2);margin:10px 0}
.crumbs{max-width:var(--max);margin:0 auto;padding:0 var(--pad) 12px var(--pad);color:var(--muted);font-size:14px}
.crumbs a{color:var(--muted);text-decoration:none}.crumbs span{color:#2a2a2a}
.page{max-width:var(--max);margin:18px auto 26px auto;padding:0 var(--pad)}
.block,.block-group{background:linear-gradient(#fff,#f0eadf);border:1px solid rgba(0,0,0,.14);border-radius:var(--radius);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 14px 28px var(--shadow2);padding:18px}
.block+.block,.block+.block-group,.block-group+.block{margin-top:16px}
.hero h1{margin:0 0 10px 0;font-size:28px;letter-spacing:.2px}
.lead{margin:0;color:var(--muted)}
.media{background:linear-gradient(#fff,#efe8db);border:1px solid rgba(0,0,0,.14);border-radius:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 10px 20px var(--shadow2);padding:12px}
.topic-img{display:block;width:100%;height:auto;border-radius:12px}
.block-group .block{margin-top:0;background:transparent;border:none;box-shadow:none;padding:14px 0}
.block-group .block+.block{border-top:1px dashed rgba(0,0,0,.18)}
h2{margin:0 0 10px 0;font-size:20px}
p{margin:0 0 10px 0;line-height:1.5;color:#2a2a2a}
ul,ol{margin:0 0 10px 20px;line-height:1.5}
.offers-table{width:100%;background:var(--panel2);border:2px solid rgba(0,0,0,.28);border-radius:14px;overflow:hidden}
.offer-row{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:stretch}
.offer-cell{padding:14px 12px;display:flex;align-items:center;justify-content:center;text-align:center}
.offer-row+.offer-row{border-top:1px solid rgba(0,0,0,.14)}
.offer-cell+.offer-cell{border-left:1px solid rgba(0,0,0,.14)}
.offer-logo{width:160px;height:50px;object-fit:contain;display:block}
.btn{border:1px solid rgba(0,0,0,.18);background:linear-gradient(#44c556,#238f33);color:#fff;border-radius:14px;padding:12px 16px;cursor:pointer;font-weight:700;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 10px 18px var(--shadow2);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-width:130px}
.calc{display:grid;grid-template-columns:1fr;gap:12px}
.calc label{display:grid;gap:6px;color:#2a2a2a;font-weight:600}
.calc input,.contact-form input,.contact-form textarea{width:100%;padding:12px;border-radius:14px;border:1px solid rgba(0,0,0,.18);background:linear-gradient(#fff,#efe8db);box-shadow:inset 0 2px 6px rgba(0,0,0,.08);font-size:16px}
.calc-result{margin-top:12px;padding:12px 14px;border-radius:14px;background:linear-gradient(#fff,#efe8db);border:1px solid rgba(0,0,0,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.9);color:#2a2a2a}
.faq details{background:linear-gradient(#fff,#efe8db);border:1px solid rgba(0,0,0,.14);border-radius:14px;padding:10px 12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.faq details+details{margin-top:10px}.faq summary{cursor:pointer;font-weight:700}.faq-body{padding-top:8px}
.site-footer{margin-top:22px;padding:18px var(--pad) 26px var(--pad);background:linear-gradient(#efe8db,#ddd3c2);border-top:1px solid rgba(0,0,0,.14);box-shadow:0 -8px 18px var(--shadow2)}
.footer-inner{max-width:var(--max);margin:0 auto;display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:center}
.footer-inner a{text-decoration:none;padding:8px 10px;border-radius:12px;background:linear-gradient(#fff,#e9e1d2);border:1px solid rgba(0,0,0,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 16px var(--shadow2)}
.sep{color:rgba(0,0,0,.4)}
.contact-form{display:grid;gap:12px}
@media (max-width:640px){.offer-row{grid-template-columns:1fr}.offer-cell+.offer-cell{border-left:none;border-top:1px solid rgba(0,0,0,.14)}}