/* ════════════════════════════════════════════════════════════════════
   WEALTH AUTHORITY — ELEVATION LAYER
   v1.0 · 2026-04-08 · Design system overrides + editorial polish
   Loaded AFTER each page's inline CSS so these rules win.
   ════════════════════════════════════════════════════════════════════ */

/* ────── 1. COLOR + TYPO TOKEN OVERRIDES ────── */
:root {
  /* Two-tone gold system */
  --gold-structural: #C9962E;           /* borders, dividers, structural */
  --gold: #D4A843;                      /* legacy primary (kept) */
  --gold-light: #E8C46A;                /* highlights */
  --gold-bright: #F2D485;               /* CTA gradient endpoint */
  --gold-gradient: linear-gradient(135deg, #D4A843 0%, #E8C46A 50%, #F2D485 100%);
  --gold-gradient-soft: linear-gradient(135deg, rgba(212,168,67,0.14), rgba(242,212,133,0.04));

  /* Better card separation */
  --bg: #0A0A08;
  --bg-card: #14130E;                   /* was #12120F — brighter delta */
  --bg-card-hover: #1A1810;
  --bg-elev: #1E1C12;

  /* Readable body copy */
  --text: #F5F0E8;
  --text-mid: rgba(245, 240, 232, 0.82);  /* was 0.7 — AAA contrast */
  --text-dim: rgba(245, 240, 232, 0.48);
  --border: rgba(201, 150, 46, 0.14);

  /* Semantic — scarcity/urgency (used sparingly, NOT gold) */
  --ember: #E94A3C;
  --ember-dim: rgba(233, 74, 60, 0.12);
  --emerald: #4ADE80;

  /* Spacing scale (4pt) */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px;
  --s-5: 24px; --s-6: 32px; --s-7: 48px; --s-8: 72px; --s-9: 96px;

  /* Letter-spacing scale */
  --tr-eyebrow: 0.18em;
  --tr-tag: 0.14em;
  --tr-label: 0.08em;
  --tr-body: -0.005em;
  --tr-display: -0.02em;
}

/* ────── 2. BODY: printed-paper grain + custom cursor context ────── */
body {
  font-feature-settings: "ss01", "cv11", "ss03";
  text-rendering: optimizeLegibility;
  position: relative;
}
body::before {
  /* 1% noise overlay — editorial warmth */
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 2;
  opacity: 0.04;
  mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' seed='4'/><feColorMatrix values='0 0 0 0 0.83 0 0 0 0 0.66 0 0 0 0 0.26 0 0 0 0.35 0'/></filter><rect width='200' height='200' filter='url(%23n)'/></svg>");
}

/* ────── 3. SCROLL PROGRESS BAR ────── */
#wam-scroll-progress {
  position: fixed;
  top: 0; left: 0;
  height: 2px;
  width: 0%;
  background: linear-gradient(90deg, #C9962E, #E8C46A, #F2D485);
  z-index: 10020;
  pointer-events: none;
  box-shadow: 0 0 12px rgba(232, 196, 106, 0.5);
  transition: width 0.08s linear;
}

/* ────── 4. TYPOGRAPHY: locked scale + display polish ────── */
body { line-height: 1.6; letter-spacing: var(--tr-body); }
h1, h2, h3, h4 { letter-spacing: var(--tr-display); }

/* Hero H1 — scale up dramatically */
.hero h1 {
  font-size: clamp(2.4rem, 6vw, 4.2rem) !important;
  line-height: 1.05 !important;
  font-weight: 800 !important;
  letter-spacing: -0.025em !important;
  margin-bottom: 20px !important;
}
.hero h1 em {
  font-style: italic;
  background: linear-gradient(135deg, #D4A843, #F2D485);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Section H2 — consistent display */
.section-header h2, .section-container h2 {
  font-size: clamp(1.7rem, 3.4vw, 2.6rem) !important;
  line-height: 1.12 !important;
  letter-spacing: -0.02em !important;
}

/* Body copy floor */
p, li { font-size: 15px; }

/* Max-width on free-flowing paragraphs */
section p, main p { max-width: 65ch; }
.section-header .section-sub,
.hero-sub {
  max-width: 58ch !important;
  margin-left: auto !important;
  margin-right: auto !important;
  font-size: 1.05rem !important;
  color: var(--text-mid) !important;
}

/* Eyebrow + tag locked scale */
.hero-eyebrow, .section-tag {
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  letter-spacing: var(--tr-eyebrow) !important;
  color: var(--gold-light) !important;
  display: inline-block;
  position: relative;
  padding: 0 0 0 26px;
}
.hero-eyebrow::before, .section-tag::before {
  content: "";
  position: absolute;
  left: 0; top: 50%;
  width: 18px; height: 1px;
  background: linear-gradient(90deg, transparent, #E8C46A);
}

/* Drop caps on long-form first paragraph */
.editorial > p:first-of-type::first-letter,
.section-sub.dropcap::first-letter {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 3.6em;
  float: left;
  line-height: 0.85;
  padding: 6px 10px 0 0;
  color: #E8C46A;
  font-weight: 800;
}

/* Pull-quote style */
.pull-quote {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: clamp(1.4rem, 2.6vw, 2.1rem);
  line-height: 1.3;
  font-style: italic;
  color: #F5F0E8;
  max-width: 48ch;
  margin: 48px auto;
  padding: 8px 0 8px 26px;
  border-left: 2px solid #E8C46A;
  position: relative;
}
.pull-quote::before {
  content: "\201C";
  position: absolute;
  left: -8px; top: -32px;
  font-size: 6rem;
  color: rgba(232, 196, 106, 0.15);
  line-height: 1;
  font-weight: 800;
}
.pull-quote cite {
  display: block;
  margin-top: 14px;
  font-size: 0.75rem;
  font-style: normal;
  font-family: 'Inter', sans-serif;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(245, 240, 232, 0.55);
  font-weight: 600;
}

/* ────── 5. ANNOUNCEMENT BAR: toned down ────── */
.announcement-bar {
  background: linear-gradient(180deg, rgba(14,12,8,0.98), rgba(10,10,8,0.98)) !important;
  border-bottom: 1px solid rgba(201, 150, 46, 0.18) !important;
  padding: 9px 24px !important;
  backdrop-filter: blur(14px);
}
.announcement-bar p {
  font-size: 0.74rem !important;
  color: var(--text-mid) !important;
  letter-spacing: 0.02em;
}
.announcement-bar strong {
  color: #E8C46A !important;
  font-weight: 700;
}
.announcement-bar p::before {
  content: "●";
  color: #E94A3C;
  margin-right: 10px;
  font-size: 0.6em;
  vertical-align: middle;
  animation: pulseEmber 2.6s ease-in-out infinite;
}
@keyframes pulseEmber {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.35; }
}

/* ────── 6. HERO: asymmetric-feel with larger type + centered visual stack ────── */
.hero {
  padding: 64px 24px 40px !important;
  max-width: 960px !important;
  position: relative;
}
.hero::before {
  content: "ISSUE № 1 · 2026";
  position: absolute;
  top: 30px; right: 32px;
  font-size: 10px;
  letter-spacing: 0.3em;
  color: rgba(232, 196, 106, 0.55);
  font-weight: 700;
  font-family: 'Inter', sans-serif;
}
.hero-proof {
  margin-top: 24px !important;
  padding-top: 22px;
  border-top: 1px solid rgba(201, 150, 46, 0.12);
  font-size: 0.74rem !important;
}

/* ────── 7. TRUST BAR: visual chips ────── */
.trust-bar {
  padding: 0 24px 56px !important;
  max-width: 720px !important;
  gap: 12px !important;
}
.trust-stat {
  background: linear-gradient(180deg, #14130E 0%, #0C0B08 100%);
  border: 1px solid rgba(201, 150, 46, 0.14);
  border-radius: 10px;
  padding: 16px 12px !important;
  transition: border-color 0.3s, transform 0.3s;
}
.trust-stat:hover {
  border-color: rgba(232, 196, 106, 0.35);
  transform: translateY(-2px);
}
.trust-stat .number {
  font-size: 1.65rem !important;
  background: linear-gradient(135deg, #D4A843, #F2D485);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ────── 8. SECTION PADDING: universal 72px rhythm across ALL pages ────── */
/* Homepage / bundle-cold sections */
.how-section, .for-section, .products-section,
.bundle-section, .blueprint-section, .faq-section,
.as-seen-in, .inside-section, .stack-section, .guarantee-section,
/* Opt-in page sections */
.timeline-section, .mid-cta, .bottom-cta,
/* Product page sections */
.problem, .solution, .inside, .social-proof,
.value, .who, .pricing, .faq, .final-cta,
/* Bundle-complete sections */
.not-section, .next-steps, .protocols, .inside-preview,
.roadmap, .chart-section, .comparison, .cost-waiting,
.author-section, .guarantee,
/* Post-purchase sections */
.delivery, .community, .support, .offer, .social,
/* Generic fallback */
main > section {
  padding-top: 72px !important;
  padding-bottom: 72px !important;
  position: relative;
}

/* Tighter on mobile */
@media (max-width: 768px) {
  .how-section, .for-section, .products-section,
  .bundle-section, .blueprint-section, .faq-section,
  .as-seen-in, .inside-section, .stack-section, .guarantee-section,
  .timeline-section, .mid-cta, .bottom-cta,
  .problem, .solution, .inside, .social-proof,
  .value, .who, .pricing, .faq, .final-cta,
  .not-section, .next-steps, .protocols, .inside-preview,
  .roadmap, .chart-section, .comparison, .cost-waiting,
  .author-section, .guarantee,
  .delivery, .community, .support, .offer, .social,
  main > section {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
}

/* Hero always wins its own generous top padding */
.hero { padding-top: 64px !important; padding-bottom: 56px !important; }
@media (max-width: 768px) { .hero { padding-top: 40px !important; padding-bottom: 32px !important; } }

/* Final CTA section — tighter top, generous bottom for breathing room */
.final-cta, .bottom-cta { padding-top: 56px !important; padding-bottom: 96px !important; }

/* Mid-CTA — compact interruption */
.mid-cta { padding-top: 48px !important; padding-bottom: 48px !important; }

/* Ornamental section divider — universal */
main > section + section,
.problem, .solution, .inside, .social-proof, .value, .who, .pricing, .faq, .final-cta,
.how-section, .for-section, .products-section, .bundle-section, .blueprint-section, .faq-section,
.as-seen-in, .inside-section, .stack-section, .guarantee-section,
.timeline-section, .mid-cta, .bottom-cta,
.not-section, .next-steps, .protocols, .inside-preview, .roadmap, .chart-section,
.comparison, .cost-waiting, .author-section, .guarantee,
.delivery, .community, .support, .offer, .social {
  border-top: none !important;
}
main > section + section::before,
.problem::before, .solution::before, .inside::before, .social-proof::before,
.value::before, .who::before, .pricing::before, .faq::before, .final-cta::before,
.how-section::before, .for-section::before, .products-section::before,
.bundle-section::before, .blueprint-section::before, .faq-section::before,
.as-seen-in::before, .inside-section::before, .stack-section::before, .guarantee-section::before,
.timeline-section::before, .mid-cta::before, .bottom-cta::before,
.not-section::before, .next-steps::before, .protocols::before, .inside-preview::before,
.roadmap::before, .chart-section::before, .comparison::before, .cost-waiting::before,
.author-section::before, .guarantee::before,
.delivery::before, .community::before, .support::before, .offer::before {
  content: "✦";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 44px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--bg);
  color: rgba(232, 196, 106, 0.55);
  font-size: 14px;
  z-index: 1;
}
/* Don't show divider before first-child section */
main > section:first-child::before { content: none !important; }
/* Hero keeps its ISSUE № 1 stamp (order after first-child rule to win) */
main > .hero::before,
section.hero::before {
  content: "ISSUE № 1 · 2026" !important;
  position: absolute !important;
  top: 30px !important; right: 32px !important;
  left: auto !important;
  transform: none !important;
  width: auto !important; height: auto !important;
  display: block !important;
  background: transparent !important;
  font-size: 10px !important;
  letter-spacing: 0.3em !important;
  color: rgba(232, 196, 106, 0.55) !important;
  font-weight: 700 !important;
  font-family: 'Inter', sans-serif !important;
}

/* Section header: asymmetric left-align option */
.section-header {
  margin-bottom: 48px !important;
}
.section-header.align-left {
  text-align: left !important;
  max-width: 720px;
}
.section-header.align-left .section-tag::before { left: 0; }

/* ────── 9. "BUILT FOR PEOPLE" — calm 2-column grid ────── */
.for-section .for-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 48px 56px !important;
  max-width: 880px !important;
  margin: 0 auto !important;
}
@media (max-width: 720px) {
  .for-section .for-grid {
    grid-template-columns: 1fr !important;
    gap: 36px !important;
  }
}
.for-section .for-item {
  display: block !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
}
.for-section .for-item .fi {
  display: inline-block !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.22em !important;
  color: rgba(232, 196, 106, 0.65) !important;
  background: none !important;
  -webkit-text-fill-color: rgba(232, 196, 106, 0.65) !important;
  margin-bottom: 10px !important;
  width: auto !important;
  height: auto !important;
  line-height: 1 !important;
}
.for-section .for-item .fi::before { content: "— "; opacity: 0.5; }
.for-section .for-item h4 {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: 1.35rem !important;
  font-weight: 700 !important;
  margin-bottom: 8px !important;
  color: #F5F0E8 !important;
}
.for-section .for-item p {
  font-size: 0.95rem !important;
  color: rgba(245, 240, 232, 0.78) !important;
  line-height: 1.65 !important;
  max-width: 52ch;
}
@media (max-width: 720px) {
  .for-section .for-item .fi { font-size: 0.7rem !important; }
}

/* ────── 10. PRODUCT CARDS: category eyebrow, bigger price, popular band ────── */
.product-card {
  background: linear-gradient(180deg, #14130E 0%, #0E0D0A 100%) !important;
  border: 1px solid rgba(201, 150, 46, 0.14) !important;
  overflow: visible;
}
.product-card:hover {
  border-color: rgba(232, 196, 106, 0.4) !important;
  box-shadow:
    0 0 0 1px rgba(232, 196, 106, 0.12),
    0 18px 44px rgba(0, 0, 0, 0.45),
    0 0 60px -10px rgba(232, 196, 106, 0.18) !important;
}

/* Category eyebrow — visible */
.product-card .product-cat {
  display: inline-block !important;
  font-size: 0.58rem !important;
  font-weight: 800 !important;
  color: #E8C46A !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  margin: 0 0 6px !important;
  padding: 3px 0 !important;
  border: none !important;
}

/* Bigger price */
.product-card .product-price {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: 2.1rem !important;
  font-weight: 900 !important;
  background: linear-gradient(135deg, #D4A843, #F2D485);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1 !important;
}
.product-card .product-price .currency {
  font-size: 1rem !important;
  font-weight: 700 !important;
  vertical-align: top;
  padding-top: 4px;
  display: inline-block;
}

/* Popular band — full width top */
.product-card.popular::before {
  content: "★ EDITOR'S PICK" !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  background: linear-gradient(90deg, #D4A843, #F2D485, #D4A843) !important;
  color: #0A0A08 !important;
  font-size: 0.58rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  padding: 7px 14px !important;
  border-radius: 10px 10px 0 0 !important;
  text-align: center !important;
  box-shadow: 0 4px 12px rgba(212, 168, 67, 0.25);
}
.product-card.popular { padding-top: 46px !important; }

/* Learn more as a text link (not secondary square) */
.product-card .product-cta-row {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  align-items: stretch;
}
.product-card .product-cta.primary { width: 100%; }
.product-card .product-cta.secondary {
  background: transparent !important;
  border: none !important;
  color: rgba(232, 196, 106, 0.8) !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  padding: 4px 0 0 !important;
  text-align: center !important;
  min-width: auto !important;
  text-decoration: none;
  min-height: auto !important;
}
.product-card .product-cta.secondary::after {
  content: " →";
  transition: transform 0.2s;
  display: inline-block;
}
.product-card .product-cta.secondary:hover {
  color: #F2D485 !important;
}
.product-card .product-cta.secondary:hover::after {
  transform: translateX(3px);
}

/* ────── 11. HOW IT WORKS: lighter, more editorial ────── */
.how-step {
  background: transparent !important;
  border: none !important;
  padding: 28px 16px !important;
  position: relative;
}
.how-number {
  font-size: 3rem !important;
  line-height: 1 !important;
  background: linear-gradient(135deg, #D4A843, #F2D485);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 800 !important;
  margin-bottom: 14px !important;
}
.how-step h3 { font-size: 1.05rem !important; margin-bottom: 10px !important; }
.how-step p { font-size: 0.9rem !important; line-height: 1.65 !important; }

/* ────── 12. FAQ: decorative quote mark ────── */
.faq-section { position: relative; }
.faq-section .section-container { position: relative; }
.faq-section .section-container::before {
  content: "?";
  position: absolute;
  top: -20px;
  left: 4%;
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 14rem;
  line-height: 1;
  font-weight: 800;
  color: rgba(232, 196, 106, 0.06);
  pointer-events: none;
  z-index: 0;
}

/* ────── 13. SCROLL REVEAL BASE STATES ────── */
[data-reveal] {
  opacity: 0;
  transform: translateY(22px);
  transition: opacity 0.7s cubic-bezier(0.2, 0.8, 0.2, 1),
              transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);
  will-change: opacity, transform;
}
[data-reveal].visible {
  opacity: 1;
  transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
  [data-reveal] { opacity: 1 !important; transform: none !important; transition: none !important; }
}

/* ────── 14. CUSTOM CURSOR DOT (desktop only) ────── */
@media (hover: hover) and (pointer: fine) {
  #wam-cursor {
    position: fixed;
    top: 0; left: 0;
    width: 8px; height: 8px;
    background: #E8C46A;
    border-radius: 50%;
    pointer-events: none;
    z-index: 10030;
    transform: translate(-50%, -50%);
    transition: width 0.2s, height 0.2s, background 0.2s, opacity 0.3s;
    box-shadow: 0 0 12px rgba(232, 196, 106, 0.6);
    mix-blend-mode: screen;
    opacity: 0;
  }
  #wam-cursor.active { opacity: 1; }
  #wam-cursor.hover {
    width: 42px; height: 42px;
    background: rgba(232, 196, 106, 0.18);
    box-shadow: 0 0 24px rgba(232, 196, 106, 0.25);
  }
}
@media (hover: none) or (pointer: coarse) {
  #wam-cursor { display: none; }
}

/* ────── 15. "AS SEEN IN" row ────── */
.as-seen-in {
  padding: 36px 24px 0;
  text-align: center;
  max-width: 900px;
  margin: 0 auto;
}
.as-seen-in-label {
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.22em;
  color: rgba(245, 240, 232, 0.45);
  text-transform: uppercase;
  margin-bottom: 18px;
  display: block;
}
.as-seen-in-logos {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 36px 48px;
  opacity: 0.72;
}
.as-seen-in-logos span {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 1.1rem;
  font-weight: 700;
  color: rgba(245, 240, 232, 0.55);
  letter-spacing: 0.02em;
  white-space: nowrap;
}

/* ────── 16. HERO CTAS: lift & stronger presence ────── */
.hero-cta {
  font-size: 1rem !important;
  padding: 18px 40px !important;
  min-height: 58px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.4),
    0 12px 32px -8px rgba(212, 168, 67, 0.55) !important;
}

/* ────── 17. Footer ornamental top line ────── */
.wam-legal-footer {
  position: relative;
}
.wam-legal-footer::before {
  content: "";
  position: absolute;
  top: 0; left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 2px;
  background: linear-gradient(90deg, transparent, #E8C46A, transparent);
}

/* ────── 18. Grid gap lock ────── */
.product-grid { gap: 24px !important; }
.how-grid { gap: 24px !important; }

/* ════════════════════════════════════════════════════════════════════
   AUDIT 2 — ELITE PRO DESIGN UPGRADE (2026-04-08 autonomous sweep)
   Depth, typography refinement, CTA polish, card prestige.
   ════════════════════════════════════════════════════════════════════ */

/* ────── E1. ELITE CTA BUTTONS — depth, gloss, gold gradient ────── */
.hero-cta,
.bundle-cta,
.cta-btn,
button.buy-btn,
a.buy-btn,
.js-buy-cta,
[data-add-to-cart],
.pricing-cta,
.final-cta-btn,
.final-cta a,
.bottom-cta a.cta-primary {
  background: linear-gradient(180deg, #F2D485 0%, #E8C46A 45%, #D4A843 100%) !important;
  color: #0A0A08 !important;
  font-weight: 800 !important;
  letter-spacing: 0.01em !important;
  border: 1px solid #C9962E !important;
  border-radius: 12px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    inset 0 -2px 0 rgba(0, 0, 0, 0.18),
    0 2px 0 rgba(201, 150, 46, 0.4),
    0 14px 40px -10px rgba(212, 168, 67, 0.55),
    0 4px 14px -4px rgba(0, 0, 0, 0.5) !important;
  transition: transform 0.18s cubic-bezier(0.2, 0.8, 0.2, 1),
              box-shadow 0.18s cubic-bezier(0.2, 0.8, 0.2, 1),
              filter 0.18s !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.28);
  position: relative;
  overflow: hidden;
}
.hero-cta:hover,
.bundle-cta:hover,
.cta-btn:hover,
button.buy-btn:hover,
a.buy-btn:hover,
.js-buy-cta:hover,
[data-add-to-cart]:hover,
.pricing-cta:hover,
.final-cta-btn:hover,
.final-cta a:hover,
.bottom-cta a.cta-primary:hover {
  transform: translateY(-2px) !important;
  filter: brightness(1.06);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.6),
    inset 0 -2px 0 rgba(0, 0, 0, 0.2),
    0 2px 0 rgba(201, 150, 46, 0.5),
    0 22px 52px -10px rgba(212, 168, 67, 0.7),
    0 8px 22px -6px rgba(0, 0, 0, 0.55) !important;
}
.hero-cta:active,
.bundle-cta:active,
.cta-btn:active,
.js-buy-cta:active,
[data-add-to-cart]:active {
  transform: translateY(0) !important;
  filter: brightness(0.96);
}
/* Shine sweep on hover */
.hero-cta::after,
.bundle-cta::after,
.cta-btn::after,
.js-buy-cta::after {
  content: "";
  position: absolute;
  top: 0; left: -100%;
  width: 60%; height: 100%;
  background: linear-gradient(120deg, transparent 20%, rgba(255,255,255,0.35) 50%, transparent 80%);
  transform: skewX(-20deg);
  transition: left 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);
  pointer-events: none;
}
.hero-cta:hover::after,
.bundle-cta:hover::after,
.cta-btn:hover::after,
.js-buy-cta:hover::after { left: 140%; }

/* ────── E2. PRO CARD SHADOWS & DEPTH ────── */
.product-card,
.pricing-card,
.bundle-card,
.for-item,
.how-step,
.testimonial-card,
.feature-card,
.protocol-card {
  position: relative;
}
.product-card:not(:hover),
.pricing-card:not(:hover),
.bundle-card,
.testimonial-card,
.feature-card,
.protocol-card {
  box-shadow:
    0 1px 0 rgba(232, 196, 106, 0.04) inset,
    0 22px 48px -24px rgba(0, 0, 0, 0.6),
    0 2px 10px -2px rgba(0, 0, 0, 0.3) !important;
}
.pricing-card.featured,
.bundle-card {
  background: linear-gradient(180deg, #1A1810 0%, #0E0D0A 100%) !important;
  border: 1px solid rgba(232, 196, 106, 0.32) !important;
  box-shadow:
    inset 0 1px 0 rgba(232, 196, 106, 0.18),
    0 0 0 1px rgba(232, 196, 106, 0.08),
    0 30px 80px -30px rgba(0, 0, 0, 0.75),
    0 0 90px -20px rgba(232, 196, 106, 0.22) !important;
}

/* ────── E3. TYPOGRAPHY HIERARCHY REFINEMENT ────── */
h1 { font-feature-settings: "ss01", "ss03", "liga", "kern" !important; }
h2 { font-feature-settings: "ss01", "liga", "kern" !important; }

/* H3 prestige */
h3 {
  font-family: 'Playfair Display', Georgia, serif;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  color: #F5F0E8 !important;
}
/* Numerals: tabular in all prices */
.pricing-price, .hero-price, .bundle-price, .product-price, .hero-price-new, .currency {
  font-variant-numeric: tabular-nums lining-nums !important;
  font-feature-settings: "tnum", "lnum" !important;
}

/* ────── E4. PRICING CARD PRESTIGE TREATMENT ────── */
.pricing-card {
  border-radius: 16px !important;
  padding: 40px 32px !important;
  position: relative;
  overflow: hidden;
}
.pricing-card::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: linear-gradient(90deg, transparent, #E8C46A, transparent);
  opacity: 0.5;
}
.pricing-price,
.hero-price-new,
.bundle-price {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: clamp(3rem, 7vw, 4.8rem) !important;
  font-weight: 900 !important;
  line-height: 0.9 !important;
  background: linear-gradient(135deg, #F2D485 0%, #E8C46A 45%, #D4A843 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  letter-spacing: -0.03em !important;
}

/* ────── E5. LINK POLISH (inline editorial underline) ────── */
main a:not(.nav-cta):not(.hero-cta):not(.bundle-cta):not(.cta-btn):not(.hero-secondary):not(.js-buy-cta):not([data-add-to-cart]):not(.product-cta):not(.pricing-cta):not(.final-cta-btn) {
  color: #E8C46A !important;
  text-decoration: none;
  border-bottom: 1px solid rgba(232, 196, 106, 0.35);
  transition: border-color 0.18s, color 0.18s;
}
main a:not(.nav-cta):not(.hero-cta):not(.bundle-cta):not(.cta-btn):not(.hero-secondary):not(.js-buy-cta):not([data-add-to-cart]):not(.product-cta):not(.pricing-cta):not(.final-cta-btn):hover {
  color: #F2D485 !important;
  border-bottom-color: #F2D485;
}

/* ────── E6. NAV REFINEMENT — more presence + backdrop blur ────── */
nav, header nav, .site-nav {
  backdrop-filter: blur(16px) saturate(1.1) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.1) !important;
  background: rgba(10, 10, 8, 0.82) !important;
  border-bottom: 1px solid rgba(201, 150, 46, 0.14) !important;
}

/* ────── E7. SELECTION COLOR ────── */
::selection { background: rgba(232, 196, 106, 0.3); color: #F5F0E8; }
::-moz-selection { background: rgba(232, 196, 106, 0.3); color: #F5F0E8; }

/* ────── E8. FOCUS STATES — accessible + on-brand ────── */
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, [tabindex]:focus-visible {
  outline: 2px solid #F2D485 !important;
  outline-offset: 3px !important;
  border-radius: 6px;
}

/* ────── E9. STICKY BUY BAR POLISH ────── */
.sticky-buy-bar,
.mobile-sticky-cta,
.sticky-cta {
  backdrop-filter: blur(20px) saturate(1.2) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.2) !important;
  background: rgba(14, 13, 10, 0.92) !important;
  border-top: 1px solid rgba(232, 196, 106, 0.18) !important;
  box-shadow: 0 -18px 40px -10px rgba(0, 0, 0, 0.6) !important;
}

/* ────── E10. BADGES, CHIPS, TAGS — consistent elite chip style ────── */
.badge, .chip, .tag, .pill, .eyebrow-chip, .rating-chip {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  padding: 5px 11px !important;
  border-radius: 999px !important;
  background: rgba(232, 196, 106, 0.08) !important;
  border: 1px solid rgba(232, 196, 106, 0.2) !important;
  color: #E8C46A !important;
  font-size: 0.7rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

/* ────── E11. Section headers — universal polish ────── */
.section-header h2,
.section-container h2,
section > h2 {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-weight: 800 !important;
}
.section-header h2 em,
.section-container h2 em,
section > h2 em {
  font-style: italic;
  background: linear-gradient(135deg, #E8C46A, #F2D485);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ────── E12. Remove visual clutter — extra scarcity/fake badges ────── */
.fake-counter, .live-counter, .buyer-count-float, .buyer-toast, .recent-purchase-toast {
  display: none !important;
}

/* ════════════════════════════════════════════════════════════════════
   AUDIT 3 — DECLUTTER & ORGANIZE (2026-04-08)
   Reduce visual noise, kill redundant chrome, enforce breathing room.
   ════════════════════════════════════════════════════════════════════ */

/* D1. Hide duplicate ornamental dividers when stacked */
section + section + section::before,
section:nth-of-type(n+3)::before {
  opacity: 0.5;
}

/* D2. Limit badge stacking — no more than 2 visible badges in a row */
.hero .badge + .badge + .badge,
.hero .eyebrow + .eyebrow + .eyebrow,
.hero .chip + .chip + .chip {
  display: none !important;
}

/* D3. Quiet down "Most Popular/Editor's Pick" over-stacking */
.popular-badge ~ .popular-badge,
.star-badge ~ .star-badge {
  display: none !important;
}

/* D4. Containers: enforce max-width for scannability */
.section-container, .container-wide, .container, main > section > .wrap, main > section > div:first-child {
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 24px;
  padding-right: 24px;
}
@media (max-width: 768px) {
  .section-container, .container-wide, .container, main > section > .wrap, main > section > div:first-child {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* D5. Text-heavy sections get narrower column for read comfort */
.problem .section-container,
.solution .section-container,
.who .section-container,
.faq .section-container,
.faq-section .section-container,
.final-cta .section-container,
.author-section .section-container,
.guarantee .section-container {
  max-width: 780px !important;
}

/* D6. Reduce visual chrome on SECONDARY CTAs */
.hero-secondary,
.nav-cta {
  background: transparent !important;
  color: #E8C46A !important;
  border: 1px solid rgba(232, 196, 106, 0.3) !important;
  box-shadow: none !important;
  font-weight: 600 !important;
  padding: 12px 22px !important;
  border-radius: 10px !important;
  transition: border-color 0.2s, background 0.2s !important;
}
.hero-secondary:hover,
.nav-cta:hover {
  background: rgba(232, 196, 106, 0.06) !important;
  border-color: rgba(232, 196, 106, 0.5) !important;
}

/* D7. Consistent card border radius */
.product-card, .pricing-card, .bundle-card, .for-item, .how-step,
.testimonial-card, .feature-card, .protocol-card, .inside-item,
.faq-item, .value-item, .who-item, .problem-item, .solution-item {
  border-radius: 14px !important;
}

/* D8. Hide stray "0 sections" / empty divs sometimes left by template */
section:empty, div:empty:not([class*="bar"]):not([class*="line"]):not([class*="divider"]):not([id]) {
  display: none !important;
}

/* D9. Lock section inner container vertical rhythm */
section > .section-container > :first-child,
section > .container-wide > :first-child,
section > div:first-child > :first-child {
  margin-top: 0 !important;
}
section > .section-container > :last-child,
section > .container-wide > :last-child,
section > div:first-child > :last-child {
  margin-bottom: 0 !important;
}

/* D10. Kill duplicate "FAQ quote mark" showing on multiple sections */
section:not(.faq-section):not(.faq) .section-container::before {
  content: none !important;
}

/* ════════════════════════════════════════════════════════════════════
   AUDIT 4 — SCALING, TYPOGRAPHY, SPACING UX/UI (2026-04-08)
   Modular scale, locked rhythm, kill rogue sizing.
   ════════════════════════════════════════════════════════════════════ */

/* S1. MODULAR TYPE SCALE — 1.25 ratio, base 16px */
:root {
  --type-xs:   0.75rem;   /* 12 */
  --type-sm:   0.875rem;  /* 14 */
  --type-base: 1rem;      /* 16 */
  --type-md:   1.125rem;  /* 18 */
  --type-lg:   1.25rem;   /* 20 */
  --type-xl:   1.563rem;  /* 25 */
  --type-2xl:  1.953rem;  /* 31 */
  --type-3xl:  2.441rem;  /* 39 */
  --type-4xl:  3.052rem;  /* 49 */
  --type-5xl:  3.815rem;  /* 61 */

  /* Line heights by role */
  --lh-tight:   1.1;
  --lh-snug:    1.25;
  --lh-body:    1.65;
  --lh-loose:   1.85;
}

/* S2. Global heading sizes — fluid clamps with locked ratio */
html { font-size: 16px; }
body { font-size: var(--type-base); line-height: var(--lh-body); }

/* H1 — hero */
h1 {
  font-size: clamp(2.2rem, 5.2vw, 3.8rem) !important;
  line-height: var(--lh-tight) !important;
  font-weight: 800 !important;
  letter-spacing: -0.025em !important;
  margin: 0 0 22px !important;
}
/* Hero H1 larger */
.hero h1 {
  font-size: clamp(2.4rem, 6vw, 4.4rem) !important;
  margin-bottom: 24px !important;
}

/* H2 */
h2, .section-header h2, .section-container h2, section > h2 {
  font-size: clamp(1.7rem, 3.8vw, 2.8rem) !important;
  line-height: var(--lh-snug) !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  margin: 0 0 18px !important;
}

/* H3 */
h3 {
  font-size: clamp(1.2rem, 2.2vw, 1.5rem) !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
  margin: 0 0 12px !important;
}

/* H4 */
h4 {
  font-size: clamp(1.05rem, 1.6vw, 1.2rem) !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
  margin: 0 0 10px !important;
}

/* Body copy floor — 16px min, readable */
p, li, blockquote, td, th {
  font-size: clamp(15px, 1.05vw, 17px) !important;
  line-height: var(--lh-body) !important;
}

/* Hero subheads */
.hero-sub, .section-sub, .section-header p {
  font-size: clamp(1rem, 1.3vw, 1.15rem) !important;
  line-height: 1.6 !important;
  color: var(--text-mid) !important;
  max-width: 58ch !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Small print */
.micro, .fine-print, .disclaimer, .legal-note, small {
  font-size: 0.75rem !important;
  line-height: 1.55 !important;
  color: var(--text-dim) !important;
}

/* S3. SPACING RHYTHM — vertical flow between adjacent elements */
section > .section-container > * + *,
section > .container-wide > * + *,
section > div:first-child > * + * {
  margin-top: 20px;
}
section > .section-container > h2 + p,
section > .container-wide > h2 + p {
  margin-top: 14px;
}
section > .section-container > .section-tag + h2,
section > .container-wide > .section-tag + h2 {
  margin-top: 16px;
}

/* S4. Grid gaps — standardize */
.grid, .product-grid, .how-grid, .for-grid, .value-grid, .comparison-grid,
.protocols-grid, .inside-grid, .who-grid, .faq-grid {
  gap: clamp(16px, 2vw, 28px) !important;
}

/* S5. Button min-tap target & type */
button, .cta-btn, .hero-cta, .bundle-cta, .buy-btn, .js-buy-cta, .pricing-cta, .nav-cta, .hero-secondary {
  font-size: clamp(0.95rem, 1.05vw, 1.05rem) !important;
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 28px !important;
}
.hero-cta, .bundle-cta, .cta-btn[data-add-to-cart] {
  min-height: 60px;
  font-size: clamp(1rem, 1.2vw, 1.15rem) !important;
  padding: 18px 36px !important;
}

/* S6. Eyebrows / tags — locked small */
.hero-eyebrow, .section-tag, .eyebrow, .product-cat, .bundle-tag {
  font-size: 0.68rem !important;
  line-height: 1 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  font-weight: 800 !important;
  display: inline-block !important;
}

/* S7. Form inputs — consistent sizing */
input[type="text"], input[type="email"], input[type="tel"], textarea, select {
  font-size: 16px !important; /* prevent iOS zoom */
  line-height: 1.5 !important;
  padding: 14px 16px !important;
  min-height: 52px;
  border-radius: 10px !important;
}

/* S8. Kill inline font-size overrides that break scale (nuclear override) */
[style*="font-size: 14px"],
[style*="font-size:14px"] { font-size: clamp(14px, 1vw, 15px) !important; }
[style*="font-size: 20px"],
[style*="font-size:20px"] { font-size: clamp(18px, 1.3vw, 20px) !important; }
[style*="font-size: 24px"],
[style*="font-size:24px"] { font-size: clamp(20px, 1.6vw, 24px) !important; }

/* S9. Kill inline margin hacks that break rhythm on headings */
h1[style*="margin"], h2[style*="margin"], h3[style*="margin"] {
  margin: 0 0 18px !important;
}

/* S10. Prices — consistent scale */
.price, .pricing-price, .bundle-price, .product-price, .hero-price, .hero-price-new {
  font-size: clamp(2.4rem, 5vw, 3.8rem) !important;
  line-height: 0.95 !important;
}
.price-old, .bundle-original, .hero-price-old, .hero-original {
  font-size: clamp(0.95rem, 1.1vw, 1.1rem) !important;
  color: var(--text-dim) !important;
  text-decoration: line-through;
}
.currency {
  font-size: 0.55em !important;
  vertical-align: super;
  font-weight: 700;
}

/* S11. Lists — cleaner bullets */
ul:not([class]) li, ol:not([class]) li {
  margin-bottom: 8px;
}
ul[class*="check"] li, ul[class*="include"] li, ul.hero-includes li {
  list-style: none;
  padding-left: 0;
}

/* S12. Navigation polish */
nav a, .site-nav a {
  font-size: 0.88rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em !important;
}
nav {
  padding: 14px 24px !important;
}

/* S13. Fix weird extra-big "big number" elements in trust bars */
.trust-stat .number, .stat-number, .big-number {
  font-size: clamp(1.6rem, 3vw, 2rem) !important;
  line-height: 1 !important;
}
.trust-stat .label, .stat-label, .big-label {
  font-size: 0.7rem !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase;
  color: var(--text-dim) !important;
  margin-top: 6px !important;
}

/* ════════════════════════════════════════════════════════════════════
   AUDIT 6 — MOBILE OPTIMIZATION (2026-04-08)
   Locked tap targets, stacking, readability below 768px.
   ════════════════════════════════════════════════════════════════════ */

/* M1. Tablet & mobile (≤ 1024px) */
@media (max-width: 1024px) {
  .container, .section-container, .container-wide {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .hero { padding: 48px 24px 40px !important; }
  nav { padding: 12px 20px !important; }
}

/* M2. Mobile (≤ 768px) */
@media (max-width: 768px) {
  html { font-size: 15px; }

  /* Hero shrinks cleanly */
  .hero {
    padding: 40px 20px 32px !important;
    text-align: left;
  }
  .hero h1 {
    font-size: clamp(1.9rem, 8vw, 2.6rem) !important;
    line-height: 1.1 !important;
    text-align: left !important;
  }
  .hero-sub {
    font-size: 1rem !important;
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .hero-eyebrow {
    display: block;
    margin-bottom: 14px;
    padding-left: 0 !important;
    text-align: left !important;
  }
  .hero-eyebrow::before { display: none !important; }
  .hero::before { display: none !important; } /* hide ISSUE stamp on mobile */

  /* CTAs stack full width */
  .hero-actions, .bundle-actions, .pricing-actions, .final-cta-actions {
    flex-direction: column !important;
    gap: 12px !important;
    align-items: stretch !important;
    width: 100% !important;
  }
  .hero-cta, .bundle-cta, .cta-btn, .pricing-cta, .hero-secondary,
  .js-buy-cta, [data-add-to-cart] {
    width: 100% !important;
    min-height: 56px !important;
    padding: 16px 20px !important;
    font-size: 0.98rem !important;
    text-align: center !important;
    justify-content: center;
  }

  /* Grids collapse to single column */
  .product-grid, .for-grid, .how-grid, .value-grid, .protocols-grid,
  .inside-grid, .who-grid, .comparison-grid, .faq-grid,
  .features-grid, .stack-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  /* Cards: full width, consistent padding */
  .product-card, .pricing-card, .bundle-card, .for-item, .how-step,
  .testimonial-card, .feature-card, .protocol-card, .inside-item {
    padding: 22px 20px !important;
  }

  /* Section headers: left-align for easier scan */
  .section-header {
    text-align: left !important;
    margin-bottom: 28px !important;
  }
  .section-header h2, section > h2 {
    font-size: clamp(1.55rem, 6vw, 2rem) !important;
    text-align: left !important;
    line-height: 1.15 !important;
  }
  .section-sub, .section-header p {
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Pricing: single column stack */
  .pricing-grid, .pricing-table {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
  .pricing-price, .bundle-price, .hero-price-new {
    font-size: clamp(2.6rem, 14vw, 3.6rem) !important;
  }

  /* Nav shrinks */
  nav, .site-nav {
    padding: 10px 16px !important;
  }
  nav a, .site-nav a {
    font-size: 0.82rem !important;
  }
  .nav-logo, .site-logo {
    font-size: 0.95rem !important;
  }

  /* Footer mobile */
  footer, .site-footer, .wam-legal-footer {
    padding: 36px 20px !important;
    text-align: left !important;
  }
  footer .grid, .site-footer .grid {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  /* Trust bar stack 2x2 */
  .trust-bar {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
    padding: 0 20px 36px !important;
  }

  /* Body copy max-width removed */
  main p, section p { max-width: 100% !important; }

  /* Kill horizontal scroll triggers */
  body { overflow-x: hidden; }
  main, section, .container, .section-container { overflow-x: hidden; }

  /* Tables scroll horizontally rather than break layout */
  table { display: block; overflow-x: auto; white-space: nowrap; }

  /* Reduce ornamental dividers on mobile */
  main > section + section::before,
  section::before {
    width: 28px !important;
    height: 18px !important;
    font-size: 11px !important;
  }

  /* Drop caps smaller on mobile */
  .editorial > p:first-of-type::first-letter,
  .section-sub.dropcap::first-letter {
    font-size: 2.8em !important;
  }

  /* FAQ decorative ? smaller */
  .faq-section .section-container::before {
    font-size: 7rem !important;
    top: -10px !important;
  }
}

/* M3. Small mobile (≤ 480px) */
@media (max-width: 480px) {
  html { font-size: 14.5px; }
  .hero h1 { font-size: clamp(1.7rem, 9vw, 2.2rem) !important; }
  .section-header h2, section > h2 { font-size: clamp(1.4rem, 7vw, 1.85rem) !important; }
  .trust-bar { grid-template-columns: 1fr 1fr !important; }
  .hero { padding: 32px 18px 24px !important; }
  .section-container, .container, .container-wide { padding-left: 18px !important; padding-right: 18px !important; }
  nav { padding: 10px 14px !important; }
  .hero-cta, .bundle-cta, .cta-btn { font-size: 0.94rem !important; padding: 14px 16px !important; }
}

/* M4. No hover on touch — disable hover transforms that feel broken */
@media (hover: none) {
  .product-card:hover, .pricing-card:hover, .bundle-card:hover,
  .trust-stat:hover, .how-step:hover {
    transform: none !important;
  }
  .hero-cta:hover, .bundle-cta:hover, .cta-btn:hover {
    transform: none !important;
  }
}

/* M5. Safe area insets for iPhone notches */
@supports (padding: max(0px)) {
  nav, .site-nav {
    padding-left: max(20px, env(safe-area-inset-left)) !important;
    padding-right: max(20px, env(safe-area-inset-right)) !important;
  }
  .sticky-buy-bar, .mobile-sticky-cta, .sticky-cta {
    padding-bottom: max(14px, env(safe-area-inset-bottom)) !important;
  }
}

/* M6. Reduce motion for accessibility */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* ════════════════════════════════════════════════════════════════════
   ROUND 2 — ELITE POLISH PASS (2026-04-08)
   Micro-refinement, surface quality, hero treatments.
   ════════════════════════════════════════════════════════════════════ */

/* R2.1. Hero: radial glow halo backing */
.hero {
  position: relative;
  isolation: isolate;
}
.hero::after {
  content: "";
  position: absolute;
  top: 0; left: 50%;
  transform: translateX(-50%);
  width: 900px;
  height: 520px;
  background: radial-gradient(ellipse at center, rgba(232, 196, 106, 0.08) 0%, transparent 60%);
  pointer-events: none;
  z-index: -1;
  filter: blur(40px);
}

/* R2.2. Elegant horizontal rule dividers */
hr {
  border: none;
  height: 1px;
  margin: 48px auto;
  max-width: 160px;
  background: linear-gradient(90deg, transparent, rgba(232, 196, 106, 0.4), transparent);
}

/* R2.3. Blockquote prestige */
blockquote {
  font-family: 'Playfair Display', Georgia, serif;
  font-style: italic;
  font-size: clamp(1.15rem, 1.6vw, 1.4rem);
  line-height: 1.5;
  color: #F5F0E8;
  padding: 24px 0 24px 28px;
  border-left: 3px solid #E8C46A;
  margin: 32px 0;
  max-width: 56ch;
}

/* R2.4. Image prestige treatment */
img, picture {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
}

/* R2.5. Animated number counter glow */
.stat-number, .trust-stat .number, .big-number {
  text-shadow: 0 0 32px rgba(232, 196, 106, 0.18);
}

/* R2.6. Featured/popular ribbons — consistent look */
.featured-ribbon, .popular-ribbon, .best-value {
  position: absolute;
  top: -12px; left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(180deg, #F2D485, #D4A843);
  color: #0A0A08;
  font-size: 0.65rem;
  font-weight: 900;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  padding: 7px 16px;
  border-radius: 999px;
  box-shadow: 0 6px 16px rgba(212, 168, 67, 0.35);
  white-space: nowrap;
  z-index: 2;
}

/* R2.7. Icon refinement — all SVG icons on-brand gold */
svg.icon, .icon svg, .check-icon {
  fill: currentColor;
  color: #E8C46A;
}

/* R2.8. Testimonial card prestige */
.testimonial-card, .testimonial {
  position: relative;
  padding: 32px 28px !important;
}
.testimonial-card::before, .testimonial::before {
  content: "\201C";
  position: absolute;
  top: -4px; left: 18px;
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 5rem;
  line-height: 1;
  color: rgba(232, 196, 106, 0.18);
  font-weight: 800;
  pointer-events: none;
}
.testimonial-text, .testimonial p {
  font-family: 'Playfair Display', Georgia, serif;
  font-style: italic;
  font-size: 1.05rem !important;
  line-height: 1.55 !important;
  position: relative;
  z-index: 1;
}
.testimonial-author, .testimonial cite {
  display: block;
  margin-top: 18px;
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-size: 0.72rem !important;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(245, 240, 232, 0.55);
  font-weight: 700;
}

/* R2.9. Accordion/FAQ item polish */
.faq-item, details, .accordion-item {
  border-top: 1px solid rgba(232, 196, 106, 0.12) !important;
  padding: 22px 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
}
.faq-item:first-of-type, details:first-of-type, .accordion-item:first-of-type {
  border-top: none !important;
}
.faq-question, summary, .accordion-header {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  cursor: pointer;
  color: #F5F0E8 !important;
  padding-right: 40px;
  position: relative;
  list-style: none;
}
.faq-question::after, summary::after, .accordion-header::after {
  content: "+";
  position: absolute;
  right: 0; top: 50%;
  transform: translateY(-50%);
  font-size: 1.6rem;
  font-weight: 300;
  color: #E8C46A;
  transition: transform 0.3s;
}
details[open] summary::after, .faq-item.open .faq-question::after {
  transform: translateY(-50%) rotate(45deg);
}
summary::-webkit-details-marker { display: none; }
.faq-answer, details > *:not(summary), .accordion-body {
  margin-top: 12px;
  color: var(--text-mid) !important;
  line-height: 1.65;
  font-size: 0.95rem;
}

/* R2.10. Section-tag refinement — consistent alignment */
.section-tag {
  padding-left: 26px !important;
}
.section-tag::before {
  content: "";
  position: absolute;
  left: 0; top: 50%;
  width: 18px; height: 1px;
  background: linear-gradient(90deg, transparent, #E8C46A);
}
.section-header.align-left .section-tag,
.section-header:not([class*="center"]) .section-tag {
  display: inline-block;
  position: relative;
}

/* ════════════════════════════════════════════════════════════════════
   ROUND 2 — TYPOGRAPHY FINAL TUNING (2026-04-08)
   ════════════════════════════════════════════════════════════════════ */

/* T1. OpenType features — ligatures, old-style figures in body */
body {
  font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "ss01" 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* T2. Prevent widows/orphans on headlines */
h1, h2, h3 {
  text-wrap: balance;
  hyphens: none;
  overflow-wrap: break-word;
  word-break: normal;
}

/* T3. Optimal line-length ceiling for all long-form prose */
main p, article p, section p, .prose p {
  max-width: 68ch;
}
main p + p, section p + p { margin-top: 1em; }

/* T4. No more than 3 consecutive same-spacing elements */
section > * + * + * + * { /* 4th+ element flags overloading */
  margin-top: clamp(16px, 2vw, 24px);
}

/* T5. First-letter polish on editorial sections */
.editorial p:first-of-type::first-letter {
  font-size: 3.2em;
  float: left;
  line-height: 0.82;
  padding: 4px 8px 0 0;
  font-weight: 800;
  background: linear-gradient(135deg, #D4A843, #F2D485);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: 'Playfair Display', Georgia, serif;
}

/* T6. Dashes spaced properly */
p, li, td { text-align: left; }
.hyphens-manual { hyphens: manual; }

/* T7. Code / mono elements */
code, pre, kbd, samp {
  font-family: "SF Mono", Monaco, Menlo, Consolas, monospace;
  font-size: 0.9em;
  background: rgba(232, 196, 106, 0.06);
  padding: 2px 6px;
  border-radius: 4px;
  color: #F2D485;
}

/* T8. Strong + emphasized polish */
strong, b {
  font-weight: 700;
  color: #F5F0E8;
}
em, i { font-style: italic; }

/* T9. Superscript / subscript positioning */
sup, sub { font-size: 0.7em; line-height: 0; }

/* T10. Bullet lists — custom gold marker */
ul:not([class]) {
  list-style: none;
  padding-left: 22px;
}
ul:not([class]) > li {
  position: relative;
  padding-left: 6px;
  margin-bottom: 10px;
}
ul:not([class]) > li::before {
  content: "•";
  position: absolute;
  left: -14px;
  color: #E8C46A;
  font-weight: 800;
}

/* T11. Number list — refined */
ol:not([class]) {
  list-style: none;
  counter-reset: item;
  padding-left: 28px;
}
ol:not([class]) > li {
  position: relative;
  padding-left: 10px;
  margin-bottom: 12px;
  counter-increment: item;
}
ol:not([class]) > li::before {
  content: counter(item, decimal-leading-zero);
  position: absolute;
  left: -28px;
  top: 0;
  font-family: 'Playfair Display', Georgia, serif;
  font-weight: 800;
  color: #E8C46A;
  font-size: 0.85em;
}

/* T12. Print-safe (just in case) */
@media print {
  body { background: white; color: black; }
  nav, .sticky-buy-bar, .hero-cta { display: none !important; }
}

/* ════════════════════════════════════════════════════════════════════
   ROUND 2 — MOBILE EDGE CASES (2026-04-08)
   ════════════════════════════════════════════════════════════════════ */

/* M.E1. Legal pages — table mobile handling */
@media (max-width: 768px) {
  .legal-content table,
  main table,
  article table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
    font-size: 0.85rem;
    border: 1px solid rgba(232, 196, 106, 0.12);
    border-radius: 8px;
  }
  table th, table td {
    padding: 10px 14px !important;
    white-space: normal;
  }
}

/* M.E2. Long word breaking on mobile */
@media (max-width: 768px) {
  h1, h2, h3, p, li, a, span {
    overflow-wrap: break-word;
    word-wrap: break-word;
  }
  a { word-break: break-word; }
}

/* M.E3. Prevent horizontal scroll from iframes or embeds */
iframe, embed, object, video {
  max-width: 100%;
  height: auto;
}

/* M.E4. Sticky mobile buy bar — safe bottom */
@media (max-width: 768px) {
  body:has(.sticky-buy-bar),
  body:has(.mobile-sticky-cta) {
    padding-bottom: 88px;
  }
}

/* M.E5. Tap target minimum 44x44 (Apple HIG) */
@media (pointer: coarse) {
  a, button, [role="button"], input[type="submit"], input[type="button"],
  .cta-btn, .hero-cta, .bundle-cta, .nav-cta, .hero-secondary,
  .product-cta, .pricing-cta {
    min-height: 44px;
    min-width: 44px;
  }
}

/* M.E6. iOS form input zoom prevention */
@media (max-width: 768px) {
  input, textarea, select {
    font-size: 16px !important;
  }
}

/* M.E7. Landscape phone edge case */
@media (max-width: 932px) and (orientation: landscape) and (max-height: 500px) {
  .hero { padding: 24px 20px 16px !important; }
  .hero h1 { font-size: 1.8rem !important; }
  .hero-sub { font-size: 0.95rem !important; }
}

/* ════════════════════════════════════════════════════════════════════
   ROUND 3 — ELITE POLISH FINAL (2026-04-08)
   ════════════════════════════════════════════════════════════════════ */

/* R3.1. Hero H1 — letter refinement */
.hero h1 {
  font-optical-sizing: auto;
  font-variation-settings: "wght" 800, "opsz" 96;
}
.hero h1 em {
  position: relative;
  display: inline-block;
}
.hero h1 em::after {
  content: "";
  position: absolute;
  bottom: 0.05em;
  left: 0; right: 0;
  height: 0.12em;
  background: linear-gradient(90deg, transparent, rgba(232, 196, 106, 0.4), transparent);
  z-index: -1;
}

/* R3.2. Generous hero padding + centered container  */
.hero > * {
  max-width: 820px;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* R3.3. Subtle gold accent line below H1 */
.hero h1 + .hero-sub::before {
  content: "";
  display: block;
  width: 60px;
  height: 2px;
  background: linear-gradient(90deg, #D4A843, #F2D485);
  margin: 0 auto 18px;
  opacity: 0.8;
  border-radius: 2px;
}

/* R3.4. Pricing card ornamental treatment */
.pricing-card.featured::after,
.bundle-card::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(135deg, rgba(232,196,106,0.5), transparent 40%, rgba(232,196,106,0.3));
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

/* R3.5. Smooth scroll for anchor jumps */
html { scroll-behavior: smooth; scroll-padding-top: 80px; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

/* R3.6. Loading skeleton shimmer (if any slow async content) */
.skeleton {
  background: linear-gradient(
    90deg,
    rgba(232, 196, 106, 0.04) 0%,
    rgba(232, 196, 106, 0.12) 50%,
    rgba(232, 196, 106, 0.04) 100%
  );
  background-size: 200% 100%;
  animation: shimmer 1.8s infinite;
}
@keyframes shimmer {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

/* R3.7. Subtle card hover glow (desktop only) */
@media (hover: hover) {
  .product-card:hover,
  .pricing-card:hover,
  .bundle-card:hover,
  .protocol-card:hover {
    transform: translateY(-3px);
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1),
                box-shadow 0.3s cubic-bezier(0.2, 0.8, 0.2, 1),
                border-color 0.3s !important;
  }
}

/* R3.8. Author/bio section prestige */
.author-section, .about-section {
  position: relative;
}
.author-photo, .author-avatar {
  border-radius: 50% !important;
  border: 2px solid rgba(232, 196, 106, 0.4);
  box-shadow: 0 12px 32px -8px rgba(0, 0, 0, 0.4);
  width: 120px;
  height: 120px;
  object-fit: cover;
}

/* R3.9. Guarantee badge — circular seal */
.guarantee-badge, .money-back-seal {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(232, 196, 106, 0.08), transparent 70%);
  border: 2px dashed rgba(232, 196, 106, 0.4);
  color: #E8C46A;
  font-size: 0.85rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-align: center;
  text-transform: uppercase;
  line-height: 1.2;
}

/* R3.10. Final-CTA section — emphasis */
.final-cta {
  text-align: center;
  background:
    radial-gradient(ellipse at 50% 0%, rgba(232, 196, 106, 0.05), transparent 60%),
    var(--bg);
}
.final-cta h2 {
  font-size: clamp(2rem, 4.5vw, 3.2rem) !important;
  margin-bottom: 20px !important;
}
.final-cta h2 em {
  display: block;
  margin-top: 4px;
}

/* R3.11. Nav-to-content offset for scroll anchors */
section[id] { scroll-margin-top: 90px; }

/* R3.12. Fix any stray uppercase body text */
p { text-transform: none !important; }

/* ============================================================
   R3.13 — R3.25  ROUND 3 SPACING, MOBILE & TRUST POLISH
   ============================================================ */

/* R3.13 Consistent section rhythm */
section { padding-block: clamp(56px, 8vw, 120px) !important; }
section + section { border-top: 1px solid rgba(255,255,255,0.04); }

/* R3.14 Container clamp for max readability */
.container, .wrap, [class*="container"], [class*="wrap"] {
  max-width: min(1180px, 92vw) !important;
  margin-inline: auto !important;
  padding-inline: clamp(20px, 4vw, 40px) !important;
}

/* R3.15 Headings: consistent lead-in spacing */
section > :is(h1,h2):first-child { margin-top: 0 !important; }
h2 + p, h2 + .lead, h3 + p { margin-top: 14px !important; }

/* R3.16 Lists inside sections: breathing room */
ul li + li, ol li + li { margin-top: 10px; }

/* R3.17 Cards: unified padding + hover affordance */
[class*="card"], [class*="-box"], [class*="feature"] {
  padding: clamp(22px, 3vw, 36px) !important;
  border-radius: 14px !important;
}

/* R3.18 Buttons: consistent tap-target & kerning */
.cta-btn, .btn, button, a[class*="btn"] {
  min-height: 52px !important;
  letter-spacing: 0.01em !important;
  border-radius: 12px !important;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.cta-btn:active, .btn:active { transform: translateY(1px); }

/* R3.19 Links in prose: underline thickness & offset */
p a, li a { text-decoration-thickness: 1px; text-underline-offset: 3px; }

/* R3.20 Pricing row: keep on one line on desktop */
@media (min-width: 900px) {
  .price-row, .price-display { white-space: nowrap; }
}

/* R3.21 Mobile heatmap fixes */
@media (max-width: 640px) {
  section { padding-block: 48px !important; }
  h1 { font-size: clamp(1.8rem, 8vw, 2.4rem) !important; line-height: 1.12 !important; }
  h2 { font-size: clamp(1.5rem, 6.5vw, 2rem) !important; line-height: 1.18 !important; }
  .cta-btn, .btn { width: 100% !important; font-size: 1.05rem !important; }
  .nav-cta { padding: 10px 14px !important; font-size: 0.82rem !important; }
  [class*="grid"] { grid-template-columns: 1fr !important; gap: 16px !important; }
  .hero, .hero-section { padding-top: 72px !important; }
  .pricing-badge, [class*="badge"] { font-size: 0.72rem !important; }
}

/* R3.22 Tiny phones (iPhone SE etc) */
@media (max-width: 375px) {
  :root { font-size: 15px; }
  .container { padding-inline: 16px !important; }
  .nav-logo { font-size: 0.95rem !important; }
}

/* R3.23 Reduce motion respect */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
}

/* R3.24 Focus rings for keyboard users (accessibility + SEO signal) */
:focus-visible {
  outline: 2px solid var(--gold, #E8C46A) !important;
  outline-offset: 3px !important;
  border-radius: 6px;
}

/* R3.25 Image protection */
img { max-width: 100%; height: auto; }

/* ============================================================
   R4.1 — R4.12  ROUND 4 ELITE REFINEMENT
   ============================================================ */

/* R4.1 Prevent hover gimmicks on touch devices */
@media (hover: none) {
  *:hover { transform: none !important; }
  .cta-btn:hover, .btn:hover { box-shadow: none !important; }
}

/* R4.2 Better text rendering */
html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }

/* R4.3 Selection color matches brand */
::selection { background: rgba(232, 196, 106, 0.35); color: #FFFFFF; }

/* R4.4 Tighten nav on scroll (progressive enhancement) */
nav, .nav, header nav, .site-nav {
  backdrop-filter: saturate(180%) blur(14px);
  -webkit-backdrop-filter: saturate(180%) blur(14px);
  background: rgba(10, 10, 8, 0.72) !important;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}

/* R4.5 Lists inside body copy — better indent */
main ul, main ol, article ul, article ol, section ul:not([class]), section ol:not([class]) {
  padding-left: 1.3em;
}
main ul li::marker { color: var(--gold, #E8C46A); }

/* R4.6 Blockquote style */
blockquote {
  border-left: 3px solid var(--gold, #E8C46A);
  padding: 8px 0 8px 22px;
  margin: 28px 0;
  font-style: italic;
  color: rgba(255,255,255,0.82);
}

/* R4.7 Code/kbd inline */
code, kbd { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; background: rgba(255,255,255,0.06); padding: 1px 6px; border-radius: 4px; font-size: 0.92em; }

/* R4.8 Tables (pricing comparisons etc.) */
table { border-collapse: collapse; width: 100%; margin: 24px 0; }
table th, table td { padding: 14px 16px; border-bottom: 1px solid rgba(255,255,255,0.08); text-align: left; }
table th { background: rgba(255,255,255,0.03); font-weight: 600; letter-spacing: 0.02em; }

/* R4.9 Anchor scroll smoothing */
html { scroll-behavior: smooth; }

/* R4.10 Prevent horizontal overflow on any element */
html, body { overflow-x: hidden; }
* { max-width: 100%; }

/* R4.11 Highlight em/strong inside headings with gold */
h1 em, h2 em, h3 em { color: var(--gold, #E8C46A); font-style: italic; }
h1 strong, h2 strong { color: var(--gold, #E8C46A); font-weight: 700; }

/* R4.12 Iconed list spacing */
.checklist li, [class*="check"] li, [class*="feature"] li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  line-height: 1.55;
}

/* ============================================================
   R5 — FINAL CONVERSION POLISH
   ============================================================ */

/* R5.1 Emphasize gold price in pricing section */
.price, .price-amount, [class*="price-display"] strong,
.pricing-amount, .current-price {
  color: var(--gold, #E8C46A) !important;
  font-weight: 800 !important;
  font-feature-settings: "tnum" 1, "lnum" 1;
}
.original-price, .old-price, .strikethrough {
  text-decoration: line-through;
  opacity: 0.55;
  font-weight: 400 !important;
  color: rgba(255,255,255,0.6) !important;
}

/* R5.2 Money-back guarantee badge treatment */
.guarantee-badge, [class*="guarantee"] [class*="badge"],
.guarantee-seal {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 20px;
  border: 1px solid rgba(232, 196, 106, 0.35);
  border-radius: 999px;
  background: rgba(232, 196, 106, 0.06);
  font-weight: 600;
  color: var(--gold, #E8C46A);
}

/* R5.3 FAQ accordions visual */
details, .faq-item {
  border-bottom: 1px solid rgba(255,255,255,0.08);
  padding: 18px 0;
}
details summary, .faq-question {
  cursor: pointer;
  font-weight: 600;
  font-size: 1.08rem;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
details summary::-webkit-details-marker { display: none; }
details summary::after {
  content: "+";
  color: var(--gold, #E8C46A);
  font-size: 1.4rem;
  transition: transform .2s ease;
}
details[open] summary::after { content: "−"; }

/* R5.4 Anchor link visited state — no purple */
a:visited { color: inherit; }

/* R5.5 Nav CTA hierarchy emphasis */
.nav-cta {
  background: linear-gradient(135deg, var(--gold, #E8C46A), #D4A84A) !important;
  color: #0A0A08 !important;
  font-weight: 700 !important;
  padding: 10px 18px !important;
  border-radius: 10px !important;
  box-shadow: 0 4px 14px rgba(232, 196, 106, 0.25);
}
.nav-cta:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(232, 196, 106, 0.35);
}

/* R5.6 Final CTA section background gradient depth */
.final-cta, #final-cta, [class*="final-cta"] {
  background:
    radial-gradient(ellipse at 50% 120%, rgba(232, 196, 106, 0.09), transparent 60%),
    linear-gradient(180deg, transparent, rgba(0,0,0,0.35));
  padding-block: clamp(80px, 10vw, 140px) !important;
}

/* ============================================================
   R6 — LAST-MILE MICRO POLISH
   ============================================================ */

/* R6.1 Prevent orphan words in headings */
h1, h2, h3 { text-wrap: balance; }
p, li { text-wrap: pretty; }

/* R6.2 Fine-tune em accent glow */
h1 em, h2 em {
  background: linear-gradient(180deg, transparent 60%, rgba(232, 196, 106, 0.18) 60%);
  padding: 0 0.08em;
}

/* R6.3 Image upgrade: soft shadow on hero/author images */
.hero img, .author img, .author-avatar img, [class*="hero"] img {
  border-radius: 16px;
  box-shadow: 0 20px 60px rgba(0,0,0,0.5), 0 0 0 1px rgba(255,255,255,0.06);
}

/* R6.4 Number stat emphasis (e.g. "$10K", "8 protocols") */
.stat-number, .big-number, [class*="stat-"] strong {
  font-size: clamp(2rem, 4.5vw, 3.4rem);
  font-weight: 800;
  color: var(--gold, #E8C46A);
  line-height: 1;
  font-feature-settings: "tnum" 1, "lnum" 1;
  letter-spacing: -0.02em;
}

/* R6.5 HR dividers */
hr {
  border: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(232, 196, 106, 0.28), transparent);
  margin: clamp(32px, 5vw, 64px) auto;
  max-width: 200px;
}

/* R6.6 Section eyebrow — small caps uppercase */
.eyebrow, [class*="eyebrow"], .section-label {
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--gold, #E8C46A);
  display: inline-block;
  margin-bottom: 12px;
}

/* R6.7 Kill residual padding issues on first-child */
section > *:first-child { margin-top: 0 !important; }
section > *:last-child { margin-bottom: 0 !important; }

/* R6.8 Form inputs — if any */
input[type="email"], input[type="text"], input[type="tel"], textarea {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 10px;
  padding: 14px 16px;
  color: #fff;
  font-size: 1rem;
  width: 100%;
  transition: border-color .18s ease, background .18s ease;
}
input:focus, textarea:focus {
  border-color: var(--gold, #E8C46A);
  background: rgba(255,255,255,0.06);
  outline: none;
}