/* ═══ AFTER HOURS — additions for current "The Read" content ═══ */

/* two-path eyebrow */
.path-eye{color:var(--mist); }
.path-eye em{color:var(--gold); font-style:italic;}

/* ── RESULTS / silent leaks ── */
.results{padding:clamp(6rem,12vh,9rem) 0; background:var(--midnight-2); border-top:1px solid var(--steel-line);}
.leaks{display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--steel-line); border:1px solid var(--steel-line); margin-top:3.5rem;}
.leak{background:var(--midnight-2); padding:2.2rem 2rem 2rem; display:flex; flex-direction:column; transition:background .4s;}
.leak:hover{background:var(--slate);}
.leak .lab{font-size:.6rem; letter-spacing:.2em; text-transform:uppercase; color:var(--gold);}
.leak h3{font-size:clamp(1.5rem,2.1vw,1.95rem); margin-top:1.1rem; line-height:1.12;}
.leak h3 em{font-style:italic;}
.leak .eq{display:none;}
.leak p{color:var(--mist); font-size:.9rem; margin-top:1.2rem; line-height:1.8;}
.leak p em{font-style:italic; color:var(--gold); font-weight:400;}
.leak .cost{margin-top:auto; padding-top:1.6rem; border-top:1px solid var(--steel-line); display:flex; flex-direction:column; gap:.25rem;}
.leak .cost .cn{font-family:var(--serif); font-size:2rem; color:var(--gold); line-height:1;}
.leak .cost .cl{font-size:.6rem; letter-spacing:.14em; text-transform:uppercase; color:var(--mist-dim);}
.leak .stage{display:none;}

/* ── FOUNDER pull-quote enhancement ── */
.about-quote{font-family:var(--serif); font-size:clamp(1.5rem,2.6vw,2.2rem); line-height:1.3; font-weight:300;
  border-left:2px solid var(--gold); padding-left:1.6rem; margin:0 0 1.8rem; color:var(--text);}
.about-quote em{font-style:italic;}

/* ── METHOD deliverable ── */
.method-stage .deliv{margin-top:1.6rem; padding-top:1.2rem; border-top:1px solid var(--gold-line); display:flex; gap:1rem; align-items:baseline;}
.method-stage .deliv .dl{font-size:.58rem; letter-spacing:.18em; text-transform:uppercase; color:var(--gold); white-space:nowrap; padding-top:.15rem;}
.method-stage .deliv .dt{font-size:.86rem; color:var(--mist); line-height:1.6;}

/* ── SERVICES rebuilt with "best for" + band ── */
.svc-row.read{grid-template-columns:auto 1.3fr 2.2fr auto;}
.svc-row .best{display:block; font-size:.74rem; color:var(--mist); line-height:1.6; margin-top:.5rem;}
.svc-row .band{font-size:.62rem; letter-spacing:.16em; text-transform:uppercase; color:var(--gold);}
.svc-tools{margin-top:2.4rem; padding:1.6rem 1.8rem; border:1px solid var(--gold-line); background:rgba(184,115,51,.04);
  font-size:.86rem; color:var(--mist); line-height:1.7;}
.svc-tools b{color:var(--text); font-weight:400;}
.svc-tools em{color:var(--gold); font-style:italic;}

/* ── ASSESSMENT (interactive) ── */
.assess{padding:clamp(6rem,12vh,9rem) 0; background:var(--midnight); border-top:1px solid var(--steel-line);}
.assess-head{text-align:center; max-width:640px; margin:0 auto 3rem;}
.assess-head h2{margin-top:1.3rem;}
.assess-head p{color:var(--mist); margin-top:1.3rem;}
.assess-head .specs{display:flex; gap:1.4rem; justify-content:center; flex-wrap:wrap; margin-top:1.8rem;
  font-size:.62rem; letter-spacing:.14em; text-transform:uppercase; color:var(--mist-dim);}
.assess-head .specs b{color:var(--gold); font-weight:500;}
.assess-card{max-width:940px; margin:0 auto; border:1px solid var(--steel-line-2); background:var(--midnight-2);
  display:grid; grid-template-columns:360px 1fr;}
