/* ============================================================
   pages-plus.css — elevation layer for the interior pages
   (Why Us · Our Approach · How It Works).
   Scoped entirely under body.enhanced so nothing else is touched.
   Builds on styles.css; uses only existing brand tokens.
   ============================================================ */

/* ---------- shared rhythm + section intros ---------- */
body.enhanced .prose-sec{padding:var(--sec-py,84px) 0;}
body.enhanced .why,
body.enhanced .research,
body.enhanced .how,
body.enhanced .problem{padding:var(--sec-py,84px) 0;}

body.enhanced .sec-intro{margin-bottom:52px;}
body.enhanced .sec-intro .eyebrow{
  position:relative;padding-left:26px;color:var(--cobalt);
}
body.enhanced .sec-intro .eyebrow::before{
  content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:18px;height:2.5px;border-radius:2px;background:currentColor;
}
body.enhanced .sec-intro.left{text-align:left;margin-left:0;max-width:760px;}
body.enhanced .sec-intro.left .eyebrow{padding-left:0;}
body.enhanced .sec-intro.left .eyebrow::before{display:none;}
body.enhanced .sec-intro h2{letter-spacing:-.03em;text-wrap:balance;}

/* a slim accent rule used to open editorial sections */
body.enhanced .rule-accent{display:flex;align-items:center;gap:14px;margin-bottom:18px;}
body.enhanced .rule-accent .eyebrow{padding-left:0;}
body.enhanced .rule-accent .eyebrow::before{display:none;}
body.enhanced .rule-accent::after{content:"";flex:1;height:1.5px;background:var(--line);}

/* ---------- lede: editorial, asymmetric ---------- */
body.enhanced .lede{
  text-align:left;max-width:880px;margin:0;font-weight:800;
  font-size:clamp(24px,3.2vw,38px);line-height:1.18;letter-spacing:-.025em;
  padding-left:30px;border-left:4px solid var(--sun);
}
body.enhanced .lede b{color:var(--cobalt);}

/* ============================================================
   FEATURE CARDS  (Why Us — "Four things we never compromise on")
   real SVG icons in colored tiles, depth, hover, left aligned
   ============================================================ */
body.enhanced .why-grid{gap:22px;}
body.enhanced .feature{
  text-align:left;padding:30px 28px 32px;border-radius:22px;
  border:1px solid var(--line);
  box-shadow:0 1px 0 rgba(45,44,43,.02),0 14px 30px -18px rgba(45,44,43,.22);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
  position:relative;overflow:hidden;
}
body.enhanced .feature::after{
  content:"";position:absolute;left:0;right:0;top:0;height:4px;
  background:var(--accent,var(--cobalt));opacity:0;transition:opacity .18s ease;
}
body.enhanced .feature:hover{
  transform:translateY(-4px);
  box-shadow:0 1px 0 rgba(45,44,43,.02),0 26px 44px -22px rgba(45,44,43,.34);
  border-color:transparent;
}
body.enhanced .feature:hover::after{opacity:1;}
body.enhanced .feature .fic{
  width:56px;height:56px;border-radius:16px;margin-bottom:20px;
  background:var(--accent,var(--cobalt));color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:0;
  box-shadow:0 10px 20px -8px var(--accent,var(--cobalt));
}
body.enhanced .feature .fic svg{width:28px;height:28px;stroke:#fff;fill:none;
  stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;display:block;}
body.enhanced .feature h3{font-size:19px;margin-bottom:9px;letter-spacing:-.01em;}
body.enhanced .feature p{font-size:14.5px;line-height:1.55;}
body.enhanced .feature.f-brain{--accent:var(--cobalt);}
body.enhanced .feature.f-match{--accent:var(--green);}
body.enhanced .feature.f-price{--accent:var(--sun);}
body.enhanced .feature.f-cal{--accent:var(--purple-soft);}

/* ============================================================
   PAIRS  (generic vs specialist)  — add a VS hinge + polish
   ============================================================ */
