/* ============================================================
   Mares & Makers — Obsidian style, brand palette
   Bold Obsidian-Media structure (hard borders, offset shadows, clip-path
   bands, pill buttons) recoloured with the original brand palette —
   Espresso, Sage, Dusty Rose, Antique Brass — pushed more saturated/darker
   than the muted brand-kit hexes so they hold their own against the
   heavier obsidian treatment (thick borders, black bands, hard shadows).
   ============================================================ */
body[data-theme="obsidian"]{
  --bg:#FFFFFF; --text:#211509; --accent:#B8842A; --accent-ink:#7A5310; --accent-soft:#FBF0DE; --border:#E9E3D6;
  --card:#FFFFFF; --bg-subtle:#FBF0DE; --bg-dark:#211509; --espresso:#211509;
  --rose:#BD3F63; --rose-soft:#FBE7ED; --sage:#4F6339; --sage-soft:#EAF0E2; --rosette:#A61E32; --cream:#FFFFFF; --ink:#211509;
  --font:'Montserrat',system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-display:'Montserrat',system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-hand:'Caveat','Segoe Script',cursive;
  --band-cream:color-mix(in srgb,var(--accent) 6%,#fff);
  --band-rose:color-mix(in srgb,var(--rose) 12%,#fff);
  --band-sage:color-mix(in srgb,var(--sage) 8%,#fff);
  --sage-soft:color-mix(in srgb,var(--sage) 10%,#fff);
}
body[data-theme="obsidian"]{font-family:var(--font);font-weight:500}
body[data-theme="obsidian"] h1,body[data-theme="obsidian"] h2,body[data-theme="obsidian"] h3{
  font-family:var(--font-display);font-weight:900;text-transform:uppercase;line-height:.96;letter-spacing:-.02em;
}
body[data-theme="obsidian"] .hero h1{font-size:clamp(34px,4.2vw,64px) !important;letter-spacing:-.015em !important;line-height:1.04 !important}
body[data-theme="obsidian"] .head h2,
body[data-theme="obsidian"] .audit-copy h2,
body[data-theme="obsidian"] .quote .q h2,
body[data-theme="obsidian"] .about h2,
body[data-theme="obsidian"] .cta h2{
  font-size:clamp(34px,5vw,64px) !important;letter-spacing:-.02em !important;line-height:.96 !important;
}
body[data-theme="obsidian"] .eyebrow{font-weight:800;text-transform:uppercase;letter-spacing:.14em;font-size:12px;color:var(--accent);margin-bottom:18px}
body[data-theme="obsidian"] .stat .n{font-family:var(--font-display);font-weight:900;font-size:clamp(26px,4.4vw,58px);letter-spacing:-.02em;color:var(--accent)}
body[data-theme="obsidian"] .hero-scrim{background:linear-gradient(95deg,color-mix(in srgb,var(--text) 92%,transparent) 0%,color-mix(in srgb,var(--text) 74%,transparent) 36%,color-mix(in srgb,var(--text) 36%,transparent) 66%,color-mix(in srgb,var(--text) 6%,transparent) 100%)}
@media(max-width:900px){
  body[data-theme="obsidian"] .hero-scrim{background:linear-gradient(178deg,color-mix(in srgb,var(--text) 74%,transparent) 0%,color-mix(in srgb,var(--text) 90%,transparent) 45%,color-mix(in srgb,var(--text) 90%,transparent) 100%)}
}

/* ---- buttons: Obsidian's exact pill metrics ---- */
body[data-theme="obsidian"] .btn-primary,
body[data-theme="obsidian"] .btn-secondary,
body[data-theme="obsidian"] .hero .btn-primary,
body[data-theme="obsidian"] .band-espresso .btn-primary,
body[data-theme="obsidian"] .toolkit-list .btn-primary,
body[data-theme="obsidian"] .fdr-slide.s-signoff .btn-primary,
body[data-theme="obsidian"] .dark .btn-primary{
  height:auto !important;padding:18px 30px !important;font-size:15px !important;gap:10px !important;
  border-radius:60px !important;font-weight:800;text-transform:uppercase;letter-spacing:.04em;
  box-shadow:none !important;transition:transform .18s,background .18s,border-color .18s,color .18s !important;
}
body[data-theme="obsidian"] .btn-primary,
body[data-theme="obsidian"] .hero .btn-primary,
body[data-theme="obsidian"] .band-espresso .btn-primary,
body[data-theme="obsidian"] .toolkit-list .btn-primary,
body[data-theme="obsidian"] .fdr-slide.s-signoff .btn-primary,
body[data-theme="obsidian"] .dark .btn-primary{
  border:3px solid var(--accent) !important;background:var(--accent) !important;color:#fff !important;
}
body[data-theme="obsidian"] .btn-primary:hover,
body[data-theme="obsidian"] .hero .btn-primary:hover,
body[data-theme="obsidian"] .band-espresso .btn-primary:hover,
body[data-theme="obsidian"] .toolkit-list .btn-primary:hover,
body[data-theme="obsidian"] .fdr-slide.s-signoff .btn-primary:hover,
body[data-theme="obsidian"] .dark .btn-primary:hover{
  transform:translateY(-2px) rotate(-1deg) !important;
  background:var(--accent-ink) !important;border-color:var(--accent-ink) !important;color:#fff !important;
}
body[data-theme="obsidian"] .btn-secondary{
  background:transparent !important;color:var(--text) !important;border:3px solid var(--text) !important;
}
body[data-theme="obsidian"] .btn-secondary:hover{
  background:var(--text) !important;color:#fff !important;border-color:var(--text) !important;
  transform:translateY(-2px) rotate(-1deg) !important;
}
body[data-theme="obsidian"] .btn-hero-ghost{
  height:auto !important;padding:18px 30px !important;font-size:15px !important;border-radius:60px !important;
  border:3px solid #fff !important;background:transparent !important;color:#fff !important;
  font-weight:800;text-transform:uppercase;letter-spacing:.04em;
}
body[data-theme="obsidian"] .btn-hero-ghost:hover{background:#fff !important;color:var(--text) !important}

/* ---- Obsidian card treatment: hard-offset drop-shadow hover ---- */
body[data-theme="obsidian"] .card,
body[data-theme="obsidian"] .why-card,
body[data-theme="obsidian"] .real-card,
body[data-theme="obsidian"] .rev-card,
body[data-theme="obsidian"] .pkgd-card,
body[data-theme="obsidian"] .step,
body[data-theme="obsidian"] .jrny-card,
body[data-theme="obsidian"] .path-card,
body[data-theme="obsidian"] .notsure,
body[data-theme="obsidian"] .frame,
body[data-theme="obsidian"] .tab-panel{
  border:2px solid var(--text) !important;border-radius:20px !important;box-shadow:none !important;
  transition:transform .18s ease,box-shadow .18s ease !important;
}
body[data-theme="obsidian"] .card:hover,
body[data-theme="obsidian"] .why-card:hover,
body[data-theme="obsidian"] .real-card:hover,
body[data-theme="obsidian"] .rev-card:hover,
body[data-theme="obsidian"] .pkgd-card:hover,
body[data-theme="obsidian"] .step:hover,
body[data-theme="obsidian"] .jrny-card:hover,
body[data-theme="obsidian"] .path-card:hover,
body[data-theme="obsidian"] .notsure:hover,
body[data-theme="obsidian"] .frame:hover,
body[data-theme="obsidian"] .tab-panel:hover{
  transform:translateY(-6px) rotate(-.5deg) !important;box-shadow:10px 12px 0 var(--accent) !important;
}

/* ---- "how it works": white band, sage cards with white text, sage text outside cards ---- */
body[data-theme="obsidian"] #system{
  background:#FBF8F2 !important;color:#8FA873 !important;
  clip-path:polygon(0 4.5vw,100% 0,100% 100%,0 100%);margin-top:-4.6vw;position:relative;z-index:1;
  padding-top:calc(36px + 4.5vw) !important;padding-bottom:calc(20px + 4.5vw) !important;
  border-bottom:none !important;
}
body[data-theme="obsidian"] #packages{padding-top:44px !important}
body[data-theme="obsidian"] #system h2,body[data-theme="obsidian"] #system h3{color:#8FA873 !important}
body[data-theme="obsidian"] #system p{color:#8FA873 !important}
body[data-theme="obsidian"] #system .head p{color:#000 !important}
body[data-theme="obsidian"] #system .eyebrow{color:#8FA873 !important}
body[data-theme="obsidian"] #system .tab-panel{background:#8FA873 !important;color:#fff;border:none !important;transition:none !important}
body[data-theme="obsidian"] #system .tab-panel:hover{transform:none !important;box-shadow:none !important}
body[data-theme="obsidian"] #system .tab-panel p,body[data-theme="obsidian"] #system .tab-bullets,body[data-theme="obsidian"] #system .tab-bullets li,body[data-theme="obsidian"] #system .tab-lede{color:#fff !important}
body[data-theme="obsidian"] #system .tab-step{color:#8FA873 !important;opacity:.75}
body[data-theme="obsidian"] #system .tab-ic{background:transparent !important;color:#fff !important;opacity:.5 !important}

/* ---- "why mares & makers": white section, bright pale-pink cards, no hover animation ----
   NB: this section's cards are .real-card (inside .trust-grid), not .why-card —
   .why-card/.why-grid are dead CSS classes unused anywhere in the markup. */
body[data-theme="obsidian"] #why{background:#FBF8F2 !important;
  /* colour hierarchy shared with the packages cards: bright pink hero, pale blush ground,
     raspberry symbols/lettering, sage from #system. Mobile rhythm: pink -> blush -> sage -> blush */
  --why-pink:#FF9EBB;--why-blush:#FFF4F7;--why-blush-border:#F3D9E1;
  --why-raspberry:#BD3F63;--why-sage:#8FA873;--why-sage-ic:#4F6339;
  --why-espresso:#3B2A21;--why-pink-accent:#BD3F63;--why-pink-ink:#FF9EBB}
body[data-theme="obsidian"] #why .head h2{color:var(--why-pink-ink) !important}
body[data-theme="obsidian"] #why .real-card{
  border-radius:20px !important;padding:18px 20px !important;gap:9px !important;
  transition:none !important;
}
body[data-theme="obsidian"] #why .real-card:hover{transform:none !important;box-shadow:none !important}
body[data-theme="obsidian"] #why .real-card .rc-head{gap:12px}
body[data-theme="obsidian"] #why .real-card .ic{
  width:42px;height:42px;flex:0 0 42px;border-radius:12px;border-color:transparent !important;
  box-shadow:0 6px 16px -8px rgba(59,42,33,.4) !important}
/* divider / accent line between the heading and the body copy */
body[data-theme="obsidian"] #why .real-card p::before{
  content:"";display:block;width:34px;height:3px;border-radius:2px;margin:0 0 8px}
@media(max-width:720px){
  body[data-theme="obsidian"] #why .real-card{padding:13px 18px !important;gap:8px !important}
  body[data-theme="obsidian"] #why .real-card .ic{width:38px;height:38px;flex:0 0 38px}
}

/* 1 — strong dusty pink */
body[data-theme="obsidian"] #why .trust-grid .real-card:nth-child(1){
  background:var(--why-pink) !important;border-color:var(--why-pink) !important}
