/* Deremar premium theme layer (5 Nov 2026). Loaded after site.css; remove the <link> to go back.
   Direction: a trusted advisory firm, quiet and exact, like a bound bank-ready report.
   Navy ink + brass from the logo, Fraunces serif headings, hairlines instead of glow. */
@font-face{font-family:"Fraunces";src:url(../fonts/fraunces-latin-wght-normal.woff2) format("woff2");font-weight:300 800;font-style:normal;font-display:swap}

:root,:root[data-theme=light]{
  --bg:#F4F5F8;--surface:#FFFFFF;--text:#0F1D3D;--muted:#4A5570;--line:#E1E4EC;
  --primary:#0F1D3D;--on-primary:#FFFFFF;--link:#1E3A8A;
  --accent:#C8952C;--on-accent:#0F1D3D;--accent-ink:#8A6210;
  --accent2:#C8952C;--on-accent2:#0F1D3D;--accent2-ink:#8A6210;
  --deep:#0F1D3D;--on-deep:#F4F5F8;--deep-muted:#B9C1D6;--deep-line:#26365E;--accent-on-deep:#E2B858;
  --grad-a:#0F1D3D;--grad-b:#0F1D3D;
  --glass:#FFFFFF;--glass-b:#E1E4EC;--field:#FFFFFF;
  --r:16px;--r-sm:12px;
  --shadow:0 1px 2px rgba(15,29,61,.04),0 8px 24px -16px rgba(15,29,61,.18);
  --serif:"Fraunces",Georgia,"Times New Roman",serif;
}
:root[data-theme=dark]{
  --bg:#0A1230;--surface:#111C42;--text:#EEF1F8;--muted:#AEB8D2;--line:#22305C;
  --primary:#E2B858;--on-primary:#0A1230;--link:#E2B858;
  --accent:#E2B858;--on-accent:#0A1230;--accent-ink:#E2B858;
  --accent2:#E2B858;--on-accent2:#0A1230;--accent2-ink:#E2B858;
  --deep:#060C22;--on-deep:#EEF1F8;--deep-muted:#AEB8D2;--deep-line:#1C2850;--accent-on-deep:#E2B858;
  --grad-a:#EEF1F8;--grad-b:#EEF1F8;
  --glass:#111C42;--glass-b:#22305C;--field:#0E1838;
  --shadow:0 1px 2px rgba(0,0,0,.2),0 10px 28px -18px rgba(0,0,0,.6);
}

/* Calm, flat paper: no colour blobs, no glows */
body:before,.glow:after,.site-footer:after{display:none!important}
body{background:var(--bg)}

/* Type: serif headings, quieter weights */
h1,h2,h3,.display,.price,.ebook-price,.fcta h2{font-family:var(--serif);font-optical-sizing:auto}
h1,h2{font-weight:500;letter-spacing:-.02em}
h3{font-weight:600;letter-spacing:-.01em}
.display{font-weight:450;letter-spacing:-.035em;line-height:1}
.grad{background:none;-webkit-background-clip:initial;background-clip:initial;color:inherit}
.h1-sub{font-family:inherit;font-weight:500;color:var(--muted)}
.price,.ebook-price{font-weight:500;letter-spacing:-.02em}
.lead{color:var(--muted)}
a{color:var(--link)}

/* Labels: sentence case in brass, no dot */
.k,.eyebrow{text-transform:none;letter-spacing:0;font-size:14px;font-weight:600;color:var(--accent-ink)}
.k:before,.eyebrow:before{display:none}

/* Hero: left-aligned and set like a report title page on wide screens */
.hero{padding-bottom:8px}
@media(min-width:900px){
  .hero{text-align:left}
  .hero .wrap{max-width:1160px}
  .hero h1{margin-left:0}
  .hero .lead{margin-left:0;max-width:60ch}
  .hero .btn-row,.hero .chips{justify-content:flex-start}
  .hero .btn-row .btn{width:auto}
}
.hero h1:after{content:"";display:block;width:72px;height:2px;background:var(--accent);margin-top:28px}
@media(max-width:899px){.hero h1:after{margin-left:auto;margin-right:auto}}
.pill{background:var(--surface);border-color:var(--line);backdrop-filter:none;-webkit-backdrop-filter:none}
.chips li{border-color:var(--line)}

