.areas{background:var(--white)}
.areas-grid{display:grid;gap:clamp(32px,5vw,72px);align-items:center;max-width:1200px}
.areas h2{margin:0 0 16px}
.areas h2 span{display:block;color:var(--teal)}
.areas-lead{max-width:56ch;margin:0 0 24px;color:var(--ink-soft);font:400 17px/1.6 var(--body)}
.areas-list{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px;padding:0;list-style:none}
.areas-list li{padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:var(--grey);color:var(--ink);font:500 16px/1.25 var(--body)}
.areas-list li.is-main{border-color:var(--teal);background:var(--teal);color:#fff;font-weight:600}
.areas-note{margin:0 0 28px;color:var(--ink-soft);font:400 16px/1.5 var(--body)}
.areas .btn svg{width:20px;height:20px;flex:none}
.areas .btn--outline:hover,.areas .btn--outline:focus-visible{background:var(--ink);color:#fff}
.areas .btn--primary:hover,.areas .btn--primary:focus-visible{background:var(--teal-deep)}
.areas .btn:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
.areas-map{margin:0;padding:clamp(16px,2.5vw,28px);border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(180deg,#f7f9fc 0%,#eef3fa 100%)}
.areas-map svg{display:block;width:100%;max-width:440px;height:auto;margin:0 auto}
.am-rings circle{fill:none;stroke:#2274dc;stroke-opacity:.28;stroke-width:1.25;stroke-dasharray:3 5}
.am-rings circle:first-child{fill:#2274dc;fill-opacity:.05;stroke-opacity:.45;stroke-dasharray:none}
.am-ring-lbl text{fill:#1b5cb0;font:600 11px var(--body);letter-spacing:.08em;text-anchor:middle;text-transform:uppercase}
.am-dots circle{fill:#4b565d}
.am-dots .am-main{fill:#2274dc}
.am-lbl text{fill:#1c2226;font:500 12px var(--body)}
.am-lbl .am-lbl-main{fill:#1b5cb0;font-weight:700;font-size:13px}
.am-pin path{fill:#1c2226}
.am-pin .am-pin-dot{fill:#fff}
.am-pulse{fill:#2274dc;fill-opacity:.18;transform-origin:0 0;animation:am-pulse 2.4s ease-out infinite}
@keyframes am-pulse{0%{transform:scale(.6);opacity:1}100%{transform:scale(2.2);opacity:0}}
.areas-map figcaption{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;justify-content:center;margin-top:14px;color:var(--ink-soft);font:400 16px/1.5 var(--body);text-align:center}
.areas-map figcaption strong{color:var(--ink);font-weight:600}
.areas-map figcaption a{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--teal-deep);font-weight:600;text-decoration:underline;text-underline-offset:3px;transition:color .25s ease}
.areas-map figcaption a:hover,.areas-map figcaption a:focus-visible{color:var(--teal)}
.areas-map figcaption a svg{width:16px;height:16px;transition:transform .25s ease}
.areas-map figcaption a:hover svg{transform:translateX(3px)}
@media (min-width:900px){.areas-grid{grid-template-columns:1.1fr .9fr}}
@media (max-width:600px){.areas .btn-row .btn{width:100%}.areas-list li{padding:7px 12px;font-size:16px}}
@media (prefers-reduced-motion:reduce){.am-pulse{animation:none}}