/* ================= Mindflow Round 1 (October 26, 2026) — Option C/D styles for the 17 sales-page sections. New class names only; shell untouched. ================= */

/* S01-D · headline, then one wide path drawing */
.hero-d-top{max-width:760px;display:grid;gap:18px}
.hero-d .display{max-width:12em}
.hero-d .lead{max-width:34em}
.path-d{margin:clamp(32px,4vw,56px) 0 0}
.path-d .cap{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--on-dark-2);margin-bottom:14px}
.hero-light .path-d .cap{color:var(--ink-3)}
.path-d ol{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;counter-reset:pd}
.path-d li{position:relative;background:var(--navy-raised);border:1px solid var(--navy-line);border-radius:var(--r-md);padding:18px 18px 18px;display:grid;gap:8px;align-content:start;min-width:0}
.hero-light .path-d li{background:var(--white);border-color:var(--line)}
.path-d li::after{content:"";position:absolute;right:-12px;top:50%;width:12px;height:1px;background:var(--on-dark-2)}
.path-d li:last-child::after{display:none}
.hero-light .path-d li::after{background:var(--line-strong)}
.path-d .ic{width:36px;height:36px;border-radius:50%;background:var(--navy);border:1px solid var(--navy-line);display:grid;place-items:center;color:var(--citron)}
.hero-light .path-d .ic{background:var(--stone);border-color:var(--line);color:var(--navy)}
.path-d .ic .i{width:18px;height:18px}
.path-d li b{font-family:var(--font-head);font-weight:800;font-size:17px;letter-spacing:-.015em;color:var(--white)}
.hero-light .path-d li b{color:var(--navy)}
.path-d .d{font-size:14px;color:var(--on-dark);line-height:1.45}
.hero-light .path-d .d{color:var(--ink-2)}
.path-d .pq{display:inline-flex;align-items:center;background:var(--white);color:var(--navy);border-radius:var(--r-pill);padding:4px 12px;font-weight:600;font-size:14px;width:fit-content;max-width:100%}
.path-d li.end{background:var(--citron);border-color:var(--citron)}
.path-d li.end .ic{background:var(--navy);color:var(--citron)}
.path-d li.end b,.path-d li.end .d{color:var(--navy)}
@media (max-width:900px){.path-d ol{grid-template-columns:repeat(2,minmax(0,1fr))}.path-d li:nth-child(2)::after{display:none}}
@media (max-width:520px){.path-d ol{grid-template-columns:1fr}.path-d li::after{display:none}}

