/* Shared Arealinks marketing palette. Product screenshots keep their own colors. */
:root {
  color-scheme: dark;
  --primary: #C9B7FF; --primary-dark: #A78BFA; --accent: #C9B7FF; --accent-pink: #A78BFA;
  --action: #7C3AED; --action-hover: #6D28D9;
  --gradient: linear-gradient(135deg,#7C3AED,#6D28D9); --gradient-vivid: var(--gradient);
  --bg: #090D18; --surface: #101827; --surface-soft: #0C1320;
  --text: #F5F5FA; --text-muted: #B8C1D4; --text-dim: #9CAAC1;
  --border: rgba(185,202,241,.18); --border-strong: #59667E;
  --dark: #090D18; --dark-soft: #0C1320; --danger: #FDA4AF;
}
body[data-bg] { background-color: var(--bg); }
.header-inner { background: rgba(9,13,24,.95); border-color: var(--border); }
.logo-text { color: var(--text); }
.logo-highlight, .highlight, .about-part-close strong { background: none; color: var(--accent); -webkit-text-fill-color: var(--accent); }
.btn-primary, .btn-light { background: var(--action); color: #fff; }
.btn-primary::before, .btn-light:hover { background: var(--action-hover); }
.eyebrow, .free-card, .free-badge, .upcoming-plan-tier, .upcoming-plans--inline,
.security-bubble-main, .security-bubble-child, .security-pillars--pro .security-pillar,
.security-realestate, .trust-badges, .security-pillar, .security-detail,
.sec-point, .sec-deepdive, .sec-card, .sec-circle-inner { background: var(--surface); border-color: var(--border); }
.security-bubble-cta, .security-pillar-tag, .security-detail-body code,
.sec-deepdive-summary-arrow, .sec-card-icon { background: var(--surface-soft); color: var(--accent); }
.security-bubble-main:hover .security-bubble-cta, .security-bubble[open] .security-bubble-cta { background: var(--action); color: white; }
.upcoming-plans-eyebrow, .sec-point-icon, .sec-card-icon { color: var(--accent); }
.bg-ambient { opacity: .22; }
:where(a,button,input,select,textarea,summary):focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
.contact-error { color: var(--danger); }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } body { transition: none; } }
.contact-req { background: var(--action); color: #fff; }
.visual-map { background: var(--surface-soft); }
.visual-map-pin, .visual-map-legend { background: var(--surface); color: var(--text); }
.visual-upload-check { background: #047857; }
.plan-comparison { margin: 32px auto; max-width: 780px; text-align: left; }
.plan-comparison table { width: 100%; border-collapse: collapse; table-layout: fixed; background: var(--surface); font-size: clamp(11px, 1.8vw, 15px); }
.plan-comparison caption { text-align: left; margin-bottom: 14px; font-weight: 700; color: var(--text); }
.plan-comparison th, .plan-comparison td { padding: 14px 10px; border: 1px solid var(--border); overflow-wrap: anywhere; }
.plan-comparison thead th { color: var(--accent); background: var(--surface-soft); }
.plan-comparison p { color: var(--text-muted); font-size: 12px; margin-top: 12px; }
.contact-privacy { color: var(--text-muted); font-size: 12px; line-height: 1.7; }
.contact-privacy a { color: var(--accent); text-decoration: underline; }
@media (max-width: 720px) {
  .footer-links { width: 100%; flex-wrap: wrap; gap: 8px 24px; }
  .footer-links a { flex: 0 0 100%; min-height: 32px; display: flex; align-items: center; }
}