/* Idea A — full dark midnight gold (no white boxes) */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600&family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&display=swap');

:root{
  --idea-navy:#07111f !important;
  --idea-navy2:#0c1a2e !important;
  --idea-gold:#c9a46c !important;
  --idea-gold-hot:#dbb57a !important;
  --idea-gold-ink:#dbb57a !important;
  --idea-ink:#f4f6f9 !important;
  --idea-muted:rgba(244,246,249,.62) !important;
  --idea-bg:#07111f !important;
  --idea-surface:#0f1c30 !important;
  --idea-line:rgba(201,164,108,.2) !important;
  --navy:#07111f !important;
  --navy2:#0c1a2e !important;
  --purple:#c9a46c !important;
  --purple2:#8a6a3a !important;
  --ink:#f4f6f9 !important;
  --muted:rgba(244,246,249,.62) !important;
  --bg:#07111f !important;
  --surface:#0f1c30 !important;
  --line:rgba(201,164,108,.2) !important;
}

html, body{
  background:#07111f !important;
  color:#f4f6f9 !important;
  font-family:"DM Sans",system-ui,-apple-system,sans-serif !important;
  -webkit-font-smoothing:antialiased;
}

h1,h2,h3,.storefront-title,.pk-grad,.hero h1,.sec-head h2,.page-hero h1,
.help-card h3,.bf-name,.flag-card h2,.folio-meta h3,.va-hero h1,.va-how h2{
  font-family:"Fraunces",Georgia,serif !important;
  font-weight:550 !important;
  letter-spacing:-.02em !important;
  color:#fff !important;
}

/* Kill ALL white surfaces */
.section, .section-alt, .section-band, .section-work,
.help-hub-inner, .bundles, .pricing, .office-inner,
.va-wrap, .va-how, main, .content, .panel{
  background:#07111f !important;
  color:#f4f6f9 !important;
}
.section-band{
  background:#0a1628 !important;
  border-color:rgba(201,164,108,.12) !important;
}