/* S02-C · one wrapped line */
.trust-c{padding:18px 0}
.trust-c ul{list-style:none;display:flex;flex-wrap:wrap;gap:10px 0;align-items:center}
.trust-c li{display:inline-flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:var(--ink-2);padding:4px 22px 4px 0;margin-right:22px;border-right:1px solid var(--line-strong);line-height:1.3}
.trust-c li:last-child{border-right:0;margin-right:0;padding-right:0}
.trust-c .avatar{width:32px;height:32px;flex:none}
@media (max-width:700px){.trust-c li{border-right:0;margin-right:0;padding-right:0;width:100%}}
/* S02-D · anchor + labelled chips */
.trust-d{padding:22px 0}
.trust-d .container{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px 32px;align-items:center}
.td-anchor{display:flex;align-items:center;gap:14px}
.td-anchor .avatar{width:56px;height:56px}
.td-anchor b{display:block;font-family:var(--font-head);font-weight:800;font-size:17px;letter-spacing:-.015em}
.td-anchor span{display:block;font-size:13px;color:var(--ink-3)}
.td-chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.td-chips li{display:grid;gap:2px;border:1px solid var(--line);border-radius:var(--r-sm);padding:8px 12px;font-size:14px;font-weight:600;color:var(--ink-2);background:var(--paper);min-width:0}
.td-chips .lab{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
@media (max-width:800px){.trust-d .container{grid-template-columns:1fr}}

/* S03-C · large answer, facts row */
.qa-c{display:grid;gap:18px;max-width:900px}
.qa-c-answer{font-family:var(--font-head);font-weight:600;font-size:clamp(21px,2.2vw,30px);line-height:1.35;letter-spacing:-.02em;text-wrap:pretty}
.qa-c-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 28px;margin-top:10px;padding-top:22px;border-top:1px solid var(--line)}
.qa-c-facts dt{font-family:var(--font-head);font-weight:800;font-size:16px;letter-spacing:-.01em}
.qa-c-facts dd{font-size:14px;color:var(--ink-2);margin-top:4px;line-height:1.45}
@media (max-width:640px){.qa-c-facts{grid-template-columns:1fr}}
/* S03-D · answer + who-does-what diagram */
.qa-d{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:var(--s-6) var(--s-8);align-items:start}
.qa-d .answer{font-size:var(--fs-lead);line-height:1.5;text-wrap:pretty}
.wd{margin:0;background:var(--stone);border-radius:var(--r-lg);padding:20px}
.wd .cap{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--ink-3);margin-bottom:14px}
.wd-row{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr);gap:8px;align-items:stretch}
.wd-box{background:var(--white);border:1px solid var(--line);border-radius:var(--r-md);padding:14px;display:grid;gap:6px;align-content:start;min-width:0}
.wd-box.who{border-color:var(--navy)}
.wd-box.end{background:var(--citron);border-color:var(--citron)}
.wd-box .k{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.wd-box.end .k{color:var(--navy)}
.wd-box b{font-family:var(--font-head);font-weight:800;font-size:14px;letter-spacing:-.01em;line-height:1.25}
.wd-box ul{list-style:none;display:grid;gap:3px;font-size:12.5px;color:var(--ink-2);line-height:1.35;margin-top:4px}
.wd-box.end ul{color:var(--navy)}
.wd-arr{display:grid;place-items:center;color:var(--ink-3)}
.wd-arr .i{width:18px;height:18px}
@media (max-width:1100px){.qa-d{grid-template-columns:1fr}.wd{max-width:760px}}
@media (max-width:560px){.wd-row{grid-template-columns:1fr}.wd-arr{transform:rotate(90deg);height:24px}}

/* S05-C · checklist */
.prob-c{display:grid;gap:18px;max-width:760px}
.chk-c{list-style:none;display:grid;border-top:1px solid var(--line-strong)}
.chk-c li{display:grid;grid-template-columns:24px 1fr;gap:14px;align-items:start;padding:14px 0;border-bottom:1px solid var(--line-strong);font-size:var(--fs-body);color:var(--ink)}
.chk-c .box{width:22px;height:22px;border:2px solid var(--navy);border-radius:4px;margin-top:2px;background:var(--white)}
.prob-c .turn,.prob-d .turn{font-size:var(--fs-lead);line-height:1.5;color:var(--ink);text-wrap:pretty;max-width:var(--measure)}
/* S05-D · week view + pinned symptoms */
.prob-d{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:var(--s-6) var(--s-8);align-items:start}
.pins-d{list-style:none;display:grid;gap:10px}
.pins-d li{display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:start;font-size:var(--fs-body);color:var(--ink)}
.pins-d i,.week-d .slot i{font-style:normal;font-family:var(--font-head);font-weight:800;font-size:13px;width:26px;height:26px;border-radius:50%;background:var(--navy);color:var(--citron);display:grid;place-items:center}
.week-d{margin:0;background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px}
.week-d .cap{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--ink-3);margin-bottom:14px}
.wk-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.wk-grid .day{display:grid;gap:6px;min-width:0}
.wk-grid .day b{font-family:var(--font-head);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);text-align:center;padding-bottom:4px}
.wk-grid .slot{min-height:54px;border-radius:var(--r-sm);border:1px dashed var(--line-strong);background:var(--paper);display:grid;place-items:center;gap:2px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);padding:6px 4px;text-align:center}
.wk-grid .slot.on{background:var(--navy);border:1px solid var(--navy);color:var(--on-dark)}
.wk-grid .slot i{width:22px;height:22px;font-size:12px}
@media (max-width:900px){.prob-d{grid-template-columns:1fr}}
@media (max-width:420px){.wk-grid{gap:4px}.wk-grid .slot{font-size:9px;padding:4px 2px}}

