/* Repel Gel — industrial chrome & cobalt blue, dark carbon backdrop */
:root {
  --bg: #050b16;
  --bg-alt: #0a1424;
  --surface: #0f1b30;
  --surface-2: #162540;
  --border: rgba(148, 163, 184, 0.16);
  --text: #f4f7fb;
  --text-muted: #9fb0c8;
  --primary: #2563eb;
  --primary-hover: #1d4ed8;
  --on-primary: #ffffff;
  --accent: #60a5fa;
  --announce-bg: linear-gradient(90deg, #1d4ed8, #2563eb 50%, #1d4ed8);
  --header-bg: rgba(5, 11, 22, 0.86);
  --footer-bg: #03070f;
  --hero-bg:
    radial-gradient(900px 500px at 15% -20%, rgba(37, 99, 235, 0.45), transparent 60%),
    radial-gradient(700px 400px at 100% 110%, rgba(59, 130, 246, 0.25), transparent 60%),
    repeating-linear-gradient(135deg, rgba(255,255,255,0.025) 0 2px, transparent 2px 8px),
    #050b16;
}
.theme-gel .hero::after {
  content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 3px;
  background: linear-gradient(90deg, transparent, #3b82f6, #93c5fd, #3b82f6, transparent);
  box-shadow: 0 0 24px rgba(59,130,246,.8);
}
.theme-gel h1, .theme-gel .section-head h2 {
  background: linear-gradient(180deg, #ffffff 0%, #dbe4f0 55%, #9fb0c8 100%);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.theme-gel .hero-card { box-shadow: 0 0 0 1px rgba(96,165,250,.25), 0 24px 60px rgba(0,0,0,.6), 0 0 60px rgba(37,99,235,.25); }
.theme-gel .price-now, .theme-gel .quick-price { color: #93c5fd; }
.theme-gel .pest-icon { border-color: #3b82f6; }
.theme-gel .pest-icon::after { background: #3b82f6; }