.assess-wheel{padding:2.4rem 2rem; border-right:1px solid var(--steel-line); display:flex; flex-direction:column;
  align-items:center; justify-content:center; gap:1.6rem; text-align:center; position:relative; overflow:hidden;
  background:
    radial-gradient(60% 60% at 50% 42%, rgba(184,115,51,.07), transparent 70%),
    linear-gradient(180deg, var(--slate) 0%, var(--midnight-2) 100%);}
.assess-wheel svg{width:100%; max-width:300px; display:block; position:relative; z-index:1;}
.assess-wheel .wcap{font-size:.6rem; letter-spacing:.16em; text-transform:uppercase; color:var(--mist-dim); max-width:24ch; line-height:1.6; position:relative; z-index:1;}
.wheel-c-num{font-family:var(--serif); fill:var(--text); font-weight:300;}
.wheel-c-lab{font-family:var(--sans); fill:var(--mist-dim); letter-spacing:.14em; text-transform:uppercase;}
.assess-main{display:flex; flex-direction:column; min-width:0;}
.assess-top{display:flex; align-items:center; justify-content:space-between; padding:1.2rem 1.6rem; border-bottom:1px solid var(--steel-line);}
.assess-area{font-size:.62rem; letter-spacing:.18em; text-transform:uppercase; color:var(--gold);}
.assess-prog{font-size:.62rem; letter-spacing:.1em; color:var(--mist); font-variant-numeric:tabular-nums;}
.assess-bar{height:2px; background:var(--steel-line); position:relative;}
.assess-bar i{position:absolute; inset:0; background:var(--gold); transform-origin:left; transform:scaleX(0); transition:transform .5s var(--ease);}
.assess-body{padding:clamp(2rem,4vw,3rem);}
.assess-q{font-family:var(--serif); font-size:clamp(1.4rem,2.4vw,2rem); line-height:1.25; min-height:2.6em;}
.assess-opts{display:flex; flex-direction:column; gap:.7rem; margin-top:2rem;}
.assess-opt{text-align:left; background:transparent; border:1px solid var(--steel-line-2); color:var(--text);
  padding:1rem 1.3rem; font-family:var(--sans); font-size:.92rem; font-weight:300; cursor:pointer;
  transition:all .25s var(--ease); display:flex; align-items:center; gap:1rem;}
.assess-opt::before{content:''; width:10px; height:10px; border:1px solid var(--steel-line-2); flex:none; transition:all .25s;}
.assess-opt:hover{border-color:var(--gold); padding-left:1.6rem;}
.assess-opt:hover::before{border-color:var(--gold);}
.assess-opt.sel{border-color:var(--gold);}
.assess-opt.sel::before{background:var(--gold); border-color:var(--gold);}
.assess-nav{display:flex; justify-content:space-between; align-items:center; padding:1.2rem 1.6rem; border-top:1px solid var(--steel-line);}
.assess-back{background:none; border:0; color:var(--mist); font-size:.66rem; letter-spacing:.14em; text-transform:uppercase; cursor:pointer;}
.assess-back:disabled{opacity:.3; cursor:default;}
.assess-dots{display:flex; gap:5px;}
.assess-dots span{width:6px; height:6px; background:var(--steel-line); border-radius:50%; transition:background .3s;}
.assess-dots span.done{background:var(--gold);}
.assess-dots span.now{background:var(--gold-light);}