/* S06-C · table rows */
.places-c{border-top:2px solid var(--navy)}
.pc-h,.pc-r{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,4fr) minmax(0,5fr);gap:12px var(--s-5);padding:14px 0;border-bottom:1px solid var(--line)}
.pc-h span{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.pc-r h3{font-size:19px;letter-spacing:-.02em}
.pc-r p{font-size:16px;color:var(--ink-2);line-height:1.5}
@media (max-width:700px){.pc-h{display:none}.pc-r{grid-template-columns:1fr;gap:6px;padding:18px 0}.pc-r p:nth-of-type(1)::before{content:"What they see · ";font-weight:700;color:var(--ink-3);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.pc-r p:nth-of-type(2)::before{content:"What we do · ";font-weight:700;color:var(--ink-3);font-size:12px;letter-spacing:.08em;text-transform:uppercase}}
/* S06-D · horizontal route on light */
.route-d{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;position:relative;counter-reset:rd}
.route-d::before{content:"";position:absolute;left:0;right:0;top:17px;height:2px;background:var(--line-strong)}
.route-d li{display:grid;gap:12px;align-content:start;min-width:0;position:relative}
.route-d .node{width:36px;height:36px;border-radius:50%;background:var(--navy);color:var(--citron);display:grid;place-items:center;font-family:var(--font-head);font-weight:800;font-size:14px;position:relative;z-index:1}
.route-d li.end .node{background:var(--citron);color:var(--navy);border:2px solid var(--navy)}
.route-d li>b{font-family:var(--font-head);font-weight:800;font-size:18px;letter-spacing:-.02em}
.route-d .scr{background:var(--white);border:1px solid var(--line);border-radius:var(--r-md);padding:14px;display:grid;gap:8px;min-height:120px;align-content:start}
.route-d li.ai .scr{border-color:var(--navy);box-shadow:var(--shadow-sm)}
.route-d .req{font-size:14px;color:var(--ink-2);line-height:1.45}
.route-d .req .k{display:block;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-bottom:4px}
.route-d .wire-form span{font-size:12px}
@media (max-width:900px){.route-d{grid-template-columns:repeat(2,minmax(0,1fr))}.route-d::before{display:none}}
@media (max-width:560px){.route-d{grid-template-columns:1fr}}

/* S09 · longer pillar sentences */
.fp-pillars.r1{gap:14px 28px}
.fp-pillars.r1 span{font-size:15px;color:var(--ink-2);line-height:1.45}
.svc>p{font-size:15.5px}

/* S10-C · two columns */
.sd-c{grid-template-columns:1fr}
.sd-cols{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s-6) var(--s-8);align-items:start}
.sd-col>.k{display:block;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-bottom:12px}
.sd-col.you{background:var(--stone);border-radius:var(--r-lg);padding:22px 24px;display:grid;gap:6px}
.sd-col.you p{font-size:16px;color:var(--ink-2);line-height:1.5}
.sd-col.you .k.not{margin-top:14px;padding-top:14px;border-top:1px solid var(--line-strong)}
.sd-scope.r1{list-style:none;display:grid;grid-template-columns:1fr;gap:0;border-top:2px solid var(--navy)}
.sd-scope.r1 li{display:grid;grid-template-columns:22px 1fr;gap:12px;align-items:start;background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:13px 0}
.sd-scope.r1 .i{width:20px;height:20px;color:var(--navy);margin-top:2px}
.sd-scope.r1 b{display:inline;font-family:var(--font-head);font-size:16.5px;letter-spacing:-.01em}
.sd-scope.r1 span{display:inline;font-size:16px;color:var(--ink-2);line-height:1.5;margin:0}
.sd-scope.r1 .cn{font-style:normal;font-family:var(--font-head);font-weight:800;font-size:12px;width:22px;height:22px;border-radius:50%;background:var(--navy);color:var(--citron);display:grid;place-items:center;margin-top:1px}
.sd-intro .sd-scope.r1{margin-top:var(--s-5)}
.sd-ann b i{font-style:normal;display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--navy);color:var(--citron);font-size:10px;margin-right:5px;vertical-align:-3px}
.sd-ann b+b{margin-left:6px}
.sd .fw-foot.wide{grid-column:1/-1}
@media (max-width:900px){.sd-cols{grid-template-columns:1fr}}

