/* ============================================================
   Dr.SisLab — inner subpage styles (extends style.css)
   ============================================================ */
.sub-hero{padding:200px 0 90px;position:relative}
.sub-hero .eyebrow{margin-bottom:18px}
.sub-hero h1{
  font-family:var(--serif);font-weight:300;
  font-size:clamp(40px,6.4vw,88px);line-height:1.04;letter-spacing:-.02em;color:var(--ink);
  max-width:18ch;
}
.sub-hero h1 em{color:var(--burgundy);font-style:italic}
.sub-hero .section-lead{margin-top:26px}
.crumb{font-size:13px;color:var(--ink-faint);margin-bottom:24px}
.crumb a{color:var(--rose-deep)}
.crumb span{margin:0 8px;opacity:.5}

.sub-section{padding:80px 0}
.sub-section--alt{background:var(--ivory-2)}
.sub-section--ink{background:var(--ink);color:var(--ivory)}
.sub-section--ink .section-title{color:var(--cream)}
.sub-section--ink .section-lead{color:rgba(246,241,234,.7)}

.lead-row{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:start}
.lead-row .section-lead{margin-top:0}

/* numbered layer/feature list */
.flist{display:flex;flex-direction:column;gap:2px;margin-top:50px}
.frow{
  display:grid;grid-template-columns:80px 1fr 1.3fr;gap:30px;align-items:baseline;
  padding:34px 0;border-top:1px solid var(--line);transition:padding .4s var(--ease);
}
.frow:last-child{border-bottom:1px solid var(--line)}
.frow:hover{padding-left:14px}
.frow__n{font-family:var(--serif);font-size:20px;color:var(--gold)}
.frow__t{font-family:var(--serif);font-size:clamp(22px,2.4vw,30px);font-weight:500;color:var(--ink)}
.frow__d{font-size:15px;color:var(--ink-soft);line-height:1.65;font-weight:300}

/* feature grid */
.fgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:50px}
.fgrid--2{grid-template-columns:1fr 1fr}
.fcell{background:var(--cream);border:1px solid var(--line-soft);border-radius:22px;padding:38px 32px;transition:transform .5s var(--ease)}
.sub-section--ink .fcell{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12)}
.fcell:hover{transform:translateY(-6px)}
.fcell__i{font-size:30px;color:var(--gold);display:block}
.fcell h3{font-family:var(--serif);font-size:25px;font-weight:500;margin-top:18px}
.sub-section--ink .fcell h3{color:var(--cream)}
.fcell p{font-size:14px;color:var(--ink-soft);margin-top:12px;line-height:1.65;font-weight:300}
.sub-section--ink .fcell p{color:rgba(246,241,234,.65)}
.fcell ul{list-style:none;margin-top:16px;display:flex;flex-direction:column;gap:9px}
.fcell li{font-size:14px;color:var(--ink-soft);padding-left:18px;position:relative;font-weight:300}
.fcell li::before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;border:1.5px solid var(--gold)}

/* pill / status */
.pill{display:inline-block;font-size:12px;letter-spacing:.08em;padding:7px 16px;border-radius:100px;background:var(--pearl);color:var(--plum);margin-bottom:18px}

/* CTA band */
.cta-band{padding:120px 0;text-align:center;background:linear-gradient(180deg,var(--ivory),var(--ivory-2))}
.cta-band h2{font-family:var(--serif);font-weight:300;font-size:clamp(34px,5vw,60px);line-height:1.08;max-width:18ch;margin:0 auto;color:var(--ink)}
.cta-band .btn{margin-top:36px}

/* two-column note */
.note-cols{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:40px}
.note-cols h4{font-family:var(--serif);font-size:24px;font-weight:500;color:var(--ink);margin-bottom:14px}
.note-cols p{font-size:15px;color:var(--ink-soft);line-height:1.7;font-weight:300}

@media(max-width:980px){
  .lead-row,.fgrid,.fgrid--2,.note-cols{grid-template-columns:1fr;gap:36px}
  .frow{grid-template-columns:50px 1fr;gap:16px}
  .frow__d{grid-column:1/-1}
}