/* ilai.health — the practice site in get.ilai.health's visual system (2026-10-13).
   One sheet, linked after each page's base <style>: the consumer tokens (home-v4.html), Newsreader headlines with one gold
   italic turn, DM Sans body, pill buttons, cream cards with a gold hairline, the .lh-ic icon tile, the .hx3-c evidence card,
   the scene patterns (.v4-*), grey device frames, one footer. Page-specific rules live in each page's own <style>; this
   sheet carries everything two pages share. Values are copied from home-v4.html, not re-invented. */

/* ── tokens (override the base block's :root) ───────────────────────────────────────────────────── */
:root{
  --bg-canvas:#F6F4ED;--bg-surface:#FFFFFF;--bg-raised:#FFFCF5;--bg-sunken:#ECEAE2;--bg-paper:#F7F3E8;
  --ink-display:#132115;--ink-primary:#1C1B16;--ink-secondary:#526355;--ink-muted:#6A665A;--ink-inverse:#F6F4ED;
  --brand:#C8941E;--brand-lo:#85641C;--brand-hd:#A67B22;--brand-soft:#F3EAD3;
  --teal:#85641C;--sig-ai:#85641C;
  --line:#DDD6C2;--line-soft:#E8E2D2;--line-gold:rgba(166,123,34,.28);
  --stroke-subtle:#E8E2D2;--stroke-default:#DDD6C2;--stroke-strong:#C9C2AD;
  --band:#FFFCF5;--band-surface:#FFFFFF;--band-ink:#1C1B16;--band-ink2:#526355;--band-mute:#6A665A;--band-stroke:#E8E2D2;
  --night:#132821;--night2:#1F3A31;--night-gold:#E2BF77;--night-ink:#F1EFE7;--night-sub:rgba(233,237,242,.82);
  --v4-serif:'Newsreader',Georgia,serif;--serif:'Newsreader',Georgia,serif;
  --font-disp:'Newsreader',Georgia,serif;
  --r-md:10px;--r-lg:12px;--r-xl:16px;--r-xxl:24px;--r-pill:999px;--v4-r:24px;
  --shot-shadow:0 1px 2px rgba(28,27,22,.08),0 6px 14px rgba(28,27,22,.07),0 24px 48px -10px rgba(28,27,22,.20),0 56px 100px -36px rgba(28,27,22,.32);
  --shot-shadow-sm:0 1px 2px rgba(28,27,22,.06),0 4px 10px rgba(28,27,22,.05),0 16px 32px -14px rgba(28,27,22,.18);
  --fr-r:18px;--fr-line:0 0 0 1px rgba(201,161,74,.55);--fr-depth:0 2px 4px rgba(20,24,18,.06),0 18px 36px -18px rgba(20,24,18,.28),0 40px 80px -40px rgba(20,24,18,.35);
}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--bg-canvas);color:var(--ink-primary);font-size:18px;line-height:1.55}
::selection{background:rgba(226,191,119,.38);color:inherit}
:where(a,button,summary,[tabindex]):focus-visible{outline:2px solid #C9A14A;outline-offset:3px;border-radius:8px}
.wrap{max-width:1120px;padding-inline:24px}
@media(max-width:640px){.wrap{padding-inline:16px}}
main{overflow-x:clip}

/* ── type ───────────────────────────────────────────────────────────────────────────────────────── */
h1,h2,h3,.sec-head h2,.pt h2,.lg h1,.lg h2,.pg-head h1,.pg-founder h2,.fx h2,.sim-head h1,.st-text h2,.st-end h2,.uc-head h1,.pt-hero h1,.fq h2,.ct-card h2,.success h2,.success h3,.pg-why h2{
  font-family:var(--serif);font-weight:400;letter-spacing:-.012em;line-height:1.08;color:var(--ink-display);text-wrap:balance}
h1,.lg h1,.pg-head h1,.sim-head h1,.uc-head h1,.pt-hero h1{font-size:clamp(40px,5vw,64px);line-height:1.04;letter-spacing:-.02em}
h2,.sec-head h2,.pt h2,.fx h2{font-size:clamp(34px,3.8vw,54px);line-height:1.05}
h3,.fq h2,.st-text h2,.st-end h2,.ct-card h2,.pg-founder h2,.pg-why h2,.lg h2,.success h2,.success h3{font-size:clamp(23px,2.1vw,28px);line-height:1.2;letter-spacing:-.01em}
h1 em,h2 em,h3 em,.sec-head h2 em,.pg-founder h2 .gold,.fx h2 em,.pt-hero h1 em,.uc-head h1 em{font-style:italic;font-weight:300;color:var(--brand-lo)}
.lead{font-family:var(--font-sans);font-size:clamp(17px,1.35vw,20px);line-height:1.55;color:var(--ink-secondary);max-width:34em;text-wrap:pretty}
.eyebrow,.v4-eyebrow,.pt-eyebrow,.vg .vg-eyebrow,.sim-kicker,.h2-step-k,.rc-k,.net-h,.ct-card .k,.pt-route .k,.st-count{
  display:block;margin:0;font-family:var(--font-sans);font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-lo);line-height:1.4}