body[data-theme="obsidian"] #why .trust-grid .real-card:nth-child(1) h3,
body[data-theme="obsidian"] #why .trust-grid .real-card:nth-child(1) p{color:#fff !important}
body[data-theme="obsidian"] #why .trust-grid .real-card:nth-child(1) .ic{
  background:#fff !important;color:var(--why-raspberry) !important}
body[data-theme="obsidian"] #why .trust-grid .real-card:nth-child(1) p::before{background:rgba(255,255,255,.85)}

/* 2 — pale blush */
body[data-theme="obsidian"] #why .trust-grid .real-card:nth-child(2){
  background:var(--why-blush) !important;border-color:var(--why-blush-border) !important}
body[data-theme="obsidian"] #why .trust-grid .real-card:nth-child(2) h3{color:var(--why-raspberry) !important}
body[data-theme="obsidian"] #why .trust-grid .real-card:nth-child(2) p{color:var(--why-espresso) !important}
body[data-theme="obsidian"] #why .trust-grid .real-card:nth-child(2) .ic{
  background:#fff !important;color:var(--why-raspberry) !important}
body[data-theme="obsidian"] #why .trust-grid .real-card:nth-child(2) p::before{background:var(--why-pink)}

/* 3 — sage */
body[data-theme="obsidian"] #why .trust-grid .real-card:nth-child(3){
  background:var(--why-sage) !important;border-color:var(--why-sage) !important}
