/* AquaRadar LP — sharper market-intelligence direction, still unmistakably AquaRadar. */

:root {
  --navy-950: #061b38;
  --navy-900: #0a2b57;
  --navy-800: #123f78;
  --blue-600: #1677ff;
  --blue-500: #2a86ff;
  --blue-100: #d9eaff;
  --blue-50: #f2f7fd;
  --aqua-400: #43c7eb;
  --ink: #102743;
  --muted: #526981;
  --line: #d3dfeb;
  --shadow-sm: 0 5px 8px rgba(6, 27, 56, .08);
  --shadow-md: 0 12px 30px rgba(6, 27, 56, .12);
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 14px;
}

body {
  font-family: "Inter Variable", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--ink);
  letter-spacing: -.008em;
}
h1,
h2,
h3 {
  font-family: inherit;
  font-weight: 750;
  letter-spacing: -.04em;
}
h1 { font-size: clamp(2.65rem, 5.2vw, 4.8rem); line-height: 1.01; }
h2 { font-size: clamp(2.05rem, 3.8vw, 3.55rem); line-height: 1.04; }
h3 { letter-spacing: -.025em; }

.site-header {
  border-color: rgba(115,144,176,.22);
  background: rgba(255,255,255,.92);
}
.desktop-nav a,
.login-link { font-size: .86rem; font-weight: 650; }
.button { border-radius: 8px; box-shadow: none; }
.button-primary { background: #1677ff; box-shadow: none; }
.button-primary:hover { background: #0c68e8; }
.button-quiet { border-color: #c6d5e5; background: #fff; }

.hero {
  padding-top: clamp(76px, 7vw, 112px);
  background:
    radial-gradient(circle at 83% 18%, rgba(67,199,235,.18), transparent 29%),
    linear-gradient(122deg, #fff 0%, #f6faff 52%, #eaf4ff 100%);
}
.hero-glow { opacity: .55; }
.hero-kicker,
.section-intro { color: #1677ff; font-size: .92rem; font-weight: 700; }
.hero-kicker::before,
.section-intro::before { width: 18px; height: 1px; }
.hero-lede { color: #526981; font-size: clamp(1.02rem,1.45vw,1.2rem); }
.product-preview {
  border: 1px solid rgba(111,162,215,.18);
  background: #061b38;
  box-shadow: 0 16px 36px rgba(6,27,56,.18);
}
.preview-summary strong { font-family: inherit; font-weight: 760; letter-spacing: -.04em; }
.preview-filter span { background: rgba(255,255,255,.025); }
.opportunity { border-radius: 8px; }
.preview-action { border-color: rgba(67,199,235,.35); background: rgba(22,119,255,.15); }
.value-strip { border-color: rgba(82,105,129,.18); }
.value-strip strong { font-weight: 700; }

.radar-section { background: #fff; }
.feature-list strong { font-family: inherit; font-weight: 700; }
.signal-panel {
  border: 1px solid rgba(108,159,211,.18);
  background: #061b38;
  box-shadow: 0 12px 30px rgba(6,27,56,.14);
}
.signal-map { background: radial-gradient(circle at center, #164c87, #071e3d 72%); }

.free-flow,
.territory-section,
.transparency-section { background: #f2f7fd; }
.flow-steps li > span { border-color: #f2f7fd; background: #1677ff; }
.flow-steps::before { background: #b9cde1; }

.example-card header > span { color: #1677ff; }
.compare { border: 1px solid #d3dfeb; border-radius: 10px; box-shadow: none; }
.compare-line::after { box-shadow: 0 3px 8px rgba(6,27,56,.16); }

.activation-section,
.site-footer { background: #061b38; }
.activation-flow article { border-color: rgba(67,199,235,.28); }
.activation-flow article strong { font-family: inherit; }

.territory-map-panel {
  border: 1px solid rgba(115,173,229,.22);
  background: linear-gradient(145deg, #061b38, #0b3971);
  box-shadow: 0 12px 30px rgba(6,27,56,.14);
}
.department-picker select,
#signup-department,
.signup-shell input { border-color: #9db2c8; }

.pricing-section { background: #fff; }
.billing-toggle { border-color: #cfdae6; background: #f2f7fd; }
.billing-toggle button.is-active { background: #061b38; }
.pricing-grid {
  gap: 0;
  border-block: 1px solid #d3dfeb;
}
.price-card {
  border: 0;
  border-right: 1px solid #d3dfeb;
  border-radius: 0;
  padding: 32px 34px;
}
.price-card:last-child { border-right: 0; }
.price-card.featured {
  border: 0;
  border-right: 1px solid #d3dfeb;
  background: #f4f9ff;
  box-shadow: 0 20px 45px rgba(8, 35, 72, .16);
  transform: translateY(-8px);
}
.price-card header > span { color: #1677ff; }
.price strong {
  flex: 0 0 auto;
  white-space: nowrap;
  font-family: inherit;
  font-weight: 760;
}
.recommended { background: #061b38; }

.price-card.coming-soon-plan {
  border-color: #b9cce1;
  background: linear-gradient(180deg, #f8fbff 0%, #eef5fc 100%);
}

.coming-soon-badge {
  position: absolute;
  top: -14px;
  right: 18px;
  padding: 6px 11px;
  border: 1px solid #a9c3de;
  border-radius: 999px;
  color: #0b3f73;
  background: #eaf4ff;
  font-size: .78rem;
  font-weight: 800;
}

.coming-soon-price strong {
  max-width: 12ch;
  color: #0a4f8e;
  font-size: clamp(1.45rem, 2.2vw, 2rem);
  line-height: 1.08;
  letter-spacing: -.025em;
}

.button-coming-soon,
.button-coming-soon:disabled {
  border-color: #b8cbe0;
  color: #214f7c;
  background: #e5eff9;
  opacity: 1;
  cursor: not-allowed;
}

.faq summary { font-weight: 680; }
.faq summary::after { background: #eef5fc; }
.final-section { background: #1677ff; }
.final-section .button-secondary { color: #0d4c9c; }

.signup-dialog {
  border: 1px solid rgba(111,162,215,.18);
  border-radius: 12px;
  box-shadow: 0 22px 60px rgba(6,27,56,.3);
}
.signup-dialog::backdrop { background: rgba(3,16,34,.74); backdrop-filter: blur(7px); }
.signup-copy { background: #061b38; }
.signup-shell label { font-size: .9rem; }
.signup-shell input { border-radius: 8px; }
.signup-close { border-radius: 8px; background: #edf4fb; }

@media (max-width: 900px) {
  .pricing-grid { gap: 14px; border: 0; }
  .price-card,
  .price-card.featured { border: 1px solid #d3dfeb; border-radius: 12px; }
  .price-card.featured { transform: none; }
}

@media (max-width: 720px) {
  h1 { letter-spacing: -.035em; }
  .hero { padding-top: 58px; }
  .product-preview { box-shadow: 0 10px 24px rgba(6,27,56,.15); }
}