.eyebrow.dot::before{content:none}
.fine{font-size:14px;color:var(--ink-muted);line-height:1.55}
p,li{text-wrap:pretty}
b,strong{font-weight:600}
a{color:inherit}
.more-link,.af-link a,.pv-note a,.h2-pt a,.pt-tour a,.pt-fine a,.pt-fine2 a,.pt-faq a,.fine a,.lg a,.story a,.ct-note a,.faq a,.sim-note a,.pitch a,.card-s a{color:var(--brand-lo);font-weight:600;text-decoration:none;border-bottom:1.5px solid currentColor;padding-bottom:1px}
.fine a:hover,.more-link:hover{color:var(--ink-display)}

/* ── buttons: ink pill, gold ghost link ─────────────────────────────────────────────────────────── */
.btn,.v4-btn,.h2-btn,.pt-submit,.sim-guide .btn,.st-ctl .btn,.hd a.hd-cta{font-family:var(--font-sans)}
.btn{min-height:52px;padding:0 26px;border-radius:999px;font-size:16px;font-weight:600;border:1px solid transparent;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;position:relative;transition:transform .25s,box-shadow .25s,background-color .25s}
.btn-primary,.v4-btn,.h2-btn{background:var(--ink-display);color:#F6F4ED;border-color:var(--ink-display)}
.btn-primary:hover,.v4-btn:hover{transform:translateY(-1px);box-shadow:0 14px 30px -14px rgba(0,0,0,.55);filter:none}
.btn-ghost,.v4-ghost,.h2-link{background:transparent;border:0;border-bottom:2px solid var(--brand-lo);border-radius:0;color:var(--brand-lo);min-height:0;padding:0 0 3px;font-weight:600;font-size:16px;display:inline-flex;align-items:center;gap:6px;text-decoration:none}
.btn-ghost:hover,.v4-ghost:hover{color:var(--ink-display);border-color:var(--ink-display);filter:none}
.btn-ghost::after,.v4-ghost::after,.h2-link::after,.more-link::after{content:"\2192";font-weight:400;margin-left:2px}
.hero-ctas,.h2-ctas,.v4-ctas,.pg-end-acts,.st-end-ctl,.hx-ctas{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center}
@media(max-width:560px){.hero-ctas,.h2-ctas,.v4-ctas{flex-direction:column;align-items:stretch;gap:14px}.hero-ctas .btn-primary,.h2-ctas .btn-primary,.v4-ctas .v4-btn{width:100%}.hero-ctas .btn-ghost,.v4-ctas .v4-ghost,.h2-ctas .h2-link{align-self:flex-start}}

/* ── sections and scenes (the consumer home's .v4-* patterns) ───────────────────────────────────── */
section{padding-block:96px}
@media(max-width:960px){section{padding-block:72px}}
.sec-head{display:flex;flex-direction:column;gap:16px;max-width:760px;margin-bottom:44px}
.sec-head .lead{margin:0}
.sec-head.center,.v4-center{align-items:center;text-align:center;margin-inline:auto}
.v4-scene{padding:96px 0}
.v4-alt{background:var(--bg-sunken)}
.v4-paper{background:var(--bg-paper);border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}
.v4-copy{display:flex;flex-direction:column;gap:16px;min-width:0}
.v4-center .v4-h2,.v4-center .v4-p,.v4-center .lead{margin-inline:auto}
.v4-h2{font-family:var(--serif);font-weight:400;font-size:clamp(34px,3.8vw,54px);line-height:1.05;letter-spacing:-.012em;margin:0;color:var(--ink-display);text-wrap:balance;max-width:16ch}
.v4-center .v4-h2{max-width:22ch}
.v4-h2 em{font-style:italic;font-weight:300;color:var(--brand-lo)}
.v4-p{font-size:clamp(17px,1.35vw,20px);line-height:1.55;color:var(--ink-secondary);max-width:34em;margin:0;text-wrap:pretty}
.v4-sg{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:56px;align-items:center}
.v4-sg.v4-flip .v4-copy{order:2}
.v4-float{margin:0;display:flex;flex-direction:column;gap:12px;align-items:center;min-width:0}
.v4-float>img,.v4-float>a>img,.v4-float>picture>img{display:block;width:100%;height:auto;max-width:620px;border-radius:var(--fr-r);box-shadow:var(--fr-line),var(--fr-depth);background:#fff}
.v4-float figcaption{font-size:14px;color:var(--ink-muted);text-align:center;max-width:36em;line-height:1.5}
@media(max-width:960px){.v4-sg{grid-template-columns:1fr;gap:36px}.v4-sg.v4-flip .v4-copy{order:0}.v4-scene{padding:72px 0}}
@media(min-width:1000px) and (prefers-reduced-motion:no-preference){
  .v4-float{perspective:1400px}
  .v4-float>img,.v4-float>a>img,.v4-float>picture>img{transform:rotateY(-4deg) rotateX(1deg);transition:transform .6s cubic-bezier(.2,.7,.2,1)}
  .v4-flip .v4-float>img,.v4-flip .v4-float>a>img{transform:rotateY(4deg) rotateX(1deg)}
  .v4-float>img:hover,.v4-float>a>img:hover,.v4-float>picture>img:hover{transform:none}
}
/* the night band and the close: the only dark scenes */
.v4-night,.v4-close,.apply{background:var(--night);color:var(--night-ink)}
.v4-night .v4-h2,.v4-night h2,.v4-close .v4-h2,.v4-close h2,.apply h2{color:#fff}
.v4-night .v4-h2 em,.v4-night h2 em,.v4-close h2 em,.v4-close .v4-h2 em,.apply h2 em{color:var(--night-gold)}
.v4-night .v4-eyebrow,.v4-night .eyebrow,.v4-close .eyebrow,.apply .eyebrow{color:var(--night-gold)}
.v4-night .v4-p,.v4-night p,.v4-close .v4-p,.v4-close p,.apply p,.apply .lead{color:var(--night-sub)}
.v4-night .btn-primary,.v4-close .btn-primary,.apply .btn-primary,.v4-btn-light{background:#F6F4ED;color:#1C1B16;border-color:#F6F4ED}
.v4-night .btn-ghost,.v4-close .btn-ghost,.apply .btn-ghost,.apply .fine a,.v4-close .fine a{color:var(--night-gold);border-color:var(--night-gold)}
.apply .fine,.v4-close .fine{color:rgba(233,237,242,.62)}
.apply{text-align:center;padding:110px 0;background:radial-gradient(90% 70% at 50% 100%,rgba(200,148,30,.22),transparent 60%),var(--night)}
.apply .wrap{display:flex;flex-direction:column;align-items:center;gap:18px}
.apply h2{max-width:24ch;margin-inline:auto}
.apply .lead{text-align:center;margin-inline:auto}
@media(max-width:760px){.apply{padding:80px 0}}
/* trust row: a gold rule over each item */
.v4-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.v4-trust>div{display:flex;flex-direction:column;gap:6px;padding:22px 0;border-top:2px solid var(--brand);min-width:0}
.v4-trust b{font-family:var(--serif);font-weight:400;font-size:22px;line-height:1.2;color:var(--ink-display)}
.v4-trust span{font-size:15.5px;color:var(--ink-secondary);line-height:1.5}
@media(max-width:860px){.v4-trust{grid-template-columns:1fr}}

/* ── cards ──────────────────────────────────────────────────────────────────────────────────────── */
.pcard,.card,.pg-card,.ct-card,.pt-route,.pt-form.card,.pt-int.card,.doc,.st-end,.sim-guide,.msg,.compare .col,.chain li,.vg-card,.objs-c,.pth-c,.note-box,.pt-prio,.lg .sum,.status-line,.pt-status,.fit-fold,.tour-pick button,.sim-pts button,.st-back,.t-card{
  background:var(--bg-raised);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shot-shadow-sm)}
.card{padding:26px 24px;gap:10px}
.card p{color:var(--ink-secondary);font-size:16.5px}
.card .n{font-family:var(--font-sans);font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-lo);font-weight:600}
.pcard-flat{box-shadow:none}
/* the question/answer card from the consumer home (.objs-c) */
.objs-c{position:relative;overflow:hidden;background:#FFFDF8;border-color:#E6DCC3;border-radius:18px;padding:26px 24px 24px;display:flex;flex-direction:column;gap:14px}
.objs-c::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#C9A14A,rgba(201,161,74,0))}
.objs-c dt{font:italic 400 23px/1.25 var(--serif);color:#6E6C62}
.objs-c dd{margin:0;font-size:16px;line-height:1.55;color:#3E3D35}
.objs-c dd b{display:block;margin-bottom:8px;font:600 19px/1.3 var(--font-sans);color:#1C1B16}
.objs-g{margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
@media(max-width:1000px){.objs-g{grid-template-columns:1fr 1fr}}@media(max-width:560px){.objs-g{grid-template-columns:1fr}}
/* path cards (the consumer's .pth-c) */
.pth{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.pth-c{display:flex;flex-direction:column;gap:10px;padding:26px 26px 22px;border:1px solid #DDD6C2;border-radius:16px;background:#FFFCF5;color:#1C1B16;text-decoration:none;transition:border-color .2s,transform .2s;box-shadow:none}
.pth-c:hover{border-color:#C9A14A;transform:translateY(-2px)}
.pth-k{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#85641C}
.pth-c b{font:400 24px/1.25 var(--serif);color:#1C1B16}
.pth-c span:not(.pth-k){font-size:16px;line-height:1.55;color:#3E3D35}
.pth-c em{font-style:normal;font-weight:600;color:#1C1B16;margin-top:auto}
.pth-c em::after{content:"\2192";margin-left:4px;font-weight:400}
.pth-c figure{margin:-26px -26px 6px;border-radius:16px 16px 0 0;overflow:hidden;aspect-ratio:3/2}.pth-c figure img{width:100%;height:100%;object-fit:cover;display:block}
.pth-both{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;padding:18px 24px;border:1px solid #DDD6C2;border-radius:16px;background:#FBF8F0}
.pth-both b{font:400 22px/1.2 var(--serif);color:#1C1B16}.pth-both span{font-size:16px;line-height:1.55;color:#3E3D35}
@media(max-width:860px){.pth{grid-template-columns:1fr}.pth-both{grid-template-columns:1fr;gap:10px}}

/* ── the icon tile (.lh-ic) and the lists that use it ───────────────────────────────────────────── */
.lh-ic,.gf-ic,.h2-si,.hub-i,.hw2-ic,.vg-ic{display:inline-flex;flex:none;width:38px;height:38px;border-radius:10px;background:var(--brand-soft);align-items:center;justify-content:center;color:var(--brand-lo);margin-top:1px}
.lh-ic svg,.gf-ic svg,.h2-si svg,.hub-i svg,.hw2-ic svg,.vg-ic svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hub-out .hub-i,.net .hub-out .hub-i,.net .net-doc .hub-i{background:var(--brand-soft);color:var(--brand-lo)}
.lh-pay{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:14px;max-width:34rem}
.lh-pay li{display:grid;grid-template-columns:38px minmax(0,1fr);gap:14px;align-items:start;padding:2px 0}
.lh-pay li>div{display:grid;gap:3px}
.lh-pay b{font:600 18px/1.3 var(--font-sans);color:#1C1B16}
.lh-pay span{font-size:16px;line-height:1.5;color:#55544B}
.pth-3{list-style:none;margin:34px auto 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;max-width:1040px;text-align:left}
.pth-3 li{display:grid;gap:8px;align-content:start;justify-items:start}
.pth-3 .lh-ic{margin-bottom:4px}
.pth-3 b{font:400 25px/1.15 var(--serif);color:#1C1B16}
.pth-3 li>span:last-child{font-size:16.5px;line-height:1.55;color:#55574F}
.pth-def{margin:34px auto 30px;max-width:44ch;font:400 21px/1.4 var(--serif);color:#1C1B16;text-wrap:balance}
.pth-def em{font-style:italic;color:#85641C}
@media(max-width:860px){.pth-3{grid-template-columns:1fr;gap:20px;margin-top:26px}.pth-3 b{font-size:22px}.pth-def{font-size:19px;margin:26px auto 22px}}
/* the hairline list: two columns of parallel items without icons (the consumer's .cr-qs) */
.hl-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px}
.hl-list>li{padding:18px 0;border-top:1px solid rgba(28,27,22,.14);display:flex;flex-direction:column;gap:5px;min-width:0;background:none;border-radius:0;box-shadow:none}
.hl-list b{font:600 18px/1.3 var(--font-sans);color:#1C1B16;letter-spacing:0}
.hl-list span{font-size:16px;line-height:1.5;color:#55544B}
@media(max-width:760px){.hl-list{grid-template-columns:1fr}}
/* dot list (the consumer's .v6-does-light) */
.dot-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.dot-list li{position:relative;padding-left:22px;font-size:16.5px;line-height:1.5;color:var(--ink-secondary)}
.dot-list li::before{content:"";position:absolute;left:0;top:.6em;width:8px;height:8px;border-radius:50%;background:var(--brand)}
.dot-list b{color:var(--ink-primary);font-weight:600}

/* ── product-evidence cards (.hx3-c, the consumer hero) ─────────────────────────────────────────── */
.hx3{align-self:center;justify-self:center;width:100%;max-width:470px;display:flex;flex-direction:column;gap:18px;position:relative}
.hx3-stack{display:flex;flex-direction:column;gap:14px;position:relative;z-index:1}
.hx3-c{position:relative;overflow:hidden;display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;align-items:start;padding:16px 18px;background:rgba(255,253,248,.97);border:1px solid #E9E1CC;border-radius:16px;box-shadow:0 1px 2px rgba(20,19,15,.04),0 12px 28px -22px rgba(20,19,15,.22);animation:hx3in .6s ease-out both;animation-delay:var(--d,0s)}
.hx3-c::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,#C9A14A,rgba(201,161,74,0))}
.hx3-stack .hx3-c:nth-child(2){margin-left:14px}.hx3-stack .hx3-c:nth-child(3){margin-left:28px}
.hx3-ic{width:34px;height:34px;border-radius:9px;background:#1C1B16;display:flex;align-items:center;justify-content:center}
.hx3-av{width:auto!important;height:22px!important;border:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important}
.hx3-m{margin:0 0 6px;display:flex;gap:8px;align-items:center;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:#6E6C62}
.hx3-m span{color:#77786E}
.hx3-wm{height:10px!important;width:auto!important;border:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important;margin-right:2px}
.hx3-t{margin:0;font-size:14.5px;line-height:1.5;color:#55574F}
.hx3-t strong{display:block;font:400 19px/1.3 var(--serif);color:#1C1B16;margin-bottom:3px}
.hx3-viz{display:block;width:100%;height:auto;margin-top:10px;overflow:visible}
.hx3-cap{position:relative;z-index:1;margin:6px 0 0 28px;font:400 24px/1.2 var(--serif);color:#1C1B16}.hx3-cap em{color:#85641C}
@keyframes hx3in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:900px){.hx3{max-width:520px;margin-top:8px}.hx3-stack .hx3-c:nth-child(2),.hx3-stack .hx3-c:nth-child(3){margin-left:0}.hx3-cap{margin-left:0;text-align:center}}
@media(prefers-reduced-motion:reduce){.hx3-c{animation:none}}

/* ── device frames: grey phone, borderless rounded screens ─────────────────────────────────────── */
.phone{--pw:300px;background:linear-gradient(160deg,#4A4C50,#2A2C30 45%,#3A3C40);box-shadow:var(--fr-line),inset 0 0 0 1px rgba(255,255,255,.10),0 0 46px -6px rgba(201,161,74,.18),0 3px 6px rgba(20,24,18,.12),0 30px 60px -22px rgba(20,24,18,.45)}
.phone::before,.phone::after{background:#5A5C60}
.win{background:#fff;border:0;border-radius:var(--fr-r);padding:0;overflow:hidden;box-shadow:var(--fr-line),var(--fr-depth);transform:none!important}
.win .bar{display:flex;align-items:center;gap:8px;padding:10px 16px;border-bottom:1px solid #ECE9DF;background:#F8F6EF;justify-content:flex-start}
.win .bar span{color:#6A665A;font-size:13px;font-weight:500}
.win .bar::before{content:"";width:9px;height:9px;border-radius:50%;background:rgba(28,27,22,.14);box-shadow:15px 0 0 rgba(28,27,22,.14),30px 0 0 rgba(28,27,22,.14);margin-right:30px}
.win img{border-radius:0}
.win .focbox{border-radius:0}
.win .foc-full{color:#85641C;border-top:1px solid #ECE9DF;padding:8px 10px;min-height:40px}
a.win{text-decoration:none;cursor:zoom-in}
.fshot a{border-color:var(--line);border-radius:var(--fr-r);box-shadow:var(--fr-line),var(--fr-depth)}
.fshot .fs-full{color:#85641C}
.panels img,.wr-img,.h2-card-img,.conn,.vg-clock .vg-shot a{border-radius:var(--fr-r);box-shadow:var(--fr-line),var(--fr-depth);border:0}
.sim-mon,.wt-shot{background:#fff;padding:0;border-radius:var(--fr-r);box-shadow:var(--fr-line),var(--fr-depth)}
.sim-stage,.st-stage{border-radius:var(--fr-r)}
@media(max-width:600px){.win{border-radius:14px}}

/* ── forms ──────────────────────────────────────────────────────────────────────────────────────── */
.input,.select,.textarea,.pt .input,.pt .textarea{border-radius:10px;border:1px solid var(--line);background:#fff;font:inherit;font-size:16px;color:var(--ink-primary)}
.input:focus,.select:focus,.textarea:focus,.pt .input:focus,.pt .textarea:focus{outline:none;border-color:var(--brand-hd);box-shadow:0 0 0 3px rgba(166,123,34,.22)}
.chip,.pt-radio{border-radius:12px;border-color:var(--line)}
.chip:has(input:checked),.pt-radio:has(input:checked){border-color:var(--brand-hd);box-shadow:0 0 0 2px rgba(166,123,34,.22)}
.label,.grp,.sec{font-family:var(--font-sans)}

/* ── FAQ ────────────────────────────────────────────────────────────────────────────────────────── */
.faq{display:grid;gap:10px;max-width:900px}
.faq details{background:var(--bg-raised);border:1px solid var(--line);border-radius:14px;padding:0 20px;box-shadow:none}
.faq summary{cursor:pointer;list-style:none;font-size:18px;font-weight:600;color:var(--ink-primary);padding:16px 0;min-height:44px;display:flex;justify-content:space-between;gap:16px;align-items:center;font-family:var(--font-sans)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:22px;color:var(--brand-lo);flex:none;font-weight:300}
.faq details[open] summary::after{content:"\2212"}
.faq details p{padding:0 0 18px;font-size:16.5px;color:var(--ink-secondary);line-height:1.55;max-width:75ch}
.faq-g{margin:26px 0 10px;font:400 20px/1.2 var(--serif);color:#85641C}

/* ── numerals off: a list of parallel items never counts itself ─────────────────────────────────── */
.obs li b::before,.pt-steps b::before{content:none}
.vg-num{display:none}
.vg-flow>li+li::before{display:none}
.chain li+li::before,.gf li+li::before,.gf li+li::after,.loop2 li+li::before,.loop2 li+li::after,.hub-in li::after,.hub-out li::before{display:none}
.chain ol{gap:12px}
.chain li{padding:14px 16px}
.gf{gap:14px}
.gf li{background:none;border:0;box-shadow:none;padding:4px 0;border-radius:0;grid-template-columns:38px minmax(0,1fr)}
.gf b{font:600 18px/1.3 var(--font-sans)}
.gf small{font-size:15px;color:var(--ink-secondary)}
.gf-ch span{background:#F3EAD3;color:#6E5212;border-color:rgba(166,123,34,.3);border-radius:999px}

/* ── explanatory graphics (site_graphics.py): paper cards, the engine card in the night green ──── */
.vg{--vg-paper:#FFFCF5;--vg-ink:#1C1B16;--vg-muted:#526355;--vg-gold:#85641C;--vg-line:#DDD6C2;--vg-engine:#132821}
.vg-card{border-radius:16px;box-shadow:var(--shot-shadow-sm)}
.vg-card h4,.vg-notes h4,.vg-note h4,.vg-title,.vg-engine h4{font-family:var(--font-sans);font-weight:600}
.vg-engine h4{font-family:var(--serif);font-weight:400;font-size:clamp(22px,2.4vw,28px)}
.vg-notes li{grid-template-columns:38px minmax(0,1fr)}
.vg .vg-badge,.vx-tab,.vx-who{font-family:var(--font-sans);letter-spacing:.08em;text-transform:uppercase}
.vx-ilai{background:#FFFDF8;border:1px solid #E9E1CC;border-radius:16px;position:relative;overflow:hidden}
.vx-ilai::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,#C9A14A,rgba(201,161,74,0))}
.vx-you{background:var(--ink-display)}
.vx-point{font-family:var(--serif);font-weight:400;font-size:21px;line-height:1.25}

/* ── header: the consumer geometry over site_header.py's rules (72px, the 1120 column, frosted when scrolled) ─────── */
html{scroll-padding-top:96px}
html body .hd{height:72px;background:rgba(246,244,237,.84);-webkit-backdrop-filter:saturate(1.5) blur(16px);backdrop-filter:saturate(1.5) blur(16px);border-bottom:1px solid var(--line-gold)}
html body .hd-wrap{max-width:1120px;padding:0 24px;gap:24px}
html body .hd-brand{width:auto}
/* 2026-10 wordmark (2.204:1, total = letters x 1.35): letters 31 px here (29.4 with the old mark), 26 px below 1200 (25.5);
   the tagline starts under the first I's stem (offset = height x 6.47/135) */
html body .hd-brand img{width:auto;height:41.9px}
html body .hd-desc{font-size:12px;line-height:16px;margin:3px 0 0 2px}
html body .hd a.hd-cta{border-radius:999px;background:var(--ink-display)}
@media(max-width:1199px){html{scroll-padding-top:84px}html body .hd{height:64px}html body .hd-wrap{padding:0 16px}html body .hd-brand img{width:auto;height:35.1px}html body .hd-desc{margin-left:1.7px}}
html body .hd.v5-solid{box-shadow:0 10px 30px -22px rgba(9,20,15,.3)}

/* ── footer (get.ilai.health's) ─────────────────────────────────────────────────────────────────── */
footer.sf{border-top:1px solid var(--line-soft);background:radial-gradient(900px 420px at 100% 0,rgba(226,191,119,.12),rgba(226,191,119,0) 70%),#EDEBE3;padding:44px 0 28px;font-size:15px;color:var(--ink-secondary)}
footer.sf .wrap{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:28px;align-items:start}
/* 2026-10 wordmark (2.204:1): letters 37 px, 29.6 px at <=760; pulled left by the stem's offset so the first I sits on the column edge */
footer.sf .sf-logo img{display:block;width:auto;height:50px;max-width:none;margin-left:-2.4px}
@media(max-width:760px){footer.sf .sf-logo img{height:40px;margin-left:-1.9px}}
footer.sf .sf-bos{margin:6px 0 4px;font:600 12.5px var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:#A67B22;white-space:normal}
footer.sf .sf-brand p{margin-top:8px;font-size:14.5px;line-height:1.45;max-width:30ch}
footer.sf .sf-brand p.sf-bos{margin-top:6px}
footer.sf .sf-col{display:flex;flex-direction:column;gap:9px}
footer.sf .sf-col b{font-size:14px;color:var(--ink-primary);margin-bottom:2px;font-weight:600}
footer.sf .sf-col .sf-k{display:block;margin-top:10px;font-size:12px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:#85641C}
footer.sf .sf-col b+.sf-k{margin-top:0}
footer.sf a{color:var(--ink-secondary);text-decoration:none;overflow-wrap:anywhere;border:0;font-weight:400}
footer.sf a:hover{color:var(--ink-primary);text-decoration:underline;text-underline-offset:3px}
footer.sf a[href^="mailto:"]{overflow-wrap:normal;word-break:normal}
footer.sf .sf-base{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:32px;padding-top:18px;border-top:1px solid var(--line-soft);font-size:13px;color:var(--ink-muted)}
@media(max-width:900px){footer.sf .wrap{grid-template-columns:1fr 1fr}footer.sf .sf-brand{grid-column:1/-1}}
@media(max-width:420px){footer.sf .sf-bos{font-size:11.5px;letter-spacing:.08em}}

/* ── motion ─────────────────────────────────────────────────────────────────────────────────────── */
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.v4-btn,.pth-c{transition:none}.v4-float>img,.v4-float>a>img{transform:none!important}}