.areas-page .area-map-canvas {width: 100%;height: 240px}
@media (max-width: 640px) {.areas-page .area-map-canvas {height: 200px}}
.area-map-bubble {display: flex;align-items: center;justify-content: center;border-radius: 50%;background: rgba(56, 189, 248, 0.75);border: 2px solid rgba(255, 255, 255, 0.85);color: #04121f;font-weight: 700;font-size: 0.78rem;box-shadow: 0 2px 10px rgba(2, 8, 24, 0.45);box-sizing: border-box}
.areas-page .area-map-privacy-note {display: flex;align-items: center;justify-content: center;gap: 6px;margin: 8px 0 0;padding: 0 16px;font-size: 0.7rem;color: var(--fp-text-muted);overflow-wrap: anywhere}
.area-cta-section {margin-top: 48px}
.area-cta-card {text-align: center;padding: 40px 24px;border-radius: 20px;background: linear-gradient(135deg, rgba(56, 189, 248, 0.12) 0%, rgba(129, 140, 248, 0.12) 100%);border: 1px solid rgba(56, 189, 248, 0.25)}
.area-cta-title {margin: 0 0 8px;font-size: clamp(1.15rem, 3.5vw, 1.5rem);font-weight: 800;color: var(--fp-text-primary)}
.area-cta-text {margin: 0 0 20px;font-size: 0.88rem;color: var(--fp-text-secondary)}
.area-cta-button {display: inline-block;padding: 12px 32px;border-radius: 999px;background: linear-gradient(135deg, #38bdf8, #6366f1);color: #020818;font-size: 0.92rem;font-weight: 700;text-decoration: none;transition: opacity 0.15s ease, transform 0.15s ease}
.area-cta-button:hover {opacity: 0.9;transform: translateY(-1px)}