/* S13-D · large quote beside the story */
.story-d{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:var(--s-6) var(--s-8);align-items:start}
.sd-quote{margin:0;background:var(--navy);color:var(--white);border-radius:var(--r-lg);padding:clamp(28px,3.5vw,48px);display:grid;gap:24px;position:sticky;top:96px}
.sd-quote p{font-family:var(--font-head);font-weight:700;font-size:clamp(24px,2.6vw,38px);line-height:1.2;letter-spacing:-.025em;text-wrap:pretty}
.sd-quote footer{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--on-dark)}
.sd-quote footer b{display:block;color:var(--white);font-size:16px}
.sd-quote .avatar{background:var(--citron);color:var(--navy)}
.sd-story{display:grid;gap:18px}
.sd-story .biz{font-size:var(--fs-lead);line-height:1.5}
.sd-story dl{display:grid;gap:0;border-top:1px solid var(--line)}
.sd-story dt{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);padding-top:14px}
.sd-story dd{font-size:16px;color:var(--ink-2);line-height:1.5;padding:6px 0 14px;border-bottom:1px solid var(--line)}
.sd-story .results,.sc-part .results{list-style:none;display:grid;gap:8px}
.sd-story .results li{display:grid;grid-template-columns:20px 1fr;gap:10px;font-size:16px;color:var(--ink-2)}
.sd-story .results .i{width:18px;height:18px;color:var(--navy);margin-top:3px}
@media (max-width:900px){.story-d{grid-template-columns:1fr}.sd-quote{position:static}}

/* S14-C · plain quote */
.quote-plain{margin:0;max-width:820px;display:grid;gap:22px}
.quote-plain blockquote p{font-family:var(--font-head);font-weight:600;font-size:clamp(20px,2vw,27px);line-height:1.35;letter-spacing:-.02em;text-wrap:pretty}
.on-dark .quote-plain blockquote p{color:var(--white)}
.quote-plain figcaption{display:flex;flex-wrap:wrap;gap:14px 28px;align-items:center}
.qp-attr{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--ink-3)}
.qp-attr b{display:block;color:var(--navy);font-size:16px}
.on-dark .qp-attr{color:var(--on-dark-2)}.on-dark .qp-attr b{color:var(--white)}
/* S14-D · marked sentence + card */
.quote-d{margin:0;display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:var(--s-6) var(--s-8);align-items:start}
.quote-d blockquote p{font-size:clamp(18px,1.6vw,22px);line-height:1.6;color:var(--ink-2);text-wrap:pretty}
.quote-d mark{background:var(--citron);color:var(--navy);font-family:var(--font-head);font-weight:700;padding:0 .15em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.qd-card{background:var(--stone);border-radius:var(--r-lg);padding:22px;display:grid;gap:14px;align-content:start}
.qd-card dl{display:grid;border-top:1px solid var(--line-strong)}
.qd-card dl div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:12px;padding:9px 0;border-bottom:1px solid var(--line-strong);font-size:14px}
.qd-card dt{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);padding-top:2px}
.qd-card dd{color:var(--ink)}
@media (max-width:900px){.quote-d{grid-template-columns:1fr}}

