/* Trial v3 2026-10-02: lighter tropical lagoon (compare with v2 turquoise).
   Sand original: _backups/theme-current-sand-original-2026-10-02.css
   Turquoise keep: theme-current-v2.css + bg-dunes-subtle-v2.jpg */
:root {
  --bg: #0e2f38;
  --bg-soft: #1a4a55;
  --panel: rgba(18, 58, 68, 0.78);
  --panel-solid: #245560;
  --text: #f4fffd;
  --muted: #b8ddd8;
  --line: rgba(140, 230, 220, 0.20);
  --accent: #6ee7d8;
  --accent-2: #a5f3e8;
  --gold: #c8f7ef;
  --shadow: 0 22px 82px rgba(6, 28, 34, 0.32);
}
body {
  background:
    radial-gradient(circle at 16% 12%, rgba(110, 231, 216, 0.22), transparent 26%),
    radial-gradient(circle at 82% 14%, rgba(165, 243, 232, 0.16), transparent 26%),
    radial-gradient(circle at 72% 82%, rgba(40, 140, 160, 0.18), transparent 26%),
    radial-gradient(circle at 34% 78%, rgba(70, 200, 190, 0.14), transparent 22%),
    radial-gradient(circle at 54% 100%, rgba(90, 210, 200, 0.12), transparent 28%),
    linear-gradient(180deg, #123840 0%, #1a4e58 30%, #206068 58%, #184850 80%, #123840 100%);
}
body::before,
body::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
}
body::before {
  opacity: 0.28;
  background:
    linear-gradient(180deg, rgba(18,56,64,0.28), rgba(24,72,80,0.34)),
    radial-gradient(circle at 18% 16%, rgba(110,231,216,0.16), transparent 20%),
    radial-gradient(circle at 72% 78%, rgba(40,140,160,0.12), transparent 22%);
  mix-blend-mode: soft-light;
}
body::after {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.06), transparent 22%),
    radial-gradient(circle at 18% 16%, rgba(110, 231, 216, 0.16), transparent 18%),
    radial-gradient(circle at 80% 18%, rgba(165, 243, 232, 0.12), transparent 18%),
    radial-gradient(circle at 66% 76%, rgba(40, 140, 160, 0.12), transparent 22%),
    radial-gradient(circle at 42% 82%, rgba(70, 200, 190, 0.12), transparent 20%);
  filter: blur(14px);
  opacity: 0.82;
}
.site-header {
  background: rgba(16, 48, 56, 0.72);
  border-bottom: 1px solid rgba(140, 230, 220, 0.20);
}
.nav-link:hover,
.nav-link.active {
  background: rgba(255,255,255,0.06);
  box-shadow: inset 0 0 0 1px rgba(140, 230, 220, 0.16);
}
.hero,
.page-hero {
  position: relative;
}
.hero::before,
.page-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(18,56,64,0.22), rgba(24,72,80,0.34)),
    radial-gradient(circle at 18% 18%, rgba(110, 231, 216, 0.18), transparent 20%),
    radial-gradient(circle at 84% 18%, rgba(165, 243, 232, 0.14), transparent 22%),
    radial-gradient(circle at 76% 80%, rgba(40, 140, 160, 0.14), transparent 20%),
    url("../images/bg-dunes-subtle-v3.jpg");
  background-size: cover, auto, auto, auto, cover;
  background-position: center, center, center, center, center 32%;
  background-repeat: no-repeat;
  opacity: 0.55;
  mix-blend-mode: soft-light;
  filter: saturate(1.08) contrast(1.02) brightness(1.06);
  pointer-events: none;
}
.launch-card,
.price-card,
.mini-card,
.post-card,
.role-card,
.bullet-card,
.portrait-card,
.callout-banner,
.quick-jump,
.guide-detail,
.faq-item {
  background: linear-gradient(180deg, rgba(28, 72, 82, 0.88), rgba(16, 48, 56, 0.84));
  border: 1px solid rgba(140, 230, 220, 0.16);
  box-shadow: 0 24px 84px rgba(6, 28, 34, 0.28), inset 0 1px 0 rgba(255,255,255,0.05);
}
.launch-card::before,
.price-card--featured::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(135deg, rgba(110,231,216,0.16), transparent 34%, rgba(40,140,160,0.10), rgba(90,210,200,0.08));
  pointer-events: none;
}
.launch-card,
.price-card--featured {
  position: relative;
  overflow: hidden;
}
.button--solid {
  background: linear-gradient(135deg, #6ee7d8, #a5f3e8);
  color: #0a2a30;
  box-shadow: 0 16px 44px rgba(110, 231, 216, 0.28);
}
.button--ghost {
  background: rgba(255,255,255,0.04);
  border-color: rgba(140, 230, 220, 0.22);
}
.eyebrow,
.text-link,
.quick-jump strong {
  color: #a5f3e8;
}
.footer-logo,
.brand img {
  filter: drop-shadow(0 8px 30px rgba(90, 210, 200, 0.18));
}
.comparison-table th {
  background: rgba(255,255,255,0.04);
}
.billing-pill-row span,
.hero-pills span,
.stat-grid div {
  background: rgba(255,255,255,0.04);
  border-color: rgba(140, 230, 220, 0.16);
}
.hero,
.page-hero {
  overflow: hidden;
  isolation: isolate;
}
.hero > .container,
.page-hero > .container {
  position: relative;
  z-index: 1;
}