:root{--navy:#12395e;--navy2:#0d2a46;--dark:#0f2438;--orange:#e86a17;--orange2:#c8540e;--ink:#1d2b38;--muted:#5a6b7a;--bg:#f4f7fa;--line:#dbe4ec;--white:#fff;--radius:14px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);line-height:1.65;background:#fff}
a{color:var(--navy)}a:hover{color:var(--orange2)}img{max-width:100%;height:auto;display:block}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.ribbon{background:var(--navy2);color:#fff;font-size:.9rem;padding:8px 0}.ribbon .wrap{display:flex;gap:18px;flex-wrap:wrap;justify-content:space-between}.ribbon a{color:#ffd9bd;font-weight:700;text-decoration:none}
.site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 2px 14px rgba(15,36,56,.06)}
.header-in{display:flex;align-items:center;gap:20px;padding:12px 0;flex-wrap:wrap}
.logo{font-weight:800;font-size:1.35rem;color:var(--navy);text-decoration:none;line-height:1.1}.logo span{color:var(--orange);display:block;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}
.main-nav{display:flex;gap:18px;flex-wrap:wrap;margin-left:auto}.main-nav a{color:var(--ink);text-decoration:none;font-weight:600;font-size:.98rem}.main-nav a:hover{color:var(--orange2)}
.btn{display:inline-block;background:var(--orange);color:#fff!important;text-decoration:none;font-weight:800;padding:13px 22px;border-radius:999px;border:2px solid var(--orange);text-align:center}.btn:hover{background:var(--orange2);border-color:var(--orange2)}
.btn-outline{background:#fff;color:var(--navy)!important;border-color:var(--navy)}.btn-outline:hover{background:var(--bg)}
.btn-dark{background:var(--navy);border-color:var(--navy)}.btn-dark:hover{background:var(--navy2)}
.hero{background:var(--bg);padding:52px 0}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center}
.eyebrow{color:var(--orange2);font-weight:800;letter-spacing:.09em;text-transform:uppercase;font-size:.82rem;margin:0 0 10px}
h1{font-size:2.55rem;line-height:1.12;color:var(--navy2);margin:0 0 16px}h2{font-size:1.9rem;line-height:1.2;color:var(--navy2);margin:0 0 14px}h3{font-size:1.18rem;color:var(--navy);margin:0 0 8px}
.lead{font-size:1.13rem;color:#33475a}.trust-line{font-weight:700;color:var(--navy);margin-top:14px}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0 8px}
.hero-img{border-radius:var(--radius);width:100%;aspect-ratio:3/2;object-fit:cover;background:#dbe4ec}
.section{padding:56px 0}.section-alt{background:var(--bg)}.section-dark{background:var(--dark);color:#e8eef4}.section-dark h2,.section-dark h3{color:#fff}.section-dark a{color:#ffb27a}
.kicker{color:var(--orange2);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem}
.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px}.card p{margin:6px 0 0;color:var(--muted)}
.card-dark{background:#17334f;border:1px solid #254664;border-radius:var(--radius);padding:22px;color:#e8eef4}.card-dark p{color:#b9c9d8;margin:6px 0 0}.card-dark a{color:#ffb27a;font-weight:700}
.symptom-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.check-list{list-style:none;padding:0;margin:0}.check-list li{padding:9px 0 9px 30px;position:relative;border-bottom:1px solid var(--line)}.check-list li:before{content:"✓";position:absolute;left:0;color:var(--orange);font-weight:900}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px}.step-num{display:inline-block;background:var(--navy);color:#fff;font-weight:800;width:34px;height:34px;line-height:34px;text-align:center;border-radius:50%;margin-bottom:10px}
.brands-band{background:var(--navy);color:#fff;padding:30px 0}.brands-band h2{color:#fff;font-size:1.45rem}.brand-list{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:14px 0 0}.brand-list li{border:1px solid #3d5f83;border-radius:999px;padding:6px 14px;font-weight:600;font-size:.92rem}
table{width:100%;border-collapse:collapse;margin:18px 0;background:#fff}th,td{border:1px solid var(--line);padding:11px 13px;text-align:left;vertical-align:top}th{background:var(--navy);color:#fff}
.faq-item{border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;margin-bottom:12px;background:#fff}.faq-item h3{margin-bottom:6px}.faq-item p{margin:0;color:#33475a}
.breadcrumb{font-size:.92rem;padding:16px 0 0;color:var(--muted)}.breadcrumb a{color:var(--navy)}
.cta-band{background:var(--orange);color:#fff;padding:44px 0}.cta-band h2{color:#fff}.cta-band .btn{background:var(--navy2);border-color:var(--navy2)}
footer{background:var(--navy2);color:#cdd9e4;padding:48px 0 90px}footer h3{color:#fff}footer a{color:#ffb27a;text-decoration:none}footer ul{list-style:none;padding:0;margin:0}footer li{margin:7px 0}
.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:28px}
.sticky-call{display:none;position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--orange);text-align:center;padding:13px;font-weight:800}.sticky-call a{color:#fff;text-decoration:none;font-size:1.05rem}
.note{background:#fff7ef;border:1px solid #f3cfab;border-radius:var(--radius);padding:18px 20px}
.big-phone{font-size:2rem;font-weight:800;color:var(--navy)}
.map-frame{width:100%;height:340px;border:0;border-radius:var(--radius)}
.sitemap-list{columns:2;list-style:none;padding:0}.sitemap-list li{margin:8px 0}
@media(max-width:900px){.hero-grid,.grid-2,.grid-3,.grid-4,.steps,.symptom-grid,.footer-grid{grid-template-columns:1fr}h1{font-size:2rem}.sticky-call{display:block}.sitemap-list{columns:1}.main-nav{margin-left:0}}