/* S15-C · claim + proof */
.why-c{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--s-8);border-top:2px solid var(--navy)}
.why-c li{padding:18px 0;border-bottom:1px solid var(--line-strong);display:grid;gap:6px}
.why-c h3{font-size:20px;letter-spacing:-.02em}
.why-c p{font-size:16px;color:var(--ink-2);line-height:1.5}
@media (max-width:760px){.why-c{grid-template-columns:1fr}}
/* S15-D · ask any agency */
.why-d{border-top:2px solid var(--navy)}
.wd-h,.wd-r{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:8px var(--s-6);padding:14px 0;border-bottom:1px solid var(--line)}
.wd-h span{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.wd-r .q{font-family:var(--font-head);font-weight:800;font-size:18px;letter-spacing:-.02em;line-height:1.25}
.wd-r p:not(.q){font-size:16px;color:var(--ink-2);line-height:1.5}
.wd-r p b{color:var(--ink)}
@media (max-width:700px){.wd-h{display:none}.wd-r{grid-template-columns:1fr;padding:16px 0}}

/* S16-C · plain note */
.note-c{max-width:760px;display:grid;gap:22px}
.nc-head{display:flex;align-items:center;gap:16px}
.nc-head .avatar{width:56px;height:56px}
.nc-head .nm{font-family:var(--font-head);font-weight:800;font-size:20px;letter-spacing:-.02em;margin-top:6px}
.nc-head .rl{font-size:14px;color:var(--ink-3)}
.nc-text{display:grid;gap:16px;font-size:var(--fs-lead);line-height:1.55;color:var(--ink);text-wrap:pretty}
.nc-text .sig{font-size:16px;color:var(--ink-2);margin-top:4px}
/* S16-D · note + record strip on navy */
.note-d{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s-6) var(--s-8);align-items:start}
.nd-text{display:grid;gap:16px;font-size:var(--fs-lead);line-height:1.55;color:var(--on-dark);text-wrap:pretty}
.nd-text .eyebrow{color:var(--citron)}
.nd-text .sig{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--on-dark-2);margin-top:8px}
.nd-text .sig b{display:block;color:var(--white);font-size:16px}
.nd-record{list-style:none;display:grid;border-left:2px solid var(--citron);padding-left:20px;margin-left:8px;align-self:start}
.nd-record .h{padding-bottom:10px}
.nd-record .h .k{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--citron)}
.nd-record li:not(.h){position:relative;display:grid;gap:4px;padding:12px 0 14px;border-bottom:1px solid var(--navy-line);color:var(--on-dark);font-size:15px;line-height:1.45}
.nd-record li:not(.h)::before{content:"";position:absolute;left:-26px;top:19px;width:10px;height:10px;border-radius:50%;background:var(--citron)}
.nd-record .yr{font-family:var(--font-head);font-weight:800;font-size:18px;letter-spacing:-.02em;color:var(--white)}
@media (max-width:900px){.note-d{grid-template-columns:1fr}}

