/* ==========================================================================
   panchanand.com — DESIGN SYSTEM v2  "Editorial Counsel"
   White paper • orange ink • Cormorant display • Manrope text
   Loaded after the Tailwind CDN. Palette remap lives in includes/header.php.

   Structure
   01 tokens          02 reset & type      03 layout & rhythm
   04 section heads   05 buttons           06 cards
   07 hero            08 nav               09 faq
   10 misc            11 motion            12 responsive
   ========================================================================== */

/* ---------- 01 tokens ---------- */
:root{
  /* colour */
  --white:#ffffff;
  --paper:#fbfaf8;
  --paper-2:#fff8f2;
  --paper-3:#fff1e6;
  --ink:#121212;
  --ink-2:#1e1e1e;
  --body:#3a3a3a;
  --muted:#6f6a66;
  --orange:#e8590c;
  --orange-2:#f76707;
  --orange-3:#ff922b;
  --orange-4:#ffc078;
  --orange-5:#fff0e3;
  --line:#e9e5e1;
  --line-2:#f2eeea;
  --line-warm:#ffdcc2;
  --hairline:rgba(232,89,12,.20);

  /* spacing scale (4px base) */
  --s1:.25rem; --s2:.5rem;  --s3:.75rem; --s4:1rem;
  --s5:1.5rem; --s6:2rem;   --s7:2.5rem; --s8:3rem;
  --s9:4rem;   --s10:5rem;  --s11:6rem;  --s12:8rem;

  /* section rhythm */
  --sec-y:clamp(3.5rem,7vw,6.5rem);
  --gutter:clamp(1.25rem,4vw,2.5rem);
  --maxw:1200px;
  --prose:68ch;

  /* radii — editorial, restrained */
  --r:2px;
  --r-md:4px;
  --r-pill:999px;

  /* elevation */
  --sh-1:0 1px 2px rgba(18,18,18,.04);
  --sh-2:0 10px 30px -18px rgba(18,18,18,.22);
  --sh-3:0 24px 60px -30px rgba(18,18,18,.30);
  --sh-orange:0 14px 34px -16px rgba(232,89,12,.50);

  --ease:cubic-bezier(.22,.61,.36,1);
}

/* ---------- 02 reset & type ---------- */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:6rem;-webkit-text-size-adjust:100%}
body{
  font-family:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;
  background:var(--white);
  color:var(--body);
  font-size:1.0625rem;
  line-height:1.75;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
h1,h2,h3,h4,h5,.serif-title,.font-serif{
  font-family:'Cormorant Garamond',Georgia,'Times New Roman',serif;
  color:var(--ink);
  letter-spacing:-.012em;
  font-weight:700;
  text-wrap:balance;
}
h1{font-size:clamp(2.5rem,5.2vw,4.25rem);line-height:1.04;letter-spacing:-.022em}
h2{font-size:clamp(1.9rem,3.4vw,2.9rem);line-height:1.1;letter-spacing:-.016em}
h3{font-size:clamp(1.2rem,1.6vw,1.4rem);line-height:1.3;letter-spacing:-.008em}
h4{font-size:1.05rem;line-height:1.4}
p{margin:0 0 1.15em;line-height:1.78;text-wrap:pretty}
p:last-child{margin-bottom:0}
a{color:var(--orange);text-decoration-thickness:1px;text-underline-offset:3px}
strong{color:var(--ink);font-weight:700}
small{font-size:.85rem}
::selection{background:rgba(232,89,12,.16);color:var(--ink)}
img,svg,iframe{max-width:100%}
hr{border:0;border-top:1px solid var(--line);margin:var(--s7) 0}

/* orange italic emphasis inside headings */
.h-em,.section-title h2 em,.section-title h2 span{
  font-style:italic;color:var(--orange);font-weight:600;
}

/* ---------- 03 layout & rhythm ---------- */
.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}
.wrap-narrow{max-width:860px;margin-inline:auto;padding-inline:var(--gutter)}
.prose{max-width:var(--prose)}
.prose p{font-size:1.0625rem}

