/* ============================================================
   CodebyCarter — themes-deep.css
   DEEP theme overrides — covers every major section so the
   whole site transforms, not just the hero. Loads AFTER all
   section CSS so it can win the cascade.
   ============================================================ */

/* ============================================================
   ╔══════════════════════════════════════════════════════════╗
   ║  BRUTALIST — pure b&w everywhere                         ║
   ╚══════════════════════════════════════════════════════════╝
   ============================================================ */
body[data-theme="brutalist"] section,
body[data-theme="brutalist"] .builtfor,
body[data-theme="brutalist"] .sound,
body[data-theme="brutalist"] .trust,
body[data-theme="brutalist"] .reel,
body[data-theme="brutalist"] .portfolio,
body[data-theme="brutalist"] .service-showcase,
body[data-theme="brutalist"] .stage-cream,
body[data-theme="brutalist"] .wow,
body[data-theme="brutalist"] .stage-slate,
body[data-theme="brutalist"] .stage-midnight,
body[data-theme="brutalist"] .about,
body[data-theme="brutalist"] .brandpick,
body[data-theme="brutalist"] .workshop,
body[data-theme="brutalist"] .yourpart,
body[data-theme="brutalist"] .guarantee,
body[data-theme="brutalist"] .alive,
body[data-theme="brutalist"] .stage-neon,
body[data-theme="brutalist"] .compareslider,
body[data-theme="brutalist"] .roi,
body[data-theme="brutalist"] .faq,
body[data-theme="brutalist"] .tiny,
body[data-theme="brutalist"] .vision,
body[data-theme="brutalist"] .stage-chaos,
body[data-theme="brutalist"] .stage-signature{
  background:#FFFFFF !important;
  color:#000 !important;
}
body[data-theme="brutalist"] section::before,
body[data-theme="brutalist"] .alive-glow,
body[data-theme="brutalist"] .guarantee-dot,
body[data-theme="brutalist"] [class*="-glow"],
body[data-theme="brutalist"] [class*="-dot"]:not(.live-dot){
  display:none !important;
}
body[data-theme="brutalist"] h1,
body[data-theme="brutalist"] h2,
body[data-theme="brutalist"] h3,
body[data-theme="brutalist"] h4,
body[data-theme="brutalist"] .section-title,
body[data-theme="brutalist"] [class$="-h"],
body[data-theme="brutalist"] [class*="-title"]{
  color:#000 !important;
  font-family:'JetBrains Mono',monospace !important;
  text-transform:uppercase;letter-spacing:-.04em !important;
  font-weight:900 !important;
}
body[data-theme="brutalist"] p,
body[data-theme="brutalist"] li,
body[data-theme="brutalist"] [class$="-sub"],
body[data-theme="brutalist"] [class$="-p"],
body[data-theme="brutalist"] .section-lead{
  color:#000 !important;
  font-family:'JetBrains Mono',monospace !important;
}
body[data-theme="brutalist"] b,
body[data-theme="brutalist"] strong{color:#000 !important;font-weight:900 !important}
body[data-theme="brutalist"] em{font-style:normal !important;background:#000 !important;color:#FFF !important;padding:0 6px}
body[data-theme="brutalist"] [class$="-eyebrow"],
body[data-theme="brutalist"] .eyebrow{
  color:#000 !important;border-color:#000 !important;
  background:transparent !important;
}
body[data-theme="brutalist"] .ital{
  background:#000 !important;color:#FFF !important;
  -webkit-background-clip:initial !important;background-clip:initial !important;
  -webkit-text-fill-color:#FFF !important;
  padding:0 8px !important;
}
body[data-theme="brutalist"] .footer{
  background:#000 !important;color:#FFF !important;
}
body[data-theme="brutalist"] .footer *{color:#FFF !important;background:transparent !important}
body[data-theme="brutalist"] .footer-brand-mark{
  background:none !important;-webkit-background-clip:initial !important;
  background-clip:initial !important;-webkit-text-fill-color:#FFF !important;color:#FFF !important;
}

/* Cards across the site get the brutalist treatment */
body[data-theme="brutalist"] .card,
body[data-theme="brutalist"] [class*="-card"],
body[data-theme="brutalist"] [class*="-tile"],
body[data-theme="brutalist"] .step,
body[data-theme="brutalist"] .tier,
body[data-theme="brutalist"] .alive-card,
body[data-theme="brutalist"] .yp-step,
body[data-theme="brutalist"] .guarantee-list li,
body[data-theme="brutalist"] .faq-item,
body[data-theme="brutalist"] .lab-mock,
body[data-theme="brutalist"] .sound-card,
body[data-theme="brutalist"] .builtfor-card,
body[data-theme="brutalist"] .vision-card,
body[data-theme="brutalist"] .tiny-card{
  background:#FFFFFF !important;
  color:#000 !important;
  border:3px solid #000 !important;
  border-radius:0 !important;
  box-shadow:6px 6px 0 #000 !important;
}

/* ============================================================
   ╔══════════════════════════════════════════════════════════╗
   ║  EDITORIAL — cream + serif everywhere                    ║
   ╚══════════════════════════════════════════════════════════╝
   ============================================================ */
body[data-theme="editorial"] section,
body[data-theme="editorial"] .builtfor,
body[data-theme="editorial"] .sound,
body[data-theme="editorial"] .trust,
body[data-theme="editorial"] .reel,
body[data-theme="editorial"] .portfolio,
body[data-theme="editorial"] .service-showcase,
body[data-theme="editorial"] .stage-cream,
body[data-theme="editorial"] .wow,
body[data-theme="editorial"] .stage-slate,
body[data-theme="editorial"] .stage-midnight,
body[data-theme="editorial"] .about,
body[data-theme="editorial"] .brandpick,
body[data-theme="editorial"] .workshop,
body[data-theme="editorial"] .yourpart,
body[data-theme="editorial"] .guarantee,
body[data-theme="editorial"] .alive,
body[data-theme="editorial"] .stage-neon,
body[data-theme="editorial"] .compareslider,
body[data-theme="editorial"] .roi,
body[data-theme="editorial"] .faq,
body[data-theme="editorial"] .tiny,
body[data-theme="editorial"] .vision,
body[data-theme="editorial"] .stage-chaos,
body[data-theme="editorial"] .stage-signature{
  background:#FAF4E8 !important;
  color:#1E1A14 !important;
}
body[data-theme="editorial"] h1,
body[data-theme="editorial"] h2,
body[data-theme="editorial"] h3,
body[data-theme="editorial"] h4,
body[data-theme="editorial"] .section-title,
body[data-theme="editorial"] [class$="-h"],
body[data-theme="editorial"] [class*="-title"]{
  font-family:'Instrument Serif',serif !important;
  font-style:italic !important;font-weight:400 !important;
  color:#1E1A14 !important;letter-spacing:-.02em !important;
}
body[data-theme="editorial"] p,
body[data-theme="editorial"] li,
body[data-theme="editorial"] [class$="-sub"],
body[data-theme="editorial"] [class$="-p"],
body[data-theme="editorial"] .section-lead{
  color:#3A3530 !important;
}
body[data-theme="editorial"] b,
body[data-theme="editorial"] strong{color:#8C2415 !important;font-weight:600 !important}
body[data-theme="editorial"] em{color:#8C2415 !important;font-style:italic}
body[data-theme="editorial"] [class$="-eyebrow"],
body[data-theme="editorial"] .eyebrow{
  color:#8C2415 !important;
  font-family:'JetBrains Mono',monospace !important;
}
body[data-theme="editorial"] .ital{
  background:none !important;
  -webkit-background-clip:initial !important;background-clip:initial !important;
  -webkit-text-fill-color:#8C2415 !important;color:#8C2415 !important;
}
body[data-theme="editorial"] .footer{
  background:#FAF4E8 !important;color:#1E1A14 !important;
  border-top:1px solid rgba(140,36,21,.2);
}
body[data-theme="editorial"] .footer *{color:#1E1A14 !important}
body[data-theme="editorial"] .footer-brand-mark{
  background:none !important;-webkit-background-clip:initial !important;
  background-clip:initial !important;-webkit-text-fill-color:#8C2415 !important;color:#8C2415 !important;
  font-style:italic !important;
}

body[data-theme="editorial"] .card,
body[data-theme="editorial"] [class*="-card"]:not(.sticker),
body[data-theme="editorial"] .step,
body[data-theme="editorial"] .tier,
body[data-theme="editorial"] .alive-card,
body[data-theme="editorial"] .yp-step,
body[data-theme="editorial"] .guarantee-list li,
body[data-theme="editorial"] .faq-item,
body[data-theme="editorial"] .sound-card,
body[data-theme="editorial"] .builtfor-card,
body[data-theme="editorial"] .vision-card,
body[data-theme="editorial"] .tiny-card{
  background:#FFFFFF !important;color:#1E1A14 !important;
  border:1px solid rgba(140,36,21,.18) !important;
  box-shadow:0 12px 30px -12px rgba(140,36,21,.10) !important;
}

body[data-theme="editorial"] .alive-glow,
body[data-theme="editorial"] .guarantee-dot,
body[data-theme="editorial"] [class*="-glow"]:not(.brandpick-preview){
  display:none !important;
}

/* ============================================================
   ╔══════════════════════════════════════════════════════════╗
   ║  LUXE — onyx + champagne gold everywhere                 ║
   ╚══════════════════════════════════════════════════════════╝
   ============================================================ */
body[data-theme="luxe"] section,
body[data-theme="luxe"] .builtfor,
body[data-theme="luxe"] .sound,
body[data-theme="luxe"] .trust,
body[data-theme="luxe"] .reel,
body[data-theme="luxe"] .portfolio,
body[data-theme="luxe"] .service-showcase,
body[data-theme="luxe"] .stage-cream,
body[data-theme="luxe"] .wow,
body[data-theme="luxe"] .stage-slate,
body[data-theme="luxe"] .stage-midnight,
body[data-theme="luxe"] .about,
body[data-theme="luxe"] .brandpick,
body[data-theme="luxe"] .workshop,
body[data-theme="luxe"] .yourpart,
body[data-theme="luxe"] .guarantee,
body[data-theme="luxe"] .alive,
body[data-theme="luxe"] .stage-neon,
body[data-theme="luxe"] .compareslider,
body[data-theme="luxe"] .roi,
body[data-theme="luxe"] .faq,
body[data-theme="luxe"] .tiny,
body[data-theme="luxe"] .vision,
body[data-theme="luxe"] .stage-chaos,
body[data-theme="luxe"] .stage-signature{
  background:#051528 !important;
  color:#F0F4FA !important;
}
body[data-theme="luxe"] h1,
body[data-theme="luxe"] h2,
body[data-theme="luxe"] h3,
body[data-theme="luxe"] h4,
body[data-theme="luxe"] .section-title,
body[data-theme="luxe"] [class$="-h"],
body[data-theme="luxe"] [class*="-title"]{
  color:#F0F4FA !important;font-weight:300 !important;letter-spacing:.005em !important;
}
body[data-theme="luxe"] p,
body[data-theme="luxe"] li,
body[data-theme="luxe"] [class$="-sub"],
body[data-theme="luxe"] [class$="-p"],
body[data-theme="luxe"] .section-lead{
  color:rgba(240,244,250,.72) !important;font-weight:300 !important;
}
body[data-theme="luxe"] b,
body[data-theme="luxe"] strong{
  background:linear-gradient(135deg,#2DA8E0,#F0F4FA) !important;
  -webkit-background-clip:text !important;background-clip:text !important;
  -webkit-text-fill-color:transparent !important;color:transparent !important;
  font-weight:400 !important;
}
body[data-theme="luxe"] em{color:#2DA8E0 !important;font-style:italic}
body[data-theme="luxe"] [class$="-eyebrow"],
body[data-theme="luxe"] .eyebrow{
  color:#2DA8E0 !important;letter-spacing:.18em !important;
}
body[data-theme="luxe"] .ital{
  background:linear-gradient(135deg,#2DA8E0,#F0F4FA) !important;
  -webkit-background-clip:text !important;background-clip:text !important;
  -webkit-text-fill-color:transparent !important;color:transparent !important;
  font-weight:300 !important;
}
body[data-theme="luxe"] .footer{
  background:#051528 !important;color:#F0F4FA !important;
  border-top:1px solid rgba(91,224,250,.20);
}
body[data-theme="luxe"] .footer *{color:#F0F4FA !important}
body[data-theme="luxe"] .footer-brand-mark{
  background:linear-gradient(135deg,#2DA8E0,#F0F4FA) !important;
  -webkit-background-clip:text !important;background-clip:text !important;
  -webkit-text-fill-color:transparent !important;color:transparent !important;
}

body[data-theme="luxe"] .card,
body[data-theme="luxe"] [class*="-card"]:not(.sticker),
body[data-theme="luxe"] .step,
body[data-theme="luxe"] .tier,
body[data-theme="luxe"] .alive-card,
body[data-theme="luxe"] .yp-step,
body[data-theme="luxe"] .guarantee-list li,
body[data-theme="luxe"] .faq-item,
body[data-theme="luxe"] .sound-card,
body[data-theme="luxe"] .builtfor-card,
body[data-theme="luxe"] .vision-card,
body[data-theme="luxe"] .tiny-card{
  background:rgba(255,255,255,.025) !important;
  color:#F0F4FA !important;
  border:1px solid rgba(91,224,250,.25) !important;
  box-shadow:0 18px 40px -16px rgba(91,224,250,.08), inset 0 0 24px rgba(91,224,250,.03) !important;
}

body[data-theme="luxe"] .alive-glow,
body[data-theme="luxe"] .guarantee-dot,
body[data-theme="luxe"] [class*="-glow"]:not(.brandpick-preview){
  filter:hue-rotate(-20deg) saturate(.5) brightness(.8) !important;
}

/* ============================================================
   ╔══════════════════════════════════════════════════════════╗
   ║  CRIMSON — wine-black + crimson red everywhere           ║
   ╚══════════════════════════════════════════════════════════╝
   ============================================================ */
body[data-theme="red"] section,
body[data-theme="red"] .builtfor,
body[data-theme="red"] .sound,
body[data-theme="red"] .trust,
body[data-theme="red"] .reel,
body[data-theme="red"] .portfolio,
body[data-theme="red"] .service-showcase,
body[data-theme="red"] .stage-cream,
body[data-theme="red"] .wow,
body[data-theme="red"] .stage-slate,
body[data-theme="red"] .stage-midnight,
body[data-theme="red"] .about,
body[data-theme="red"] .workshop,
body[data-theme="red"] .yourpart,
body[data-theme="red"] .guarantee,
body[data-theme="red"] .alive,
body[data-theme="red"] .stage-neon,
body[data-theme="red"] .compareslider,
body[data-theme="red"] .roi,
body[data-theme="red"] .faq,
body[data-theme="red"] .tiny,
body[data-theme="red"] .vision,
body[data-theme="red"] .stage-chaos,
body[data-theme="red"] .stage-signature{
  background:#150A0C !important;
  color:#FFF4F0 !important;
}
body[data-theme="red"] h1,
body[data-theme="red"] h2,
body[data-theme="red"] h3,
body[data-theme="red"] h4,
body[data-theme="red"] .section-title,
body[data-theme="red"] [class$="-h"],
body[data-theme="red"] [class*="-title"]{
  color:#FFF4F0 !important;
}
body[data-theme="red"] p,
body[data-theme="red"] li,
body[data-theme="red"] [class$="-sub"],
body[data-theme="red"] [class$="-p"],
body[data-theme="red"] .section-lead{
  color:rgba(255,244,240,.82) !important;
}
body[data-theme="red"] b,
body[data-theme="red"] strong{color:#FF8090 !important;font-weight:700 !important}
body[data-theme="red"] em{color:#FF8090 !important;font-style:italic}
body[data-theme="red"] [class$="-eyebrow"],
body[data-theme="red"] .eyebrow{
  color:#FF8090 !important;letter-spacing:.18em !important;
}
body[data-theme="red"] .ital{
  background:linear-gradient(135deg, #FF8090 0%, #DC143C 50%, #B91C1C 100%) !important;
  -webkit-background-clip:text !important;background-clip:text !important;
  -webkit-text-fill-color:transparent !important;color:transparent !important;
}
body[data-theme="red"] .footer{
  background:#0E0606 !important;color:#FFF4F0 !important;
  border-top:1px solid rgba(220,38,38,.30);
}
body[data-theme="red"] .footer *{color:#FFF4F0 !important}
body[data-theme="red"] .footer-brand-mark{
  background:linear-gradient(135deg, #FF8090, #DC143C) !important;
  -webkit-background-clip:text !important;background-clip:text !important;
  -webkit-text-fill-color:transparent !important;color:transparent !important;
}

body[data-theme="red"] .card,
body[data-theme="red"] [class*="-card"]:not(.sticker),
body[data-theme="red"] .step,
body[data-theme="red"] .tier,
body[data-theme="red"] .alive-card,
body[data-theme="red"] .yp-step,
body[data-theme="red"] .guarantee-list li,
body[data-theme="red"] .faq-item,
body[data-theme="red"] .sound-card,
body[data-theme="red"] .builtfor-card,
body[data-theme="red"] .vision-card,
body[data-theme="red"] .tiny-card{
  background:rgba(220,38,38,.05) !important;
  color:#FFF4F0 !important;
  border:1px solid rgba(220,38,38,.28) !important;
  box-shadow:0 18px 40px -16px rgba(220,38,38,.20) !important;
}

body[data-theme="red"] .alive-glow,
body[data-theme="red"] .guarantee-dot,
body[data-theme="red"] [class*="-glow"]:not(.brandpick-preview){
  filter:hue-rotate(20deg) saturate(1.4) !important;
}

body[data-theme="red"] .stage-cream,
body[data-theme="red"] .stage-slate,
body[data-theme="red"] .stage-midnight,
body[data-theme="red"] .stage-neon,
body[data-theme="red"] .stage-chaos,
body[data-theme="red"] .stage-signature{
  background-image:none !important;
}

/* Hide stage-bg backgrounds that have gradients hardcoded */
body[data-theme="brutalist"] .stage-cream,
body[data-theme="brutalist"] .stage-slate,
body[data-theme="brutalist"] .stage-midnight,
body[data-theme="brutalist"] .stage-neon,
body[data-theme="brutalist"] .stage-chaos,
body[data-theme="brutalist"] .stage-signature,
body[data-theme="editorial"] .stage-cream,
body[data-theme="editorial"] .stage-slate,
body[data-theme="editorial"] .stage-midnight,
body[data-theme="editorial"] .stage-neon,
body[data-theme="editorial"] .stage-chaos,
body[data-theme="editorial"] .stage-signature,
body[data-theme="luxe"] .stage-cream,
body[data-theme="luxe"] .stage-slate,
body[data-theme="luxe"] .stage-midnight,
body[data-theme="luxe"] .stage-neon,
body[data-theme="luxe"] .stage-chaos,
body[data-theme="luxe"] .stage-signature{
  background-image:none !important;
}