/* Intrigue Digital light theme (2026-10-24)
   Lighter, brighter, more professional. White + cool off-white sections, oxblood as the accent,
   dark kept only for the calculator result, scoping panel, final CTA and footer.
   Loaded last on every page so it overrides older inline styles. */
:root{
  --cream:#F5F6F8;          /* was beige #F0E7DA */
  --champ:#F3E7EA;          /* was beige #E0D2C6 */
  --paper:#FFFFFF;
  --line:#E4E6EB;
  --ink:#16181D;
  --muted:#5B606B;
  --maroon:#4C1114;
  --maroon-deep:#3A0D0F;
  --orange:#92384C;         /* berry accent */
  --soft:#FBF6F7;           /* barely-there rose tint */
}
html,body{background:#fff}
body{color:var(--ink)}
h1,h2,h3,.display{font-weight:800;letter-spacing:-.025em}
h1{line-height:1.02}

/* ---------- header: white, crisp ---------- */
header.nav{background:rgba(255,255,255,.96);color:var(--ink);border-bottom:1px solid var(--line);backdrop-filter:saturate(1.4) blur(8px)}
.nav .logo,.nav .logo:visited{color:var(--ink)}
.nav nav a{color:var(--ink);opacity:.78}
.nav nav a:hover,.nav nav a.active{opacity:1;color:var(--maroon)}
.nav .cta,.nav nav a.cta{background:var(--maroon);color:#fff !important;opacity:1;border-radius:10px}
.nav .cta:hover{background:var(--orange)}
.navtoggle{color:var(--ink)}
.dropmenu .inner{background:#fff;border:1px solid var(--line);box-shadow:0 18px 44px rgba(22,24,29,.12)}
.dropmenu a{color:var(--ink);opacity:.85}
.dropmenu a:hover{background:var(--soft);color:var(--maroon);opacity:1}
@media(max-width:1100px){
  .nav nav{background:#fff !important;border-bottom:1px solid var(--line);box-shadow:0 18px 40px rgba(22,24,29,.10)}
  .dropmenu .inner{background:transparent;box-shadow:none;border:0}
}

/* ---------- hero: light ---------- */
.hero,.phero{background:linear-gradient(180deg,#fff 0%,var(--soft) 100%);color:var(--ink);border-bottom:1px solid var(--line)}
.hero{padding-bottom:clamp(70px,9vw,120px)}
.hero h1,.phero h1{color:var(--ink)}
.hero h1 .em,.phero h1 .em{color:var(--orange)}
.hero .lede,.phero p{color:#4A4F59}
.kicker{color:var(--orange);border-color:rgba(146,56,76,.35);background:#fff}
.scrollcue{color:#8A8F99}
.herotrust{color:#5B606B}
.herotrust span::before{color:var(--orange)}
.crumbs,.crumbs a{color:#6A6F79}
.crumbs a:hover{color:var(--maroon)}
.hero svg pattern rect:first-child{fill:#4C1114}
.hero svg.mark{opacity:.16;right:-2%}
@media(min-width:1200px){.hero svg.mark{opacity:.22}}
.hero .wrap{z-index:3}

/* ---------- buttons: squarer, confident ---------- */
.btn{border-radius:10px}
.btn-primary{background:var(--maroon);color:#fff;box-shadow:none}
.btn-primary:hover{background:var(--orange);color:#fff;box-shadow:0 12px 28px rgba(76,17,20,.18)}
.btn-ghost{border:1.5px solid #C9CCD3;color:var(--ink);background:#fff}
.btn-ghost:hover{border-color:var(--maroon);color:var(--maroon)}
.final .btn-ghost,.cta-band .btn-ghost,.cout .btn-ghost{background:transparent;border-color:rgba(255,255,255,.45);color:#fff}
.final .btn-primary,.cta-band .btn-primary,.cout .btn-primary{background:#fff;color:var(--maroon)}
.final .btn-primary:hover,.cta-band .btn-primary:hover,.cout .btn-primary:hover{background:var(--champ);color:var(--maroon)}

/* ---------- sections: flat, airy, thin rules ---------- */
.sheet{border-radius:0 !important;margin-top:0 !important;box-shadow:none;border-top:1px solid var(--line)}
.sheet,.sheet.cream{background:var(--cream)}
.sheet.white{background:#fff}
.seclabel{color:var(--orange);display:inline-flex;align-items:center;gap:10px}
.seclabel::before{content:"";width:26px;height:2px;background:var(--orange);display:inline-block}
.sectitle{color:var(--ink)}
.secsub,.lead{color:#4A4F59}
.card,.fcard,.ni,.cap,.riskcard,.review,.case,.post,.qa,.faqs details,.rel a,.locgrid a,.locchips a{border-color:var(--line) !important;box-shadow:none}
.card,.sheet.white .card{background:#fff}
.sheet:not(.white) .card{background:#fff}
.card:hover,.cap:hover{box-shadow:0 14px 34px rgba(22,24,29,.08) !important}

/* ---------- formerly dark blocks, now light cards ---------- */
.audience.a1,.audience.a2,.toolbanner,.industries,.adsband,.pstep{background:#fff !important;color:var(--ink) !important;border:1px solid var(--line);box-shadow:none !important}
.audience.a1{border-top:4px solid var(--maroon)}
.audience.a2{border-top:4px solid var(--orange)}
.audience p,.toolbanner p,.industries p,.adsband p,.pstep p{color:#4A4F59 !important;opacity:1}
.audience h3,.toolbanner h2,.industries h2,.adsband h3,.pstep b{color:var(--ink) !important}
.industries h2 .em{color:var(--orange)}
.industries .chips span{border-color:var(--line);color:var(--ink);background:var(--cream)}
.toolchip{background:var(--cream) !important;color:var(--ink) !important;border:1px solid var(--line) !important}
.pstep span{color:var(--orange) !important}
.adsband{border-left:4px solid var(--orange)}
.trust .stat b{color:var(--ink)}

/* ---------- calculator + booking ---------- */
#roi .cin,#roi .bookcal{background:#fff;border-color:var(--line)}
#roi .plans label:has(input:checked){background:var(--soft)}
#roi .mult{background:#F3E7EA}

/* ---------- testimonials, results ---------- */
.testi-copy h2{color:var(--ink)}
.siteframe,.receipt{box-shadow:0 14px 36px rgba(22,24,29,.08) !important}
.receipts{background:var(--cream) !important}

/* ---------- scoping tool: dark panel kept, left side brighter ---------- */
.scope{box-shadow:0 18px 50px rgba(22,24,29,.08)}
.scopebar{background:#EEF0F3}
.scopt{border-color:var(--line)}
.scopt[aria-pressed="true"]{background:var(--soft)}

/* ---------- dark anchors: final CTA + footer ---------- */
.final{border-radius:0 !important;margin-top:0 !important}
.final h2 .em,.cta-band h2 .em{color:#F3C9D3}
footer,footer.sitefoot{background:#1C0A0C}

/* ---------- news + spotlight templates ---------- */
.top{background:#fff !important;color:var(--ink) !important;border-bottom:1px solid var(--line)}
.top .brand{color:var(--ink) !important}
.top nav a{color:var(--ink) !important;opacity:.78}
.top nav a:hover{opacity:1;color:var(--maroon) !important}
.top nav .cta{background:var(--maroon) !important;color:#fff !important;opacity:1;border-radius:10px}
.banner{background:var(--maroon)}
.disclosure{background:var(--cream) !important}

/* ---------- motion: calmer ---------- */
.reveal{filter:none !important}

/* ---------- table of contents + top guides ---------- */
.toc{background:#fff;border:1px solid var(--line);border-left:4px solid var(--orange);border-radius:12px;padding:18px 22px;margin:22px 0 30px;max-width:880px}
.toc .toc-title{margin:0 0 8px;font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:800;color:var(--maroon);font-size:15px;letter-spacing:.04em;text-transform:uppercase}
.toc ul{margin:0;padding-left:18px;columns:2;column-gap:28px}
.toc li{margin:0 0 7px;font-size:15px;line-height:1.4;break-inside:avoid}
.toc a{color:var(--ink);text-decoration:none;border-bottom:1px solid #D9DCE2}
.toc a:hover{color:var(--maroon);border-color:var(--orange)}
@media(max-width:700px){.toc ul{columns:1}}
html{scroll-padding-top:90px}
.pillars{background:var(--cream);border:1px solid var(--line);border-radius:16px;padding:22px 24px;margin:36px 0 10px}
.pillars .pillars-title{margin:0 0 12px;font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:800;color:var(--maroon);font-size:15px;letter-spacing:.04em;text-transform:uppercase}
.pillars ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 22px}
.pillars li a{font-weight:700;color:var(--ink);text-decoration:none;border-bottom:2px solid var(--orange)}
.pillars li span{display:block;color:var(--muted);font-size:13.5px;margin-top:4px}
@media(max-width:700px){.pillars ul{grid-template-columns:1fr}}
.pillarstrip{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:22px 0 6px}
.pillarstrip a{background:#fff;border:1px solid var(--line);border-top:3px solid var(--orange);border-radius:12px;padding:16px;text-decoration:none;color:var(--ink);font-weight:700;font-size:15px;line-height:1.3}
.pillarstrip a span{display:block;font-weight:500;color:var(--muted);font-size:13px;margin-top:6px}
.pillarstrip a:hover{border-color:var(--orange)}
@media(max-width:960px){.pillarstrip{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.pillarstrip{grid-template-columns:1fr}}

/* ---------- research tables ---------- */
.researchblock{margin:40px 0 10px;padding-top:6px}
.researchblock .rlead{color:var(--muted);font-size:15px;margin-top:6px}
.research{margin:22px 0 0;background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 20px}
.research figcaption b{display:block;font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:800;font-size:18px;color:var(--ink)}
.research figcaption span{display:block;color:var(--orange);font-size:13.5px;font-weight:600;margin:2px 0 10px}
.research table{width:100%;border-collapse:collapse;font-size:15px}
.research th{background:var(--cream);text-align:left;padding:10px 12px;font-weight:700;border-bottom:1px solid var(--line)}
.research td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.research tr:last-child td{border-bottom:0}
.research .rsrc{font-size:12.5px;color:var(--muted);margin:10px 0 0;line-height:1.5}
.research .rsrc a{color:var(--maroon)}
.researchblock .rsub{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:800;margin:24px 0 8px;color:var(--maroon);text-transform:uppercase;letter-spacing:.04em;font-size:14px}
.rlinks{margin:0 0 0 18px}.rlinks li{margin:6px 0;font-size:15px}.rlinks a{color:var(--maroon)}
.research th{color:var(--ink) !important;background:var(--cream) !important}
.research tr,.research tr:nth-child(even),.research td{background:#fff !important}
table tr:nth-child(even) td{background:#FAFBFC}

/* ---------- page + article illustrations ---------- */
.pageimg,.artimg{margin:26px 0 0;max-width:960px}
.pageimg img,.artimg img{width:100%;height:auto;display:block;border-radius:16px;border:1px solid var(--line);box-shadow:0 14px 34px rgba(22,24,29,.06)}
.pageimg figcaption,.artimg figcaption{font-size:13px;color:var(--muted);margin-top:8px}

/* ---------- faded maroon section wash (breaks up the white) ---------- */
:root{--wash:#F7EDEF;--wash-deep:#F1E1E5}
.sheet:not(.white),.sheet.cream{background:linear-gradient(180deg,var(--wash) 0%,#FBF5F6 100%) !important;border-top-color:#EEDDE1}
.sheet:not(.white) .card,.sheet:not(.white) .ni,.sheet:not(.white) .cap,.sheet:not(.white) .qa,.sheet:not(.white) details,.sheet:not(.white) .research{background:#fff}
#roi{background:linear-gradient(180deg,var(--wash-deep) 0%,var(--wash) 100%) !important}
.sheet:not(.white) .seclabel::before{background:var(--maroon)}
.phero,.hero{background:linear-gradient(180deg,#fff 0%,var(--wash) 100%) !important}
.factlist{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:12px;max-width:900px}
.factlist li{background:#fff;border:1px solid var(--line);border-left:4px solid var(--orange);border-radius:12px;padding:14px 18px;font-size:16px;line-height:1.55;color:#2a2a2a}
.factlist li a{display:inline-block;margin-left:6px;font-size:13px;font-weight:700;color:var(--maroon)}
.rnote{font-size:13px;color:var(--muted);margin-top:12px}
p.cited{border-left:3px solid var(--orange);padding-left:14px}
.clusterlist li{margin:8px 0}
.pillarstrip{grid-template-columns:repeat(3,1fr)}
@media(max-width:760px){.pillarstrip{grid-template-columns:1fr}}
.partof{display:inline-block;background:var(--wash,#F7EDEF);border:1px solid #EEDDE1;border-radius:999px;padding:7px 14px;font-size:13.5px;font-weight:600;margin:12px 0 4px}
.partof a{color:var(--maroon);text-decoration:none}
article tbody tr:nth-child(even) td{background:#FBF5F6 !important}