.sec{padding-block:var(--sec-y);position:relative}
.sec--white{background:var(--white)}
.sec--paper{background:var(--paper)}
.sec--warm{background:var(--paper-2)}
.sec--tight{padding-block:clamp(2.5rem,4vw,4rem)}
.sec--flush-top{padding-top:0}
.sec + .sec{border-top:1px solid var(--line-2)}
.sec--warm + .sec,.sec--paper + .sec{border-top-color:transparent}

/* consistent grids */
.grid{display:grid;gap:clamp(1rem,2vw,1.75rem)}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(2rem,5vw,4.5rem);align-items:start}
.split--even{grid-template-columns:repeat(2,minmax(0,1fr))}
.split--wide{grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr)}

/* ---------- 04 section heads ---------- */
.eyebrow,.hero-eyebrow{
  display:inline-flex;align-items:center;gap:.55rem;
  font-family:'Manrope',sans-serif;
  font-size:.7rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;
  color:var(--orange);
  padding:.4rem .85rem;
  border:1px solid var(--line-warm);
  border-radius:var(--r-pill);
  background:var(--orange-5);
  margin:0 0 var(--s4);
}
.eyebrow::before{
  content:"";width:5px;height:5px;border-radius:50%;
  background:var(--orange);flex:none;
}
.eyebrow--plain{background:none;border:0;padding:0;border-radius:0}
.eyebrow--plain::before{display:none}

.sec-head{max-width:44rem;margin-bottom:clamp(2rem,4vw,3.25rem)}
.sec-head--center{margin-inline:auto;text-align:center}
.sec-head--center .eyebrow{margin-inline:auto}
.sec-head h2{margin:0 0 var(--s3)}
.sec-head .lede{
  font-size:1.075rem;color:var(--muted);line-height:1.7;margin:0;
  max-width:38rem;
}
.sec-head--center .lede{margin-inline:auto}

/* thin rule under a head */
.rule{
  display:block;width:44px;height:2px;margin:var(--s4) 0 0;
  background:linear-gradient(90deg,var(--orange),var(--orange-3));
  border:0;
}
.sec-head--center .rule{margin-inline:auto}
.diamond-rule{
  display:block;width:44px;height:2px;margin:var(--s4) auto 0;
  background:linear-gradient(90deg,var(--orange),var(--orange-3));
  position:relative;border:0;
}
.diamond-rule::after{
  content:"";position:absolute;left:50%;top:-3px;width:7px;height:7px;
  transform:translateX(-50%) rotate(45deg);
  background:var(--orange-2);
}
.ornament{
  display:flex;align-items:center;justify-content:center;gap:14px;
  margin:0 auto;max-width:240px;
}
.ornament::before,.ornament::after{
  content:"";height:1px;flex:1;
  background:linear-gradient(90deg,transparent,var(--orange-3),transparent);
}
.ornament .diamond{
  width:7px;height:7px;transform:rotate(45deg);
  background:var(--orange);
}
.gold-rule{height:1px;background:linear-gradient(90deg,transparent,var(--hairline),transparent)}
.gold-text{color:var(--orange)}
.gold-gradient-text{
  background:linear-gradient(135deg,var(--orange-3),var(--orange));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}

/* chapter number */
.chapter{
  font-family:'Cormorant Garamond',serif;
  font-size:.95rem;font-weight:700;letter-spacing:.14em;
  color:var(--orange-3);display:block;margin-bottom:var(--s2);
}