/* result */
.assess-result{padding:clamp(2rem,4vw,3rem); display:none;}
.assess-result.show{display:block;}
.assess-result .band{display:inline-flex; align-items:center; gap:.6rem; font-size:.66rem; letter-spacing:.2em; text-transform:uppercase;}
.assess-result .band::before{content:''; width:9px; height:9px; border-radius:50%;}
.assess-result.green .band{color:var(--status-live);} .assess-result.green .band::before{background:var(--status-live);}
.assess-result.amber .band{color:var(--gold-light);} .assess-result.amber .band::before{background:var(--gold-light);}
.assess-result.red .band{color:var(--danger);} .assess-result.red .band::before{background:var(--danger);}
.assess-result h3{font-size:clamp(1.8rem,3vw,2.6rem); margin-top:1rem;}
.assess-result h3 em{font-style:italic;}
.assess-areas{margin-top:2rem; display:grid; gap:1rem;}
.assess-arow{display:grid; grid-template-columns:1.3fr 2fr auto; gap:1rem; align-items:center;}
.assess-arow .an{font-size:.8rem; color:var(--mist);}
.assess-arow .at{height:4px; background:var(--steel-line); position:relative;}
.assess-arow .at i{position:absolute; inset:0; transform-origin:left; transform:scaleX(0); transition:transform .8s var(--ease);}
.assess-arow .av{font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; text-align:right; white-space:nowrap;}
.assess-result .ractions{display:flex; gap:1rem; margin-top:2.4rem; flex-wrap:wrap;}

/* result breakdown — ranked per-area score bars */
.rlede{color:var(--mist); margin-top:1rem; max-width:54ch; line-height:1.8; font-size:.92rem; font-weight:300;}
.rbreak{margin-top:2.4rem;}
.rbreak-head{display:flex; justify-content:space-between; align-items:baseline; padding-bottom:1rem;
  font-size:.58rem; letter-spacing:.18em; text-transform:uppercase; color:var(--mist-dim);}
.rarea{display:grid; grid-template-columns:1.6rem minmax(7rem,1.1fr) 2fr 5.2em; gap:1.1rem; align-items:center;
  padding:.85rem 0; border-top:1px solid var(--steel-line);}
.rarea:last-child{border-bottom:1px solid var(--steel-line);}
.rarea .ra-n{font-family:var(--serif); font-size:.95rem; color:var(--mist-dim);}
.rarea .ra-name{font-size:.84rem; color:var(--text);}
.rarea .ra-bar{height:5px; background:var(--steel-line); position:relative; overflow:hidden;}
.rarea .ra-bar i{position:absolute; left:0; top:0; bottom:0; width:0; transition:width .9s var(--ease);}
.rarea .ra-v{font-size:.58rem; letter-spacing:.12em; text-transform:uppercase; text-align:right; white-space:nowrap;}
.rstart{margin-top:1.8rem; border:1px solid var(--steel-line-2); border-top:2px solid var(--gold);
  padding:1.1rem 1.4rem; display:flex; flex-direction:column; gap:.45rem;}
.rstart-k{font-size:.56rem; letter-spacing:.2em; text-transform:uppercase; color:var(--gold);}
.rstart-name{font-family:var(--serif); font-size:1.25rem; color:var(--text);}