body[data-theme="obsidian"] #why .trust-grid .real-card:nth-child(3) h3,
body[data-theme="obsidian"] #why .trust-grid .real-card:nth-child(3) p{color:#fff !important}
body[data-theme="obsidian"] #why .trust-grid .real-card:nth-child(3) .ic{
  background:#fff !important;color:var(--why-sage-ic) !important}
body[data-theme="obsidian"] #why .trust-grid .real-card:nth-child(3) p::before{background:#FBF8F2}

/* 4 — pale blush, raspberry icon tile */
body[data-theme="obsidian"] #why .trust-grid .real-card:nth-child(4){
  background:var(--why-blush) !important;border-color:var(--why-blush-border) !important}
body[data-theme="obsidian"] #why .trust-grid .real-card:nth-child(4) h3{color:var(--why-raspberry) !important}
body[data-theme="obsidian"] #why .trust-grid .real-card:nth-child(4) p{color:var(--why-espresso) !important}
body[data-theme="obsidian"] #why .trust-grid .real-card:nth-child(4) .ic{
  background:var(--why-raspberry) !important;color:#fff !important}
body[data-theme="obsidian"] #why .trust-grid .real-card:nth-child(4) p::before{background:var(--why-pink)}
body[data-theme="obsidian"] #why .real-copy p{color:#000 !important}
body[data-theme="obsidian"] #why .real-copy strong{color:var(--why-pink-accent) !important}

