/* COLOR TRIAL "Gold, turned up" (2026-10-20)
   Same black + gold identity, more pop: richer gold with a champagne highlight, deeper black,
   warm bronze-black panels so sections separate, brighter type, glow on the money moments. */
:root {
  --gold: #E3B341;
  --gold-soft: #D19E22;
  --gold-bright: #FFDD80;
  --gold-deep: #9C7412;
  --gold-dim: rgba(227, 179, 65, 0.18);
  --gold-mid: rgba(227, 179, 65, 0.5);
  --bg-primary: #060606;
  --bg-secondary: #14110B;
  --text-primary: #FBF8F1;
  --text-muted: rgba(251, 248, 241, 0.72);
  --text-dim: rgba(251, 248, 241, 0.46);
  --border-gold: rgba(227, 179, 65, 0.3);
  --glow: 0 0 34px rgba(227, 179, 65, 0.35);
}
body { background: var(--bg-primary); }

/* section rhythm: black / bronze-black alternate so the page has depth */
.problem, .calc-section, .services-pin-wrap, .proof-section, .faq-section { background: var(--bg-secondary) !important; }
.offer-section, .sonar-section, .stats-section, .about-section { background: var(--bg-primary) !important; }
.sonar-section, .calc-section { background-image: radial-gradient(70% 55% at 85% 0%, rgba(227, 179, 65, 0.11), transparent 70%) !important; }
.problem { background-image: radial-gradient(60% 50% at 0% 0%, rgba(227, 179, 65, 0.08), transparent 70%) !important; }
section { border-top-color: rgba(227, 179, 65, 0.3) !important; }

/* hero: a warm spotlight behind the headline and the phone */
.hero::before { content: ''; position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background: radial-gradient(50% 55% at 28% 48%, rgba(227, 179, 65, 0.13), transparent 70%),
              radial-gradient(32% 45% at 86% 50%, rgba(255, 170, 60, 0.12), transparent 70%),
              radial-gradient(120% 90% at 50% 120%, rgba(0, 0, 0, 0.85), transparent 60%); }
