:root{--bg:#f5f7fb;--text:#121826;--muted:#5b6472;--card:#ffffff;--primary:#1769aa;--primary2:#0d47a1;--shadow:0 10px 25px rgba(10,20,40,.12);--radius:18px}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}
a{color:inherit;text-decoration:none}
.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:12px;padding:10px 14px;background:#fff;box-shadow:0 6px 18px rgba(10,20,40,.08)}
.logo{display:inline-flex;align-items:center}
.logo img{border-radius:14px;box-shadow:0 8px 18px rgba(10,20,40,.14)}
.burger{margin-left:auto;display:inline-flex;flex-direction:column;gap:5px;justify-content:center;width:44px;height:44px;border:0;background:transparent;border-radius:12px;cursor:pointer}
.burger span{display:block;height:3px;border-radius:3px;background:var(--text)}
.drawer{position:fixed;inset:64px 12px auto 12px;max-height:72vh;overflow:auto;background:#fff;border-radius:18px;box-shadow:var(--shadow);padding:10px;display:none}
.drawer.open{display:block}
.nav-link{display:block;padding:12px 12px;border-radius:14px;color:var(--text)}
.nav-link:hover{background:rgba(23,105,170,.08)}
.nav-link.active{background:rgba(23,105,170,.14);color:var(--primary2);font-weight:700}
.main{max-width:1100px;margin:18px auto 40px;padding:0 14px;display:flex;flex-direction:column;gap:14px}
.breadcrumbs{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:14px;padding:6px 2px}
.breadcrumbs a{color:var(--muted)}
.breadcrumbs .sep{opacity:.6}
.intro-table{width:100%;border-collapse:collapse;background:#fff;border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}
.intro-table td{padding:16px 18px}
.intro-table h1{margin:0 0 8px 0;font-size:26px;line-height:1.2}
.intro-table p{margin:0;color:var(--muted)}
.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 18px}
.card h2{margin:0 0 10px 0;font-size:20px}
.card p{margin:10px 0;color:#1c2533;line-height:1.6}
.card ul{margin:10px 0 0 18px;color:#1c2533;line-height:1.6}
.image-card{padding:0;overflow:hidden}
.image-card img{width:100%;height:auto;display:block}
.offers-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:2px solid #d6dbe6;border-radius:18px;overflow:hidden}
.offers-table td{padding:14px 12px;text-align:center;vertical-align:middle;border-top:1px solid #eef1f7}
.offers-table tr:first-child td{border-top:0}
.offer-logo{display:inline-flex;align-items:center;justify-content:center}
.offer-logo img{width:160px;height:50px;object-fit:contain}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:14px;border:0;cursor:pointer;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;font-weight:700}
.calc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}
.calc-grid label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:14px}
.calc-grid input{border:1px solid #d6dbe6;border-radius:14px;padding:10px 12px;font-size:16px;outline:none}
.calc-grid input:focus{border-color:rgba(23,105,170,.55);box-shadow:0 0 0 4px rgba(23,105,170,.12)}
.calc-results{margin-top:14px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.calc-results .r{background:#f2f6ff;border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:6px}
.calc-results .r span{color:var(--muted);font-size:13px}
.calc-results .r strong{font-size:18px}
.faq details{border:1px solid #e4e8f2;border-radius:14px;padding:10px 12px;margin-top:10px}
.faq summary{cursor:pointer;font-weight:700}
.faq-a{padding-top:8px}
.footer{max-width:1100px;margin:0 auto 24px;padding:0 14px;color:var(--muted);text-align:center}
.footer-links{padding:12px 0}
.footer-links a{color:var(--muted)}
.footer-mail{padding-bottom:14px}
.contact-form{display:flex;flex-direction:column;gap:10px}
.contact-form .cg{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.contact-form label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:14px}
.contact-form input,.contact-form textarea{border:1px solid #d6dbe6;border-radius:14px;padding:10px 12px;font-size:16px;outline:none}
.contact-form textarea{resize:vertical}
@media (min-width:920px){
  .drawer{inset:64px auto auto auto;right:14px;left:auto;width:420px}
}
@media (max-width:860px){
  .calc-grid{grid-template-columns:repeat(2,1fr)}
  .calc-results{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:720px){
  .offers-table, .offers-table tbody, .offers-table tr, .offers-table td{display:block;width:100%}
  .offers-table td{border-top:0;border-bottom:1px solid #eef1f7}
  .offers-table tr{border-top:1px solid #eef1f7}
  .offers-table tr:first-child{border-top:0}
  .contact-form .cg{grid-template-columns:1fr}
}