/* ---- "packages": cream section (unchanged), pink cards + text — same treatment as #why ---- */
body[data-theme="obsidian"] #packages{--pkg-pink-card:#FF9EBB;--pkg-pink-accent:#BF778C;
  /* rose accent for the packages lettering + accents (replaces the gold, this section only) */
  --accent:#FF9EBB;--accent-ink:#FF9EBB;--accent-soft:#F7E8EC;
  --pkg-hair:rgba(255,158,187,.55);--pkg-glow:rgba(189,63,99,.5)}
body[data-theme="obsidian"] #packages .head h2{color:var(--accent) !important}
body[data-theme="obsidian"] #packages .head p{color:#000 !important}
body[data-theme="obsidian"] #packages .pkgd-card{background:#FFF4F7 !important;border-color:#F3D9E1 !important}
body[data-theme="obsidian"] #packages .pkgd-card:hover{box-shadow:10px 12px 0 var(--pkg-pink-card) !important}
body[data-theme="obsidian"] #packages .pkgd-top{background:#FFF4F7 !important;border-bottom-color:#F3D9E1 !important}
body[data-theme="obsidian"] #packages .pkgd-name,
body[data-theme="obsidian"] #packages .pkgd-short,
body[data-theme="obsidian"] #packages .pkgd-result,
body[data-theme="obsidian"] #packages .pkgd-bestfor{color:var(--pkg-pink-card) !important}
body[data-theme="obsidian"] #packages .pkgd-bestfor b{color:var(--pkg-pink-card) !important}
body[data-theme="obsidian"] #packages .pkgd-prow .lbl,
body[data-theme="obsidian"] #packages .pkgd-prow .amt,
body[data-theme="obsidian"] #packages .pkgd-prow .amt small{color:var(--pkg-pink-card) !important}
body[data-theme="obsidian"] #packages .pkgd-prow .amt .from{color:var(--pkg-pink-card) !important}
body[data-theme="obsidian"] #packages .pkgd-ic{background:#fff !important;color:#BD3F63 !important;border-color:#F3D9E1 !important}
body[data-theme="obsidian"] #packages .pkgd-rule{background:var(--pkg-pink-card) !important}
body[data-theme="obsidian"] #packages .pkgd-prices{border:none !important}
body[data-theme="obsidian"] #packages .pkgd-pop{background:var(--pkg-pink-card) !important;color:#fff !important}
body[data-theme="obsidian"] #packages .pkgd-card.is-pop{box-shadow:0 0 0 2px var(--pkg-pink-card),0 34px 66px -44px var(--pkg-glow) !important}
body[data-theme="obsidian"] #packages .pkgd-toggle{background:#FFF4F7 !important;color:var(--pkg-pink-card) !important}
body[data-theme="obsidian"] #packages .pkgd-toggle:hover{background:#FFEAF0 !important}
body[data-theme="obsidian"] #packages .pkgd-incl li:before{border-color:var(--pkg-pink-card) !important}
body[data-theme="obsidian"] #packages .pkgd-inclh{color:var(--pkg-pink-card) !important}
body[data-theme="obsidian"] #packages .pkgd-incl li,
body[data-theme="obsidian"] #packages .pkgd-incl li.carry{color:var(--pkg-pink-card) !important}
body[data-theme="obsidian"] #packages .pkgd-incl li{border-top-color:#F5E3E8 !important}
body[data-theme="obsidian"] #packages .pkgd-foot{background:transparent !important;border-top-color:#F5E3E8 !important}
/* v2 card (The Stable): the "what's included" header is the top of the white list tile */
body[data-theme="obsidian"] #packages .pkgv2 .pkgd-toggle,
body[data-theme="obsidian"] #packages .pkgv2 .pkgd-toggle:hover{background:#fff !important}
body[data-theme="obsidian"] #packages .pkgv2 .pkgd-ic{border-color:transparent !important}
/* symbols (card icon, tick circles, row icons) stay cherry — lettering is the bright pink */
body[data-theme="obsidian"] #packages .pkgv2{--pkv-rose:#BD3F63 !important}
/* header band is the bright pink; its lettering is white */
body[data-theme="obsidian"] #packages .pkv-hero{background:#FF9EBB !important}
body[data-theme="obsidian"] #packages .pkv-name,
body[data-theme="obsidian"] #packages .pkv-short,
body[data-theme="obsidian"] #packages .pkv-result{color:#fff !important}
body[data-theme="obsidian"] #packages .pkv-rule{background:rgba(255,255,255,.7) !important}
body[data-theme="obsidian"] #packages .pkv-pop{background:#B8842A !important;color:#fff !important}
/* "designed for" tile: mid pink — lighter than the header band, brighter than the card ground */
body[data-theme="obsidian"] #packages .pkv-tile.pkv-for{background:#FFD3E1 !important}
body[data-theme="obsidian"] #packages .pkv-for .pkv-tic{background:#fff !important}
body[data-theme="obsidian"] #packages .pkv-for b{color:#BD3F63 !important}
body[data-theme="obsidian"] #packages .pkv-tail{color:#B8842A !important;opacity:1 !important}