/* Surfaces: hairlines and a clear radius hierarchy (tiles 16, buttons 10) */
.tile,.card,.tl>li,.faq details{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:var(--r)}
.tile.lift:hover{transform:none;border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}
.deep,.tile.deep{background:var(--deep);border-color:var(--deep-line);box-shadow:none;border-top:2px solid var(--accent)}
.bar{border-radius:14px;background:var(--surface);border-color:var(--line);backdrop-filter:none;-webkit-backdrop-filter:none}
.site-footer{border-radius:20px;background:var(--deep)}
.badge{background:transparent;border:1px solid var(--line);color:var(--muted);font-weight:600;font-family:var(--f);letter-spacing:0}
.badge.hot{background:var(--accent);border-color:transparent;color:var(--on-accent)}
.badge.live{border-color:color-mix(in srgb,#1F9D55 40%,var(--line));color:#1F7A45}
.ico,.icon{background:transparent!important;border:1px solid var(--line);color:var(--accent-ink)!important}
.deep .ico,.deep .icon{border-color:var(--deep-line);color:var(--accent-on-deep)!important}
.consultant-photo{border:2px solid var(--accent)}
.faq summary:after{background:transparent;border:1px solid var(--line)}

/* Buttons: ink primary, brass on dark panels, no lift */
.btn{border-radius:10px;font-weight:600;box-shadow:none}
.btn:hover{transform:none;box-shadow:none}
.btn-primary{background:var(--primary);color:var(--on-primary);box-shadow:none}
.btn-primary:hover{background:color-mix(in srgb,var(--primary) 86%,var(--accent))}
.btn-coral,.deep .btn-primary{background:var(--accent);color:var(--on-accent);box-shadow:none}
.btn-coral:hover,.deep .btn-primary:hover{background:color-mix(in srgb,var(--accent) 88%,#fff)}
.btn-outline{background:transparent;border-color:color-mix(in srgb,var(--text) 22%,transparent)}
.btn-outline:hover{border-color:var(--text)}
.btn-wa{background:#1FA855;color:#fff}
.hdr-cta{border-radius:10px}

/* Ticks and checks in brass outline rather than filled yellow */
.check li i{background:transparent;border:1.5px solid var(--accent);color:var(--accent-ink)}
.deep .check li i{color:var(--accent-on-deep)}

/* Draft UI-polish effects off: one calm motion (the existing section reveal) is enough */
.pl-cta::after,.pl-spot::before,.pl-beam::after,.pl-ripple{display:none!important}
.pl-spot:hover{transform:none!important}

/* Focus stays obvious on the calmer palette */
a:focus-visible,button:focus-visible,.btn:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

/* Proof strip (client result) */
.proof{display:grid;gap:20px;align-items:center;padding:28px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--accent)}
.proof .proof-fig{font-family:var(--serif);font-size:clamp(34px,4.6vw,52px);font-weight:500;letter-spacing:-.03em;line-height:1;color:var(--text)}
.proof .proof-fig small{display:block;font-family:var(--f);font-size:15px;letter-spacing:0;color:var(--muted);margin-top:8px;font-weight:500}
.proof p{margin:0}
@media(min-width:900px){.proof{grid-template-columns:auto auto 1fr;gap:48px}}

/* Store placeholder checkout buttons */
.btn[aria-disabled=true]{opacity:.55;pointer-events:none}

/* Floating WhatsApp: keep it, drop the pulsing ring */
.wa-float{border-radius:14px;box-shadow:0 8px 20px -10px rgba(15,29,61,.45)}
.wa-float:after{display:none}
@media(max-width:600px){.wa-float{width:52px;height:52px}}