/* ---------- 05 buttons ---------- */
.btn-gold,.btn-outline,.btn-wa,.btn-ghost{
  display:inline-flex;align-items:center;justify-content:center;gap:.55rem;
  min-height:50px;padding:.8rem 1.6rem;
  border-radius:var(--r);
  font-family:'Manrope',sans-serif;
  font-weight:700;font-size:.9rem;letter-spacing:.03em;
  text-decoration:none;cursor:pointer;border:1.5px solid transparent;
  transition:transform .22s var(--ease),box-shadow .22s var(--ease),
             background .22s var(--ease),color .22s var(--ease),border-color .22s var(--ease);
}
.btn-gold{
  color:#fff;
  background:linear-gradient(135deg,var(--orange-2),var(--orange));
  box-shadow:var(--sh-orange);
}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 18px 40px -16px rgba(232,89,12,.65)}
.btn-outline{color:var(--orange);border-color:var(--orange);background:#fff}
.btn-outline:hover{background:var(--orange-5);transform:translateY(-2px)}
.btn-outline-light{color:#fff;border-color:rgba(255,255,255,.65);background:transparent}
.btn-outline-light:hover{background:rgba(255,255,255,.14);border-color:#fff;transform:translateY(-2px)}
.btn-outline-dark{color:var(--ink);border-color:var(--line);background:#fff}
.btn-outline-dark:hover{background:var(--paper);border-color:var(--orange);color:var(--orange)}
.btn-wa{color:#fff;background:#1faa59;box-shadow:0 10px 26px -14px rgba(31,170,89,.75)}
.btn-wa:hover{background:#178f4b;transform:translateY(-2px)}
.btn-ghost{color:var(--ink);background:transparent;border-color:transparent;padding-inline:.5rem}
.btn-ghost:hover{color:var(--orange)}
.btn-sm{min-height:42px;padding:.55rem 1.1rem;font-size:.82rem}
.btn-lg{min-height:56px;padding:1rem 2rem;font-size:.95rem}
.btn-gold:active,.btn-outline:active,.btn-wa:active,.btn-outline-dark:active{transform:translateY(0)}
.btn-row{display:flex;flex-wrap:wrap;gap:var(--s3)}

/* ---------- 06 cards ---------- */
.card-premium,.card{
  position:relative;background:#fff;
  border:1px solid var(--line);
  border-radius:var(--r);
  padding:clamp(1.5rem,2.4vw,2.1rem);
  height:100%;
  box-shadow:var(--sh-1);
  transition:transform .28s var(--ease),box-shadow .28s var(--ease),border-color .28s var(--ease);
}
.card-premium::before{
  content:"";position:absolute;left:0;top:0;height:2px;width:0;
  background:linear-gradient(90deg,var(--orange),var(--orange-3));
  transition:width .4s var(--ease);
}
.card-premium:hover{
  transform:translateY(-3px);
  box-shadow:var(--sh-2);
  border-color:var(--line-warm);
}
.card-premium:hover::before{width:100%}

/* card internals */
.card-icon{
  width:44px;height:44px;border-radius:var(--r);
  display:flex;align-items:center;justify-content:center;
  background:var(--orange-5);border:1px solid var(--line-warm);
  color:var(--orange);font-size:1rem;margin-bottom:var(--s4);flex:none;
}
.card-title{font-size:1.15rem;margin:0 0 var(--s2);line-height:1.3}
.card-text{font-size:.94rem;color:var(--muted);line-height:1.7;margin:0}
.card-link{
  display:inline-flex;align-items:center;gap:.4rem;margin-top:var(--s4);
  font-size:.82rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  color:var(--orange);text-decoration:none;
}
.card-link i{transition:transform .22s var(--ease)}
.card-link:hover i{transform:translateX(3px)}

/* numbered card */
.card-num{
  font-family:'Cormorant Garamond',serif;
  font-size:1.05rem;font-weight:700;color:var(--orange);
  width:2.75rem;height:2.75rem;border:1px solid var(--line-warm);
  display:flex;align-items:center;justify-content:center;
  border-radius:var(--r);background:var(--orange-5);
  margin-bottom:var(--s4);
}

/* feature card — warm fill, no border */
.card--feature{
  background:var(--paper-2);
  border-color:var(--line-warm);
  box-shadow:none;
}
.card--feature::before{display:none}

/* flat list card */
.card--plain{box-shadow:none;background:var(--paper)}

/* quote card */
.card--quote{
  background:var(--paper-2);
  border-color:var(--line-warm);
  box-shadow:none;
}
.card--quote::before{display:none}

/* editorial bordered grid — no card boxes, hairline cells */
.grid-lines{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  border-top:1px solid var(--line);border-left:1px solid var(--line);
  background:#fff;
}
.grid-lines > *{
  display:block;text-decoration:none;
  border-right:1px solid var(--line);border-bottom:1px solid var(--line);
  padding:clamp(1.5rem,2.4vw,2.25rem);
  transition:background .25s var(--ease);
}
.grid-lines > *:hover{background:var(--paper-2)}
.grid-lines .gl-num{
  font-family:'Cormorant Garamond',serif;font-size:1.6rem;font-weight:700;
  color:var(--orange-4);line-height:1;display:block;margin-bottom:var(--s4);
  transition:color .25s var(--ease);
}
.grid-lines > *:hover .gl-num{color:var(--orange)}
.grid-lines h3{font-size:1.15rem;margin:0 0 var(--s2)}
.grid-lines p{font-size:.9rem;color:var(--muted);line-height:1.65;margin:0 0 var(--s4)}
.grid-lines .gl-link{
  font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
  color:var(--orange);display:inline-flex;align-items:center;gap:.4rem;
}
.grid-lines .gl-link i{transition:transform .22s var(--ease)}
.grid-lines > *:hover .gl-link i{transform:translateX(3px)}

/* numbered steps — rule above, no box */
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,3vw,2.5rem)}
.step{padding-top:var(--s5);border-top:2px solid var(--line-warm);position:relative}
.step .n{
  font-family:'Cormorant Garamond',serif;font-size:2.4rem;font-weight:700;
  color:var(--orange-4);line-height:1;display:block;margin-bottom:var(--s3);
}
.step h3{font-size:1.15rem;margin:0 0 var(--s2)}
.step p{font-size:.92rem;color:var(--muted);line-height:1.7;margin:0}

/* flat warm card — third card variant */
.card--flat{background:var(--paper-2);border-color:var(--line-warm);box-shadow:none}
.card--flat::before{display:none}
.card--flat:hover{background:var(--paper-3);box-shadow:none;transform:none}

/* stat tile */
.stat-tile{
  border-left:2px solid var(--orange-3);
  padding:.3rem 0 .3rem 1.05rem;
  min-width:0;
}
.stat-tile b{
  display:block;font-family:'Cormorant Garamond',serif;
  font-size:clamp(1.5rem,2.1vw,2rem);line-height:1.05;
  color:var(--orange);font-weight:700;white-space:nowrap;
}
.stat-tile span{
  display:block;margin-top:.3rem;font-size:.7rem;letter-spacing:.13em;
  text-transform:uppercase;color:var(--muted);line-height:1.4;
}

/* ---------- 07 hero ---------- */
.hero-navy{
  position:relative;overflow:hidden;
  background:
    radial-gradient(900px 420px at 6% -12%,rgba(255,146,43,.14),transparent 62%),
    radial-gradient(720px 360px at 96% -4%,rgba(255,192,120,.20),transparent 60%),
    linear-gradient(172deg,#ffffff 0%,#fffaf6 58%,#fff4ec 100%);
  color:var(--body);
  border-bottom:1px solid var(--line-warm);
}
.hero-navy::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(rgba(232,89,12,.09) 1px,transparent 1px);
  background-size:26px 26px;opacity:.5;
}
.hero-navy>:not(.hero-glow){position:relative;z-index:2}
.hero-navy h1,.hero-navy h2{color:var(--ink)}
.hero-navy p{color:var(--body)}
.hero-glow{
  position:absolute;width:520px;height:520px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,146,43,.20),transparent 68%);
  filter:blur(14px);pointer-events:none;z-index:1;
}
.hero-inner{
  display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
  gap:clamp(2rem,5vw,4.5rem);align-items:center;
  padding-block:clamp(3rem,6vw,5.5rem);
}
.hero-lede{
  font-size:clamp(1.02rem,1.35vw,1.15rem);
  line-height:1.72;color:var(--body);max-width:34rem;
  margin:0 0 var(--s6);
}
.hero-stats{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--s5);margin-top:var(--s8);padding-top:var(--s6);
  border-top:1px solid var(--line-warm);
}

/* corner frame */
.frame{position:relative}
.frame::before,.frame::after{
  content:"";position:absolute;width:40px;height:40px;pointer-events:none;
}
.frame::before{top:8px;left:8px;border-top:2px solid var(--orange);border-left:2px solid var(--orange)}
.frame::after{bottom:8px;right:8px;border-bottom:2px solid var(--orange);border-right:2px solid var(--orange)}
.frame-sm::before,.frame-sm::after{width:26px;height:26px}
.frame-inverse::before,.frame-inverse::after{border-color:rgba(255,255,255,.7)}

/* ---------- 08 nav ---------- */
.nav-premium{
  position:sticky;top:0;z-index:50;
  background:rgba(255,255,255,.97);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
}
.nav-link{
  position:relative;color:var(--ink-2);font-size:.875rem;font-weight:600;
  padding:.4rem 0;text-decoration:none;transition:color .2s var(--ease);
  min-height:44px;display:inline-flex;align-items:center;
}
.nav-link::after{
  content:"";position:absolute;left:0;bottom:6px;height:2px;width:0;
  background:var(--orange);transition:width .26s var(--ease);
}
.nav-link:hover,.nav-link[aria-current="page"]{color:var(--orange)}
.nav-link:hover::after,.nav-link[aria-current="page"]::after{width:100%}
.brand-mark{
  font-family:'Cormorant Garamond',serif;font-weight:700;letter-spacing:.01em;
  color:var(--ink);font-size:1.45rem;line-height:1.05;display:block;
}
.brand-sub{
  display:block;font-family:'Manrope',sans-serif;font-size:.6rem;
  letter-spacing:.24em;text-transform:uppercase;color:var(--orange);margin-top:.25rem;
}
.topbar{
  background:var(--orange);color:#fff;font-size:.76rem;
  letter-spacing:.03em;
}
.topbar a{color:#fff;font-weight:700;text-decoration:none}
.topbar a:hover{text-decoration:underline}
.topbar .sep{opacity:.5;margin:0 .6rem}

/* mobile drawer */
.drawer{display:none;background:#fff;border-top:1px solid var(--line)}
.drawer.open{display:block}
.drawer a{
  display:flex;align-items:center;min-height:52px;padding:.5rem 0;
  color:var(--ink-2);text-decoration:none;border-bottom:1px solid var(--line-2);
  font-weight:600;
}
.drawer a:hover{color:var(--orange)}

/* ---------- 09 faq ---------- */
.faq-accordion{
  background:#fff;border:1px solid var(--line);border-radius:var(--r);
  overflow:hidden;
  transition:border-color .25s var(--ease),box-shadow .25s var(--ease);
}
.faq-accordion summary{
  cursor:pointer;padding:1.15rem 1.4rem;
  font-family:'Cormorant Garamond',serif;font-size:1.12rem;font-weight:700;
  color:var(--ink);list-style:none;
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
}
.faq-accordion summary::-webkit-details-marker{display:none}
.faq-accordion summary::marker{display:none;content:""}
.faq-accordion summary::after{
  content:"+";font-family:'Manrope',sans-serif;font-size:1.15rem;font-weight:400;
  color:var(--orange);flex:none;transition:transform .25s var(--ease);
}
.faq-accordion[open] summary::after{transform:rotate(45deg)}
.faq-accordion[open]{border-color:var(--line-warm);box-shadow:var(--sh-2)}
.faq-accordion[open] summary{background:var(--orange-5);border-bottom:1px solid var(--line-warm)}
.faq-accordion p{padding:1.1rem 1.4rem 1.3rem;color:var(--body);font-size:.95rem;margin:0}

/* ---------- 10 misc ---------- */
.quick-answer{
  border:1px solid var(--line-warm);border-left:3px solid var(--orange);
  background:linear-gradient(90deg,var(--orange-5) 0%,#fff 88%);
  padding:1.1rem 1.4rem;border-radius:0 var(--r) var(--r) 0;
  color:var(--ink-2);box-shadow:var(--sh-1);
}
.quick-answer strong{color:var(--ink)}
.quick-answer a{color:var(--orange);font-weight:700}
.chip{
  display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .8rem;
  border:1px solid var(--line-warm);border-radius:var(--r-pill);background:#fff;
  font-size:.76rem;color:var(--orange);font-weight:700;
}
.section-muted{background:var(--paper-2)}
.pcs-hero{position:relative;background:var(--paper-2)}
.pcs-hero img{filter:saturate(1) contrast(1.02)}
#reading-progress{background:linear-gradient(90deg,var(--orange),var(--orange-3),var(--orange-4))!important}

/* CTA band */
.cta-band{
  position:relative;overflow:hidden;
  background:linear-gradient(135deg,var(--orange-2) 0%,var(--orange) 58%,#d24a06 100%);
  color:#fff;padding:clamp(2.25rem,4vw,3.5rem);
  border-radius:var(--r);
  box-shadow:var(--sh-orange);
}
.cta-band h2,.cta-band h3{color:#fff}
.cta-band p{color:rgba(255,255,255,.93)}
.cta-band .hero-eyebrow,.cta-band .eyebrow{
  color:#fff;background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.4);
}
.cta-band .eyebrow::before{background:#fff}
.cta-band .btn-gold{background:#fff;color:var(--orange);box-shadow:0 12px 30px -14px rgba(0,0,0,.35)}
.cta-band .btn-gold:hover{background:#fff;color:#c94a06}

/* legacy dark blocks → orange band (kept for older pages) */
section.bg-stone-900,section.bg-slate-900,section.bg-stone-950,section.bg-slate-950,
section.bg-stone-800,section.bg-slate-800,
div.bg-slate-900.rounded-lg,div.bg-stone-900.rounded-lg,
div.bg-slate-900.rounded-xl,div.bg-stone-900.rounded-xl{
  background:linear-gradient(135deg,var(--orange-2),var(--orange))!important;
  color:#fff!important;border-color:rgba(255,255,255,.22)!important;
}
section.bg-stone-900 h1,section.bg-stone-900 h2,section.bg-stone-900 h3,section.bg-stone-900 h4,
section.bg-slate-900 h1,section.bg-slate-900 h2,section.bg-slate-900 h3,section.bg-slate-900 h4,
section.bg-stone-950 h1,section.bg-stone-950 h2,section.bg-stone-950 h3,
section.bg-slate-950 h1,section.bg-slate-950 h2,section.bg-slate-950 h3,
div.bg-slate-900.rounded-lg h1,div.bg-slate-900.rounded-lg h2,div.bg-slate-900.rounded-lg h3,
div.bg-stone-900.rounded-lg h1,div.bg-stone-900.rounded-lg h2,div.bg-stone-900.rounded-lg h3{color:#fff!important}
section.bg-stone-900 p,section.bg-slate-900 p,section.bg-stone-950 p,section.bg-slate-950 p,
div.bg-slate-900.rounded-lg p,div.bg-stone-900.rounded-lg p{color:rgba(255,255,255,.93)!important}
section.bg-stone-900 .text-white,section.bg-slate-900 .text-white,
section.bg-stone-950 .text-white,section.bg-slate-950 .text-white{color:#fff!important}
section[class*="from-slate-9"],section[class*="from-stone-9"],
section[class*="from-slate-8"],section[class*="from-stone-8"]{
  background:linear-gradient(135deg,var(--orange-2),var(--orange))!important;color:#fff!important;
}
section[class*="from-slate-9"] h1,section[class*="from-slate-9"] h2,section[class*="from-slate-9"] h3,
section[class*="from-stone-9"] h1,section[class*="from-stone-9"] h2,section[class*="from-stone-9"] h3,
section[class*="from-slate-8"] h1,section[class*="from-slate-8"] h2,section[class*="from-slate-8"] h3,
section[class*="from-stone-8"] h1,section[class*="from-stone-8"] h2,section[class*="from-stone-8"] h3{color:#fff!important}
section[class*="from-slate-9"] p,section[class*="from-stone-9"] p,
section[class*="from-slate-8"] p,section[class*="from-stone-8"] p{color:rgba(255,255,255,.93)!important}
section[class*="from-slate-9"] .text-white,section[class*="from-stone-9"] .text-white{color:#fff!important}
a.bg-slate-900,a.bg-stone-900,a.bg-slate-950,a.bg-stone-950{
  background:var(--orange)!important;color:#fff!important;border-color:var(--orange)!important;
}
a.bg-slate-900:hover,a.bg-stone-900:hover{background:#c94a06!important}

/* footer link rhythm */
footer a{min-height:34px;display:inline-flex;align-items:center}
footer li{line-height:1.5}
footer ul{display:flex;flex-direction:column;gap:.1rem}

/* ---------- 11 motion ---------- */
.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.reveal.in{opacity:1;transform:none}
.reveal-d1{transition-delay:.08s}
.reveal-d2{transition-delay:.16s}
.reveal-d3{transition-delay:.24s}

/* ---------- 12 responsive ---------- */
@media (max-width:1024px){
  .grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .grid-lines{grid-template-columns:repeat(2,minmax(0,1fr))}
  .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .split,.split--wide{grid-template-columns:minmax(0,1fr);gap:var(--s7)}
  .hero-inner{grid-template-columns:minmax(0,1fr);gap:var(--s7)}
}
@media (max-width:768px){
  body{font-size:1rem}
  .grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero-navy{background:linear-gradient(172deg,#ffffff 0%,#fff4ec 100%)}
  .hero-glow{width:320px;height:320px}
  .hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s4)}
  .cta-band{padding:2rem 1.35rem}
}
@media (max-width:640px){
  .grid-2,.grid-3,.grid-4,.grid-lines,.steps{grid-template-columns:minmax(0,1fr)}
  .hero-stats{grid-template-columns:minmax(0,1fr);gap:var(--s4)}
  .stat-tile{border-left-width:3px;padding-left:.9rem}
  .stat-tile b{font-size:1.6rem}
  .quick-answer{padding:1rem 1.1rem;font-size:.95rem;line-height:1.7}
  .btn-gold,.btn-outline,.btn-wa{width:100%;justify-content:center}
  .btn-row{flex-direction:column}
  .topbar{font-size:.72rem;line-height:1.5}
  .topbar a{white-space:nowrap}
  #wa-tooltip{display:none}
  .sec + .sec{border-top:0}
}

/* ---------- accessibility ---------- */
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:3px solid var(--orange-3);outline-offset:3px;border-radius:2px;
}
.skip-link{
  position:absolute;left:-9999px;top:0;z-index:100;
  background:var(--orange);color:#fff;padding:.75rem 1.25rem;font-weight:700;
}
.skip-link:focus{left:0}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .reveal{opacity:1;transform:none}
}
@media print{.nav-premium,.topbar,.drawer,#reading-progress,.btn-wa{display:none!important}}