.hero-glow { background: radial-gradient(ellipse, rgba(227, 179, 65, 0.16) 0%, transparent 65%) !important; }
.hero-glow-2 { background: radial-gradient(ellipse, rgba(227, 179, 65, 0.1) 0%, transparent 60%) !important; }
.hero-headline { color: #FFFDF8; }
.hero-headline em, .section-title em, .cta-title em { filter: drop-shadow(0 0 22px rgba(227, 179, 65, 0.28)); }
.hero-eyebrow { color: var(--gold-bright) !important; }
.hero-guarantee { background: rgba(227, 179, 65, 0.1) !important; border-color: rgba(227, 179, 65, 0.45) !important; }
.hero-guarantee-text { color: var(--gold-bright) !important; }
.hero-sub { color: rgba(251, 248, 241, 0.82) !important; }

/* buttons: solid champagne-to-gold with a glow */
.btn-primary {
  background: linear-gradient(135deg, #FFE7A0 0%, var(--gold-bright) 22%, var(--gold) 58%, #B8860B 100%) !important;
  color: #0B0905 !important; font-weight: 600 !important;
  box-shadow: 0 12px 36px -12px rgba(227, 179, 65, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.45) !important;
}
.btn-primary:hover { box-shadow: 0 18px 46px -12px rgba(227, 179, 65, 0.85), inset 0 1px 0 rgba(255, 255, 255, 0.5) !important; }
.btn-ghost { color: var(--text-primary) !important; }
.nav-cta { background: linear-gradient(135deg, var(--gold-bright), var(--gold) 60%, #B8860B) !important; color: #0B0905 !important; border-color: transparent !important; font-weight: 600 !important; box-shadow: 0 8px 26px -10px rgba(227, 179, 65, 0.7); }
.nav-cta::before { background: #FFF1C2 !important; }
.nav-link { color: rgba(251, 248, 241, 0.7) !important; }
.nav-link:hover { color: var(--gold-bright) !important; }
nav { background: rgba(6, 6, 6, 0.82) !important; border-bottom-color: rgba(227, 179, 65, 0.25) !important; }

/* labels and small caps a touch brighter */
.section-label, .proof-industry, .offer-highlight, .stat-label, .trace-t, .calc-field label { color: var(--gold-bright) !important; }

/* the money moments glow */
.proof-result, .stat-num, .calc-big, .hero-proof-num, .pain-count, .trace-win b { filter: drop-shadow(0 0 26px rgba(227, 179, 65, 0.3)); }
.hero-proof-num { color: var(--gold-bright) !important; }

/* cards: crisper edges, warmer hover */
.problem-grid, .offer-grid { border-color: rgba(227, 179, 65, 0.35) !important; }
.problem-card { background: rgba(6, 6, 6, 0.35); }
.problem-card:hover, .problem-card[aria-pressed="true"] { background: rgba(227, 179, 65, 0.09) !important; }
.problem-card[aria-pressed="true"] { box-shadow: inset 0 0 0 1px rgba(227, 179, 65, 0.55); }
.offer-card { background: var(--bg-primary); }
.problem-num { color: rgba(227, 179, 65, 0.2) !important; }
.problem-card:hover .problem-num, .problem-card[aria-pressed="true"] .problem-num { color: rgba(227, 179, 65, 0.45) !important; }
.offer-step, .service-pin-num { color: rgba(227, 179, 65, 0.22) !important; }
.service-pin-card { background: linear-gradient(160deg, rgba(227, 179, 65, 0.07), rgba(6, 6, 6, 0.6)) !important; border-color: rgba(227, 179, 65, 0.35) !important; }
.guarantee-terms { background: linear-gradient(160deg, rgba(227, 179, 65, 0.1), rgba(6, 6, 6, 0.2) 65%) !important; }
.calc-card { box-shadow: 0 30px 80px -40px rgba(227, 179, 65, 0.45); }
.sonar-visual { box-shadow: 0 40px 90px -40px rgba(227, 179, 65, 0.4); border-color: rgba(227, 179, 65, 0.35) !important; }

/* final call to action: a lit stage */
.cta-section { background: radial-gradient(60% 70% at 50% 55%, rgba(227, 179, 65, 0.16), transparent 70%), var(--bg-secondary) !important; }
.cta-bg-text { opacity: 0.6; }

/* phone bar on mobile */
.mbar .mbar-audit { background: linear-gradient(135deg, var(--gold-bright), var(--gold) 60%, #B8860B) !important; color: #0B0905 !important; font-weight: 700 !important; }

/* ---- pass 2: real contrast ---- */
:root { --bg-secondary: #1A150C; --text-muted: rgba(251, 248, 241, 0.78); --text-dim: rgba(251, 248, 241, 0.5); }
/* brighter gold on every italic accent */
.hero-headline em .letter, .hero-headline em, .section-title em, .cta-title em, .proof-result, .calc-big, .trace-win b {
  background-image: linear-gradient(120deg, #C9962A 0%, #FFE7A0 35%, #F2C14E 60%, #C9962A 100%) !important;
}
/* gold seam between sections */
section + section, .ticker-wrap + section { box-shadow: inset 0 1px 0 rgba(227, 179, 65, 0.35); }
/* ticker: a solid gold band */
.ticker-wrap { background: linear-gradient(90deg, #B8860B, #E3B341 30%, #FFDD80 50%, #E3B341 70%, #B8860B) !important; border-color: transparent !important; padding: 1.05rem 0 !important; }
.ticker-wrap::before, .ticker-wrap::after { display: none !important; }
.ticker-item { color: #0B0905 !important; font-weight: 700 !important; letter-spacing: 3px !important; }
.ticker-item::after { color: #0B0905 !important; }
/* the guarantee card inverted to gold */
.offer-grid .offer-card:nth-child(3) { background: linear-gradient(150deg, #FFEDB5 0%, #F5C95A 45%, #E0AC38 100%) !important; box-shadow: 0 30px 70px -30px rgba(227, 179, 65, 0.6); }
.offer-grid .offer-card:nth-child(3) .offer-desc { font-weight: 500; }
.offer-grid .offer-card:nth-child(3) .offer-title, .offer-grid .offer-card:nth-child(3) .offer-desc, .offer-grid .offer-card:nth-child(3) .offer-highlight { color: #0B0905 !important; }
.offer-grid .offer-card:nth-child(3) .offer-step { color: rgba(11, 9, 5, 0.25) !important; }
.offer-grid .offer-card:nth-child(3) .offer-highlight::before { background: #0B0905 !important; }
.offer-grid .offer-card:nth-child(3) .offer-highlight { border-color: rgba(11, 9, 5, 0.4) !important; }
/* body copy a size up in contrast */
.problem-desc, .offer-desc, .step-desc, .service-pin-desc, .faq-a-text, .about-text, .guarantee-terms li, .deliver-desc { color: rgba(251, 248, 241, 0.8) !important; }
.problem-title, .offer-title, .step-title, .faq-q-text { color: #FFFDF8 !important; }
/* proof card: lit edge */
.proof-card { border-color: rgba(227, 179, 65, 0.45) !important; box-shadow: 0 30px 80px -40px rgba(227, 179, 65, 0.5); }

/* ==== GLOW SOFT (2026-10-20): Glow #1, a lot softer ====
   One even background for every section (no glow/black/glow/black), gold a step calmer,
   glow kept to a faint halo on the main buttons. Structure comes back from thin lines, like the original. */
:root {
  --gold: #D9B044;
  --gold-bright: #EBCB72;
  --gold-soft: #C9A230;
  --gold-deep: #9A7618;
  --gold-mid: rgba(217, 176, 68, 0.45);
  --border-gold: rgba(217, 176, 68, 0.2);
  --bg-primary: #080808;
  --bg-secondary: #080808;
}
/* every section on the same calm black, separated by a thin gold line */
.problem, .calc-section, .services-pin-wrap, .proof-section, .faq-section,
.offer-section, .sonar-section, .stats-section, .about-section, .cta-section {
  background: #080808 !important; background-image: none !important;
}
section { border-top: 0.5px solid rgba(217, 176, 68, 0.16) !important; }
section + section, .ticker-wrap + section { box-shadow: none !important; }
/* no glow on headlines, numbers or cards */
.hero-headline em, .section-title em, .cta-title em, .proof-result, .stat-num, .calc-big,
.hero-proof-num, .pain-count, .trace-win b { filter: none !important; }
.calc-card, .sonar-visual, .proof-card { box-shadow: none !important; }
.proof-card { border-color: rgba(217, 176, 68, 0.28) !important; }
/* buttons: calmer gold, faint halo only */
.btn-primary { background: linear-gradient(135deg, #EBCB72 0%, #D9B044 50%, #B08A24 100%) !important;
  box-shadow: 0 8px 22px -14px rgba(217, 176, 68, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important; }
.btn-primary:hover { box-shadow: 0 10px 26px -12px rgba(217, 176, 68, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.35) !important; }
.nav-cta { background: linear-gradient(135deg, #E6C56A, #C9A230) !important; box-shadow: none !important; }
.mbar .mbar-audit { background: linear-gradient(135deg, #E6C56A, #C9A230) !important; }
/* ticker: a dark band with gold type instead of a solid gold bar */
.ticker-wrap { background: linear-gradient(90deg, #0d0b07, #17130a 50%, #0d0b07) !important;
  border-top: 0.5px solid rgba(217, 176, 68, 0.25) !important; border-bottom: 0.5px solid rgba(217, 176, 68, 0.25) !important; }
.ticker-item { color: rgba(235, 203, 114, 0.85) !important; font-weight: 500 !important; }
.ticker-item::after { color: var(--gold) !important; }
/* hero: a faint warm light, not a spotlight */
.hero::before { background: radial-gradient(45% 50% at 30% 50%, rgba(217, 176, 68, 0.06), transparent 70%) !important; }
.hero-glow, .hero-glow-2 { opacity: 0.6; }
/* guarantee card: marked by a gold top edge, not filled with gold */
.offer-grid .offer-card:nth-child(3) { background: #080808 !important; box-shadow: inset 0 2px 0 #D9B044 !important; }
.offer-grid .offer-card:nth-child(3) .offer-title { color: var(--gold-bright) !important; }
.offer-grid .offer-card:nth-child(3) .offer-desc { color: rgba(251, 248, 241, 0.8) !important; font-weight: 400 !important; }
.offer-grid .offer-card:nth-child(3) .offer-highlight { color: var(--gold) !important; border-color: var(--border-gold) !important; }
.offer-grid .offer-card:nth-child(3) .offer-highlight::before { background: var(--gold) !important; }
.offer-grid .offer-card:nth-child(3) .offer-step { color: rgba(217, 176, 68, 0.22) !important; }
/* closing section: calm, a whisper of warmth */
.cta-section { background: radial-gradient(50% 55% at 50% 50%, rgba(217, 176, 68, 0.05), transparent 70%), #080808 !important; }
/* readability fixes from the visual review */
body::after { background: radial-gradient(ellipse at center, transparent 55%, rgba(0, 0, 0, 0.38) 100%) !important; }
.proof-service, .proof-location { color: rgba(251, 248, 241, 0.6) !important; }
.footer-link, .footer-copy, .footer-services a { color: rgba(251, 248, 241, 0.6) !important; }
.guarantee-terms { margin-left: auto !important; margin-right: auto !important; }

/* FIX 2026-10-20: subpages style italic headline words as plain gold text, so the gradient above painted a box behind
   them. Always clip the gold to the letter shapes. The hero headline is split into per-letter spans by the reveal
   script, so the gradient lives on each letter there. */
.hero-headline em { background: none !important; }
.hero-headline em .letter {
  background-image: linear-gradient(120deg, #A88420 0%, #EBCB72 38%, #D9B044 62%, #A88420 100%) !important;
  background-size: 300% 100% !important;
  -webkit-background-clip: text !important; background-clip: text !important;
  -webkit-text-fill-color: transparent !important; color: transparent !important;
  padding: 0 0.12em 0.1em; margin: 0 -0.12em -0.1em;
}
.section-title em, .cta-title em, .proof-result, .calc-big, .trace-win b {
  background-image: linear-gradient(120deg, #A88420 0%, #EBCB72 38%, #D9B044 62%, #A88420 100%) !important;
  -webkit-background-clip: text !important; background-clip: text !important;
  -webkit-text-fill-color: transparent !important; color: transparent !important;
  padding-right: 0.06em;
}