/* S17-C · facts table */
.terms-c{display:grid;gap:24px;max-width:900px}
.terms-tbl{width:100%;border-collapse:collapse;border-top:2px solid var(--navy)}
.terms-tbl th,.terms-tbl td{text-align:left;vertical-align:top;padding:16px 0;border-bottom:1px solid var(--line-strong)}
.terms-tbl th{width:34%;padding-right:var(--s-5)}
.terms-tbl th span:not(.icon-tile){font-family:var(--font-head);font-weight:800;font-size:19px;letter-spacing:-.02em;display:block;margin-top:8px}
.terms-tbl td{font-size:16px;color:var(--ink-2);line-height:1.5}
@media (max-width:600px){.terms-tbl th,.terms-tbl td{display:block;width:auto;padding:0}.terms-tbl tr{display:grid;gap:6px;padding:16px 0;border-bottom:1px solid var(--line-strong)}.terms-tbl th,.terms-tbl td{border:0}}
/* S17-D · time line */
.terms-tl{margin:0}
.terms-tl .cap{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--ink-3);margin-bottom:14px}
.ttl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr) minmax(0,3fr);gap:10px 8px}
.ttl .seg{background:var(--white);border:1px solid var(--line);border-radius:var(--r-md);padding:16px;display:grid;gap:6px;align-content:start;min-width:0}
.ttl .seg.first{background:var(--navy);border-color:var(--navy);color:var(--white)}
.ttl .seg.first .k{color:var(--citron)}
.ttl .seg.after{border-style:dashed;border-color:var(--line-strong)}
.ttl .k{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.ttl b{font-family:var(--font-head);font-weight:800;font-size:16px;letter-spacing:-.015em;line-height:1.3}
.ttl .span{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px 10px;align-items:baseline;border-radius:var(--r-sm);padding:10px 14px;font-size:15px;color:var(--ink-2);background:var(--citron-tint);border:1px solid var(--citron)}
.ttl .span b{font-size:15px}
@media (max-width:640px){.ttl{grid-template-columns:1fr}}

/* S22-C · footer */
.seq-foot{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--s-5) var(--s-7);margin-top:clamp(24px,3vw,36px);align-items:start}
.seq-foot .need{display:grid;gap:6px}
.seq-foot .need .k{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.seq-foot .need p{font-size:16px;color:var(--ink-2);line-height:1.5}
.seq-foot .report-row{margin-top:0}
@media (max-width:800px){.seq-foot{grid-template-columns:1fr}}
/* S22-D · stage bands on an axis */
.stage-d{margin:0}
.stage-d .cap{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--ink-3);margin-bottom:14px}
.bands{list-style:none;display:grid;grid-template-columns:minmax(0,3fr) minmax(0,4fr) minmax(0,5fr);gap:10px}
.bands li{border-radius:var(--r-md);padding:18px;display:grid;gap:8px;align-content:start;min-width:0;border:1px solid var(--line);background:var(--paper)}
.bands li.b0{background:var(--navy);border-color:var(--navy);color:var(--white)}
.bands li.b0 .when{color:var(--citron)}.bands li.b0 p{color:var(--on-dark)}
.bands li.b1{background:var(--stone)}
.bands li.b2{background:var(--citron-tint);border-color:var(--citron)}
.bands .when{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.bands h3{font-size:19px;letter-spacing:-.02em}
.bands p{font-size:15px;color:var(--ink-2);line-height:1.5}
.marks{margin-top:14px;display:grid;gap:10px}
.marks .ax{display:flex;justify-content:space-between;align-items:center;height:2px;background:var(--navy);position:relative;margin:14px 0 6px}
.marks .ax i{font-style:normal;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);background:var(--white);padding:0 6px;position:relative;top:-1px}
.marks .ax i.a{margin-left:-6px}.marks .ax i.z{margin-right:-6px}
.marks .mk{list-style:none;display:flex;flex-wrap:wrap;gap:8px 28px}
.marks .mk li{display:grid;grid-template-columns:14px 1fr;gap:10px;align-items:start;font-size:14px;color:var(--ink-2);line-height:1.45}
.marks .mk li::before{content:"";width:12px;height:12px;border-radius:50%;background:var(--navy);margin-top:4px}
.marks .mk li.q::before{background:var(--citron);border:2px solid var(--navy);width:10px;height:10px}
.marks .mk b{display:block;font-family:var(--font-head);font-size:14px;color:var(--ink)}
@media (max-width:760px){.bands{grid-template-columns:1fr}}