/* ---- "kind words" / reviews: cream section, green heading (same green as #system) ---- */
body[data-theme="obsidian"] #reviews .head h2,
body[data-theme="obsidian"] #reviews .eyebrow{color:#8FA873 !important}
body[data-theme="obsidian"] #reviews .rev-card{border:none !important;box-shadow:0 22px 46px -32px rgba(59,42,33,.42) !important}
body[data-theme="obsidian"] #reviews .rev-card:hover{box-shadow:0 26px 52px -30px rgba(59,42,33,.48) !important}

/* ---- #herd, #resource, #contact, footer: pinned back to the original brand-kit
   tokens (these sections are mostly hardcoded already; this just resets the couple
   of var(--accent)/var(--espresso) references still inside them) ---- */
body[data-theme="obsidian"] .lmp,
body[data-theme="obsidian"] #herd,
body[data-theme="obsidian"] #contact,
body[data-theme="obsidian"] .foot{
  --accent:#B0894F; --accent-ink:#8A6A3B; --accent-soft:#F4F0E9;
  --rose:#C9A1A0; --rose-soft:#F6ECEB; --sage:#878C6B; --sage-soft:#EAEEE1;
  --espresso:#3B2A21; --cream:#F4ECE0; --ink:#26241F; --rosette:#9B2D30;
  --band-cream:#FAF6EF; --band-rose:#FBF1EF; --band-sage:#F1F3EC;
}

/* ---- nav: stays white throughout scrolling ---- */