/* ── SENTRIX feature image — S photo, edges faded into the section ── */
.sentrix-feature{position:relative; margin:3.5rem auto 0; max-width:660px; border:none; background:none;}
.sentrix-feature img{width:100%; height:auto; display:block;
  -webkit-mask-image:radial-gradient(70% 70% at 50% 50%, #000 46%, rgba(0,0,0,.5) 70%, transparent 93%);
  mask-image:radial-gradient(70% 70% at 50% 50%, #000 46%, rgba(0,0,0,.5) 70%, transparent 93%);}
.sentrix-feature .sf-cap{display:block; text-align:center; padding:1.1rem 1.4rem 0;
  font-size:.6rem; letter-spacing:.2em; text-transform:uppercase; color:var(--mist);}

/* ── SENTRIX six tiers ── */
.tiers{display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--steel-line); border:1px solid var(--steel-line); margin-top:3rem;}
.tier{background:var(--midnight-2); padding:1.8rem; display:flex; flex-direction:column; min-height:200px;
  text-decoration:none; transition:background .4s; position:relative;}
.tier:hover{background:var(--slate);}
.tier.free{background:var(--slate);}
.tier .tname{font-family:var(--serif); font-size:1.5rem;}
.tier .tname em{font-style:normal; color:var(--gold);}
.tier .tdsc{font-size:.8rem; color:var(--mist); margin-top:.8rem; line-height:1.6; flex:1;}
.tier .tprice{font-family:var(--serif); font-size:1.6rem; color:var(--gold); margin-top:1.2rem;}
.tier .tprice.f{color:var(--status-live);}
.tier .tgo{font-size:.6rem; letter-spacing:.16em; text-transform:uppercase; color:var(--mist); margin-top:.9rem; display:inline-flex; gap:.5rem;}
.tier:hover .tgo{color:var(--gold);}
.tier .badge{position:absolute; top:1.4rem; right:1.4rem; font-size:.52rem; letter-spacing:.16em; text-transform:uppercase; color:var(--gold);}

/* ── FAQ ── */
.faq{padding:clamp(6rem,12vh,9rem) 0; background:var(--midnight-2); border-top:1px solid var(--steel-line);}
.faq-list{margin-top:3rem; border-top:1px solid var(--steel-line);}
.faq-item{border-bottom:1px solid var(--steel-line);}
.faq-q{width:100%; text-align:left; background:none; border:0; cursor:pointer; padding:1.6rem 0;
  display:flex; justify-content:space-between; gap:2rem; align-items:center; color:var(--text);
  font-family:var(--serif); font-size:clamp(1.2rem,1.8vw,1.5rem); line-height:1.2; transition:color .3s;}
.faq-q:hover{color:var(--gold);}
.faq-q .ic{flex:none; width:18px; height:18px; position:relative;}
.faq-q .ic::before,.faq-q .ic::after{content:''; position:absolute; background:var(--gold); transition:transform .3s;}
.faq-q .ic::before{left:0; right:0; top:8px; height:1px;}
.faq-q .ic::after{top:0; bottom:0; left:8px; width:1px;}
.faq-item.open .ic::after{transform:scaleY(0);}
.faq-a{max-height:0; overflow:hidden; transition:max-height .45s var(--ease);}
.faq-a p{color:var(--mist); font-size:.92rem; line-height:1.85; padding-bottom:1.6rem; max-width:70ch;}
.faq-a em{font-style:italic; color:var(--gold-light);}

@media(max-width:900px){
  .leaks,.tiers{grid-template-columns:1fr;}
  .svc-row.read{grid-template-columns:auto 1fr;}
  .assess-arow{grid-template-columns:1fr;}
  .assess-arow .av{text-align:left;}
  .assess-card{grid-template-columns:1fr;}
  .assess-wheel{border-right:0; border-bottom:1px solid var(--steel-line); flex-direction:row; justify-content:flex-start; gap:1.4rem; text-align:left;}
  .assess-wheel svg{max-width:140px;}
}
@media(max-width:600px){
  .rarea{grid-template-columns:1.4rem 1fr auto; gap:.8rem;}
  .rarea .ra-bar{display:none;}
}

/* ══ Ivory section modifier ══
   Re-scopes the colour tokens within the section so every var(--token) child
   recolours for a warm cream surface. Breaks the all-black rhythm. Gold is
   darkened to #9C5230 so copper still clears WCAG AA on cream. */
.ivory {
  background: var(--cream);          /* #F5F0E8 */
  color: #1A1612;
  --text: #1A1612;
  --mist: rgba(26,22,18,.66);
  --mist-dim: rgba(26,22,18,.62);
  --steel-line: rgba(26,22,18,.13);
  --steel-line-2: rgba(26,22,18,.22);
  --gold: #9C5230;
  --gold-light: #A85A2E;                   /* AA-safe copper on cream */
}
/* Founder caption sits on the DARK photo overlay — keep it light, not re-scoped */
.ivory .about-photo .cap { color: rgba(245,240,232,.78); }

/* Footer social icons — inline SVG, inherit link colour (currentColor) */
.foot ul a .ico { width: 15px; height: 15px; vertical-align: -3px; margin-right: .55rem; flex: none; }
.foot ul a { display: inline-flex; align-items: center; }

.foot-bot a{color:inherit; text-decoration:underline; text-underline-offset:2px;}
.foot-bot a:hover{color:var(--gold);}