/* S24-C/D · price basis without prices */
.pricing-c{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:var(--s-6) var(--s-7);align-items:start}
.price-box{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(24px,3vw,36px);display:grid;gap:20px}
.price-box>.k,.pb-inc .k,.pb-drv .k,.sep-offers>.k{display:block;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.pb-basis{font-size:var(--fs-lead);line-height:1.5;text-wrap:pretty}
.pb-plans{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pb-plans li{border:1px solid var(--line);border-radius:var(--r-md);padding:14px;display:grid;gap:4px;background:var(--paper)}
.pb-plans b{font-family:var(--font-head);font-weight:800;font-size:16px;letter-spacing:-.015em}
.pb-plans span{font-size:14px;color:var(--ink-2);line-height:1.4}
.pb-inc ul{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;margin-top:10px}
.pb-inc li{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600}
.pb-inc .i{width:18px;height:18px;color:var(--navy)}
.pb-drv ol{margin:10px 0 0;padding-left:20px;display:grid;gap:4px;font-size:15px;color:var(--ink-2)}
.pb-terms{list-style:none;display:grid;gap:8px;padding-top:18px;border-top:1px solid var(--line)}
.pb-terms li{display:grid;grid-template-columns:18px 1fr;gap:10px;font-size:15px;color:var(--ink-2)}
.pb-terms .i{width:18px;height:18px;color:var(--navy);margin-top:2px}
.pb-cta{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center}
.sep-offers{border:1px dashed var(--line-strong);border-radius:var(--r-lg);padding:22px;display:grid;gap:12px;align-content:start}
.sep-offers h3{font-size:19px;letter-spacing:-.02em}
.sep-offers p{font-size:15px;color:var(--ink-2);line-height:1.5;margin-top:4px}
.pricing-d{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--s-6) var(--s-7);align-items:start}
.pd-side{display:grid;gap:20px}
.fp-fig{margin:0;background:var(--stone);border-radius:var(--r-lg);padding:clamp(20px,2.5vw,32px);position:sticky;top:96px}
.fp-fig .cap{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--ink-3);margin-bottom:16px}
.fp-list{list-style:none;display:grid;gap:12px}
.fp-list li{display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:center;background:var(--white);border:1px solid var(--line);border-radius:var(--r-md);padding:14px 16px}
.fp-list .fp svg{width:100%;height:auto;display:block;fill:none;stroke:var(--navy);stroke-width:1.5}
.fp-list .fp svg .f{fill:var(--citron);stroke:var(--navy)}
.fp-list b{display:block;font-family:var(--font-head);font-weight:800;font-size:17px;letter-spacing:-.015em}
.fp-list span{font-size:14px;color:var(--ink-2);line-height:1.4}
@media (max-width:1100px){.pricing-c,.pricing-d{grid-template-columns:1fr}.fp-fig{position:static}}
@media (max-width:640px){.pb-plans{grid-template-columns:1fr}.pb-inc ul{grid-template-columns:1fr}}
@media (max-width:420px){.fp-list li{grid-template-columns:84px 1fr}}

/* S25-D · grouped by how homeowners hire */
.trades-d{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-5) var(--s-6)}
.trades-d .tg{display:grid;gap:12px;align-content:start}
.trades-d .tg>.k{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);padding-bottom:10px;border-bottom:2px solid var(--navy)}
.trades-d ul{list-style:none;display:grid;gap:10px}
.trades-d li{display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:start;padding:10px 0;border-bottom:1px solid var(--line)}
.trades-d li .i{width:26px;height:26px;color:var(--navy);margin-top:2px}
.trades-d h3{font-size:18px;letter-spacing:-.02em}
.trades-d h3 a{color:inherit}
.trades-d p{font-size:14.5px;color:var(--ink-2);line-height:1.45;margin-top:3px}
@media (max-width:900px){.trades-d{grid-template-columns:1fr}}