body.enhanced .pairs{gap:16px;max-width:980px;}
body.enhanced .pair{position:relative;gap:16px;align-items:stretch;}
body.enhanced .pair-box{
  border-radius:20px;padding:26px 28px;display:flex;flex-direction:column;
  justify-content:center;
}
body.enhanced .pair-box.generic{
  background:var(--cream);border:1px solid var(--line);
}
body.enhanced .pair-box.generic .role{color:#a9988d;}
body.enhanced .pair-box.generic p{opacity:.85;}
body.enhanced .pair-box.spec{
  box-shadow:0 18px 38px -22px rgba(45,44,43,.5);
}
body.enhanced .pair-box .role{margin-bottom:9px;}
/* the hinge dot sitting between the two columns */
body.enhanced .pair::before{
  content:"→";position:absolute;left:50%;top:50%;
  transform:translate(-50%,-50%);
  width:38px;height:38px;border-radius:50%;background:#fff;
  border:1px solid var(--line);color:var(--ink-soft);
  display:flex;align-items:center;justify-content:center;
  font-size:17px;font-weight:800;z-index:2;
  box-shadow:0 6px 14px -6px rgba(45,44,43,.3);
}
@media(max-width:560px){
  body.enhanced .pair::before{transform:translate(-50%,-50%) rotate(90deg);}
}

/* ============================================================
   STATBAND — cleaner, bolder, with dividers
   ============================================================ */
body.enhanced .statband{
  background:var(--ink);color:#fff;border-radius:26px;
  padding:46px 30px;gap:0;
  background-image:radial-gradient(120% 140% at 0% 0%,rgba(86,195,255,.22),transparent 55%),
                   radial-gradient(120% 140% at 100% 100%,rgba(255,126,41,.18),transparent 55%);
}
body.enhanced .statband .sb{padding:0 18px;position:relative;}
body.enhanced .statband .sb + .sb::before{
  content:"";position:absolute;left:0;top:8px;bottom:8px;width:1px;
  background:rgba(255,255,255,.16);
}
body.enhanced .statband .sb .n{
  font-size:clamp(34px,4vw,46px);letter-spacing:-.03em;
  background:linear-gradient(180deg,#fff,#d7ecff);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
body.enhanced .statband .sb .l{color:#fff;opacity:.74;margin-top:8px;}
@media(max-width:920px){
  body.enhanced .statband .sb:nth-child(odd)::before{display:none;}
}

/* ============================================================
   COMPARE TABLE — premium: highlighted "us" column, big ticks
   ============================================================ */
body.enhanced .compare{
  max-width:880px;border:none;border-radius:24px;
  box-shadow:0 30px 60px -34px rgba(45,44,43,.4);overflow:visible;
  position:relative;
}
body.enhanced .compare-row{
  border-bottom:1px solid var(--line);
}
body.enhanced .compare-row.head .cc{font-size:14px;padding:20px 16px;}
body.enhanced .compare-row.head .cc:first-child{border-radius:24px 0 0 0;}
body.enhanced .compare-row.head .cc:last-child{border-radius:0 24px 0 0;}
body.enhanced .compare-row:last-child .cc:first-child{border-radius:0 0 0 24px;}
body.enhanced .compare-row:last-child .cc:last-child{border-radius:0 0 24px 0;}
body.enhanced .compare-row.head .cc.us{background:var(--cobalt);position:relative;color:#fff;}
/* floating ribbon on the us column header */
body.enhanced .compare-row.head .cc.us::after{
  content:"Recommended";position:absolute;top:-11px;left:50%;transform:translateX(-50%);
  background:var(--sun);color:#fff;font-size:10px;font-weight:800;letter-spacing:.06em;
  text-transform:uppercase;padding:3px 10px;border-radius:999px;white-space:nowrap;
  box-shadow:0 6px 14px -6px rgba(255,126,41,.8);
}
body.enhanced .compare .cc{padding:18px 18px;}
body.enhanced .compare .cc.feat{font-weight:700;font-size:15px;}
body.enhanced .compare-row:not(.head) .cc.us{
  background:linear-gradient(180deg,#f0f6ff,#eaf1ff);font-weight:800;color:var(--cobalt-deep);
}
body.enhanced .compare-row:last-child .cc.us{border-radius:0 0 0 0;}
body.enhanced .compare-row:nth-child(even):not(.head) .cc.feat{background:#fcfaf7;}
body.enhanced .compare .tk{width:26px;height:26px;font-size:13px;
  box-shadow:0 6px 12px -6px rgba(31,158,110,.9);}
body.enhanced .compare .xk{width:26px;height:26px;font-size:13px;}

/* ============================================================
   HOW-STEPS  (How It Works — 3 steps) connector + big numerals
   ============================================================ */
body.enhanced .how-steps{gap:26px;position:relative;}
/* connecting line behind the row of steps (desktop) */
body.enhanced .how-steps::before{
  content:"";position:absolute;top:64px;left:16%;right:16%;height:2.5px;
  background:repeating-linear-gradient(90deg,var(--sky-soft) 0 10px,transparent 10px 20px);
  z-index:0;
}
body.enhanced .step{
  background:#fff;border-radius:24px;padding:40px 30px 32px;
  border:1px solid var(--line);z-index:1;
  box-shadow:0 18px 36px -24px rgba(45,44,43,.3);
}
body.enhanced .step .n{
  position:static;display:flex;align-items:center;justify-content:center;
  width:auto;font-size:13px;font-weight:800;letter-spacing:.14em;color:var(--cobalt);
  text-transform:uppercase;margin-bottom:4px;
}
body.enhanced .step-char{
  height:auto;margin:6px auto 20px;width:104px;height:104px;border-radius:50%;
  background:var(--peach);display:flex;align-items:center;justify-content:center;
  box-shadow:inset 0 0 0 6px rgba(255,255,255,.6);
}
body.enhanced .step:nth-child(2) .step-char{background:var(--mint);}
body.enhanced .step:nth-child(3) .step-char{background:var(--mauve);}
body.enhanced .step h3{font-size:20px;letter-spacing:-.01em;}
body.enhanced .step p{font-size:15px;line-height:1.55;}
@media(max-width:920px){
  body.enhanced .how-steps::before{display:none;}
}

/* ============================================================
   VSTEPS  (the free call / how we vet) — cleaner, accent rail
   ============================================================ */
body.enhanced .vsteps{gap:14px;}
body.enhanced .vstep{
  border:1px solid var(--line);border-radius:20px;padding:26px 30px;gap:24px;
  transition:transform .16s ease,box-shadow .16s ease;
  box-shadow:0 12px 26px -22px rgba(45,44,43,.3);
}
body.enhanced .vstep:hover{transform:translateX(4px);
  box-shadow:0 18px 34px -22px rgba(45,44,43,.4);}
body.enhanced .vstep .vnum{
  width:48px;height:48px;font-size:17px;
  background:var(--green);
  box-shadow:0 9px 18px -10px rgba(31,158,110,.55);
}
body.enhanced .vstep h3{font-size:19px;letter-spacing:-.01em;}

/* ============================================================
   JOURNEY TIMELINE — vertical connector + node dots + pill labels
   ============================================================ */
body.enhanced .journey{position:relative;padding-left:8px;}
body.enhanced .jrow{
  grid-template-columns:140px 1fr;gap:30px;padding:26px 0 26px 34px;
  border-bottom:1px solid var(--line);position:relative;
}
/* the spine */
body.enhanced .journey::before{
  content:"";position:absolute;left:7px;top:14px;bottom:14px;width:2px;
  background:linear-gradient(180deg,var(--cobalt),var(--sky-soft));
}
body.enhanced .jrow::before{
  content:"";position:absolute;left:0;top:34px;width:16px;height:16px;border-radius:50%;
  background:#fff;border:3px solid var(--cobalt);z-index:1;
}
body.enhanced .jrow .jwhen{
  display:inline-flex;align-items:center;align-self:flex-start;
  background:var(--butter);color:var(--ink);font-weight:800;font-size:13px;
  padding:6px 14px;border-radius:999px;letter-spacing:.01em;
}
body.enhanced .jrow h3{font-size:20px;letter-spacing:-.01em;margin-bottom:7px;}
body.enhanced .jrow p{font-size:15.5px;line-height:1.55;}
@media(max-width:640px){
  body.enhanced .jrow{grid-template-columns:1fr;gap:10px;padding-left:30px;}
}

/* ============================================================
   RESEARCH / MODALITY CARDS  (Our Approach — 3 pillars)
   top accent in chip color, depth, hover
   ============================================================ */
body.enhanced .research-grid{gap:22px;}
body.enhanced .rcard{
  border-radius:24px;padding:30px 28px;border:1px solid var(--line);
  box-shadow:0 18px 38px -26px rgba(45,44,43,.34);
  transition:transform .18s ease,box-shadow .18s ease;
  position:relative;overflow:hidden;
}
body.enhanced .rcard:hover{transform:translateY(-4px);
  box-shadow:0 30px 50px -28px rgba(45,44,43,.46);}
body.enhanced .rcard .rchip{font-size:12px;padding:6px 14px;margin-bottom:18px;
  white-space:nowrap;line-height:1.5;height:auto;}
body.enhanced .rcard h3{font-size:20px;letter-spacing:-.01em;line-height:1.2;}
body.enhanced .rcard p{font-size:14.5px;line-height:1.55;}
body.enhanced .rcard .cite{border-style:solid;border-color:#dbe6fb;}
body.enhanced .rcard-blob{display:block;margin:2px 0 16px;}
body.enhanced .rcard .rcite{font-size:13.5px;line-height:1.5;color:var(--ink-soft);font-weight:600;
  border-left:3px solid var(--line);padding-left:13px;margin:0 0 12px;flex:0 0 auto;}
body.enhanced .rcard .ev-src{margin-top:0;align-self:flex-start;}

/* ============================================================
   MODALITY TABS  (Our Approach) — one method at a time
   ============================================================ */
body.enhanced .mtabs{max-width:1000px;margin:0 auto;}
body.enhanced .mtab-rail{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:24px;}
body.enhanced .mtab{display:flex;flex-direction:column;align-items:flex-start;gap:3px;
  background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:12px 22px;cursor:pointer;
  font-family:inherit;text-align:left;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;
  box-shadow:0 10px 22px -18px rgba(45,44,43,.4);}
body.enhanced .mtab:hover{transform:translateY(-2px);}
body.enhanced .mtab .mtab-k{font-size:18px;font-weight:800;letter-spacing:-.01em;color:var(--ink);line-height:1;}
body.enhanced .mtab .mtab-s{font-size:12.5px;font-weight:700;color:var(--ink-soft);}
body.enhanced .mtab.is-active{background:var(--ac);border-color:transparent;
  box-shadow:0 16px 30px -16px color-mix(in srgb, var(--ac) 65%, transparent);}
body.enhanced .mtab.is-active .mtab-k,body.enhanced .mtab.is-active .mtab-s{color:#fff;}

body.enhanced .mpanel{display:none;}
body.enhanced .mpanel.is-active{display:grid;grid-template-columns:310px 1fr;
  background:#fff;border:1px solid var(--line);border-radius:26px;overflow:hidden;
  box-shadow:0 26px 54px -34px rgba(45,44,43,.45);}
body.enhanced .mp-side{padding:38px 34px;border-right:1px solid var(--line);
  background:color-mix(in srgb, var(--ac) 9%, #fff);display:flex;flex-direction:column;justify-content:center;}
body.enhanced .mp-blob{display:block;margin-bottom:18px;}
body.enhanced .mp-name{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  color:var(--ac);margin-bottom:9px;}
body.enhanced .mp-side h3{font-size:23px;letter-spacing:-.015em;line-height:1.14;margin-bottom:24px;text-wrap:balance;}
body.enhanced .mp-bestlab{font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;
  color:var(--ink-soft);margin-bottom:11px;}
body.enhanced .mp-tags{display:flex;flex-wrap:wrap;gap:8px;}
body.enhanced .mp-tags span{background:#fff;border:1px solid var(--line);border-radius:999px;
  padding:6px 13px;font-size:12.5px;font-weight:700;color:var(--ink);white-space:nowrap;}
body.enhanced .mp-main{padding:38px 38px;display:flex;flex-direction:column;}
body.enhanced .mp-lab{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  color:var(--ac);margin-bottom:13px;}
body.enhanced .mp-main > p{font-size:16.5px;line-height:1.64;color:var(--ink);margin:0 0 26px;}
body.enhanced .mp-ev{margin-top:auto;background:color-mix(in srgb, var(--ac) 9%, #fff);
  border:1px solid color-mix(in srgb, var(--ac) 28%, transparent);border-radius:18px;
  padding:20px 22px;position:relative;}
body.enhanced .mp-ev::before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:4px;
  border-radius:0 4px 4px 0;background:var(--ac);}
body.enhanced .mp-evlab{display:block;font-size:11px;font-weight:800;letter-spacing:.08em;
  text-transform:uppercase;color:var(--ac);margin-bottom:9px;}
body.enhanced .mp-find{font-size:18px;line-height:1.4;font-weight:700;letter-spacing:-.01em;
  color:var(--ink);margin:0 0 14px;text-wrap:pretty;}
body.enhanced .mp-mean{font-size:14.5px;line-height:1.55;color:var(--ink-soft);margin:0 0 16px;text-wrap:pretty;}
body.enhanced .mp-mean-lab{display:block;font-size:11px;font-weight:800;letter-spacing:.05em;
  text-transform:uppercase;color:var(--ink);opacity:.55;margin-bottom:4px;}
body.enhanced .mp-ev .ev-src{background:#fff;border-color:color-mix(in srgb, var(--ac) 24%, var(--line));}

body.enhanced .mprinciple{max-width:1000px;margin:22px auto 0;display:flex;gap:16px;align-items:center;
  background:linear-gradient(180deg,#eef4ff,#e7eeff);border-radius:20px;padding:20px 26px;}
body.enhanced .mprinciple .mpr-blob{flex:0 0 auto;display:block;}
body.enhanced .mprinciple p{font-size:15.5px;line-height:1.6;color:var(--ink);margin:0;}
body.enhanced .mprinciple b{font-weight:800;}

@media(max-width:760px){
  body.enhanced .mpanel.is-active{grid-template-columns:1fr;}
  body.enhanced .mp-side{border-right:none;border-bottom:1px solid var(--line);}
  body.enhanced .mprinciple{flex-direction:column;text-align:center;}
}
body.enhanced .modes-also{max-width:760px;margin:34px auto 0;text-align:center;}
body.enhanced .modes-also-tag{display:inline-block;background:var(--cobalt);color:#fff;font-size:12px;
  font-weight:800;letter-spacing:.03em;padding:6px 15px;border-radius:999px;margin-bottom:14px;
  box-shadow:0 8px 16px -8px rgba(0,97,239,.5);}
body.enhanced .modes-also p{font-size:15.5px;line-height:1.6;color:var(--ink-soft);font-weight:600;margin:0;}
body.enhanced .rcard .rfoot{font-size:12.5px;text-transform:uppercase;letter-spacing:.04em;
  color:var(--cobalt);}

/* ============================================================
   EVIDENCE STAT CARDS  (Our Approach) — color-coded, big stat
   ============================================================ */
body.enhanced .ev-grid{gap:22px;}
body.enhanced .ev-card{
  border-radius:24px;padding:32px 32px;border:1px solid var(--line);
  box-shadow:0 16px 34px -26px rgba(45,44,43,.32);
  transition:transform .18s ease,box-shadow .18s ease;
  position:relative;padding-left:34px;
}
body.enhanced .ev-card::before{
  content:"";position:absolute;left:0;top:24px;bottom:24px;width:4px;border-radius:4px;
  background:var(--cobalt);
}
body.enhanced .ev-card:nth-child(2)::before{background:var(--green);}
body.enhanced .ev-card:nth-child(3)::before{background:var(--purple-soft);}
body.enhanced .ev-card:nth-child(4)::before{background:var(--sun);}
body.enhanced .ev-card:hover{transform:translateY(-3px);
  box-shadow:0 26px 46px -28px rgba(45,44,43,.44);}
body.enhanced .ev-card .ev-stat{font-size:clamp(38px,4.4vw,48px);}
body.enhanced .ev-card:nth-child(2) .ev-stat{color:var(--green);}
body.enhanced .ev-card:nth-child(3) .ev-stat{color:var(--purple-soft);}
body.enhanced .ev-card:nth-child(4) .ev-stat{color:var(--sun);}
body.enhanced .ev-card h3{font-size:19px;letter-spacing:-.01em;}

/* ============================================================
   EVIDENCE PILLS row (Our Approach) — chips into proper tokens
   ============================================================ */
body.enhanced .evidence-inner{gap:12px 14px;}
body.enhanced .epill{
  border:1px solid var(--line);box-shadow:0 8px 18px -14px rgba(45,44,43,.4);
  font-weight:700;padding:10px 16px;border-radius:999px;background:#fff;
}

/* ============================================================
   COVERAGE band (How It Works) — lift the panel
   ============================================================ */
body.enhanced .coverage-inner{
  box-shadow:0 30px 60px -38px rgba(45,44,43,.4);border-color:transparent;
  border-radius:28px;
}
body.enhanced .cov-chip{box-shadow:0 8px 16px -12px rgba(45,44,43,.5);}

/* ---------- decorative blob accents anchored to sections ---------- */
body.enhanced .sec-blob{position:absolute;pointer-events:none;z-index:0;}
body.enhanced .has-blob{position:relative;overflow:hidden;}

/* ============================================================
   "WHEREVER YOU'RE STARTING FROM" — dual-audience block
   (new to therapy  vs  tried therapy and it didn't work)
   ============================================================ */
body.enhanced .starts-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:22px;
  max-width:1000px;margin:0 auto;
}
body.enhanced .start-card{
  border-radius:26px;padding:40px 38px 42px;position:relative;overflow:hidden;
  border:1px solid rgba(45,44,43,.06);
  box-shadow:0 24px 48px -32px rgba(45,44,43,.5);
}
body.enhanced .start-card.is-new{background:linear-gradient(165deg,#FFF4DE 0%,#FFE7C6 100%);}
body.enhanced .start-card.is-back{background:linear-gradient(165deg,#EEF4FF 0%,#E2ECFF 100%);}
/* soft corner blob */
body.enhanced .start-card::after{
  content:"";position:absolute;width:150px;height:150px;border-radius:50%;
  right:-46px;bottom:-52px;opacity:.5;
}
body.enhanced .start-card.is-new::after{background:radial-gradient(circle at 30% 30%,#FFD37A,#FFB627);}
body.enhanced .start-card.is-back::after{background:radial-gradient(circle at 30% 30%,#8FC2FF,#4C93FF);}
body.enhanced .start-card > *{position:relative;z-index:1;}
body.enhanced .start-card .s-eyebrow{
  display:inline-flex;align-items:center;gap:9px;
  font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  margin-bottom:18px;padding:8px 15px 8px 12px;border-radius:999px;background:#fff;
  box-shadow:0 8px 18px -12px rgba(45,44,43,.6);
}
body.enhanced .start-card .s-eyebrow svg{width:17px;height:17px;fill:none;
  stroke-width:2;stroke-linecap:round;stroke-linejoin:round;display:block;}
body.enhanced .start-card.is-new .s-eyebrow{color:#C77A00;}
body.enhanced .start-card.is-new .s-eyebrow svg{stroke:var(--sun);}
body.enhanced .start-card.is-back .s-eyebrow{color:var(--cobalt-deep);}
body.enhanced .start-card.is-back .s-eyebrow svg{stroke:var(--cobalt);}
body.enhanced .start-card h3{font-size:25px;letter-spacing:-.02em;line-height:1.18;margin-bottom:15px;}
body.enhanced .start-card p{font-size:16px;line-height:1.6;color:var(--ink-soft);margin:0;}
body.enhanced .start-card p b{color:var(--ink);font-weight:800;}
@media(max-width:760px){
  body.enhanced .starts-grid{grid-template-columns:1fr;}
  body.enhanced .start-card{padding:32px 28px 34px;}
}

/* ============================================================
   "IS THIS YOU?" — adult-ADHD signs grid (self-recognition)
   ============================================================ */
body.enhanced .signs-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:16px;
  max-width:1080px;margin:0 auto;
}
body.enhanced .sign{
  position:relative;background:#fff;border:1px solid var(--line);
  border-radius:16px;padding:22px 20px 22px 26px;overflow:hidden;
  box-shadow:0 12px 26px -22px rgba(45,44,43,.4);
}
body.enhanced .sign::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--cobalt);}
body.enhanced .sign:nth-child(8n+2)::before{background:var(--green);}
body.enhanced .sign:nth-child(8n+3)::before{background:var(--sun);}
body.enhanced .sign:nth-child(8n+4)::before{background:var(--purple-soft);}
body.enhanced .sign:nth-child(8n+5)::before{background:var(--sky);}
body.enhanced .sign:nth-child(8n+6)::before{background:var(--pink);}
body.enhanced .sign:nth-child(8n+7)::before{background:var(--orange-bright);}
body.enhanced .sign:nth-child(8n+8)::before{background:var(--cobalt-deep);}
body.enhanced .sign h4{font-size:16px;font-weight:800;letter-spacing:-.01em;margin-bottom:7px;line-height:1.2;}
body.enhanced .sign p{font-size:13.5px;color:var(--ink-soft);line-height:1.5;margin:0;}
body.enhanced .signs-note{text-align:center;font-size:13px;color:var(--ink-soft);margin-top:22px;}
body.enhanced .signs-note b{color:var(--ink);}
@media(max-width:980px){body.enhanced .signs-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:520px){body.enhanced .signs-grid{grid-template-columns:1fr;}}

/* ============================================================
   "DOES THERAPY WORK?" answer panel + therapy/medication modes
   ============================================================ */
body.enhanced .answer-panel{
  max-width:840px;margin:0 auto;background:#fff;border:1px solid var(--line);
  border-left:5px solid var(--green);border-radius:18px;padding:30px 34px;
  box-shadow:0 18px 36px -28px rgba(45,44,43,.36);
}
body.enhanced .answer-panel p{font-size:17px;line-height:1.66;color:var(--ink-soft);margin:0;}
body.enhanced .answer-panel p + p{margin-top:14px;}
body.enhanced .answer-panel b{color:var(--ink);}
body.enhanced .answer-panel a{color:var(--cobalt);font-weight:700;}
body.enhanced .modes-title{text-align:center;font-size:23px;letter-spacing:-.015em;margin:54px 0 24px;}
body.enhanced .modes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1000px;margin:0 auto;}
body.enhanced .mode{
  background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px 28px;
  box-shadow:0 14px 30px -24px rgba(45,44,43,.36);
}
body.enhanced .mode.is-both{
  background:linear-gradient(180deg,#EEF4FF,#E3ECFF);border-color:transparent;
  box-shadow:0 22px 44px -26px rgba(0,97,239,.5);position:relative;
}
body.enhanced .mode.is-both::after{
  content:"Most common";position:absolute;top:-11px;left:28px;
  background:var(--cobalt);color:#fff;font-size:10px;font-weight:800;letter-spacing:.06em;
  text-transform:uppercase;padding:4px 11px;border-radius:999px;
  box-shadow:0 6px 14px -6px rgba(0,97,239,.8);
}
body.enhanced .mode .m-label{display:block;font-size:13px;font-weight:800;letter-spacing:.04em;
  text-transform:uppercase;color:var(--cobalt);margin-bottom:12px;}
body.enhanced .mode.is-both .m-label{color:var(--cobalt-deep);}
body.enhanced .mode p{font-size:15px;line-height:1.6;color:var(--ink-soft);margin:0;}
@media(max-width:760px){body.enhanced .modes-grid{grid-template-columns:1fr;}}

/* ============================================================
   Q&A accordion  (How It Works — questions before you book)
   native <details>, no JS, directly editable
   ============================================================ */
body.enhanced .qa{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:12px;}
body.enhanced .qa-item{background:#fff;border:1px solid var(--line);border-radius:16px;
  box-shadow:0 12px 26px -24px rgba(45,44,43,.34);}
body.enhanced .qa-item summary{
  list-style:none;cursor:pointer;padding:22px 26px;font-weight:800;font-size:17px;
  letter-spacing:-.01em;display:flex;justify-content:space-between;align-items:center;gap:18px;
}
body.enhanced .qa-item summary::-webkit-details-marker{display:none;}
body.enhanced .qa-item summary::after{content:"+";font-size:26px;font-weight:500;line-height:1;
  color:var(--cobalt);flex:0 0 auto;transition:transform .2s ease;}
body.enhanced .qa-item[open] summary::after{content:"\2013";}
body.enhanced .qa-item .qa-a{padding:0 26px 24px;font-size:15.5px;color:var(--ink-soft);line-height:1.62;margin:0;}
body.enhanced .qa-item .qa-a a{color:var(--cobalt);font-weight:700;}
body.enhanced .qa-more{max-width:820px;margin:22px auto 0;text-align:center;}
body.enhanced .qa-more a{font-weight:800;font-size:15.5px;color:var(--cobalt);display:inline-flex;align-items:center;gap:7px;}
body.enhanced .qa-more a:hover{color:var(--cobalt-deep);}