/* Cards → dark glass, not white */
.help-card, .bf-card, .flag-card, .pkg-card, .folio-card, .also-card,
.storefront-panel, .app-panel, .chat-panel, .shop-price-card, .mini-card,
.price-card, .launch-step, .how-card, .calm-list, .calm-row,
.bento, .work-card, .store-card, .folio-meta, .pkg-list, .pkg-row,
.sector-card, .bundle-card, .tool-link, .tool-tag, .suite-tool-chip,
.bundle-pill, .show-bundles-btn, .sectors-show-more, .oh-box, .who-card,
.process-step, .ts-box, .offer-card, .feature-card, .card, .panel-card{
  background:#0f1c30 !important;
  border:1px solid rgba(201,164,108,.22) !important;
  color:#f4f6f9 !important;
  border-radius:14px !important;
}
/* Featured Trade Site card keeps gold glow */
.pkg-card.pkg-card-lead{
  background:
    radial-gradient(ellipse 70% 80% at 100% 0%, rgba(201,164,108,.2), transparent 55%),
    linear-gradient(160deg, #132338 0%, #0c1a2e 45%, #07111f 100%) !important;
  border-color:rgba(201,164,108,.5) !important;
  box-shadow:0 20px 56px rgba(0,0,0,.35), inset 0 1px 0 rgba(201,164,108,.15) !important;
}
.pkg-card .pkg-price-lg{color:#dbb57a !important;font-size:1.85rem !important}
.pkg-card-lead .pkg-price-lg{font-size:clamp(2.1rem,3.2vw,2.75rem) !important}
.pkg-card-lead h3{font-size:clamp(1.55rem,2.4vw,2rem) !important}
.how-num{font-size:2.1rem !important;color:#dbb57a !important}
.how, .bundles, .oh-offer, .sectors, .pricing, .suite-spot{
  background:#07111f !important;
  color:#f4f6f9 !important;
}
.section-header h2, .sector-name, .bundle-card h3, .price-amount,
.how-step h3, .suite-spot h2, .tool-name, .oh-box h3, .who-card h3{
  color:#fff !important;
}
.help-card p, .flag-card p, .pkg-card p, .folio-meta p, .also-card p,
.calm-row span, .bf-meta, .sec-head p, .lede, .hero-sub, .intro, .calm-note,
.section-header p, .sector-summary ul li, .price-desc, .price-features li,
.how-step p, .bundle-card p, .tool-tag, .suite-spot p{
  color:rgba(244,246,249,.62) !important;
}
.help-card:hover, .bf-card:hover, .flag-card:hover, .pkg-card:hover, .folio-card:hover,
.also-card:hover, .calm-row:hover, .pkg-row:hover, .sector-card:hover, .bundle-card:hover{
  border-color:rgba(201,164,108,.5) !important;
  background:#132338 !important;
  box-shadow:0 16px 48px rgba(0,0,0,.35) !important;
}

/* CTAs gold */
.nav-cta, a.nav-cta, .btn-primary, .btn-violet, .btn-white, .price-btn.featured-btn,
.bf-go, .office-cta, .pk-hero-cta--primary, .storefront-cta:not(.storefront-cta--ghost),
.va-btn-primary, .tp-btn{
  background:#c9a46c !important;
  border-color:#c9a46c !important;
  color:#07111f !important;
  border-radius:999px !important;
}
.nav-cta:hover, .btn-primary:hover, .btn-violet:hover, .btn-white:hover, .va-btn-primary:hover{
  background:#dbb57a !important;
}
.btn-glass, .btn-outline, .btn-outline-light, .btn-outline-dark, .tp-btn-ghost{
  background:transparent !important;
  color:#f4f6f9 !important;
  border:1px solid rgba(201,164,108,.4) !important;
  border-radius:999px !important;
}

/* Nav */
nav#main-nav, nav.mn-site-nav, nav{
  background:rgba(7,17,31,.96) !important;
  border-bottom:1px solid rgba(201,164,108,.2) !important;
}
nav .nav-wordmark-mn, nav .nav-links a{color:rgba(244,246,249,.88) !important}
nav .nav-wordmark-sub{color:rgba(201,164,108,.85) !important}
nav .hamburger span{background:#f4f6f9 !important}

/* Heroes */
.hero, .page-hero, section.hero, .va-hero, .oh-hero, .outreach-hero{
  background:
    radial-gradient(ellipse 80% 60% at 85% 15%, rgba(201,164,108,.14), transparent 55%),
    linear-gradient(165deg,#07111f 0%,#0c1a2e 100%) !important;
}
.hero-aurora,.hero-stars,.hero-orb,.hero-grid,.hero-mesh,
.build-aurora,.bot-spot-aurora,.pipe-spot-aurora{display:none !important}
.hero h1, .page-hero h1, .va-hero h1{color:#fff !important; -webkit-text-fill-color:#fff !important; background:none !important}
.hero .accent, h1 .accent, .pk-grad{color:#dbb57a !important; -webkit-text-fill-color:#dbb57a !important; background:none !important}

/* Gold accents */
.eyebrow, .folio-tag, .folio-link, .pkg-go, .flag-go, .flag-kicker,
.bf-price, .help-card-go, .pkg-price, .pkg-price-lg, .calm-row em, .how-num{
  color:#dbb57a !important;
}
.help-card-icon{
  background:rgba(201,164,108,.15) !important;
  color:#dbb57a !important;
}

/* Folio */
.folio-browser, .folio-chrome{background:#0a1424 !important}
.folio-url{color:rgba(244,246,249,.45) !important; background:rgba(255,255,255,.05) !important}
.folio-meta{background:#0f1c30 !important}

/* Footer / CTA */
.cta, footer, .cta-band, .mn-cta-sexy{
  background:#050c16 !important;
  color:rgba(244,246,249,.7) !important;
  border-color:rgba(201,164,108,.15) !important;
}
footer a, .footer-col a{color:rgba(244,246,249,.65) !important}
footer a:hover{color:#dbb57a !important}

/* Assist pages — dark body */
.va-free-strip{background:#07111f !important}
body .va-wrap, .va-how{background:transparent !important; color:#f4f6f9 !important}
.va-how, .va-how p, .va-lead{color:rgba(244,246,249,.7) !important}

/* Force white backgrounds off common utility classes */
[style*="background:#fff"], [style*="background: #fff"],
[style*="background:#ffffff"], [style*="background: #ffffff"],
[style*="background:#f8f9fc"], [style*="background:#f6f3ec"],
[style*="background:#f3efe6"], [style*="background:#fffaf2"]{
  /* can't override inline style attr easily — pages remapped below */
}

/* Trust strip dark */
.trust-strip{background:#0a1628 !important; border-color:rgba(201,164,108,.12) !important}
.trust-strip-copy strong{color:#fff !important}
.trust-strip-copy p{color:rgba(244,246,249,.6) !important}

/* less1 — denser, punchier */
.section{padding:3rem 0 !important}
.hero{padding:3.25rem 0 2.75rem !important}
.folio-meta p{display:none !important}
.pkg-card > p:not(.pkg-price-lg):not(.prod-meta){display:none !important}
.prod-meta,.prod-go,.prod-price,.prod-body h3{display:block !important}
.how-card{padding:1.35rem 1.25rem !important;text-align:center}
.how-card h3{margin:0 !important}
.sec-head{margin-bottom:1.35rem !important}
.sec-head p{display:none !important}
.cta{padding:3.25rem 0 !important}
.cta p{display:none !important}
.page-hero{padding:2.75rem 0 1.5rem !important}
.page-hero .lede{display:none !important}
.ts-hero{padding:3rem 0 2rem !important}
.incog-band{display:none !important}

/* live product cards keep visual previews */
.prod-card, .tier-card, .ts-live-card{
  background:#0f1c30 !important;
  border:1px solid rgba(201,164,108,.22) !important;
  padding:0 !important;
  overflow:hidden !important;
}
.prod-preview, .prod-chrome, .prod-shot, .prod-phone, .prod-wa{background:#0a1424 !important}
.prod-body h3, .tier-card h3, .ts-live-card h3{color:#fff !important}
.prod-price{color:#dbb57a !important}
.prod-meta{color:rgba(244,246,249,.62) !important;display:block !important}

/* bubble hero */
.hero.hero-pcb{background:#050a12 !important}
.q-bubble{background:rgba(15,28,48,.72) !important;color:#fff !important}
.pop-card{background:#0f1c30 !important;padding:0 !important}
.pop-body h2{color:#fff !important}
.pop-price{color:#dbb57a !important;display:block !important}
.pop-meta{display:block !important;color:rgba(244,246,249,.68) !important}

/* sitewide PCB heroes */
.page-hero, .ts-hero, .hero.mn-hero-std, section.hero:not(.hero-pcb){
  background:#050a12 !important;
}
.hero.mn-hero-std h1, .page-hero h1, .ts-hero h1, section.hero:not(.hero-pcb) h1{
  color:#fff !important; -webkit-text-fill-color:#fff !important;
}
.hero.mn-hero-std .btn-primary{background:#c9a46c !important;color:#07111f !important}

/* atmosphere — don’t flatten page bodies to solid void */
html, body{
  background:#050a12 !important;
}
.section, .section-alt, .section-band, .section-work,
.how, .bundles, .oh-offer, .sectors, .pricing, .suite-spot{
  background:rgba(7,17,31,.52) !important;
}
.section-band, .bundles, .sectors, .pricing{
  background:rgba(15,28,48,.42) !important;
}
.cta, .trust-strip, footer{
  background:rgba(7,17,31,.6) !important;
}
/* tools/help/outreach major bands */
.how, .suite-spot, .smb, .deaf-spot, .pipe-spot, .build-spot, .oh-offer{
  background:
    radial-gradient(ellipse 80% 60% at 50% 0%, rgba(201,164,108,.1), transparent 55%),
    rgba(7,17,31,.55) !important;
}


/* atmos2 — every page, including Help Hub assist tools */
html{background:#050a12 !important}
body{background:transparent !important}
.va-free-strip, .free-strip, .tool-shell, .panel, .card-grid, .assist-wrap, .content{
  /* content cards stay readable; page void is atmospheric via body::before */
}
main, .wrap, .content{
  position:relative;z-index:1;
}

.va-hero{background:transparent !important}
.va-how, .help-page-main{background:rgba(7,17,31,.45) !important}
.va-row, .help-section-block, .dx-tool{background:rgba(15,28,48,.72) !important}