/* Service, city and service-area landing pages. Builds on linders.css + landing.css. */
.crumbs{font-size:12px;color:var(--muted);padding-top:18px}
.crumbs a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.crumbs span{margin-inline:6px}
.lp-hero .hero-visual{height:440px}
.problems{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.problem{border:1px solid var(--line);border-radius:12px;padding:22px 22px 20px;background:#fff}
.problem h3{font:800 17px/1.35 var(--head);margin:0 0 6px;color:var(--navy)}
.problem p{margin:0;font-size:14px;color:var(--muted)}
.problem .tag{display:inline-block;font-size:10px;font-weight:800;letter-spacing:1px;color:var(--blue);background:#eaf0fc;border-radius:20px;padding:3px 10px;margin-bottom:10px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:28px 60px;align-items:start}
.checklist{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.checklist li{position:relative;padding-left:32px;font-size:15px}
.checklist li:before{content:'✓';position:absolute;left:0;top:1px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#e4f7ef;color:#147a55;font-size:12px;font-weight:800}
.price-box{border-radius:14px;background:var(--navy);color:#e6eef8;padding:32px}
.price-box h3{font:800 22px/1.3 var(--head);color:#fff;margin:0 0 12px}
.price-box p{font-size:15px;margin:0 0 14px}
.price-box ul{margin:0 0 20px;padding-left:18px;font-size:14px;display:grid;gap:6px}
.price-box .btn{width:100%}
.soft-band{background:var(--soft);border-block:1px solid var(--line)}
.area-links{display:flex;flex-wrap:wrap;gap:10px}
.area-links a{display:inline-flex;align-items:center;min-height:40px;padding:8px 15px;border:1px solid var(--line);border-radius:30px;background:#fff;font-size:14px;font-weight:600}
.area-links a:hover,.area-links a:focus-visible{border-color:var(--blue);color:var(--blue)}
.area-links .more{background:var(--navy);border-color:var(--navy);color:#fff}
.related{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.related a{display:block;border:1px solid var(--line);border-radius:12px;padding:20px;background:#fff;transition:border-color .2s,transform .2s}
.related a:hover,.related a:focus-visible{border-color:var(--blue);transform:translateY(-2px)}
.related b{display:block;font:800 16px/1.35 var(--head);color:var(--navy);margin-bottom:4px}
.related span{font-size:13px;color:var(--muted)}
.letter-index{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:26px}
.letter-index a{width:38px;height:38px;display:grid;place-items:center;border-radius:8px;border:1px solid var(--line);font-weight:800;font-size:14px}
.letter-index a:hover,.letter-index a:focus-visible{border-color:var(--blue);color:var(--blue)}
.city-groups{columns:4 220px;column-gap:36px}
.city-group{break-inside:avoid;margin-bottom:22px}
.city-group h3{font:800 18px var(--head);color:var(--blue);margin:0 0 6px;border-bottom:1px solid var(--line);padding-bottom:4px}
.city-group ul{list-style:none;margin:0;padding:0;font-size:14px;line-height:1.9}
.city-group a{color:var(--navy);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.near{font-size:15px;color:var(--muted)}
.near strong{color:var(--navy)}
.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:20px 40px;padding-block:34px;border-top:1px solid var(--line);margin-top:30px}
.footer-links h3{font:800 13px var(--head);letter-spacing:1px;text-transform:uppercase;margin:0 0 10px;color:var(--muted)}
.footer-links ul{list-style:none;margin:0;padding:0;display:grid;gap:4px;font-size:14px}
.footer-links a:hover,.footer-links a:focus-visible{text-decoration:underline}
@media(max-width:960px){
 .problems{grid-template-columns:1fr 1fr}
 .related{grid-template-columns:1fr 1fr}
 .split{grid-template-columns:1fr}
}
@media(max-width:640px){
 .problems,.related{grid-template-columns:1fr}
 .footer-links{grid-template-columns:1fr}
 .price-box{padding:24px}
 .city-groups{columns:2 140px;column-gap:20px}
}
.problems-2{grid-template-columns:repeat(2,1fr)}@media(max-width:640px){.problems-2{grid-template-columns:1fr}}.problem h3 a{text-decoration:underline;text-underline-offset:3px}