/* ---- revamp pass: hero trust badges, stars, focus glow (was gold/brown) ---- */
body[data-theme="obsidian"] .hero-eyebrow,
body[data-theme="obsidian"] .hero-trust svg,
body[data-theme="obsidian"] .hero-quote .hq-stars{color:var(--accent) !important}
body[data-theme="obsidian"] .hero-field:focus{box-shadow:0 0 0 4px rgba(184,132,42,.3) !important}

/* ---- founder carousel: kicker/eyebrow gold + shadow tint + arrow border ---- */
body[data-theme="obsidian"] .fdr-slide.s-dark .fdr-kicker,
body[data-theme="obsidian"] .fdr-slide.s-cover .eyebrow{color:var(--accent) !important}
body[data-theme="obsidian"] .fdr-slide{box-shadow:none !important;border:2px solid var(--text) !important}
body[data-theme="obsidian"] .fdr-slide.s-cream::after,
body[data-theme="obsidian"] .fdr-slide.s-blush::after,
body[data-theme="obsidian"] .fdr-slide.s-signoff::after{background:radial-gradient(120% 78% at 100% 0%,rgba(184,132,42,.1),transparent 58%) !important}
body[data-theme="obsidian"] .fdr-dot{background:rgba(10,10,11,.22) !important}
body[data-theme="obsidian"] .fdr-arrow{border:2px solid var(--text) !important}
body[data-theme="obsidian"] .fdr-arrow:hover{background:var(--accent) !important;border-color:var(--accent) !important;color:#fff !important}

/* ---- "how it works" tab dots + closing pill CTA (was gold gradient + italic) ---- */
body[data-theme="obsidian"] .how-dots i{background:rgba(10,10,11,.22) !important}
body[data-theme="obsidian"] .cm-t2{
  background:var(--accent) !important;color:#fff !important;font-style:normal !important;
  border-radius:60px !important;box-shadow:none !important;
}
body[data-theme="obsidian"] .cm-t2:hover{background:var(--accent-ink) !important;box-shadow:none !important;transform:translateY(-2px) !important}
body[data-theme="obsidian"] .cm-o2:hover{color:#fff !important}

/* ---- package/journey highlight rings (was brown-tinted glow) ---- */
body[data-theme="obsidian"] .jrny-card.active{box-shadow:0 0 0 1px var(--accent),0 18px 40px -26px rgba(184,132,42,.35) !important}
body[data-theme="obsidian"] .pkgd-card.is-pop{box-shadow:0 0 0 2px var(--accent),0 34px 66px -44px rgba(184,132,42,.35) !important}
body[data-theme="obsidian"] .pkgd-pop{background:var(--accent) !important;color:#fff !important}

/* ---- icon roundels: ink/pink border instead of default grey ---- */
body[data-theme="obsidian"] .card .ic,
body[data-theme="obsidian"] .pkgd-ic{border:2px solid var(--text) !important}
body[data-theme="obsidian"] .real-card .ic,
body[data-theme="obsidian"] .why-card .ic{border:2px solid var(--accent) !important}
body[data-theme="obsidian"] .path-ic,
body[data-theme="obsidian"] .s-week .no{color:var(--accent-ink) !important}
body[data-theme="obsidian"] .tab-ic{color:var(--accent-ink) !important}

/* ---- toolkit shelf + "why us" bento cards: gold/rose/sage top ribbons -> pink/ink ---- */
body[data-theme="obsidian"] .card.c1 .card-top,
body[data-theme="obsidian"] .pc.v .pc-top{background:var(--accent) !important}
body[data-theme="obsidian"] .card.c2 .card-top,
body[data-theme="obsidian"] .pc.m .pc-top{background:var(--text) !important}
body[data-theme="obsidian"] .card.c3 .card-top,
body[data-theme="obsidian"] .pc.s .pc-top{background:var(--accent-ink) !important}
body[data-theme="obsidian"] .card.c4 .card-top{background:var(--text) !important}
/* ---- #products (the Toolkit): cream section, pink heading, cards alternate pink/green/pink ---- */
body[data-theme="obsidian"] #products{background:var(--band-cream) !important}
body[data-theme="obsidian"] #products .head h2{color:#FF9EBB !important}
body[data-theme="obsidian"] #products .pc.v .pc-top{background:#FF9EBB !important}
body[data-theme="obsidian"] #products .pc.s .pc-top{background:#8FA873 !important}
body[data-theme="obsidian"] #products .pc.m .pc-top{background:#FF9EBB !important}
body[data-theme="obsidian"] #products .pc{border:none !important;box-shadow:0 22px 46px -32px rgba(59,42,33,.42) !important}
body[data-theme="obsidian"] #products .pc:hover{transform:none !important;box-shadow:0 22px 46px -32px rgba(59,42,33,.42) !important}
body[data-theme="obsidian"] .badge{color:var(--text) !important}
body[data-theme="obsidian"] .card.c4 .badge{color:#fff !important}
body[data-theme="obsidian"] .card.c2 .card-feats li::before{border-color:var(--text) !important}
body[data-theme="obsidian"] .card-cta:hover,
body[data-theme="obsidian"] .toolkit-list .btn-primary:hover{background:var(--text) !important}
body[data-theme="obsidian"] .pc,
body[data-theme="obsidian"] .screen{border:2px solid var(--text) !important;box-shadow:none !important;border-radius:20px !important}
body[data-theme="obsidian"] .pc:hover{transform:translateY(-6px) rotate(-.5deg) !important;box-shadow:10px 12px 0 var(--accent) !important}
body[data-theme="obsidian"] .toolkit-list{background:var(--bg-subtle) !important;border:2px solid var(--text) !important}
body[data-theme="obsidian"] .toolkit-list .field,
body[data-theme="obsidian"] .lmp-form .field{border-color:var(--text) !important}
body[data-theme="obsidian"] .lmp-form .btn-primary{background:#FF9EBB !important;border-color:#FF9EBB !important;color:#fff !important}
body[data-theme="obsidian"] .lmp-form .btn-primary:hover{background:#FF83A8 !important;border-color:#FF83A8 !important;transform:none !important}

/* ---- form fields: bolder ink border + pink focus ring (was thin grey + brown glow) ---- */
body[data-theme="obsidian"] .field{border:2px solid var(--text) !important}
body[data-theme="obsidian"] .field:focus{border-color:var(--accent) !important;box-shadow:0 0 0 4px rgba(184,132,42,.25) !important}
body[data-theme="obsidian"] .form-success{border-color:var(--accent) !important}

/* ---- nav/menu/audit-form shells: ink-tinted shadows instead of brown ---- */
body[data-theme="obsidian"] .nav-in{box-shadow:0 16px 40px -22px rgba(10,10,11,.35) !important}
body[data-theme="obsidian"] .nav-in.scrolled{box-shadow:0 22px 54px -20px rgba(10,10,11,.4) !important}
body[data-theme="obsidian"] .mobile-menu{border:2px solid var(--text) !important;box-shadow:8px 8px 0 var(--accent) !important}
body[data-theme="obsidian"] .mobile-menu a.nav-cta:hover,
body[data-theme="obsidian"] .mobile-menu a.nav-cta.active,
body[data-theme="obsidian"] .mobile-menu a.js-book:hover{background:var(--accent-ink) !important}
body[data-theme="obsidian"] .audit-form,
body[data-theme="obsidian"] .audit-thanks{border:2px solid var(--text) !important;box-shadow:none !important;border-radius:20px !important}

/* ---- lightbox (obsidian ink overlay only — herd ribbon left as original) ---- */
body[data-theme="obsidian"] .lbx{background:rgba(10,10,11,.88) !important}

/* ---- toolkit "peek inside" fake app-screen mockups: espresso/gold/sage -> ink/pink ---- */
body[data-theme="obsidian"] .s-cap .ig-img{background:linear-gradient(150deg,var(--accent),var(--accent-ink)) !important}
body[data-theme="obsidian"] .s-reel{background:linear-gradient(160deg,var(--text),#232228) !important}
body[data-theme="obsidian"] .s-lesson{background:linear-gradient(160deg,var(--text),#1c1c20) !important}
body[data-theme="obsidian"] .s-call{background:#1c1c20 !important}
body[data-theme="obsidian"] .s-call .vt{background:linear-gradient(150deg,#232228,#3a3a42) !important}
body[data-theme="obsidian"] .s-call .vt:nth-child(4) .fa{background:var(--accent) !important}
body[data-theme="obsidian"] .s-call .vt:nth-child(6) .fa{background:var(--accent-ink) !important}
body[data-theme="obsidian"] .tile .mk-label{color:var(--text-2) !important}

/* ---- one vertical rhythm for every content section: same top/bottom padding
   everywhere so the gaps between sections read as a single consistent band ---- */
body[data-theme="obsidian"] #why,
body[data-theme="obsidian"] #packages,
body[data-theme="obsidian"] #reviews,
body[data-theme="obsidian"] #products,
body[data-theme="obsidian"] #caseStudy,
body[data-theme="obsidian"] #herd,
body[data-theme="obsidian"] #about,
body[data-theme="obsidian"] #contact,
body[data-theme="obsidian"] #resource,
body[data-theme="obsidian"] .lmp{
  padding-top:clamp(26px,3vw,40px) !important;padding-bottom:clamp(26px,3vw,40px) !important;
}
/* #system keeps its clip-path allowance on top of the shared rhythm */
body[data-theme="obsidian"] #system{
  padding-top:calc(clamp(26px,3vw,40px) + 4.5vw) !important;
  padding-bottom:clamp(26px,3vw,40px) !important;
}
/* the hero and the footer meet the same rhythm at their inner seams */
body[data-theme="obsidian"] .hero{padding-bottom:clamp(26px,3vw,40px) !important}
body[data-theme="obsidian"] .foot{padding-top:clamp(26px,3vw,40px) !important}
body[data-theme="obsidian"] #about .fdr-intro{margin-bottom:18px !important}
body[data-theme="obsidian"] .fdr-swipe{color:#FF9EBB !important}

/* ---- flat pass: no drop shadows on images or cards (hover included) ---- */
body[data-theme="obsidian"] img,
body[data-theme="obsidian"] .card,body[data-theme="obsidian"] .card:hover,
body[data-theme="obsidian"] .frame,body[data-theme="obsidian"] .frame:hover,
body[data-theme="obsidian"] .step,body[data-theme="obsidian"] .step:hover,
body[data-theme="obsidian"] .jrny-card,body[data-theme="obsidian"] .jrny-card:hover,
body[data-theme="obsidian"] .rev-card,body[data-theme="obsidian"] .rev-card:hover,
body[data-theme="obsidian"] .pkgd-card,body[data-theme="obsidian"] .pkgd-card:hover,
body[data-theme="obsidian"] .notsure,body[data-theme="obsidian"] .notsure:hover,
body[data-theme="obsidian"] .real-card,body[data-theme="obsidian"] .real-card:hover,
body[data-theme="obsidian"] .why-card,body[data-theme="obsidian"] .why-card:hover,
body[data-theme="obsidian"] .path-card,body[data-theme="obsidian"] .path-card:hover,
body[data-theme="obsidian"] .tab-panel,body[data-theme="obsidian"] .tab-panel:hover,
body[data-theme="obsidian"] .audit-form,
body[data-theme="obsidian"] .audit-thanks,
body[data-theme="obsidian"] .csm-stats,
body[data-theme="obsidian"] .fdr-slide,
body[data-theme="obsidian"] .polaroid,
body[data-theme="obsidian"] .screen,
body[data-theme="obsidian"] .dev,
body[data-theme="obsidian"] .ba-col img,
body[data-theme="obsidian"] .sysc-shot img,
body[data-theme="obsidian"] .section-img{box-shadow:none !important}
/* most-popular package keeps its ring, minus the blur */
body[data-theme="obsidian"] #packages .pkgd-card.is-pop{box-shadow:0 0 0 2px var(--accent) !important}
body[data-theme="obsidian"] #reviews .rev-card,
body[data-theme="obsidian"] #reviews .rev-card:hover{box-shadow:none !important}
body[data-theme="obsidian"] .pc,body[data-theme="obsidian"] .pc:hover,
body[data-theme="obsidian"] .real-card .ic,
body[data-theme="obsidian"] .pkgd-ic,
body[data-theme="obsidian"] .pkv-pop{box-shadow:none !important}
body[data-theme="obsidian"] #products .pc,
body[data-theme="obsidian"] #products .pc:hover,
body[data-theme="obsidian"] #why .real-card .ic{box-shadow:none !important}