/* =========================================================
   Lead Crack — LIGHT THEME (test: home page only)
   White background, brand blue as the accent colour.
   Loaded after home.css + wp.css only when the light theme is on.
   ========================================================= */
:root{
  --bg:#FFFFFF;
  --surface:#F5F9FD;
  --surface-2:#EDF4FB;
  --surface-3:#E1ECF7;
  --line:rgba(16,42,72,.09);
  --line-2:rgba(16,42,72,.16);
  --text:#0B1D30;
  --muted:#4A5B6D;
  --dim:#7B8A9A;
  --brand:#1F86C6;            /* a touch deeper for contrast on white */
  --brand-2:#2B95D3;
  --brand-rgb:31,134,198;
}
body{background:#fff;color:var(--text)}
body::before{opacity:.018}
::selection{background:var(--brand);color:#fff}
h1,h2,h3,h4,h5{color:var(--text)}
.grad{background:linear-gradient(95deg,#1F86C6 10%,#39A7E6 90%);-webkit-background-clip:text;background-clip:text;color:transparent}

/* ---------- header / nav ---------- */
.hdr{background:rgba(255,255,255,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.hdr.scrolled{background:rgba(255,255,255,.92);border-color:var(--line);box-shadow:0 8px 30px -18px rgba(16,42,72,.25)}
.nav>a,.nav>.dd>button{color:#33475B}
.nav>a:hover,.nav>.dd>button:hover,.nav>.dd.open>button,.nav a[aria-current],.nav .is-cur{color:var(--brand);background:rgba(var(--brand-rgb),.08)}
.mega-in{background:rgba(255,255,255,.98);box-shadow:0 30px 80px -30px rgba(16,42,72,.35)}
.mcol a:hover{background:var(--surface-2)}
.mcol a strong{color:var(--text)}
.mfeat{background:linear-gradient(160deg,#1F86C6,#0E5E93)!important;border-color:transparent}
.mfeat h5,.mfeat a,.mfeat .tag,.mfeat p,.mfeat .mall{color:#fff!important}
.mfeat p{opacity:.85}
.burger span{background:var(--text)}
.mnav{background:#fff}
.wordmark{color:var(--text)}

/* ---------- buttons, pills, chips ---------- */
.btn-ghost{background:#fff;color:var(--text);border-color:var(--line-2)}
.btn-ghost:hover{border-color:var(--brand);color:var(--brand);background:rgba(var(--brand-rgb),.05)}
.pill,.tool{background:#fff;box-shadow:0 4px 14px -8px rgba(16,42,72,.2)}
.eyebrow{color:var(--brand)}

/* ---------- hero ---------- */
.hero-bg .grid,.hero .grid{opacity:.5}
.hero-bg .glow,.hero .glow{opacity:.55}
.chip{background:rgba(255,255,255,.95);color:var(--text);border-color:var(--line-2);box-shadow:0 18px 40px -20px rgba(16,42,72,.35)}
.chip small{color:var(--dim)}
/* the phone mockup stays dark: it's a device */

/* ---------- generic dark text colours -> light theme ---------- */
.step .tx li,.verts span{color:var(--muted)}
.offer li,.cap a,.getlist li span{color:#2E4254}
.cap a:hover{color:var(--brand)}
.case h3{color:var(--text)}
.in-f label{color:#33475B}
.ftr ul a{color:var(--muted)}
.ftr-bot a:hover{color:var(--brand)}
.faq summary i::before,.faq summary i::after{background:var(--brand)}
.chips-in input:checked+span{color:var(--brand)}
.fnode.done .fic{color:var(--brand)}
.fnode.on .fnum,.fnode.done .fnum{background:var(--brand);color:#fff;border-color:var(--brand)}
.ftrack b{background:#fff}

/* ---------- surfaces that were hard-coded dark ---------- */
.offer .out,.calc-row div{background:var(--surface-2)}
.calc-out{background:linear-gradient(160deg,#EAF5FD,#F7FBFF);border-color:var(--line)}
.system{background:linear-gradient(180deg,#fff,#F3F8FD 30%,#fff)}
.crack-word span{-webkit-text-stroke-color:rgba(16,42,72,.18)}
.final-box{background:radial-gradient(70% 90% at 0% 0%,rgba(var(--brand-rgb),.14),transparent 60%),radial-gradient(60% 80% at 100% 100%,rgba(43,149,211,.08),transparent 60%),#F7FBFF;box-shadow:0 40px 90px -50px rgba(16,42,72,.35)}
.final-box::before{opacity:.5}
.form{background:#fff;box-shadow:0 20px 50px -30px rgba(16,42,72,.35)}
.in-f input,.in-f select{background:#fff}
.ftr{background:#F5F9FD;border-top:1px solid var(--line)}
.ftr-big{color:rgba(31,134,198,.08)!important;-webkit-text-stroke:0}
.progress{background:linear-gradient(90deg,var(--brand),#39A7E6)}

/* cards get soft shadows instead of glowing borders */
.pain,.get,.offer,.hw,.rcard,.case,.leak,.fnode .fic,.calc,.proof-note{box-shadow:0 10px 30px -22px rgba(16,42,72,.35)}
.spot::after{background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(var(--brand-rgb),.07),transparent 45%)}

/* the "light" (cream) section becomes a soft blue band so the page has rhythm */
section.light{background:#F2F8FE}

/* inline white text from the dark design */
strong[style*="color:#fff"]{color:var(--text)!important}
#rYear{color:var(--brand)!important}
.chip .ci[style*="color:#fff"]{background:rgba(var(--brand-rgb),.14)!important;color:var(--brand)!important}

/* keep the phone mockup in its original dark palette */
.phone{--text:#F4F2EE;--muted:#9AA0AA;--dim:#6B717B;--line:rgba(255,255,255,.08);--line-2:rgba(255,255,255,.14);--surface:#0E1013;--surface-2:#15181D;--surface-3:#1C2026;--brand:#2B95D3;--brand-2:#7CCBF7;--brand-rgb:43,149,211;color:#F4F2EE}
.pill{color:var(--muted)}

/* =========================================================
   MIXED PALETTE — black / white / blue sections (home page)
   Black: hero, CRACK engine, why-us, footer
   Blue:  industries, final audit
   White: everything else
   ========================================================= */
.hero,#system,#about,.ftr{
  --bg:#07080A;--surface:#0E1013;--surface-2:#15181D;--surface-3:#1C2026;
  --line:rgba(255,255,255,.08);--line-2:rgba(255,255,255,.14);
  --text:#F4F2EE;--muted:#9AA0AA;--dim:#6B717B;
  --brand:#2B95D3;--brand-2:#7CCBF7;--brand-rgb:43,149,211;
  background:#07080A;color:var(--text)
}
.hero .grad,#system .grad,#about .grad{background:linear-gradient(95deg,#2B95D3 10%,#7CCBF7 90%);-webkit-background-clip:text;background-clip:text}
.hero .hero-bg .grid,.hero .grid{opacity:1}
.hero .hero-bg .glow,.hero .glow{opacity:1}
.hero .pill,.hero .tool{background:rgba(255,255,255,.03);box-shadow:none}
.hero .btn-ghost,#system .btn-ghost,#about .btn-ghost{background:rgba(255,255,255,.03);color:var(--text);border-color:var(--line-2)}
.hero .chip{background:rgba(21,24,29,.9);color:#fff;border-color:rgba(255,255,255,.14);box-shadow:0 20px 40px -18px rgba(0,0,0,.9)}
.hero .chip .ci[style*="color:#fff"]{background:rgba(255,255,255,.1)!important;color:#fff!important}
.hero strong[style*="color:#fff"],#system strong[style*="color:#fff"]{color:#fff!important}
#system{background:#07080A}
#system .crack-word span{-webkit-text-stroke-color:rgba(255,255,255,.2)}
#system .step .tx li{color:#C3C7CD}
#system .pain,#system .get,#system .hw,#system .rcard,#system .case,#system .leak{box-shadow:none}
/* why-us (was the cream band): black background, white cards pop */
#about{color:var(--text)}
#about .lede{color:var(--muted)}
#about .eyebrow{color:var(--brand-2)}
#about .cmp,#about .why{--text:#0B1D30;--muted:#4A5B6D;--dim:#7B8A9A;--line:rgba(16,42,72,.09);--line-2:rgba(16,42,72,.16);color:var(--text)}
#about .why{box-shadow:none}
/* footer */
.ftr{background:#07080A;border-top:0}
.ftr ul a{color:#C3C7CD}
.ftr ul a:hover,.ftr-bot a:hover{color:#fff}
.ftr .ftr-big{color:rgba(124,203,247,.07)!important}

/* ---------- BLUE bands ---------- */
#industries,#audit{
  --text:#FFFFFF;--muted:rgba(255,255,255,.84);--dim:rgba(255,255,255,.66);
  --line:rgba(255,255,255,.18);--line-2:rgba(255,255,255,.3);
  --surface:rgba(255,255,255,.08);--surface-2:rgba(255,255,255,.12);--surface-3:rgba(255,255,255,.18);
  --brand:#FFFFFF;--brand-2:#CFEAFB;--brand-rgb:255,255,255;
  background:radial-gradient(90% 120% at 100% 0%,#39A7E6 0%,transparent 55%),linear-gradient(135deg,#1F86C6,#135E92);color:#fff
}
#industries .grad,#audit .grad{background:linear-gradient(95deg,#fff,#CFEAFB);-webkit-background-clip:text;background-clip:text}
#industries .btn-primary,#audit .final-box>div:first-child .btn-primary{background:#07080A;color:#fff;box-shadow:0 14px 30px -12px rgba(0,0,0,.6)}
#audit .final-box{background:transparent;border-color:rgba(255,255,255,.28);box-shadow:none}
#audit .final-box::before{opacity:.35}
#audit .getlist li span{color:#fff}
#audit .getlist li small{color:rgba(255,255,255,.75)}
#audit .form{--text:#0B1D30;--muted:#4A5B6D;--dim:#7B8A9A;--line:rgba(16,42,72,.09);--line-2:rgba(16,42,72,.16);--surface:#F5F9FD;--surface-2:#EDF4FB;--surface-3:#E1ECF7;--brand:#1F86C6;--brand-2:#2B95D3;--brand-rgb:31,134,198;color:var(--text);background:#fff;box-shadow:0 30px 70px -30px rgba(7,8,10,.55)}

/* ---------- industries (photo cards) ---------- */
.ind-sec{padding:110px 0}
.ind-head{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:end;margin-bottom:44px}
.ind-head .lede{margin:0}
.ind-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ind-card{position:relative;display:block;border-radius:var(--r-lg);overflow:hidden;aspect-ratio:3/4;background:#0B2A40;box-shadow:0 24px 50px -28px rgba(7,8,10,.7);isolation:isolate}
.ind-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.ind-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,8,10,0) 30%,rgba(7,8,10,.55) 58%,rgba(7,8,10,.92));z-index:1}
.ind-ov{position:absolute;left:0;right:0;bottom:0;padding:22px;z-index:2;color:#fff}
.ind-tag{display:inline-block;font-family:var(--f-mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(6px);margin-bottom:10px}
.ind-ov h3{color:#fff;font-size:1.25rem;margin-bottom:6px}
.ind-ov p{font-size:.86rem;color:rgba(255,255,255,.8);line-height:1.45;max-height:0;opacity:0;overflow:hidden;transition:max-height .5s var(--ease),opacity .4s}
.ind-ov em{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-style:normal;font-weight:600;font-size:.84rem;color:#fff}
.ind-ov em svg{width:15px;height:15px;transition:transform .3s}
.ind-card:hover img{transform:scale(1.07)}
.ind-card:hover .ind-ov p{max-height:80px;opacity:1}
.ind-card:hover .ind-ov em svg{transform:translateX(4px)}
@media (hover:none){.ind-ov p{max-height:80px;opacity:1}}
@media (max-width:980px){.ind-grid{grid-template-columns:1fr 1fr}.ind-head{grid-template-columns:1fr;gap:14px}}
@media (max-width:600px){.ind-sec{padding:80px 0}.ind-grid{gap:12px}.ind-card{aspect-ratio:4/5}.ind-ov{padding:16px}.ind-ov h3{font-size:1.05rem}.ind-ov p{display:none}}
/* results cards on white */
.metric b.txt{color:var(--text)}
.case-tags span{color:var(--muted);background:#fff}

/* dashboards keep their dark palette on white sections */
.dash{--text:#F4F2EE;--muted:#9AA0AA;--dim:#6B717B;--line:rgba(255,255,255,.08);--line-2:rgba(255,255,255,.14);--brand:#2B95D3;--brand-2:#7CCBF7;--brand-rgb:43,149,211;color:#F4F2EE;box-shadow:0 30px 60px -34px rgba(7,8,10,.6)}
.tp.b{background:linear-gradient(160deg,rgba(var(--brand-rgb),.07),var(--surface))}

/* =========================================================
   SITE-WIDE (all pages) + ORIGINAL DARK HEADER
   ========================================================= */
/* ---- header, mega menu and mobile menu: original dark design ---- */
.hdr,.mnav{
  --bg:#07080A;--surface:#0E1013;--surface-2:#15181D;--surface-3:#1C2026;
  --line:rgba(255,255,255,.08);--line-2:rgba(255,255,255,.14);
  --text:#F4F2EE;--muted:#9AA0AA;--dim:#6B717B;
  --brand:#2B95D3;--brand-2:#7CCBF7;--brand-rgb:43,149,211;color:var(--text)
}
.hdr{background:#07080A;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;border-bottom:1px solid rgba(255,255,255,.06)}
.hdr.scrolled{background:rgba(7,8,10,.86);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border-color:rgba(255,255,255,.08);box-shadow:none}
.hdr .nav>a,.hdr .nav>.dd>button{color:#C9CDD3}
.hdr .nav>a:hover,.hdr .nav>.dd>button:hover,.hdr .nav>.dd.open>button{color:#fff;background:rgba(255,255,255,.06)}
.hdr .nav a[aria-current],.hdr .nav .is-cur{color:#fff;background:transparent}
.hdr .mega-in{background:rgba(16,18,22,.96);box-shadow:none}
.hdr .mcol a:hover{background:rgba(255,255,255,.05)}
.hdr .mcol a strong{color:#fff}
.hdr .mfeat{background:radial-gradient(120% 120% at 100% 0%,rgba(43,149,211,.35),transparent 60%),#1C2026!important;border-color:rgba(43,149,211,.35)}
.hdr .mfeat h5{color:#F4F2EE!important}
.hdr .mfeat p{color:#9AA0AA!important;opacity:1}
.hdr .mfeat a{color:#fff!important}
.hdr .mfeat .tag,.hdr .mfeat .mall{color:#7CCBF7!important}
.hdr .burger span{background:#fff}
.hdr .wordmark,.mnav{color:#F4F2EE}
.hdr .btn-ghost{background:rgba(255,255,255,.03);color:#F4F2EE}
.mnav{background:#07080A}

/* ---- inner pages: black hero, white body, blue CTA band, black footer ---- */
.phero,section:has(.estrip):not(:has(.sgroup)){
  --bg:#07080A;--surface:#0E1013;--surface-2:#15181D;--surface-3:#1C2026;
  --line:rgba(255,255,255,.08);--line-2:rgba(255,255,255,.14);
  --text:#F4F2EE;--muted:#9AA0AA;--dim:#6B717B;
  --brand:#2B95D3;--brand-2:#7CCBF7;--brand-rgb:43,149,211;
  background:#07080A;color:var(--text)
}
.phero .grad,section:has(.estrip):not(:has(.sgroup)) .grad{background:linear-gradient(95deg,#2B95D3 10%,#7CCBF7 90%);-webkit-background-clip:text;background-clip:text}
.phero .hero-bg .grid,.phero .hero-bg .glow{opacity:1}
.phero .btn-ghost{background:rgba(255,255,255,.03);color:var(--text);border-color:var(--line-2)}
.phero .pill{background:rgba(255,255,255,.03);box-shadow:none}
.phero .chip{background:rgba(21,24,29,.9);color:#fff;border-color:rgba(255,255,255,.14)}
.phero .crumbs a:hover{color:#fff}
section:has(.estrip):not(:has(.sgroup)) .rcard{box-shadow:none}
.crumbs a:hover{color:var(--brand)}

/* CTA band becomes a solid blue card */
.cta-band{
  --text:#FFFFFF;--muted:rgba(255,255,255,.84);--dim:rgba(255,255,255,.66);
  --line:rgba(255,255,255,.18);--line-2:rgba(255,255,255,.3);
  --brand:#FFFFFF;--brand-2:#CFEAFB;--brand-rgb:255,255,255;
  background:radial-gradient(90% 140% at 100% 0%,#39A7E6 0%,transparent 55%),linear-gradient(135deg,#1F86C6,#135E92)!important;
  border-color:transparent!important;color:#fff;box-shadow:0 40px 80px -40px rgba(19,94,146,.6)
}
.cta-band .btn-primary{background:#07080A;color:#fff;box-shadow:0 14px 30px -12px rgba(0,0,0,.6)}
.cta-band .micro span,.cta-band .micro svg{color:rgba(255,255,255,.9)}

/* final contact / audit sections use the blue band too */
.final{
  --text:#FFFFFF;--muted:rgba(255,255,255,.84);--dim:rgba(255,255,255,.66);
  --line:rgba(255,255,255,.18);--line-2:rgba(255,255,255,.3);
  --surface:rgba(255,255,255,.08);--surface-2:rgba(255,255,255,.12);--surface-3:rgba(255,255,255,.18);
  --brand:#FFFFFF;--brand-2:#CFEAFB;--brand-rgb:255,255,255;
  background:radial-gradient(90% 120% at 100% 0%,#39A7E6 0%,transparent 55%),linear-gradient(135deg,#1F86C6,#135E92);color:#fff
}
.final .final-box{background:transparent;border-color:rgba(255,255,255,.28);box-shadow:none}
.final .final-box::before{opacity:.35}
.final .getlist li span{color:#fff}
.final .getlist li small{color:rgba(255,255,255,.78)}
.final .getlist a{color:#fff!important;text-decoration:underline}
.final .form{--text:#0B1D30;--muted:#4A5B6D;--dim:#7B8A9A;--line:rgba(16,42,72,.09);--line-2:rgba(16,42,72,.16);--surface:#F5F9FD;--surface-2:#EDF4FB;--surface-3:#E1ECF7;--brand:#1F86C6;--brand-2:#2B95D3;--brand-rgb:31,134,198;color:var(--text);background:#fff;box-shadow:0 30px 70px -30px rgba(7,8,10,.55)}

/* text that was hard-coded light for the dark design */
.prose-lg p,.prose p,.prose li{color:#3A4B5C}
.prose-lg strong,.gl-item dt{color:var(--text)}
.gl-item{background:#fff}
.gl-item:hover{background:var(--surface)}
.sms-bub{color:var(--text);background:rgba(var(--brand-rgb),.08);border-color:rgba(var(--brand-rgb),.25)}
.sms-trust span{color:var(--muted)}
.sms-trust .st-h{color:var(--text)}
.case h3{color:var(--text)}
.case-tags span{color:var(--muted);background:#fff}
.metric b.txt{color:var(--text)}
.offer li,.cap a,.getlist li span{color:#2E4254}
.fee-cmp,.fx,.sms-t,.dbk-step,.pain,.get,.hw,.rcard,.case,.offer,.why{box-shadow:0 10px 30px -22px rgba(16,42,72,.35)}
.final .getlist li span{color:#fff}