/* WAY UP · Design B (black-gold + cream) colour layer — approved by ליאור Nov 3 2026, applied Nov 5 2026.
   Colours only: dark = hero / marketing / areas / clips / paid / offer / final / footer; cream = reading sections. */
:root{--bg:#0B0B0C;--bg2:#141416;--card:#151517;--line:rgba(201,166,92,.28);--gold:#BD9A4F;--gold-l:#C9A65C;--ink:#F3EFE6;--muted:#B3ADA2;--dim:#9A9488}
body{background:#0B0B0C}
.topbar{background:rgba(11,11,12,.92)}
.hero{background:#0B0B0C}
.hero-glow{background:radial-gradient(closest-side,rgba(201,166,92,.12),transparent)}
.lead{color:#D8D2C6}
/* flat gold buttons (kit .btn-gold) */
.btn-gold{background:#C9A65C;color:#0B0B0C;box-shadow:0 10px 26px -14px rgba(201,166,92,.7)}
.btn-gold:hover{background:#D6B46A;box-shadow:0 12px 30px -12px rgba(201,166,92,.8)}
.gold-grad{background:none;-webkit-background-clip:initial;background-clip:initial;color:#C9A65C}
.num,.ribbon{background:#C9A65C;color:#0B0B0C}
/* quote band: dark (B has no gold band) */
.quote-band{background:#141416;color:#F3EFE6;border-top:1px solid rgba(201,166,92,.28);border-bottom:1px solid rgba(201,166,92,.28)}
.quote-band em{color:#C9A65C;border-bottom-color:rgba(201,166,92,.6)}
.quote-band footer{color:#B3ADA2;opacity:1}
.sec-dark{background:#141416;border-color:rgba(201,166,92,.12)}
/* ---------- cream sections ---------- */
#problem,#about,#process,#articles,#reviews,#tools,#faq{
  background:#F6F1E7;color:#1C1A17;border-color:#E3D8C2;
  --ink:#1C1A17;--muted:#5A564E;--dim:#5F5A51;--card:#FFFDF8;--line:#E3D8C2;--gold-l:#7A5C22;--gold:#7A5C22}
#about,#reviews{background:#FBF8F2}
#problem h2::after,#about h2::after,#process h2::after,#articles h2::after,#reviews h2::after,#tools h2::after,#faq h2::after{content:"";display:block;width:44px;height:3px;background:#BD9A4F;margin-top:12px;border-radius:2px}
#problem .kicker,#about .kicker,#process .kicker,#articles .kicker,#reviews .kicker,#tools .kicker,#faq .kicker{color:#7A5C22}
#problem .symptoms li,#faq details,#reviews .review,#reviews .support{background:#FFFDF8;border:1px solid #E3D8C2;box-shadow:0 1px 0 rgba(28,26,23,.04),0 8px 24px rgba(28,26,23,.06)}
#problem .symptoms .ic{color:#C9A65C;background:#1C1A17;border-color:#1C1A17}
#problem .callout{background:#FFFDF8;border:1px solid #E3D8C2;border-top:3px solid #BD9A4F}
#about .about-card{background:#FFFDF8;border:1px solid #E3D8C2;border-top:3px solid #BD9A4F;box-shadow:0 8px 24px rgba(28,26,23,.06)}
#about .about-card p{color:#3A372F}
#about .facts li{background:#F1E8D6;border-color:#E3D8C2;color:#5C4519}
#about .about-photo{border-color:#E3D8C2}
#process .steps li:not(:last-child)::after{background:linear-gradient(#BD9A4F,rgba(189,154,79,.15))}
#articles.arts-sec{background:#F6F1E7;border-color:#E3D8C2}
#articles .art-card{background:#FFFDF8;border:1px solid #E3D8C2;border-top:4px solid #BD9A4F;box-shadow:0 8px 24px rgba(28,26,23,.08)}
#articles .art-card:hover{box-shadow:0 14px 30px rgba(28,26,23,.14),0 0 0 1px #BD9A4F}
#articles .art-chip{color:#E3C987;background:#1C1A17}
#articles .art-no{color:#7A5C22}
#articles .art-quote{border-right-color:#BD9A4F}
/* featured article card stays a dark island */
#articles .art-feat .art-card{--ink:#F3EFE6;--muted:#B3ADA2;--gold-l:#C9A65C;--gold:#BD9A4F;--line:rgba(201,166,92,.28);background:#0B0B0C;border:1px solid #BD9A4F;border-top:4px solid #BD9A4F;color:#F3EFE6}
#articles .art-feat .art-chip{color:#C9A65C;background:rgba(201,166,92,.12)}
#articles .art-feat .art-no{color:#C9A65C}
#articles .arts-nav{background:#1C1A17;color:#E3C987;border-color:#BD9A4F}
#reviews .review::before{color:#BD9A4F}
#tools .check-card{background:#FFFDF8;border:1px solid #E3D8C2;border-top:3px solid #BD9A4F;box-shadow:0 8px 24px rgba(28,26,23,.06)}
#tools .check-badge{background:#1C1A17;color:#E3C987}
#tools .btn-ghost,#faq .btn-ghost,#about .btn-ghost,#problem .btn-ghost,#process .btn-ghost,#reviews .btn-ghost,#articles .btn-ghost{color:#1C1A17;border-color:#1C1A17}
#faq summary::after{color:#7A5C22}
/* WhatsApp outline button on cream: darker green for contrast */
#problem .btn-wa-ghost,#about .btn-wa-ghost,#process .btn-wa-ghost,#articles .btn-wa-ghost,#reviews .btn-wa-ghost,#tools .btn-wa-ghost,#faq .btn-wa-ghost{color:#14652F;border-color:#1E7A45}
/* ---------- dark zones ---------- */
.offer{background:#141416;border-color:#BD9A4F;box-shadow:0 30px 60px -40px rgba(201,166,92,.45)}
.offer::before{background:radial-gradient(closest-side,rgba(201,166,92,.10),transparent)}
.offer-sub{color:#D8D2C6}
.final{background:#0B0B0C;border-top:1px solid rgba(201,166,92,.18)}
.foot{background:#0B0B0C}
.sticky-cta{background:rgba(11,11,12,.94)}

/* package cards copy (Nov 5, approved by Lior 12:12): checklist + yearly highlight */
#paid .card-checks{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:5px;font-size:15.5px;line-height:1.45;color:var(--muted)}
#paid .card-checks li{display:flex;gap:7px;align-items:flex-start}
#paid .card-checks li span{color:#BD9A4F;font-weight:800;flex:none}
#paid .card-yearly{margin:2px 0 14px;padding:9px 12px;border-radius:12px;border:1px solid rgba(189,154,79,.55);background:rgba(189,154,79,.12);color:#BD9A4F;font-weight:800;font-size:16px;line-height:1.4}