/* S27-C · every answer open */
.faq-open{display:grid;border-top:2px solid var(--navy);min-width:0}
.faq-open div{padding:20px 0;border-bottom:1px solid var(--line);display:grid;gap:8px}
.faq-open dt{font-family:var(--font-head);font-weight:800;font-size:clamp(18px,1.5vw,21px);letter-spacing:-.02em;line-height:1.25;text-wrap:pretty}
.faq-open dd{font-size:var(--fs-body);color:var(--ink-2);line-height:1.55;max-width:var(--measure);text-wrap:pretty}
/* S27-D · grouped with jump list */
.faq-d{display:grid;gap:clamp(28px,3vw,40px)}
.fd-head{display:grid;gap:14px}
.fd-jump ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.fd-jump a{display:inline-flex;align-items:center;gap:4px;min-height:44px;padding:0 16px;border-radius:var(--r-pill);border:1px solid var(--navy);color:var(--navy);font-weight:700;font-size:14px;text-decoration:none;background:var(--white)}
.fd-jump a small{font-weight:600;color:var(--ink-3);font-size:13px}
.fd-jump a:hover{background:var(--navy);color:var(--white)}
.fd-jump a:hover small{color:var(--on-dark)}
.fd-group{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:12px var(--s-7);scroll-margin-top:96px}
.fd-group h3{font-size:clamp(20px,1.7vw,24px);letter-spacing:-.02em;padding-top:20px;border-top:2px solid var(--navy)}
.fd-group dl{display:grid;border-top:2px solid var(--navy);min-width:0}
.fd-group dl div{padding:18px 0;border-bottom:1px solid var(--line);display:grid;gap:6px}
.fd-group dt{font-family:var(--font-head);font-weight:800;font-size:clamp(17px,1.4vw,20px);letter-spacing:-.02em;line-height:1.25;text-wrap:pretty}
.fd-group dd{font-size:var(--fs-body);color:var(--ink-2);line-height:1.55;max-width:var(--measure);text-wrap:pretty}
@media (max-width:800px){.fd-group{grid-template-columns:1fr}.fd-group h3{border-top:0;padding-top:0}}

/* S30-C · steps line above form; S30-D · sequence + outline */
.rv-line{grid-column:1/-1;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:-6px}
.rv-line li{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--white);min-width:0}
.rv-line .n,.rv-seq .n{width:30px;height:30px;flex:none;border-radius:50%;background:var(--navy);color:var(--citron);display:grid;place-items:center;font-family:var(--font-head);font-weight:800;font-size:13px}
.rv-line b{font-family:var(--font-head);font-weight:800;font-size:15px;letter-spacing:-.015em;line-height:1.25}
.rv-seq{grid-column:1/-1;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;position:relative}
.rv-seq::before{content:"";position:absolute;left:0;right:0;top:15px;height:2px;background:var(--line-strong)}
.rv-seq li{display:grid;gap:8px;align-content:start;min-width:0;position:relative}
.rv-seq .n{position:relative;z-index:1}
.rv-seq b{font-family:var(--font-head);font-weight:800;font-size:17px;letter-spacing:-.015em;line-height:1.25}
.rv-seq .d{font-size:14px;color:var(--ink-2);line-height:1.45}
.rv-d .rv-panel.outline{background:var(--stone)}
.rep-outline{margin:0;display:grid;gap:16px}
.rep-outline figcaption{display:grid;gap:4px}
.rep-outline figcaption .k{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.rep-outline ol{list-style:none;display:grid;gap:10px;background:var(--white);border:1px solid var(--line);border-radius:var(--r-md);padding:20px;box-shadow:var(--shadow-sm)}
.rep-outline li{display:grid;grid-template-columns:24px 1fr;gap:10px 12px;align-items:start;padding-bottom:10px;border-bottom:1px solid var(--line)}
.rep-outline li:last-child{border-bottom:0;padding-bottom:0}
.rep-outline .n{font-family:var(--font-head);font-weight:800;font-size:13px;color:var(--ink-3);padding-top:2px}
.rep-outline li>span:not(.n){font-family:var(--font-head);font-weight:700;font-size:15px;letter-spacing:-.01em;line-height:1.3}
.rep-outline .ln{grid-column:2;height:6px;border-radius:3px;background:var(--stone-2);width:70%}
@media (max-width:900px){.rv-d .rv-panel.outline{order:3}}
@media (max-width:760px){.rv-line,.rv-seq{grid-template-columns:1fr}.rv-seq::before{display:none}}