/* Evidmere stylesheet.
   One system: a night masthead and hero with one accent (a luminous step of ledger blue); a light body;
   Inter (self-hosted) for headings and interface; the review's own serif and grammar inside document samples.
   Light and dark both drawn. No external requests.
   v6.2 (10 November 2026, evening): the outside study's type tokens (hero 56–64 / 36–40, section 32–40 / 28–32, body 18 / 17, nothing under 14 px),
   the motion budget (every transition 160–240 ms, ≤ 8 px, opacity and transform only, one reveal per section, nothing looping), 44 px targets,
   visible focus rings, 3:1 control boundaries (--ctrl), the audience chips, the two groups, the Selected bar, the panel's parts, Home's sample tabs.
   v6.2.1 (10 November 2026, evening): no player on Home (its rules are gone); the hero is the proposition with one labelled sample image; the
   free-document line at every width; the problem section's single header block.
   v6.3 (10 November 2026, night): the outside reviewer's priorities. The palette v2.5 (navy, warm paper, teal for actions and selection, copper for
   category and audience labels, gold for fine rules and markers only) is the block between P25-START and P25-END, which build6.py keeps only with
   PALETTE_V25; the dark theme is the block between the DARK markers, kept only with DARK_MODE (off: the body is light regardless of the
   visitor's preference). The five motion places (the funnel's stages, the components map's groups, the five steps, the selector and the sample's
   evidence chain) are gated on html.m63; html.rm is set by site.js when the visitor prefers reduced motion, and ends every transition. */

@font-face{font-family:"Inter";src:url("fonts/inter-latin-wght-normal.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  /* night: masthead, hero, bands, footer */
  --night:#0A1420; --night-2:#0F1C2C; --night-3:#152539; --night-line:#22354B;
  --on-night:#EBF0F6; --on-night-2:#AFBccb; --on-night-3:#8595A8;
  --accent:#86B8EC;            /* the one accent, on night */
  --accent-ink:#1F5C9C;        /* the same hue, one step down, on light */
  --on-accent-ink:#FFFFFF;
  /* body */
  --bg:#F4F6F9; --surface:#FFFFFF; --ink:#0E1925; --ink-2:#435164; --ink-3:#647286; --line:#DCE2E9; --line-2:#C6CED9;
  --shadow:0 1px 2px rgba(10,20,32,.06),0 12px 32px rgba(10,20,32,.08);
  /* the review's own grammar, inside document samples only */
  --paper:#F7F5F0; --charcoal:#302C28; --ledger:#34597E; --head:#E3E1DC; --rule:#C9C4B8; --muted:#5B574F; --red:#A5322B;
  --sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --serif:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,"Times New Roman",serif;
  --ctrl:#7A8A9E;            /* control boundaries: 3.5:1 on white, 3.3:1 on the body */
  --wrap:1240px; --gut:clamp(20px,4vw,48px);
  color-scheme:light;
}


*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 1.125rem/1.55 var(--sans);font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
img,svg{max-width:100%}
a{color:var(--accent-ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--accent-ink);outline-offset:3px;border-radius:2px}
.night :focus-visible{outline-color:var(--accent)}
h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.022em;line-height:1.12;text-wrap:balance}
h1{font-size:clamp(2.25rem,1.3rem + 2.8vw,4rem);letter-spacing:-.032em;line-height:1.05}
h2{font-size:clamp(1.75rem,1.1rem + 1.9vw,2.5rem)}
h3{font-size:1.15rem;letter-spacing:-.012em}
p{margin:0}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut)}
.eyebrow{font-size:.875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-ink)}
.night .eyebrow{color:var(--accent)}
.lede{font-size:clamp(1.125rem,1rem + .4vw,1.3rem);line-height:1.5;color:var(--ink-2);max-width:36rem}
.night .lede{color:var(--on-night-2)}
.small{font-size:.875rem;color:var(--ink-3)}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:8px;background:var(--surface);color:var(--ink);padding:8px 12px;z-index:9}
.skip:focus{left:8px}

/* ---------- night: masthead, hero, bands, footer ---------- */
.night{background:var(--night);color:var(--on-night)}
.mast{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px 32px;padding-block:18px}
.brand{display:block;line-height:0;color:var(--on-night);text-decoration:none}
.lockup{height:30px;width:auto;aspect-ratio:5018.63/1172.5;display:block;flex:none}
.nav{display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:4px 26px;font-size:.9375rem}
.nav a{color:var(--on-night-2);text-decoration:none;padding-block:11px;border-bottom:2px solid transparent;display:inline-flex;align-items:center;min-height:44px}
.nav a:hover{color:var(--on-night)}
.nav a[aria-current="page"]{color:var(--on-night);border-bottom-color:var(--accent)}
.menu{display:none}
.menu summary{list-style:none;cursor:pointer;color:var(--on-night);font-size:.9375rem;font-weight:500;padding:10px 14px;min-height:44px;display:inline-flex;align-items:center;border:1px solid var(--on-night-3);border-radius:6px}
.menu summary::-webkit-details-marker{display:none}
.menu[open] summary{background:var(--night-3)}
.menu .menu-list{position:absolute;left:var(--gut);right:var(--gut);margin-top:10px;background:var(--night-2);border:1px solid var(--night-line);border-radius:10px;padding:8px;z-index:20;display:grid}
.menu .menu-list a{color:var(--on-night);text-decoration:none;padding:12px 12px;border-radius:6px;min-height:44px}
.menu .menu-list a[aria-current="page"]{background:var(--night-3)}
.mast-wrap{border-bottom:1px solid var(--night-line);position:relative}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:600 1rem/1.2 var(--sans);padding:11px 18px;min-height:44px;border-radius:6px;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:background .18s,border-color .18s,color .18s}
.btn-accent{background:var(--accent);color:var(--night)}
.btn-accent:hover{background:#A9CDF3}
.btn-accent:focus-visible{outline-color:var(--on-night)}
.btn-solid{background:var(--accent-ink);color:var(--on-accent-ink)}
.btn-solid:hover{filter:brightness(1.1)}
.btn-ghost{color:var(--on-night);border-color:var(--on-night-3)}
.btn-ghost:hover{border-color:var(--on-night-3)}
.btn-line{color:var(--ink);border-color:var(--ctrl);background:transparent}
.btn-line:hover{border-color:var(--ink-3)}
.btn-sm{padding:9px 14px;font-size:.9375rem;min-height:44px}
.arrow{font-weight:400}

.hero{padding-block:clamp(44px,7vw,96px) clamp(48px,7vw,96px)}
.hero-grid{display:grid;grid-template-columns:minmax(0,11fr) minmax(0,13fr);gap:clamp(32px,5vw,72px);align-items:center}
.hero-copy{display:grid;gap:22px;align-content:start}
.hero-copy .note{font-size:.95rem;color:var(--on-night-2);max-width:36rem}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.hero-art{min-width:0;display:grid;gap:12px}
.art-cap{font-size:.8125rem;color:var(--on-night-3);max-width:46rem}

.band{padding-block:clamp(40px,6vw,72px)}
.band-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px 48px;align-items:end}
.band h2{max-width:44rem;font-size:clamp(1.4rem,1.05rem + 1.3vw,2.1rem);line-height:1.2}

.foot{padding-block:48px 40px;font-size:.9375rem;color:var(--on-night-2)}
.foot-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,2fr);gap:32px 48px}
.foot-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 24px}
.foot-id{display:grid;gap:14px;align-content:start}
.foot-nav.cols{gap:24px}
.fcol{display:grid;gap:4px;align-content:start}
.fcol .fh{font-size:.875rem;font-weight:600;color:var(--on-night-3);margin-bottom:6px}
.foot a{display:inline-block;padding-block:4px}
.foot a{color:var(--on-night);text-decoration:none}
.foot a:hover{text-decoration:underline}
.foot .stat{border-top:1px solid var(--night-line);margin-top:32px;padding-top:20px;display:flex;flex-wrap:wrap;gap:6px 28px;color:var(--on-night-3);font-size:.875rem}

/* ---------- light body ---------- */
.section{padding-block:clamp(56px,8vw,112px)}
.section+.section{border-top:1px solid var(--line)}
.sec-head{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:16px 48px;align-items:end;margin-bottom:clamp(28px,4vw,48px)}
.sec-head .eyebrow{grid-column:1/-1}
.sec-head p{color:var(--ink-2);max-width:36rem}

/* proof figures: large numerals, proportional */
.proof{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.fig{background:var(--surface);padding:28px 24px 26px;display:grid;gap:10px;align-content:start}
.fig.lead{grid-column:span 2;background:var(--surface)}
.fig .num{font-size:clamp(2.6rem,1.6rem + 3vw,4rem);font-weight:600;letter-spacing:-.04em;line-height:1;color:var(--accent-ink)}
.fig.lead .num{font-size:clamp(3.6rem,2rem + 5vw,6.2rem)}
.fig .unit{font-size:.45em;letter-spacing:-.01em;font-weight:600;margin-left:.12em}
.fig .unit.pre{margin:0 .18em 0 0}
.fig .unit.plus{font-size:.62em;vertical-align:.42em;margin-left:.02em}
.fig h3{font-size:1rem}
.fig p{font-size:.9375rem;color:var(--ink-2)}

/* artefact grid */
.arte{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:24px;align-items:start}
.arte .look{font-size:.875rem;color:var(--ink-2);margin-top:12px}
.arte .look b{font-weight:600;color:var(--ink)}

/* method strip */
.flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:0;counter-reset:f}
.flow li{position:relative;padding:18px 14px 0 0;border-top:2px solid var(--night-line);font-size:.875rem;color:var(--on-night-2);counter-increment:f}
.flow li::before{content:counter(f,decimal-leading-zero);display:block;font-size:.75rem;font-weight:600;color:var(--accent);margin-bottom:8px;letter-spacing:.06em}
.flow li b{display:block;color:var(--on-night);font-weight:600;font-size:.9375rem;line-height:1.3;margin-bottom:4px}
.flow li.key{border-top-color:var(--accent)}

/* product cards */
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:26px 24px 24px;display:flex;flex-direction:column;gap:16px;box-shadow:var(--shadow)}
.card .tier{font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.card h3{font-size:1.4rem;letter-spacing:-.02em}
.card .price{font-size:clamp(2.2rem,1.6rem + 1.6vw,2.8rem);font-weight:600;letter-spacing:-.035em;line-height:1;color:var(--ink)}
.card .vat{font-size:.8125rem;color:var(--ink-3);margin-top:6px}
.card .time{font-size:.9375rem;color:var(--ink);padding-block:12px;border-block:1px solid var(--line)}
.card .purp{font-size:.9375rem;color:var(--ink-2)}
.card .purp p+p{margin-top:8px}
.card .card-foot{margin-top:auto;display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding-top:6px}
.card .card-foot a.more{font-size:.875rem}
.cards-note{margin-top:18px;font-size:.875rem;color:var(--ink-3)}

/* ---------- reviews page ---------- */
.pstrip{display:grid;gap:1px;background:var(--night-line);border:1px solid var(--night-line);border-radius:12px;overflow:hidden}
.pstrip a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 20px;align-items:baseline;background:var(--night-2);padding:18px 22px;text-decoration:none;color:var(--on-night)}
.pstrip a:hover{background:var(--night-3)}
.pstrip .nm{font-weight:600;font-size:1.05rem}
.pstrip .pr{font-size:clamp(1.6rem,1.2rem + 1.2vw,2.2rem);font-weight:600;letter-spacing:-.03em;grid-row:span 2;align-self:center}
.pstrip .tm{font-size:.875rem;color:var(--on-night-2)}

.ptable-wrap{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}
.ptable{border-collapse:collapse;width:100%;font-size:.9375rem;line-height:1.55}
.ptable thead th{text-align:left;font-size:.875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);padding:16px 18px;border-bottom:1px solid var(--line);white-space:nowrap;background:var(--surface)}
.ptable td,.ptable tbody th{padding:22px 18px;vertical-align:top;border-bottom:1px solid var(--line);text-align:left}
.ptable tbody tr:last-child td,.ptable tbody tr:last-child th{border-bottom:0}
.ptable tbody th{font-weight:600;font-size:1.1rem;letter-spacing:-.012em;white-space:nowrap;scroll-margin-top:16px}
.ptable td{color:var(--ink-2)}
.ptable td.pr{text-align:right;white-space:nowrap;color:var(--ink);font-size:1.6rem;font-weight:600;letter-spacing:-.03em;line-height:1.1}
.ptable thead th:last-child{text-align:right}
.ptable td.tm{color:var(--ink);width:14%}
.ptable td.pp{width:23%}
.ptable td p+p{margin-top:8px}

.terms{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:28px 48px;align-items:start}
.ddoc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-top:20px}
.ddoc div{background:var(--surface);padding:16px 16px 18px}
.ddoc .k{font-size:.8125rem;color:var(--ink-3)}
.ddoc .v{font-size:1.6rem;font-weight:600;letter-spacing:-.03em;margin-top:4px}
.tlist{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.tlist li{padding:16px 0 16px 34px;border-bottom:1px solid var(--line);position:relative;color:var(--ink)}
.tlist li::before{content:"";position:absolute;left:2px;top:23px;width:14px;height:2px;background:var(--accent-ink)}

.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;counter-reset:s}
.steps li{counter-increment:s;padding:20px 20px 0 0;border-top:2px solid var(--line-2);display:grid;gap:8px;align-content:start}
.steps li::before{content:counter(s);font-size:2rem;font-weight:600;letter-spacing:-.03em;line-height:1;color:var(--accent-ink)}
.steps li b{font-weight:600;line-height:1.35}
.steps li span{font-size:.875rem;color:var(--ink-3)}
.inv{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:16px 48px}
.inv p{font-size:1.125rem;color:var(--ink)}

/* ---------- document sheets: the review's own grammar ---------- */
.sheet{background:var(--paper);color:var(--charcoal);font-family:var(--serif);border-radius:4px;box-shadow:0 1px 0 rgba(0,0,0,.04),0 18px 48px rgba(0,0,0,.28);overflow:hidden;min-width:0}
.section .sheet,.sheet.flat{box-shadow:0 1px 2px rgba(10,20,32,.06),0 10px 28px rgba(10,20,32,.10);border:1px solid var(--rule)}
.sheet .bar{display:flex;justify-content:space-between;align-items:flex-start;gap:12px 20px;background:var(--ledger);color:var(--paper);padding:10px 16px;font:600 .75rem/1.4 var(--sans);letter-spacing:.06em;text-transform:uppercase}
.sheet .bar .t{min-width:0}
.chip{flex:none;font:600 .6875rem/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;border:1px solid currentColor;border-radius:999px;padding:5px 8px;opacity:.95}
.sheet .tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:10px 16px 0}
.sheet .tools .lbl{font:500 .75rem/1.3 var(--sans);color:var(--muted)}
.seg{display:inline-flex;border:1px solid var(--rule);border-radius:6px;overflow:hidden;font-family:var(--sans)}
.seg button{font:500 .8125rem/1 var(--sans);padding:8px 12px;border:0;background:transparent;color:var(--muted);cursor:pointer}
.seg button+button{border-left:1px solid var(--rule)}
.seg button[aria-selected="true"]{background:var(--ledger);color:var(--paper)}
html:not(.js) .sheet .tools{display:none}
.sheet .body{padding:6px 16px 4px}
.sheet table{border-collapse:collapse;width:100%;font-size:.875rem;line-height:1.4;font-variant-numeric:tabular-nums}
.sheet th{text-align:left;background:var(--head);color:var(--charcoal);font-weight:700;padding:8px 10px;vertical-align:bottom;font-size:.8125rem;border-bottom:1px solid var(--rule)}
.sheet th.n,.sheet td.n{text-align:right}
.sheet td{padding:9px 10px;border-bottom:1px solid var(--rule);vertical-align:top}
.sheet .mk{font-weight:400;color:var(--muted);font-size:.85em}
.sheet tr[data-src]{cursor:default}
.sheet tr[data-src]:hover td,.sheet tr[data-src]:focus td{background:rgba(52,89,126,.07)}
.sheet tr[data-src]:focus{outline:none}
.sheet tr[data-src]:focus-visible td:first-child{box-shadow:inset 3px 0 0 var(--ledger)}
.sheet tr.rec td{border-top:2px solid var(--red);border-bottom:2px solid var(--red)}
.sheet tr.rec td:first-child{border-left:2px solid var(--red)}
.sheet tr.rec td:last-child{border-right:2px solid var(--red)}
.sheet tr.second td{border-top:2px dotted var(--red);border-bottom:2px dotted var(--red)}
.sheet tr.second td:first-child{border-left:2px dotted var(--red)}
.sheet tr.second td:last-child{border-right:2px dotted var(--red)}
.tag{font:600 .625rem/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--red);margin-left:6px;white-space:nowrap}
html.js .sheet[data-reading="ipo"] .r-sale,html.js .sheet[data-reading="sale"] .r-ipo{display:none}
.sheet .srcline{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:baseline;border-top:1px solid var(--rule);margin-top:8px;padding:10px 16px 12px;font-size:.8125rem;line-height:1.45;color:var(--muted);min-height:3.6em}
.sheet .srcline .k{font:600 .6875rem/1.6 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ledger)}
.sheet.src-on .srcline{background:rgba(52,89,126,.06)}
.sheet .srcs{padding:0 16px 12px;font-size:.8125rem;color:var(--muted)}
.sheet .srcs summary{cursor:pointer;font:500 .75rem/1.6 var(--sans);color:var(--ledger)}
.sheet .srcs ol{margin:6px 0 0;padding-left:1.3em;display:grid;gap:4px}

/* bridge (waterfall), drawn in HTML so it reflows */
.bridge{display:grid;gap:2px;padding:12px 0 6px;font-variant-numeric:tabular-nums}
.br{display:grid;grid-template-columns:minmax(0,15rem) minmax(0,1fr) 3.4rem;gap:12px;align-items:center;padding:5px 6px;border-radius:3px}
.br:hover,.br:focus{background:rgba(52,89,126,.07);outline:none}
.br:focus-visible{box-shadow:inset 3px 0 0 var(--ledger)}
.br .lb{font-size:.875rem;line-height:1.3}
.br .lb small{display:block;font-size:.75rem;color:var(--muted)}
.br .tr{position:relative;height:18px;background-image:linear-gradient(to right,rgba(48,44,40,.13) 1px,transparent 1px);background-size:calc(100% / 5.5) 100%}
.br .b{position:absolute;top:2px;bottom:2px;border-radius:2px;background:var(--ledger)}
.br.tot .b{background:var(--charcoal)}
.br.as .b{background:repeating-linear-gradient(45deg,var(--ledger) 0 2px,transparent 2px 6px);box-shadow:inset 0 0 0 1.5px var(--ledger)}
.br .v{text-align:right;font-size:.875rem}
.br.tot .v{font-weight:700}
.br.key{box-shadow:0 0 0 2px var(--paper),0 0 0 4px transparent;outline:2px dotted var(--red);outline-offset:1px}
.br .cap{grid-column:1/-1;font:600 .625rem/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--red);margin-top:-2px}
.axis{display:grid;grid-template-columns:minmax(0,15rem) minmax(0,1fr) 3.4rem;gap:12px;padding:0 6px;font:500 .6875rem/1 var(--sans);color:var(--muted)}
.axis .ticks{display:flex;justify-content:space-between}
.legend{display:flex;flex-wrap:wrap;gap:6px 18px;padding:8px 0 0;font:500 .75rem/1.4 var(--sans);color:var(--muted)}
.legend i{display:inline-block;width:18px;height:10px;border-radius:2px;vertical-align:-1px;margin-right:6px;background:var(--ledger)}
.legend i.as{background:repeating-linear-gradient(45deg,var(--ledger) 0 2px,transparent 2px 6px);box-shadow:inset 0 0 0 1.5px var(--ledger)}
.legend i.tot{background:var(--charcoal)}
.legend i.key{background:transparent;outline:2px dotted var(--red);outline-offset:-2px}

/* funnel */
.funnel{display:grid;gap:10px;padding:14px 0 6px;font-variant-numeric:tabular-nums}
.fn{display:grid;grid-template-columns:minmax(0,1fr) 3rem;gap:4px 12px;align-items:center;padding:4px 6px;border-radius:3px}
.fn:hover,.fn:focus{background:rgba(52,89,126,.07);outline:none}
.fn .lb{grid-column:1/-1;font-size:.875rem;line-height:1.3}
.fn .lb small{color:var(--muted);font-size:.75rem}
.fn .tr{height:16px;position:relative}
.fn .b{position:absolute;left:0;top:0;bottom:0;border-radius:0 3px 3px 0;background:var(--ledger);transform-origin:left center}
.fn .v{text-align:right;font-weight:700;font-size:1rem}
html.js .funnel.pre .b{transform:scaleX(0)}
html.js .funnel.drawn .b{transform:scaleX(1);transition:transform .9s cubic-bezier(.2,.7,.2,1)}
html.js .funnel.drawn .fn:nth-child(2) .b{transition-delay:.12s}
html.js .funnel.drawn .fn:nth-child(3) .b{transition-delay:.24s}
html.js .funnel.drawn .fn:nth-child(4) .b{transition-delay:.36s}
html.js .funnel.drawn .fn:nth-child(5) .b{transition-delay:.48s}

/* ---------- direction page ---------- */
.sw{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.sw div{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface);font-size:.8125rem}
.sw div i{display:block;height:64px}
.sw div span{display:block;padding:8px 10px;color:var(--ink-2)}
.sw div b{display:block;color:var(--ink);font-weight:600}
.spec{display:grid;gap:18px}
.spec .row{display:grid;grid-template-columns:12rem minmax(0,1fr);gap:16px;align-items:baseline;padding-bottom:16px;border-bottom:1px solid var(--line)}
.spec .row .k{font-size:.8125rem;color:var(--ink-3)}
.comp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:22px}
.panel.n{background:var(--night);border-color:var(--night-line);color:var(--on-night)}
.rules{margin:0;padding-left:1.1em;display:grid;gap:8px;color:var(--ink-2)}


/* ---------- page heads on inner pages ---------- */
.phead{padding-block:clamp(40px,6vw,80px) clamp(40px,6vw,72px)}
.phead .inner{display:grid;gap:18px;max-width:52rem}
.prose{max-width:44rem;display:grid;gap:14px;color:var(--ink-2)}
.prose p{color:var(--ink-2)}
.callout{border-left:3px solid var(--accent-ink);padding:6px 0 6px 18px;font-size:1.125rem;color:var(--ink);max-width:44rem}
.cols2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.list{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
.list li{padding:14px 0 14px 30px;border-bottom:1px solid var(--line);position:relative;color:var(--ink);max-width:44rem}
.list li::before{content:"";position:absolute;left:2px;top:23px;width:12px;height:2px;background:var(--accent-ink)}
.list.q li::before{content:"?";width:auto;height:auto;background:none;top:13px;font-weight:600;color:var(--accent-ink)}
.box{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:24px;display:grid;gap:14px;align-content:start}
.box h3{font-size:1.2rem}
.kv{font-size:.875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}

/* ---------- how a review is made: the drawn sequence ---------- */
.stages{list-style:none;margin:0;padding:0;position:relative}
.stages::before{content:"";position:absolute;left:21px;top:34px;bottom:34px;width:2px;background:var(--line-2)}
.stages .grp{padding:26px 0 6px 64px;font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.stages .grp:first-child{padding-top:0}
.st{position:relative;display:grid;grid-template-columns:44px minmax(0,1.15fr) minmax(0,1fr);gap:6px 20px;padding:16px 0;align-items:start}
.st .dot{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--bg);border:2px solid var(--accent-ink);color:var(--accent-ink);font-weight:600;font-size:.875rem;position:relative;z-index:1;font-variant-numeric:tabular-nums}
.st.key .dot{background:var(--accent-ink);color:var(--on-accent-ink)}
.st h3{font-size:1.15rem;padding-top:9px}
.st .what{color:var(--ink-2);margin-top:6px}
.st .out{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:14px 16px;font-size:.9375rem;color:var(--ink)}
.st .out b{display:block;font-size:.6875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-ink);margin-bottom:4px}
.st > div{min-width:0}

/* ---------- what you receive: the parts of the documents ---------- */
.parts{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
.pg{background:var(--paper);color:var(--charcoal);font-family:var(--serif);border:1px solid var(--rule);border-radius:3px;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;box-shadow:0 1px 2px rgba(10,20,32,.05),0 8px 20px rgba(10,20,32,.07)}
.pg .pbar{background:var(--ledger);color:var(--paper);font:600 .6875rem/1.3 var(--sans);letter-spacing:.08em;text-transform:uppercase;padding:8px 12px}
.pg .pbody{padding:14px 14px 12px;font-size:.9375rem;line-height:1.45}
.pg .pfoot{padding:0 14px 12px;font:500 .75rem/1.4 var(--sans)}
.pg .pfoot a{color:var(--ledger)}
.chapters{list-style:none;margin:0;padding:0;counter-reset:c;border-top:1px solid var(--line)}
.chapters li{counter-increment:c;display:grid;grid-template-columns:3rem minmax(0,1fr);gap:16px;padding:16px 0;border-bottom:1px solid var(--line);color:var(--ink)}
.chapters li::before{content:counter(c,decimal-leading-zero);font-weight:600;color:var(--accent-ink);font-variant-numeric:tabular-nums}

/* ---------- boards and owners ---------- */
.scope{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,5fr) minmax(0,3fr);gap:20px 36px;padding:28px 0;border-top:1px solid var(--line);align-items:start}
.scope:last-child{border-bottom:1px solid var(--line)}
.scope h3{font-size:1.5rem;letter-spacing:-.02em}
.scope .purp p+p{margin-top:10px}
.scope .facts{display:grid;gap:6px;justify-items:start}
.scope .facts .price{font-size:2rem;font-weight:600;letter-spacing:-.03em;line-height:1}
.scope .facts .time{color:var(--ink-2);font-size:.9375rem}
.stage4{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;counter-reset:s4}
.stage4 li{counter-increment:s4;border-top:2px solid var(--accent-ink);padding-top:16px;display:grid;gap:8px;align-content:start}
.stage4 li::before{content:counter(s4);font-size:1.8rem;font-weight:600;line-height:1;color:var(--accent-ink)}
.stage4 li p{color:var(--ink-2);font-size:.9375rem}

/* ---------- investors ---------- */
.qa{display:grid;gap:16px}
.qa .qrow{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:12px 36px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:24px}
.qa .qn{font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-ink);margin-bottom:8px}
.qa h3{font-size:1.25rem;line-height:1.3}
.qa .ans{color:var(--ink-2);display:grid;gap:10px}
.qa .where{font-size:.875rem}

/* ---------- the standard ---------- */
.std{list-style:none;margin:0;padding:0;counter-reset:r;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.std li{counter-increment:r;background:var(--surface);padding:28px 26px;display:grid;grid-template-columns:3.4rem minmax(0,1fr);gap:6px 14px;align-content:start}
.std li::before{content:counter(r);grid-row:span 2;font-size:2.6rem;font-weight:600;letter-spacing:-.04em;line-height:1;color:var(--accent-ink)}
.std li p{font-size:1.0625rem;color:var(--ink);line-height:1.5}
.std li .chk{font-size:.9375rem;color:var(--ink-3)}

/* ---------- sample: conditions table and the evidence trail ---------- */
.sheet .wide{min-width:0}
.trail{list-style:none;margin:0;padding:10px 0 4px;display:grid;gap:0;counter-reset:t}
.trail li{counter-increment:t;display:grid;grid-template-columns:2.2rem minmax(0,10rem) minmax(0,1fr);gap:4px 16px;padding:12px 6px;position:relative;border-radius:3px}
.trail li:hover,.trail li:focus{background:rgba(52,89,126,.07);outline:none}
.trail li::before{content:counter(t);width:1.8rem;height:1.8rem;border-radius:50%;display:grid;place-items:center;background:var(--ledger);color:var(--paper);font:600 .8125rem/1 var(--sans);position:relative;z-index:1}
.trail li::after{content:"";position:absolute;left:calc(6px + .9rem - 1px);top:2.6rem;bottom:-.6rem;width:2px;background:var(--rule)}
.trail li:last-child::after{content:none}
.trail .k{font:600 .75rem/1.5 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ledger);padding-top:4px}
.trail .v{font-size:.9375rem;line-height:1.5}
.trail .v b{font-weight:700}
.trail .calc{font-variant-numeric:tabular-nums}

/* ---------- contact and company information ---------- */
.contact{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:32px;align-items:start}
.mailcard{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:26px;display:grid;gap:14px;box-shadow:var(--shadow)}
.mailcard .addr{font-size:1.25rem;font-weight:600;letter-spacing:-.01em;word-break:break-all}
html:not(.js) [data-copy]{display:none}
.facts-dl{display:grid;grid-template-columns:minmax(0,14rem) minmax(0,1fr);margin:0;border-top:1px solid var(--line);max-width:46rem}
.facts-dl dt,.facts-dl dd{margin:0;padding:16px 0;border-bottom:1px solid var(--line)}
.facts-dl dt{color:var(--ink-3);font-size:.9375rem}
.facts-dl dd{color:var(--ink);font-weight:500}

/* ---------- responsive ---------- */

@media (max-width:1180px){
  .flow{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:22px}
}
@media (max-width:980px){
  .hero-grid,.sec-head,.terms,.inv,.band-grid,.foot-grid,.cols2,.contact,.qa .qrow{grid-template-columns:minmax(0,1fr)}
  .scope{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.scope .purp{grid-column:1/-1;grid-row:2}
  .st{grid-template-columns:44px minmax(0,1fr)}.st .out{grid-column:2}
  .stage4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .std{grid-template-columns:minmax(0,1fr)}
  .proof{grid-template-columns:repeat(2,minmax(0,1fr))}
  .arte,.cards,.comp{grid-template-columns:minmax(0,1fr)}
  .steps{grid-template-columns:minmax(0,1fr);gap:0}
  .steps li{grid-template-columns:2.6rem minmax(0,1fr);padding:16px 0;border-top:1px solid var(--line)}
  .steps li::before{grid-row:span 2;font-size:1.6rem}
  /* the price table stacks */
  .ptable thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .ptable,.ptable tbody,.ptable tr,.ptable td,.ptable tbody th{display:block;width:auto!important}
  .ptable tr{padding:20px 18px;border-bottom:1px solid var(--line)}
  .ptable tbody tr:last-child{border-bottom:0}
  .ptable td,.ptable tbody th{border:0;padding:6px 0;text-align:left!important;white-space:normal}
  .ptable tbody th{font-size:1.3rem}
  .ptable td::before{content:attr(data-label);display:block;font-size:.875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-bottom:2px}
  .ptable td.pr{font-size:1.9rem}
}
@media (max-width:900px){
  .mast{grid-template-columns:minmax(0,1fr) auto auto;column-gap:10px}
  .mast .nav{display:none}
  .mast .cta{justify-self:end}
  .menu{display:block}
}
@media (max-width:760px){
  .lockup{height:27px}
  .mast .cta .btn{padding:10px 12px;font-size:.875rem}
  .proof{grid-template-columns:minmax(0,1fr)}
  .fig.lead{grid-column:auto}
  .flow{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .foot-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ddoc{grid-template-columns:minmax(0,1fr)}
  .scope{grid-template-columns:minmax(0,1fr)}.scope .purp{grid-column:auto;grid-row:auto}
  .stage4{grid-template-columns:minmax(0,1fr)}
  .trail li{grid-template-columns:2.2rem minmax(0,1fr)}.trail .v{grid-column:2}
  .facts-dl{grid-template-columns:minmax(0,1fr)}.facts-dl dt{border-bottom:0;padding-bottom:0}.facts-dl dd{padding-top:4px}
  .spec .row{grid-template-columns:minmax(0,1fr);gap:4px}
  /* the ranking stacks into one block per option */
  .sheet .stk thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .sheet .stk,.sheet .stk tbody,.sheet .stk tr,.sheet .stk td{display:block;width:auto}
  .sheet .stk tr{padding:8px 10px 10px;border-bottom:1px solid var(--rule)}
  .sheet .stk td{border:0!important;padding:3px 0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;text-align:right}
  .sheet .stk td::before{content:attr(data-label);text-align:left;font:500 .75rem/1.5 var(--sans);color:var(--muted)}
  .sheet .stk td:first-child{display:block;text-align:left;font-weight:700;padding-bottom:6px}
  .sheet .stk td:first-child::before{content:none}
  .sheet .stk.cond td{display:block;text-align:left}
  .sheet .stk.cond td::before{display:block}
  .sheet .stk tr.rec{border:2px solid var(--red);margin:6px 0}
  .sheet .stk tr.second{border:2px dotted var(--red);margin:6px 0}
  .br,.axis{grid-template-columns:minmax(0,1fr) 3rem}
  .br .lb{grid-column:1/-1}
  .br .cap{grid-column:1/-1}
  .axis .sp{display:none}
}

/* ================= additions ================= */
/* home: the working view, drawn in the page */
.home-hero{padding-block:clamp(36px,5vw,72px) clamp(56px,7vw,96px)}
.home-hero .hero-grid{grid-template-columns:minmax(0,9fr) minmax(0,13fr)}
.home-hero h1{font-size:clamp(2.25rem,1.2rem + 3vw,4rem);letter-spacing:-.035em}
.home-hero .lede{font-size:clamp(1.0625rem,1rem + .45vw,1.25rem);max-width:34rem}
.wv{position:relative;padding-bottom:186px;min-width:0}
.win{background:#0E1A28;border:1px solid #2A3E57;border-radius:12px;box-shadow:0 30px 80px rgba(0,0,0,.45);overflow:hidden;width:94%}
.win-bar{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--night-line);font-size:.8125rem;color:var(--on-night-2)}
.win-bar .dots{display:inline-flex;gap:6px;flex:none}.win-bar .dots i{width:9px;height:9px;border-radius:50%;background:#2B4058;display:block}
.win-bar .t{flex:1;min-width:0}
.win-bar .chip{color:var(--accent)}
.win-body{display:grid;grid-template-columns:minmax(0,11rem) minmax(0,1fr)}
.wv-stages{list-style:none;margin:0;padding:12px 0;border-right:1px solid var(--night-line);font-size:.8125rem;color:var(--on-night-2)}
.wv-stages li{display:grid;gap:2px;padding:9px 16px}
.wv-stages .st-n{font-size:.6875rem;font-weight:600;letter-spacing:.08em;color:var(--accent);font-variant-numeric:tabular-nums}
.wv-reg{padding:12px 16px 16px;min-width:0}
.wv-h{font-size:.6875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--on-night-3);margin-bottom:6px}
.wv-reg ol{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.wv-reg li{display:grid;grid-template-columns:minmax(0,1fr) 2.4rem;gap:3px 10px;align-items:center;font-size:.8125rem;color:var(--on-night-2)}
.wv-reg .lb{grid-column:1/-1;line-height:1.3}
.wv-reg .tr{height:6px;background:#15263A;border-radius:3px;position:relative}
.wv-reg .b{position:absolute;left:0;top:0;bottom:0;border-radius:3px;background:#1F5C9C}
.wv-reg li:last-child .b{background:var(--accent)}
.wv-reg .v{text-align:right;font-weight:600;color:var(--on-night);font-variant-numeric:tabular-nums}
.sheet.front{position:absolute;right:0;bottom:0;width:64%;z-index:2}
.sheet.front .body{padding:4px 12px 8px}
.sheet.front .bar{font-size:.6875rem;padding:8px 12px}
.sheet.front td{font-size:.8125rem}
.sheet.front th{font-size:.75rem}
/* home: price cards and the three short sections */
.h2s{margin-bottom:clamp(22px,3vw,36px)}
.pcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:16px}
.pcard{display:grid;gap:10px;align-content:start;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:24px;text-decoration:none;color:var(--ink);box-shadow:var(--shadow)}
.pcard{border-color:var(--ctrl);transition:border-color .18s}
.pcard:hover{border-color:var(--accent-ink)}
.pcard .nm{font-size:.875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-ink)}
.pcard .price{font-size:clamp(2.2rem,1.6rem + 1.6vw,2.8rem);font-weight:600;letter-spacing:-.035em;line-height:1;font-variant-numeric:tabular-nums}
.pcard .time{font-size:.9375rem;color:var(--ink-3)}
.pcard .q{color:var(--ink-2);font-size:.9375rem;padding-top:10px;border-top:1px solid var(--line)}
.hs-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(28px,5vw,72px);align-items:center}
.hs-copy{display:grid;gap:14px;align-content:start}
.hs-copy p{color:var(--ink-2);max-width:34rem;font-size:1.0625rem}
.hs-copy .sign{color:var(--ink);border-left:3px solid var(--accent-ink);padding-left:14px}
.more{font-weight:600;text-decoration:none}
.pic{min-width:0}
.docs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:end}
.doc{background:var(--paper);border:1px solid var(--rule);border-radius:3px;padding:0 0 12px;display:grid;gap:7px;box-shadow:0 1px 2px rgba(10,20,32,.06),0 10px 24px rgba(10,20,32,.08);overflow:hidden}
.doc .db{background:var(--ledger);color:var(--paper);font:600 .6875rem/1.3 var(--sans);letter-spacing:.06em;text-transform:uppercase;padding:8px 10px;margin-bottom:4px}
.doc i{display:block;height:6px;margin:0 12px;border-radius:2px;background:var(--head)}
.doc i:nth-child(3n){width:70%}
.doc.fr{box-shadow:6px 6px 0 -1px var(--paper),6px 6px 0 0 var(--rule),12px 12px 0 -1px var(--paper),12px 12px 0 0 var(--rule),0 10px 24px rgba(10,20,32,.08)}
.doc .grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;margin:0 12px}
.doc .grid b{display:block;height:12px;background:var(--head);border-radius:1px}
.doc .grid b:nth-child(4n+1){background:var(--rule)}
.stagepic{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 3fr 3fr 2fr;gap:12px}
.stagepic li{border-top:2px solid var(--accent-ink);padding-top:12px;display:grid;gap:10px}
.stagepic .dots{display:flex;gap:8px}
.stagepic .dots i{width:16px;height:16px;border-radius:50%;border:2px solid var(--accent-ink);display:block}
.stagepic .g{font-size:.8125rem;font-weight:600;color:var(--ink-2)}
.stdpic{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.stdpic li{aspect-ratio:1;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;background:var(--surface);font-size:clamp(1.6rem,1rem + 2vw,2.6rem);font-weight:600;color:var(--accent-ink);letter-spacing:-.03em}
/* Exhibit D: one option set aside, as the register records it */
.excl{border-top:1px solid var(--rule);margin-top:10px;padding:12px 6px 4px}
.excl .xk{font:600 .6875rem/1.4 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ledger);margin-bottom:6px}
.excl dl{margin:0;display:grid;grid-template-columns:minmax(0,11rem) minmax(0,1fr);gap:4px 14px;font-size:.875rem;line-height:1.45}
.excl dt{color:var(--muted)}.excl dd{margin:0}
@media (max-width:640px){.excl dl{grid-template-columns:minmax(0,1fr)}.excl dd{margin-bottom:6px}}
.ddoc.cont{margin-top:0;box-shadow:var(--shadow);scroll-margin-top:16px}
.ddoc.cont div{padding:22px 26px}
/* inner pages */
.phead.compact{padding-block:clamp(32px,4vw,52px)}
.section.first{padding-top:clamp(32px,4vw,56px)}
.sec-head.s2{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.tierb{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,9fr);gap:20px 40px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:26px 26px 24px;box-shadow:var(--shadow);scroll-margin-top:16px}
.tierb .th{display:grid;gap:6px;align-content:start}
.tierb .tier{font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.tierb h2{font-size:1.5rem;letter-spacing:-.02em}
.tierb .price{font-size:clamp(2.2rem,1.6rem + 1.6vw,2.8rem);font-weight:600;letter-spacing:-.035em;line-height:1;margin-top:8px}
.tierb .vat{font-size:.8125rem;color:var(--ink-3)}
.tierb .time{font-size:.9375rem;color:var(--ink);margin-top:8px}
.tierb dl{margin:0;display:grid;grid-template-columns:minmax(0,10rem) minmax(0,1fr);border-top:1px solid var(--line)}
.tierb dt,.tierb dd{margin:0;padding:12px 0;border-bottom:1px solid var(--line)}
.tierb dt{font-size:.8125rem;font-weight:600;color:var(--ink-3);padding-right:16px}
.tierb dd{color:var(--ink-2)}
.tierb dd:nth-of-type(1){color:var(--ink);font-weight:500}
.tierb dt:last-of-type,.tierb dd:last-of-type{border-bottom:0}
.notcdd{margin-top:8px}
.section .notcdd{margin-top:28px}
.ddinc{color:var(--ink-2);margin-top:6px}
.ddoc.one{grid-template-columns:minmax(0,1fr);margin-top:12px}
.ddoc.one p{color:var(--ink-2)}
.terms h2{font-size:clamp(1.4rem,1.1rem + 1.2vw,2rem)}
.sheet .excerpt{font:500 .8125rem/1.45 var(--sans);color:var(--muted);padding:10px 16px 0}
.sheet details.rsrc summary{list-style:none;cursor:pointer}
.sheet details.rsrc summary::-webkit-details-marker{display:none}
.sheet details.rsrc summary::after{content:" +";font:600 .8125rem var(--sans);color:var(--ledger)}
.sheet details.rsrc[open] summary::after{content:" −"}
.sheet details.rsrc p{margin-top:6px;font-size:.8125rem;line-height:1.45;color:var(--muted);font-weight:400}
.qa .thumb{display:inline-grid;gap:0;border:1px solid var(--rule);border-radius:3px;overflow:hidden;text-decoration:none;max-width:16rem;background:var(--paper)}
.qa .thumb .tb{background:var(--ledger);color:var(--paper);font:600 .6875rem/1.3 var(--sans);letter-spacing:.06em;text-transform:uppercase;padding:7px 10px}
.qa .thumb .tl{font:500 .8125rem/1.3 var(--sans);color:var(--ledger);padding:8px 10px}
.vsteps{grid-template-columns:minmax(0,1fr)}
.vsteps li{grid-template-columns:2.6rem minmax(0,1fr);padding:14px 0;border-top:1px solid var(--line)}
.vsteps li div{display:grid;gap:4px}
@media (max-width:1100px){.home-hero .hero-grid{grid-template-columns:minmax(0,1fr)}.win{width:100%}}
@media (max-width:980px){.hs-grid,.tierb{grid-template-columns:minmax(0,1fr)}.sec-head.s2{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){
  .win-body{grid-template-columns:minmax(0,1fr)}
  .wv-stages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-right:0;border-bottom:1px solid var(--night-line);padding:6px 0}
  .wv-stages li{padding:6px 14px}
  .wv{padding-bottom:0}
  .sheet.front{position:relative;width:88%;margin:-28px 0 0 auto}
  .tierb dl{grid-template-columns:minmax(0,1fr)}.tierb dt{border-bottom:0;padding-bottom:0}.tierb dd{padding-top:4px}
  .stagepic{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stdpic{grid-template-columns:repeat(3,minmax(0,1fr))}
  .docs{gap:10px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
html.rm *,html.rm *::before,html.rm *::after{transition-duration:0s!important;transition-delay:0s!important;animation:none!important}
@media print{.night{background:#fff;color:#000}.mast .nav,.menu,.mast .cta{display:none}.sheet{box-shadow:none}}

/* the home sub-line's second line, the two readings defined beside Exhibit A, the sponsor arrangements */
.home-hero .lede-2{margin-top:10px;font-size:.95rem;line-height:1.5;color:var(--on-night-3);max-width:30rem}
.sheet .defs{border-top:1px solid var(--rule);margin-top:8px;padding:10px 16px 4px;font-size:.8125rem;line-height:1.45;color:var(--charcoal)}
.sheet .defs .k{font:600 .6875rem/1.6 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ledger);margin-bottom:4px}
.sheet .defs dl{margin:0;display:grid;gap:2px 0}
.sheet .defs dt{font-weight:700;margin-top:6px}
.sheet .defs dd{margin:0;color:var(--muted)}
.ddoc.spons div{display:grid;gap:10px}

/* ---------------- the sample from the test company; the step between 08 and 09; the measured result */
.sheet .xk{font:600 .6875rem/1.6 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ledger);margin:14px 0 4px}
.sheet .fpx{font-size:.8125rem;line-height:1.5;color:var(--muted);margin:6px 0 4px}
.sheet table.bridge2 td,.sheet table.cond2 td{vertical-align:top}
.sheet table.bridge2 tr.tot td{font-weight:700}
.sheet table.bridge2 tr.tot td .mk{font-weight:400}
.sheet table.bridge2 tr.grp td{font:600 .6875rem/1.6 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ledger);background:transparent;padding-top:14px}
.sheet table.bridge2 tr.sub td{color:var(--muted);font-style:italic}
.sheet table.bridge2 tr.rec td{border-top:2px solid var(--red);border-bottom:2px solid var(--red)}
.sheet table.bridge2 tr.rec td:first-child{border-left:2px solid var(--red)}
.sheet table.bridge2 tr.rec td:last-child{border-right:2px solid var(--red)}
.sheet table.setaside td:first-child{min-width:9rem}
.stages li.between{margin:10px 0 10px 64px;padding:18px 20px;background:var(--surface);border:1px solid var(--line);border-left:0;border-radius:12px;box-shadow:var(--shadow);position:relative;z-index:1}
.stages li.between h3{font-size:1.05rem;margin-bottom:8px}
.stages li.between p{color:var(--ink-2);font-size:.9375rem;line-height:1.55;margin-top:6px}
@media (max-width:640px){.stages li.between{margin-left:0}}
.facts-dl.measured{max-width:52rem}
.facts-dl.measured dd{font-weight:400}

/* ---------------- "a review deciding" — inline vector graphics, drawn from the test company only */
.anim{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:22px;align-items:start;background:#0E1A28;border:1px solid #2A3E57;border-radius:14px;padding:18px;color:var(--on-night)}
.anim-stage{min-width:0}
.anim svg{display:block;width:100%;height:auto;font-family:var(--sans)}
.anim-bar{height:3px;background:#15263A;border-radius:2px;margin-top:10px;overflow:hidden}
.anim-bar i{display:block;height:100%;width:16.67%;background:var(--accent);transition:none}
.anim-side{display:grid;gap:14px;align-content:start;min-width:0}
.anim-ctl{display:grid;gap:10px}
.anim .anim-play{justify-self:start;color:var(--on-night);border-color:var(--night-line)}
.anim-nav{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.anim-nav button{all:unset;cursor:pointer;display:flex;gap:8px;align-items:baseline;font-size:.8125rem;color:var(--on-night-2);padding:6px 8px;border-radius:6px;border:1px solid transparent}
.anim-nav button .no{font-weight:600;color:var(--accent);font-variant-numeric:tabular-nums}
.anim-nav button[aria-current="step"]{border-color:var(--night-line);color:var(--on-night);background:#15263A}
.anim-nav button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.anim-caps{list-style:none;margin:0;padding:0;font-size:.9375rem;line-height:1.55;color:var(--on-night-2)}
.anim-caps b{color:var(--on-night)}
html.js .anim-caps li{display:none}
html.js .anim-caps li[data-n="1"]{display:block}
html.js .anim[data-s] .anim-caps li{display:none}
html.js .anim[data-s="1"] .anim-caps li[data-n="1"]{display:block}
.anim[data-s="1"] .sc[data-n="1"]{display:inline}
html.js .anim[data-s="2"] .anim-caps li[data-n="2"]{display:block}
.anim[data-s="2"] .sc[data-n="2"]{display:inline}
html.js .anim[data-s="3"] .anim-caps li[data-n="3"]{display:block}
.anim[data-s="3"] .sc[data-n="3"]{display:inline}
html.js .anim[data-s="4"] .anim-caps li[data-n="4"]{display:block}
.anim[data-s="4"] .sc[data-n="4"]{display:inline}
html.js .anim[data-s="5"] .anim-caps li[data-n="5"]{display:block}
.anim[data-s="5"] .sc[data-n="5"]{display:inline}
html.js .anim[data-s="6"] .anim-caps li[data-n="6"]{display:block}
.anim[data-s="6"] .sc[data-n="6"]{display:inline}
html:not(.js) .anim-ctl,html:not(.js) .anim-bar{display:none}
html:not(.js) .anim-caps{display:grid;gap:8px}
.anim .sc{display:none}
.anim:not([data-s]) .sc[data-n="1"]{display:inline}
@media (max-width:860px){.anim{grid-template-columns:minmax(0,1fr)}}

/* the drawing: fills from the site's own tokens */
.anim text{fill:var(--on-night-2)}
.anim .big{fill:var(--on-night);font-weight:600}
.anim .lbl{fill:var(--on-night);font-weight:500}
.anim .acc{fill:var(--accent)}
.anim .sm{fill:var(--on-night-3)}
.anim .cell{fill:#1F5C9C;stroke:none;transform-box:fill-box;transform-origin:center}
.anim .cell.empty{fill:transparent;stroke:#2A3E57;stroke-width:1}
.anim .cell.cand{fill:var(--accent)}
.anim .why{stroke:var(--on-night-3);stroke-width:1.4}
.anim .planband{fill:#15263A;stroke:#2A3E57}
.anim .rng{transform-box:fill-box;transform-origin:center}
.anim .rng.fin{fill:var(--accent)}
.anim .rng.res{fill:#1F5C9C}
.anim .rng.lng{fill:#3A4E66}
.anim .card{fill:#15263A;stroke:#2A3E57}
.anim .nm,.anim .nm2{fill:var(--on-night);font-weight:600}
.anim .strike{stroke:#C9625B;stroke-width:2;stroke-dasharray:200;stroke-dashoffset:0}
.anim .why-t{fill:var(--on-night-2)}
.anim .leave{opacity:.78;transform:translateX(10px)}
.anim .bar-a{fill:#2A3E57}
.anim .bar-s{fill:var(--accent);transform-box:fill-box;transform-origin:0 50%}
.anim .key-a{fill:#2A3E57}.anim .key-s{fill:var(--accent)}
.anim .val{fill:var(--on-night);font-weight:600}
.anim .missed{fill:#C9625B}
.anim .row.miss{opacity:.6}
.anim .chk rect{fill:#15263A;stroke:#2A3E57}
.anim .chk .z{fill:var(--accent);font-weight:600}
.anim .chk .xm{fill:#C9625B;font-weight:700;opacity:0}
.anim .refbox{fill:none;stroke:#C9625B;stroke-width:1.6;stroke-dasharray:2 3;opacity:0}
.anim .refused-t{fill:#C9625B;opacity:0}
.anim .fixed-t{fill:var(--accent)}
.anim .paper{fill:var(--paper)}
.anim .ledger{fill:var(--ledger)}
.anim .barT{fill:var(--paper);font-weight:600;letter-spacing:.04em}
.anim .serif{font-family:var(--serif);fill:var(--charcoal)}
.anim .big2{font-weight:600}
.anim .mut{fill:var(--muted)}
.anim .rectag{fill:var(--red);font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.anim .recbox{fill:none;stroke:var(--red);stroke-width:2}
.anim .sig{stroke:var(--charcoal);stroke-width:1}
.anim .sans{fill:var(--ledger);font-weight:600}

/* the motion: only on the scene playing, only when motion is allowed (the static state above is each scene's end) */
@keyframes a-fade{from{opacity:0}}
@keyframes a-cand{0%{opacity:0;fill:#1F5C9C}15%{opacity:1;fill:#1F5C9C}60%{fill:#1F5C9C}100%{fill:var(--accent)}}
@keyframes a-empty{0%{opacity:0;fill:#1F5C9C;stroke:transparent}15%{opacity:1;fill:#1F5C9C}60%{fill:#1F5C9C;stroke:transparent}100%{fill:transparent;stroke:#2A3E57}}
@keyframes a-grow{from{transform:scaleX(0)}}
@keyframes a-leave{0%{opacity:0;transform:translateX(-24px)}30%{opacity:1;transform:none}72%{opacity:1;transform:none}100%{opacity:.78;transform:translateX(10px)}}
@keyframes a-strike{from{stroke-dashoffset:200}}
@keyframes a-row{0%,55%{transform:translateY(var(--dy))}100%{transform:none}}
@keyframes a-dim{from{opacity:1}}
@keyframes a-chk{from{fill:#0E1A28;stroke:#15263A}}
@keyframes a-xm{0%,18%{opacity:0}22%,72%{opacity:1}78%,100%{opacity:0}}
@keyframes a-z{0%,72%{opacity:0}80%,100%{opacity:1}}
@keyframes a-refbox{0%,18%{opacity:0}22%,72%{opacity:1}100%{opacity:0}}
@keyframes a-reft{0%,20%{opacity:0}26%,70%{opacity:1}76%,100%{opacity:0}}
@keyframes a-fixt{0%,74%{opacity:0}84%,100%{opacity:1}}
@keyframes a-page{from{opacity:0;transform:translateY(16px)}}
.anim .go .cell.cand{animation:a-cand 2.6s var(--d) both}
.anim .go .cell.empty{animation:a-empty 2.6s var(--d) both}
.anim .go .why,.anim .go .late,.anim .go .why-t,.anim .go .ln{animation:a-fade .6s var(--d,0ms) both}
.anim .go .rng{animation:a-grow .6s var(--d) both}
.anim .go .leave{animation:a-leave 2.6s var(--d) both}
.anim .go .strike{animation:a-strike .5s var(--d) both}
.anim .go .row{animation:a-row 3.2s both}
.anim .go .row.miss{animation:a-row 3.2s both,a-dim .5s 3s both}
.anim .go .bar-s{animation:a-grow .7s var(--d) both}
.anim .go .chk rect{animation:a-chk .4s var(--d) both}
.anim .go .chk .z{animation:a-fade .3s calc(var(--d) + 200ms) both}
.anim .go .chk.ref .xm{animation:a-xm 3.2s .6s both}
.anim .go .chk.ref .z{animation:a-z 3.2s .6s both}
.anim .go .refbox{animation:a-refbox 3.2s .6s both}
.anim .go .refused-t{animation:a-reft 3.2s .6s both}
.anim .go .fixed-t{animation:a-fixt 3.2s .6s both}
.anim .go .page{animation:a-page .6s both}
.anim .go .recbox{animation:a-fade .5s var(--d) both}
.anim.paused *,.anim.paused *::before{animation-play-state:paused!important}
@media (prefers-reduced-motion:reduce){.anim .go *{animation:none!important}}

/* the front sheet on the home page carries four columns; it sits lower and wider so the register stays readable */
@media (min-width:641px){.wv{padding-bottom:228px}.sheet.front{width:72%}}
@media (max-width:640px){.sheet.front{width:100%;margin-top:-20px}.sheet.front .body{padding:4px 4px 8px}.sheet.front th,.sheet.front td{padding:6px 4px;font-size:.6875rem}}

/* Exhibit A's footnote, Exhibit B's reconciliation line, and the full review's structure in words */
.sheet .fnote{font-size:.8125rem;line-height:1.5;color:var(--muted);margin:10px 0 2px;max-width:60rem}
.sheet .recon{font-size:.875rem;line-height:1.5;color:var(--charcoal);margin:12px 0 2px;padding-top:10px;border-top:1px solid var(--rule)}
.chapters.chap2 li span{line-height:1.5;color:var(--ink-2)}
.chapters.chap2 li b{color:var(--ink);font-weight:600}

/* the book's exhibit images, the animation, and its phone and no-script fallbacks */
.xgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:30px 24px;margin-top:4px}
.xf{margin:0;display:grid;gap:10px;align-content:start;min-width:0}
.xf img{display:block;width:100%;height:auto;background:#F7F5F0;border:1px solid var(--line);border-radius:4px;box-shadow:var(--shadow)}
.xf figcaption{font-size:.875rem;line-height:1.45;color:var(--ink-2)}
.xf .pgn{color:var(--ink-3);white-space:nowrap}
.tc-note{font-size:.9375rem;line-height:1.5;color:var(--ink-2);margin:0 0 18px}
.sec-head .tc-note{margin:0}
.hx{display:grid;gap:22px;min-width:0}
.hx .xf img{border-color:#2A3E57;box-shadow:0 30px 80px rgba(0,0,0,.45)}
.hx .xf figcaption{color:var(--on-night-2)}
.hx .xf .pgn{color:var(--on-night-3)}
.hx-b{width:74%;justify-self:end}
.cols2.plain h3{margin-bottom:6px}
.rd-framebox{container-type:inline-size}
.rd-frame{display:block;width:100%;height:calc(56.25cqw + 132px);border:0;background:#F4F1EA;border-radius:4px}
.rd-tap{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 16px;margin-top:22px;padding:18px 20px;border:1px solid #C8CDD3;border-radius:8px;background:#F4F1EA;color:#17304F;text-decoration:none}
.rd-tap .k{font-weight:600}
.rd-tap .t{grid-column:1;font-size:.9375rem;color:#4A5362}
.rd-tap .b{grid-column:2;grid-row:1/3;font:600 .9375rem/1 var(--sans);background:#17304F;color:#fff;border-radius:6px;padding:12px 18px}
.rd-tap.ph{display:none}
.rd-tapnote{display:none;margin-top:10px}   /* v6.5 (3.6): "Best viewed on a larger screen." — shown beside the phone walkthrough link only, where that link shows */
@media (max-width:699px){.rd-framebox{display:none}.rd-tap.ph{display:grid}.rd-tapnote{display:block}}
.rd-framebox.rd-open{display:block!important;margin-top:22px}
@media (scripting:none){.rd-framebox,.rd-tap,.rd-tap.ph,.rd-tapnote{display:none!important}}

/* v6.2.1: the hero. The proposition (eyebrow, headline, opening line, two actions, the free-document line, the proof line) stands left and the illustrative
   sample panel — one labelled image, no tabs — right at 900 px and above (under it below). No player on Home: the hero renders at once with no animation. */
.hcopy{display:grid;gap:28px;align-items:start}
.htext{display:grid;gap:18px;align-content:start}
.htext .actions{margin-top:4px}
.proof3{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 22px;color:var(--on-night-2);font-size:.9375rem}
.proof3 li{display:inline-flex;align-items:center;gap:8px}
.tick{display:inline-block;width:18px;height:18px;border-radius:50%;background:var(--accent);position:relative;flex:none}
.tick::after{content:"";position:absolute;left:6px;top:3px;width:4px;height:8px;border:solid var(--night);border-width:0 2px 2px 0;transform:rotate(45deg)}
.hsample{display:grid;gap:10px;align-content:start;min-width:0;max-width:600px;width:100%}
.hsample .hsl{font-size:.875rem;color:var(--on-night-3)}
.hsample .xf{gap:10px}
.hsample .xf img{height:auto;background:#F7F5F0;border-color:#2A3E57;box-shadow:0 20px 50px rgba(0,0,0,.4)}
.hsample .xf figcaption{color:var(--on-night-2);font-size:.9375rem}
.hsample .xf .pgn{color:var(--on-night-3)}
@media (min-width:900px){
  .hcopy{grid-template-columns:minmax(0,1fr) minmax(0,600px);column-gap:clamp(32px,4vw,64px)}
  .hsample{justify-self:end}
}
@media (min-width:700px) and (max-width:1100px){.home-hero h1{font-size:clamp(2.25rem,1rem + 3.2vw,3rem)}}
.w3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px}
.w3i{margin:0;display:grid;gap:8px;align-content:start;min-width:0}
.w3i h3{margin:0}
.w3i p{margin:0 0 6px;color:var(--ink-2);font-size:.9375rem;line-height:1.5}
.w3i img{display:block;width:100%;height:auto;background:#F7F5F0;border:1px solid var(--line);border-radius:4px;box-shadow:var(--shadow)}
@media (max-width:860px){.w3{grid-template-columns:minmax(0,1fr)}}
@media (max-width:699px){.home-hero .hcopy{gap:24px}}
/* What you receive on phones: only the covers carry an image */
@media (max-width:699px){.w3i.w3-nophone img{display:none}}
/* the Sample page: at 700 px and above, the gallery (the link is inert); below, thumbnails that open the full-size image */
.xt{display:block;color:inherit}
@media (min-width:700px){.xthumbs .xt{pointer-events:none;cursor:default}}
@media (max-width:699px){
  .xthumbs{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}
  .xthumbs .xf img{aspect-ratio:4/3;object-fit:cover;object-position:top left}
  .xthumbs .xf figcaption{font-size:.8125rem}
}
/* ---------- outside figures, each with its source; the comparison tables; the ten needs ---------- */
.ofigs{display:grid;gap:22px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0}
.ofigs.two{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:32px}
.ofig{margin:0;border-left:3px solid var(--accent-ink);padding:2px 0 2px 16px;display:grid;gap:8px;align-content:start}
.ofig .n{font-size:2rem;font-weight:600;letter-spacing:-.03em;line-height:1.1;color:var(--ink);font-variant-numeric:tabular-nums}
.ofig .t{color:var(--ink-2);max-width:34rem}
.ofig .src{font-size:.875rem;line-height:1.5;color:var(--ink-3)}
.ptable.cmp thead th{white-space:normal;text-align:left;vertical-align:bottom;letter-spacing:.06em}
.ptable.cmp thead th:last-child{text-align:left}
.ptable.cmp tbody th{white-space:normal;font-size:1rem;width:19%}
.ptable.cmp td{width:27%}
.needs{list-style:decimal;padding-left:1.5em;display:grid;gap:10px;max-width:50rem;color:var(--ink-2)}
.needs li::marker{color:var(--ink-3);font-weight:600}
.cols3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.accountable{margin-top:14px}
@media (max-width:980px){
  .ofigs,.ofigs.two,.cols3{grid-template-columns:minmax(0,1fr)}
  .ptable.cmp tbody th{width:auto}
  .ptable.cmp td{width:auto}
}
/* the longer opening sentence: on phones the headline block is set a step smaller */
@media (max-width:699px){
  .home-hero h1{font-size:2.25rem;line-height:1.08}
  .home-hero .lede{font-size:1.0625rem;line-height:1.5}
  .home-hero .eyebrow{font-size:.875rem}
}
/* v6.2.1: the free-document line in the hero, at every width, under the two actions */
.phfirst{display:grid;gap:8px;margin-top:-6px}
.phfirst a{color:var(--accent);font-size:1rem;line-height:1.4;text-decoration:none;font-weight:500;padding-block:4px;display:inline-block;min-height:44px;box-sizing:border-box;padding-top:10px}
.phfirst a:hover{text-decoration:underline}

/* ---------- the three sections on Home; the products strip's second line ---------- */
.hs3-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:24px}
.hs3i{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:26px 24px;display:grid;gap:12px;align-content:start;box-shadow:var(--shadow)}
.hs3i h2{font-size:1.35rem;letter-spacing:-.018em}
.hs3i p{color:var(--ink-2)}
.pcard .pn{font-size:1.15rem;font-weight:600;letter-spacing:-.012em;line-height:1.3}
@media (max-width:980px){.hs3-grid{grid-template-columns:minmax(0,1fr)}}

/* ---------- the problem: the two headers; the comparison tables with four columns ---------- */
.p1w2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:28px}
.p1w2.p1w1{grid-template-columns:minmax(0,1fr)}
.p1w2 .box h3{font-size:1.15rem}
.p1w2 .box p{color:var(--ink-2)}
.p1w2 .box .ofig{border-left:0;padding-left:0}
.ptable.cmp tbody th{width:16%}
.ptable.cmp td{width:28%}
.ptable.cmp.p4 td{width:40%}
.ptable.cmp.p4 tbody th{width:20%}
.ofigs.one{grid-template-columns:minmax(0,1fr);margin-top:24px}
.ofigs.one .ofig{max-width:52rem}
@media (max-width:980px){.p1w2{grid-template-columns:minmax(0,1fr)}.ptable.cmp td,.ptable.cmp.p4 td,.ptable.cmp.p4 tbody th{width:auto}}

/* ---------- the funnel: five levels and "what if", drawn in the page ---------- */
.fun{list-style:none;margin:0;padding:0;display:grid;gap:14px;max-width:64rem}
.fl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 32px;align-items:center}
.fz{background:var(--accent-ink);color:var(--on-accent-ink);display:flex;align-items:center;justify-content:center;gap:14px;padding:16px calc(var(--fa,0px) + 18px);min-height:66px;justify-self:center;width:var(--fw,100%);clip-path:polygon(0 0,100% 0,calc(100% - var(--fa,0px)) 100%,var(--fa,0px) 100%)}
.fl1 .fz{--fw:100%;--fa:9%}.fl2 .fz{--fw:82%;--fa:11%}.fl3 .fz{--fw:64%;--fa:14%}.fl4 .fz{--fw:46%;--fa:18%}
.fl1 .fz{background:#1F5C9C}.fl2 .fz{background:#2A6AAE}.fl3 .fz{background:#3D7BBE}.fl4 .fz{background:#5A92CC}
.fz .fnum{font-size:.875rem;font-weight:600;letter-spacing:.08em;opacity:.9}
.fz .flab{font-weight:600;font-size:1.05rem;letter-spacing:-.012em;line-height:1.2;text-align:center}
.fl .fd{color:var(--ink-2);font-size:.9375rem;line-height:1.5}
.fwhat .fz{--fw:46%;--fa:0px;clip-path:none;background:var(--surface);color:var(--ink);border:2px dashed var(--accent-ink);justify-content:center}
@media (max-width:760px){
  .fl{grid-template-columns:minmax(0,1fr);gap:8px}
  .fl1 .fz{--fw:100%}.fl2 .fz{--fw:90%}.fl3 .fz{--fw:80%}.fl4 .fz{--fw:70%}.fwhat .fz{--fw:70%}
  .fz{padding:12px 16px;min-height:52px}.fz .flab{font-size:.95rem}
  .fl .fd{text-align:center;padding-inline:4px}
}

/* ---------- what we do: the lead line ---------- */
.box .lead{font-weight:600;color:var(--ink);font-size:1.05rem}
.box.do{border-color:var(--accent-ink)}

/* ---------- the map of components; the checks row ---------- */
.map{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.mcol{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px;display:grid;gap:12px;align-content:start;min-width:0}
.mgn{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.mgn b{font-size:1.05rem;letter-spacing:-.012em}
.mn{font-size:1.6rem;font-weight:600;letter-spacing:-.03em;color:var(--accent-ink);font-variant-numeric:tabular-nums;line-height:1}
.mblk{display:flex;flex-wrap:wrap;gap:5px}
.mblk i{display:block;width:14px;height:14px;border-radius:2px;background:var(--accent-ink)}
.mjobs{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:.875rem;color:var(--ink-2)}
.mjobs li{padding-left:14px;position:relative}
.mjobs li::before{content:"";position:absolute;left:0;top:.65em;width:8px;height:2px;background:var(--line-2)}
.mband{margin-top:16px;padding:14px 20px;border:1px dashed var(--line-2);border-radius:12px;color:var(--ink-2);display:flex;align-items:baseline;gap:10px}
.checksrow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px}
.checksrow .box p{color:var(--ink-2);font-size:.9375rem}
.checksrow .box .n{font-size:2rem;font-weight:600;letter-spacing:-.03em;line-height:1.1;color:var(--ink);font-variant-numeric:tabular-nums}
@media (max-width:980px){.map,.checksrow{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.map,.checksrow{grid-template-columns:minmax(0,1fr)}}

/* ---------- the products page: the three columns of the kit's screen 9 ---------- */
.p9grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr) minmax(0,5fr);gap:20px;align-items:start}
.p9col{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:24px;display:grid;gap:18px;align-content:start;min-width:0;box-shadow:var(--shadow)}
.p9col.core{border-color:var(--accent-ink)}
.p9col h2{font-size:1.25rem;letter-spacing:-.015em;padding-bottom:12px;border-bottom:1px solid var(--line)}
.p9col .pg9{font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-ink);margin-bottom:-8px}
.p9 .pn{font-weight:600;line-height:1.3}
.p9 .pn a{color:var(--ink);text-decoration:none}
.p9 .pn a:hover{text-decoration:underline}
.p9 .pm{font-size:.9375rem;color:var(--ink);margin-top:2px;font-variant-numeric:tabular-nums}
.p9 .pl,.p9col > .pm{font-size:.875rem;line-height:1.5;color:var(--ink-3);font-style:italic;margin-top:4px}
.w3.two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:56rem}
.tierb dl{grid-template-columns:minmax(0,11rem) minmax(0,1fr)}
@media (max-width:980px){.p9grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:860px){.w3.two{grid-template-columns:minmax(0,1fr)}}

/* ---------- working with Evidmere: the five steps with their tags; the four-part statement ---------- */
.s5 .tg{display:inline-block;font:600 .875rem/1 var(--sans);letter-spacing:.04em;color:var(--accent-ink);border:1px solid var(--accent-ink);border-radius:999px;padding:7px 11px;font-style:normal;margin-top:6px;justify-self:start}
.s5 .tg.fbk{color:var(--ink-2);border-color:var(--line-2)}
.n5{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.n5p{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:22px 24px;display:grid;grid-template-columns:2.4rem minmax(0,1fr);gap:6px 12px;align-content:start}
.n5p .n5n{grid-row:span 2;font-size:1.8rem;font-weight:600;letter-spacing:-.03em;line-height:1;color:var(--accent-ink)}
.n5p h3{font-size:1.1rem}
.n5p p{color:var(--ink-2);font-size:.9375rem;line-height:1.55}
@media (max-width:860px){.n5{grid-template-columns:minmax(0,1fr)}}
.foot .stat span:last-child{margin-left:auto}
.fivesteps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;counter-reset:f5}
.fivesteps li{counter-increment:f5;border-top:2px solid var(--line-2);padding-top:14px;display:grid;gap:6px}
.fivesteps li::before{content:counter(f5);font-size:1.6rem;font-weight:600;letter-spacing:-.03em;line-height:1;color:var(--accent-ink)}
.fivesteps li b{font-weight:600;line-height:1.3}
@media (max-width:760px){.fivesteps{grid-template-columns:minmax(0,1fr);gap:0}.fivesteps li{grid-template-columns:2.4rem minmax(0,1fr);align-items:baseline;padding:12px 0;border-top:1px solid var(--line)}}

/* v6.0.1 (h): on phones each row of a product block stacks, label over value, full width */
@media (max-width:640px){.tierb dl{grid-template-columns:minmax(0,1fr)}.tierb dt{border-bottom:0;padding-bottom:0}.tierb dd{padding-top:4px}}

/* ================= v6.1 (10 November 2026): the animated product site ================= */
/* Staged reveals on scroll, in the presentation kit's idiom. A container marked data-stepper builds in steps once it is in view (site.js adds
   .armed, then .in to each [data-k] in turn and k1..kN to the container). Nothing is hidden with scripts off, and nothing is hidden with
   reduced motion (site.js then applies every step at once and never adds .armed). */
html.js .armed [data-k]{opacity:0;transform:translateY(8px);transition:opacity .22s ease,transform .22s ease}
html.js .armed [data-k].in{opacity:1;transform:none}
html.js .armed tr[data-k]{transform:none}
html.js .armed .pc[data-k]{transition:opacity .22s ease,transform .22s ease,border-color .18s,background .18s,box-shadow .18s}

/* the comparison table: the head stays, the rows build */
.ptable-wrap[data-stepper] thead th{transition:none}

/* the map of components: the kit's eight steps */
.map-sec .sec-head{align-items:start}
.mcount{display:flex;flex-wrap:wrap;gap:10px 28px;color:var(--ink-2);font-size:.9375rem;align-self:end}
.mcount b{font-size:1.5rem;font-weight:600;letter-spacing:-.03em;color:var(--accent-ink);font-variant-numeric:tabular-nums;margin-right:6px;line-height:1}
.mcount span{display:inline-flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.mcol{border-style:dashed;border-color:var(--line-2);background:transparent;transition:background .22s,border-color .22s,box-shadow .22s,opacity .22s,transform .22s}
html:not(.js) .mcol,.mcol.in,html.js .map-sec .wrap:not(.armed) .mcol{background:var(--surface);border-style:solid;border-color:var(--line);box-shadow:var(--shadow)}
html.js .armed .mblk i{transform:scale(0);transition:transform .2s var(--d,0ms)}
html.js .armed .mcol.in .mblk i{transform:scale(1)}
html.js .armed .mjobs li{opacity:0;transform:translateX(-8px);transition:opacity .22s calc(var(--d,0ms) + 240ms),transform .22s calc(var(--d,0ms) + 240ms)}
html.js .armed .mcol.in .mjobs li{opacity:1;transform:none}
.mjobs li:nth-child(2){--d:150ms}
.mgate{margin-top:6px;display:grid;gap:8px}
.g76{display:grid;grid-template-columns:repeat(19,minmax(0,1fr));gap:3px;max-width:19rem}
.g76 i{display:block;aspect-ratio:1;border-radius:2px;background:var(--surface);border:1.5px solid var(--line-2);transition:background .2s var(--d,0ms),border-color .2s var(--d,0ms)}
html:not(.js) .g76 i,.k4 .g76 i,html.js .map-sec .wrap:not(.armed) .g76 i{background:#D3E1F0;border-color:#9DB9D8}
.g76 i.rep{background:var(--surface)!important;border:2px dashed var(--accent-ink)!important}
.glab{font-size:.875rem;color:var(--ink-2)}
.glab b{color:var(--accent-ink);font-size:1.05rem}
.grow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:4px}
.ring{width:34px;height:34px;display:inline-block}
.ring svg{width:34px;height:34px;fill:none;stroke:var(--accent-ink);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
html.js .armed .ring circle{stroke-dasharray:120;stroke-dashoffset:120;transition:stroke-dashoffset .24s ease}
html.js .armed .ring path{stroke-dasharray:40;stroke-dashoffset:40;transition:stroke-dashoffset .2s ease .24s}
html.js .armed.k5 .ring circle,html.js .armed.k5 .ring path{stroke-dashoffset:0}
html.js .armed.k5 .ring.r2 circle{transition-delay:.24s}html.js .armed.k5 .ring.r2 path{transition-delay:.48s}
.glab2{flex-basis:100%;font-size:.875rem;color:var(--ink-3)}
.conv{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;height:36px;margin-top:14px}
.fcell{position:relative;grid-row:1;height:36px}
.fcell.c1{grid-column:1/3}.fcell.c2{grid-column:2/4}.fcell.c3{grid-column:3/5}
.fcell::before{content:"";position:absolute;left:25%;right:25%;top:17px;height:2px;background:var(--line-2)}
.flt{position:absolute;left:25%;right:25%;top:0;height:36px}
.flp{position:absolute;left:50%;top:1px;transform:translateX(-50%);font:600 .875rem/1 var(--sans);color:var(--accent-ink);background:var(--surface);border:1.5px solid var(--accent-ink);border-radius:16px;padding:9px 12px;white-space:nowrap;font-style:normal}
@keyframes flow{0%{transform:translateX(-50%) translateX(-8px);opacity:0}100%{transform:translateX(-50%);opacity:1}}
html.js .armed .fcell .flp{opacity:0}
html.js .armed .fcell.in .flp{animation:flow .24s ease both}
.loopsvg{width:64px;height:40px;display:block;fill:none;stroke:var(--red);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.loopsvg path{stroke-dasharray:160;stroke-dashoffset:0}
html.js .armed .loopsvg path{stroke-dashoffset:160;transition:stroke-dashoffset .24s ease .1s}
html.js .armed .loopbox.in .loopsvg path{stroke-dashoffset:0}
@media (max-width:980px){.conv{display:none}.mcount{align-self:start}}

/* the funnel's levels build one after another (the kit's P2, four steps and "what if") */
.fun .fl .fz{transition:opacity .22s ease,transform .22s ease}

/* ---------- the products selector: Trial · Core products · Additional products; one detail panel open at a time ---------- */
.selector{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,6fr) minmax(0,3fr);gap:20px;align-items:start}
.sreg{display:grid;gap:12px;align-content:start;min-width:0}
.sreg h2{font-size:1rem;font-weight:600;letter-spacing:-.005em;color:var(--ink-2);padding-bottom:10px;border-bottom:1px solid var(--line)}
.sreg > .pm{font-size:.9375rem;color:var(--ink-3);margin-top:-4px}
.sreg.corereg{padding-top:0}
.pc{display:grid;gap:8px;align-content:start;background:var(--surface);border:1px solid var(--ctrl);border-radius:12px;padding:18px 20px;min-height:44px;text-decoration:none;color:var(--ink);box-shadow:var(--shadow);position:relative;min-width:0;transition:border-color .18s,box-shadow .18s}
.pc:hover,.pc:focus-visible{border-color:var(--accent-ink)}
.pc.on{border-color:var(--accent-ink);box-shadow:0 0 0 2px var(--accent-ink),var(--shadow)}
.pc .pct{font-weight:600;line-height:1.3;font-size:1.05rem;letter-spacing:-.012em}
.pc .pcs{font-size:.9375rem;line-height:1.5;color:var(--ink-2)}
.pc .pcf{font-size:.9375rem;line-height:1.5;color:var(--ink-2);display:block;overflow:hidden;max-height:0;opacity:0;transition:max-height .22s ease,opacity .2s ease}
html.m63 .pc,html.js.m63 .armed .pc[data-k]{transition:opacity .16s ease,transform .16s ease,border-color .16s,background .16s,box-shadow .16s}
html.m63 .pc .pcf{transition:opacity .16s ease}
html.js.m63 .pnl.pin{animation:pnl-fade .16s ease both}
@keyframes pnl-fade{from{opacity:0}}
.pc.side:hover .pcf,.pc.side:focus .pcf,.pc.side.open .pcf,.pc.side.on .pcf,html:not(.js) .pc .pcf{max-height:14rem;opacity:1}
.pc.core{padding:22px 24px 20px;gap:8px;border-width:1.5px}
.pc.core .pct{font-size:clamp(1.25rem,1.05rem + .8vw,1.6rem);letter-spacing:-.018em;line-height:1.2}
.pc.core .pcs{font-size:.9375rem;color:var(--ink-2)}
.pc.core .pcf{display:none}
.pc.vc{border-style:dashed;padding-right:64px}
.pc.vc .pcx{position:absolute;right:24px;top:28px;width:28px;height:28px;border-radius:50%;border:1.5px solid var(--accent-ink);color:var(--accent-ink)}
.pc.vc .pcx::before,.pc.vc .pcx::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;background:currentColor;transform:translate(-50%,-50%)}
.pc.vc .pcx::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .3s}
.pc.vc[aria-expanded="true"] .pcx::after{transform:translate(-50%,-50%) rotate(0deg)}
.vcg{display:grid;gap:12px}
.vcsub{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));padding-left:22px;border-left:2px solid var(--line-2);margin-left:14px}
html.js .vcsub{max-height:0;overflow:hidden;opacity:0;transition:max-height .45s ease,opacity .35s ease;border-left-color:transparent}
html.js .vcsub.open{max-height:60rem;opacity:1;border-left-color:var(--line-2)}
.pc.sub{padding:20px 22px}
.pc.sub .pct{font-size:1.15rem;letter-spacing:-.012em}
.pc.sub .pcs{font-size:.9375rem}
.sel-hint{margin-top:18px;font-size:.9375rem;color:var(--ink-3)}
.pc .ptag{justify-self:start;font-size:.875rem;font-weight:600;color:var(--accent-ink);border:1px solid var(--accent-ink);border-radius:999px;padding:3px 10px;line-height:1.3}
html:not(.js) .sel-hint{display:none}
.panels{display:grid;gap:20px;margin-top:28px}
.pnl{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,9fr);gap:20px 40px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:26px 26px 24px;box-shadow:var(--shadow);scroll-margin-top:16px;outline:none}
.pnl .th{display:grid;gap:6px;align-content:start}
.pnl .tier{font-size:.875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.pnl h2{font-size:1.5rem;letter-spacing:-.02em}
.pnl .price{font-size:clamp(2.2rem,1.6rem + 1.6vw,2.8rem);font-weight:600;letter-spacing:-.035em;line-height:1.05;font-variant-numeric:tabular-nums}
.pnl .price.small-price{font-size:1.25rem;letter-spacing:-.01em;color:var(--ink-2)}
.pnl .time{font-size:.9375rem;color:var(--ink);margin-top:8px}
.pnl dl{margin:0;display:grid;grid-template-columns:minmax(0,11rem) minmax(0,1fr);border-top:1px solid var(--line)}
.pnl dt,.pnl dd{margin:0;padding:12px 0;border-bottom:1px solid var(--line)}
.pnl dt{font-size:.875rem;font-weight:600;color:var(--ink-3);padding-right:16px}
.pnl dd{color:var(--ink-2)}
.pnl dd:nth-of-type(1){color:var(--ink);font-weight:500}
.pnl dt:last-of-type,.pnl dd:last-of-type{border-bottom:0}
.pnl[hidden]{display:none}
@keyframes pnl-in{from{opacity:0;transform:translateY(8px)}}
html.js .pnl.pin{animation:pnl-in .2s ease both}
.ladder{margin-top:20px;font-size:.9375rem;color:var(--ink-2);max-width:44rem}
@media (max-width:980px){
  .selector{grid-template-columns:minmax(0,1fr)}
  .sreg.corereg{order:-1}
  .pnl{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  .vcsub{grid-template-columns:minmax(0,1fr);padding-left:14px;margin-left:10px}
  .pnl dl{grid-template-columns:minmax(0,1fr)}.pnl dt{border-bottom:0;padding-bottom:0}.pnl dd{padding-top:4px}
}

/* ---------- working with Evidmere: the five steps as the kit's H1, one at a time ---------- */
.s5l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:28px;position:relative}
.s5l::before{content:"";position:absolute;left:24px;right:24px;top:23px;height:3px;background:var(--line-2)}
.s5{position:relative;display:grid;gap:16px;align-content:start}
.s5n{position:relative;z-index:1;width:48px;height:48px;border-radius:50%;background:var(--accent-ink);color:#fff;display:grid;place-items:center;font-weight:600;font-size:1.15rem;box-shadow:0 0 0 6px var(--bg);font-variant-numeric:tabular-nums}
.s5.fin .s5n{background:var(--night)}
.s5 div{display:grid;gap:8px;justify-items:start}
.s5 b{font-size:1.2rem;line-height:1.25;letter-spacing:-.015em}
.s5 div > span{color:var(--ink-2);font-size:.9375rem;line-height:1.5}
@media (max-width:980px){
  .s5l{grid-template-columns:minmax(0,1fr);gap:0}
  .s5l::before{left:23px;right:auto;top:24px;bottom:24px;width:3px;height:auto}
  .s5{grid-template-columns:48px minmax(0,1fr);gap:18px;padding:14px 0}
}

/* the engagement terms (the terms page and Working with Evidmere), the contact gap */
.prose p+p{margin-top:0}
.gap{height:clamp(56px,8vw,112px)}
.tc-note.tc-caption{margin-top:18px}

/* ================= v6.2 (10 November 2026, evening) ================= */
/* classes in place of inline styles (the Content-Security-Policy allows self only) */
.mt12{margin-top:12px}.mt18{margin-top:18px}.mt24{margin-top:24px}
.on-accent{color:var(--accent)}
.night-callout{color:var(--on-night);border-color:var(--accent)}
.night-callout a.on-night{color:var(--on-night)}
.thead{display:grid;gap:12px;align-content:start}
.cstack{display:grid;gap:28px;align-content:start}
.cblk{display:grid;gap:12px}
.g76 i.d0{--d:0ms}.g76 i.d1{--d:22ms}.g76 i.d2{--d:44ms}.g76 i.d3{--d:66ms}.g76 i.d4{--d:88ms}.g76 i.d5{--d:110ms}.g76 i.d6{--d:132ms}.g76 i.d7{--d:154ms}.g76 i.d8{--d:176ms}.g76 i.d9{--d:198ms}.g76 i.d10{--d:220ms}.g76 i.d11{--d:242ms}.g76 i.d12{--d:264ms}.g76 i.d13{--d:286ms}.g76 i.d14{--d:308ms}.g76 i.d15{--d:330ms}.g76 i.d16{--d:352ms}.g76 i.d17{--d:374ms}.g76 i.d18{--d:396ms}.g76 i.d19{--d:55ms}.g76 i.d20{--d:77ms}.g76 i.d21{--d:99ms}.g76 i.d22{--d:121ms}.g76 i.d23{--d:143ms}.g76 i.d24{--d:165ms}.g76 i.d25{--d:187ms}.g76 i.d26{--d:209ms}.g76 i.d27{--d:231ms}.g76 i.d28{--d:253ms}.g76 i.d29{--d:275ms}.g76 i.d30{--d:297ms}.g76 i.d31{--d:319ms}.g76 i.d32{--d:341ms}.g76 i.d33{--d:363ms}.g76 i.d34{--d:385ms}.g76 i.d35{--d:407ms}.g76 i.d36{--d:429ms}.g76 i.d37{--d:451ms}.g76 i.d38{--d:110ms}.g76 i.d39{--d:132ms}.g76 i.d40{--d:154ms}.g76 i.d41{--d:176ms}.g76 i.d42{--d:198ms}.g76 i.d43{--d:220ms}.g76 i.d44{--d:242ms}.g76 i.d45{--d:264ms}.g76 i.d46{--d:286ms}.g76 i.d47{--d:308ms}.g76 i.d48{--d:330ms}.g76 i.d49{--d:352ms}.g76 i.d50{--d:374ms}.g76 i.d51{--d:396ms}.g76 i.d52{--d:418ms}.g76 i.d53{--d:440ms}.g76 i.d54{--d:462ms}.g76 i.d55{--d:484ms}.g76 i.d56{--d:506ms}.g76 i.d57{--d:165ms}.g76 i.d58{--d:187ms}.g76 i.d59{--d:209ms}.g76 i.d60{--d:231ms}.g76 i.d61{--d:253ms}.g76 i.d62{--d:275ms}.g76 i.d63{--d:297ms}.g76 i.d64{--d:319ms}.g76 i.d65{--d:341ms}.g76 i.d66{--d:363ms}.g76 i.d67{--d:385ms}.g76 i.d68{--d:407ms}.g76 i.d69{--d:429ms}.g76 i.d70{--d:451ms}.g76 i.d71{--d:473ms}.g76 i.d72{--d:495ms}.g76 i.d73{--d:517ms}.g76 i.d74{--d:539ms}.g76 i.d75{--d:561ms}
.mblk i.b0{--d:0ms}.mblk i.b1{--d:40ms}.mblk i.b2{--d:80ms}.mblk i.b3{--d:120ms}.mblk i.b4{--d:160ms}.mblk i.b5{--d:200ms}.mblk i.b6{--d:240ms}.mblk i.b7{--d:280ms}.mblk i.b8{--d:320ms}.mblk i.b9{--d:360ms}.mblk i.b10{--d:400ms}.mblk i.b11{--d:440ms}.mblk i.b12{--d:480ms}.mblk i.b13{--d:520ms}.mblk i.b14{--d:560ms}.mblk i.b15{--d:600ms}
.prose.wide{max-width:52rem}
.prose .lead{font-size:1.125rem;color:var(--ink)}
.std-link{margin-top:28px}
/* nothing wider than its line: 55–70 characters */
.pnl .parts p,.pnl .parts li,.tlist li,.prose p,.cards-note,.tc-note,.scope-limit,.secpart p,.spec dd{max-width:44rem}

/* the audience filter: three chips; the selected one by border, weight and a tick, not colour alone */
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}
.chip{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:9px 16px 9px 12px;border:1.5px solid var(--ctrl);border-radius:999px;font:500 .9375rem/1.2 var(--sans);color:var(--ink);background:var(--surface);transition:border-color .18s,background .18s}
.chip:hover{border-color:var(--accent-ink)}
.chip:focus-visible{outline:3px solid var(--accent-ink);outline-offset:3px}
.chip .tick{width:20px;height:20px;background:transparent;border:1.5px solid var(--ctrl);box-sizing:border-box}
.chip .tick::after{content:none}
.chip[aria-pressed="true"]{border:2.5px solid var(--accent-ink);font-weight:700;padding:8px 15px 8px 11px}
.chip[aria-pressed="true"] .tick{background:var(--accent-ink);border-color:var(--accent-ink)}
.chip[aria-pressed="true"] .tick::after{content:"";left:7px;top:3px;width:4px;height:9px;border-color:var(--on-accent-ink)}
html:not(.js) .chips{display:none}

/* the centre lane: two labelled groups; a filtered-out group is hidden */
.grp{display:grid;gap:10px}
.grp+.grp{margin-top:8px}
.grpl{font-size:.9375rem;font-weight:600;color:var(--ink-2);padding-left:2px}
.grpc{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr))}
html.js .selector[data-filter="venture"] .grp[data-group="pe"],html.js .selector[data-filter="pe"] .grp[data-group="venture"]{display:none}
.sreg.corereg{border-left:0}
.pc.on .pct{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}

/* the Selected bar under the lanes, then the detail panel with its parts */
.selbar{margin-top:16px;padding:12px 16px;border:1px solid var(--line);border-left:3px solid var(--accent-ink);border-radius:8px;background:var(--surface);font-size:.9375rem;color:var(--ink-2);display:flex;flex-wrap:wrap;gap:6px 10px;align-items:baseline}
.selbar .selk{font-weight:600;color:var(--ink-3)}
.selbar .seln{color:var(--ink)}
.selbar .sell{display:inline-flex;flex-wrap:wrap;gap:0 4px}
.selbar .sell a{font-weight:500;padding:10px 2px;display:inline-flex;align-items:center;min-height:44px}
.selbar .sell a+a::before{content:"·";color:var(--ink-3);margin-right:6px;text-decoration:none;display:inline-block}
.selbar .sell a[hidden]{display:none}
.selbar[hidden]{display:none}
.pnl{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;padding:28px 28px 26px}
.pnl .back{display:none;font-weight:600;text-decoration:none;min-height:44px;align-items:center}
.pnl .th{display:grid;gap:8px;align-content:start}
.pnl .th .pline{color:var(--ink-2);max-width:44rem}
.pnl h2{font-size:clamp(1.5rem,1.2rem + 1vw,2rem);letter-spacing:-.02em;outline:none}
.pnl h2:focus-visible{outline:3px solid var(--accent-ink);outline-offset:4px;border-radius:2px}
.pnl .parts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 36px;border-top:1px solid var(--line);padding-top:18px}
.part{display:grid;gap:8px;align-content:start;min-width:0;scroll-margin-top:16px}
.part h3{font-size:.875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.part p{color:var(--ink-2)}
.part p b{color:var(--ink);font-weight:600}
.part.sample{grid-column:1/-1}
.part.sample .xf{max-width:1100px}
.part.sample .xf img{border-color:var(--line-2)}
.part.sample figcaption{font-size:.9375rem}
.part.fee .price{font-size:clamp(2rem,1.5rem + 1.4vw,2.6rem);font-weight:600;letter-spacing:-.03em;line-height:1.05;color:var(--ink);font-variant-numeric:tabular-nums}
.part.fee .price.small-price{font-size:1.25rem;letter-spacing:-.01em;color:var(--ink-2)}
.part .plist{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.part .plist li{padding-left:16px;position:relative;color:var(--ink-2)}
.part .plist li::before{content:"";position:absolute;left:0;top:.7em;width:8px;height:2px;background:var(--accent-ink)}
.pactions{display:flex;flex-wrap:wrap;gap:12px;border-top:1px solid var(--line);padding-top:20px}
.scope-limit{margin-top:22px;font-size:.9375rem;color:var(--ink-2)}
.scope-limit .small{display:block;margin-top:6px}
.ladder .more+.more{margin-left:18px}
@media (max-width:980px){
  .sreg.corereg{order:-1}
  .pnl .parts{grid-template-columns:minmax(0,1fr)}
  html.js .pnl .back{display:inline-flex}
  .grpc{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){.pnl{padding:20px 18px}.pactions .btn{flex:1 1 100%}}

/* Contact: the product named in the link */
.mailcard .about{display:grid;gap:4px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.mailcard .about b{font-size:1.0625rem}
.mailcard .about[hidden]{display:none}

/* the information-handling page */
.secparts{display:grid;gap:18px;margin-top:28px;max-width:60rem}
.secpart{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:22px 24px;display:grid;gap:10px;align-content:start}
.secpart h2{font-size:1.25rem;letter-spacing:-.015em}
.secpart p{color:var(--ink-2)}

/* the terms page: each product's specification */
.specs{display:grid;gap:14px}
.spec{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px 22px;display:grid;gap:10px;scroll-margin-top:16px}
.spec h3{font-size:1.125rem}
.spec dl{margin:0;display:grid;grid-template-columns:minmax(0,10rem) minmax(0,1fr);gap:6px 16px}
.spec dt{font-size:.875rem;font-weight:600;color:var(--ink-3);padding-top:2px}
.spec dd{margin:0;color:var(--ink-2)}
@media (max-width:640px){.spec dl{grid-template-columns:minmax(0,1fr)}.spec dd{margin-bottom:4px}}

/* the footer's three columns on phones; 320 px reflow */
@media (max-width:760px){.foot-nav.cols{grid-template-columns:repeat(2,minmax(0,1fr))}.chips{gap:8px}.chip{padding-inline:12px 10px}}
@media (max-width:400px){.foot-nav.cols{grid-template-columns:minmax(0,1fr)}.mast{column-gap:8px}.mast .cta .btn{padding:8px 10px}}
@media (max-width:699px){body{font-size:1.0625rem}}


/* ================= v6.3 (10 November 2026, night): the outside reviewer's priorities ================= */
/* the page head: the title with a label beside it (the Sample page's fictional-company label); jump links under a subtitle (the terms and information pages) */
.h1row{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 18px;min-width:0}
.h1row > *{min-width:0;max-width:100%}
.fict{font-size:.9375rem;color:var(--on-night-2);border:1px solid var(--night-line);border-radius:999px;padding:6px 12px;max-width:100%}
.jumps{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:6px}
.jumps a{color:var(--on-night);text-decoration:none;font-size:.9375rem;font-weight:500;padding-block:10px;min-height:44px;display:inline-flex;align-items:center;border-bottom:1px solid var(--night-line)}
.jumps a:hover{border-bottom-color:var(--on-night)}

/* Home (P1, P3, P5): the hero's second action with its arrow; the sample panel's actions; the accountability line; the four review cards */
.hsact{display:flex;flex-wrap:wrap;gap:6px 20px;align-items:center;font-size:.9375rem}
.hsact a{padding-block:10px;display:inline-block;min-height:44px;box-sizing:border-box}
.hsact .xopen{color:var(--on-night);font-weight:600;text-decoration:underline;text-underline-offset:4px}
.hsact .more{color:var(--accent)}
.part.sample .hsact .xopen,.part.sample .hsact .more,.evwrap .hsact .xopen{color:var(--accent-ink)}   /* v6.5 (1.4): the full-size link beneath the Sample page's exhibit, on paper */
.account{font-size:.9375rem;color:var(--on-night-2);max-width:36rem;border-top:1px solid var(--night-line);padding-top:14px}
.four{padding-block:clamp(40px,5vw,64px)}
.four+.hs3{padding-top:0;border-top:0}
.fourh{margin-bottom:clamp(18px,2.5vw,28px)}
.fourh h2{font-size:clamp(1.5rem,1.1rem + 1.4vw,2.1rem)}
.fourg{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:16px}
.fcard{display:grid;gap:8px;align-content:start;background:var(--surface);border:1px solid var(--ctrl);border-radius:12px;padding:20px 22px 18px;text-decoration:none;color:var(--ink);box-shadow:var(--shadow);min-height:44px;transition:border-color .16s,box-shadow .16s}
.fcard:hover,.fcard:focus-visible{border-color:var(--accent-ink)}
.fcard .fn{font-weight:600;font-size:1.1rem;letter-spacing:-.012em;line-height:1.25}
.fcard .fq{font-size:.9375rem;line-height:1.45;color:var(--ink-2)}
.fcard .ff{font-size:.9375rem;font-weight:600;color:var(--accent-ink);font-variant-numeric:tabular-nums;padding-top:8px;border-top:1px solid var(--line);margin-top:2px}

/* the lightbox (P1): the exhibit at its full 1,400 px width, scrolled sideways on a narrow window; keyboard-operable; Escape closes */
.lb{border:0;padding:0;background:transparent;max-width:min(100vw - 32px,1480px);width:calc(100vw - 32px);max-height:calc(100vh - 32px);margin:auto}
.lb::backdrop{background:rgba(10,20,32,.72)}
.lbin{background:var(--surface);color:var(--ink);border-radius:12px;padding:18px 20px 16px;display:grid;gap:12px;max-height:calc(100vh - 32px);box-sizing:border-box}
.lbbar{display:flex;justify-content:space-between;align-items:center;gap:12px}
.lbk{font-size:.9375rem;color:var(--ink-2)}
.lbscroll{overflow:auto;max-height:calc(100vh - 190px)}
.lbfig{margin:0;min-width:0}
.lbfig img{width:1400px;max-width:none;height:auto;display:block;border:1px solid var(--line);border-radius:4px;background:#F7F5F0}
.lbfig figcaption{font-size:.9375rem;color:var(--ink-2);margin-top:10px;position:sticky;left:0;width:min(60rem,calc(100vw - 72px))}
.lblink{font-size:.9375rem}
@media (min-width:1480px){.lbfig img{width:1400px}}
@keyframes lb-in{from{opacity:0}}
html:not(.rm) .lb[open]{animation:lb-in .18s ease both}
.xf.example img,.xf.exhibit img{border-color:var(--line-2)}
.xf.example,.xf.exhibit{max-width:1400px}

/* Products (P2): the fee line on a card; the footnote under the lanes; the panel — the title, the audience line, the decision, the fee block beside What you receive */
.pc .pcfee{font-size:.9375rem;font-weight:600;color:var(--accent-ink);font-variant-numeric:tabular-nums;padding-top:8px;border-top:1px solid var(--line);margin-top:2px}
.pc.side .pcfee{font-weight:500}
.fee-foot{margin-top:14px;max-width:60rem}
.pnl .aud{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;color:var(--ink-2);max-width:60rem}
.pnl .audk{font-size:.875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.pnl .audt{font-size:.9375rem}
.feerecv{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:18px 36px;align-items:start}
.feeblk{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:18px 20px;display:grid;gap:10px}
.feeblk .price{font-size:clamp(1.6rem,1.3rem + 1vw,2.1rem);font-weight:600;letter-spacing:-.03em;line-height:1.1;color:var(--ink);font-variant-numeric:tabular-nums}
.feeblk .price .exvat{font-size:.9375rem;font-weight:500;letter-spacing:0;color:var(--ink-2);margin-left:6px}
.feerows{list-style:none;margin:0;padding:0;display:grid;gap:4px;color:var(--ink)}
.feerows li{padding-left:16px;position:relative}
.feerows li::before{content:"";position:absolute;left:0;top:.72em;width:8px;height:2px;background:var(--accent-ink)}
.pnl .part[id$="-decision"]{grid-column:1/-1}
.pnl .part[id$="-decision"] p{max-width:44rem}
.pnl .part.sample.nocrop{grid-column:1/-1}
.pactions .jump{display:inline-flex;align-items:center;min-height:44px;padding-inline:4px}
@media (max-width:980px){.feerecv{grid-template-columns:minmax(0,1fr)}}

/* How it works (P6, P11): the funnel's stages as buttons; the gold path drawn once; the components map's groups as buttons with the hand-on line */
html.m63 .fun{position:relative;padding-left:18px}
html.m63 .fun::before{content:"";position:absolute;left:4px;top:0;bottom:0;width:2px;background:var(--line-2);transform:scaleY(0);transform-origin:top}
html.m63 .fun.drawn::before{transform:scaleY(1);transition:transform .6s ease}
button.fz{border:0;font:inherit;cursor:pointer;text-align:center;color:var(--on-accent-ink);transition:box-shadow .2s ease,transform .2s ease;outline-offset:4px}
button.fz:focus-visible{outline:3px solid var(--accent-ink)}
.fun .fl.sel .fz{box-shadow:0 0 0 3px var(--surface),0 0 0 6px var(--accent-ink)}
.fun .fl.sel .fd{color:var(--ink);font-weight:500}
.fun .fl .fd{transition:color .2s ease}
.fwhat button.fz{color:var(--ink)}
.mgb{all:unset;box-sizing:border-box;cursor:pointer;display:flex;justify-content:space-between;align-items:baseline;gap:10px;width:100%;min-height:44px;padding:6px 8px;margin:-6px -8px 0;border-radius:8px;border:1.5px solid transparent;transition:border-color .18s,background .18s}
.mgb b{font-size:1.05rem;letter-spacing:-.012em;font-weight:600}
.mgb:hover{border-color:var(--line-2)}
.mgb:focus-visible{outline:3px solid var(--accent-ink);outline-offset:2px}
.mcol.sel{border-color:var(--accent-ink)!important;box-shadow:0 0 0 2px var(--accent-ink),var(--shadow)!important}
.mcol.sel .mgb{border-color:var(--accent-ink)}
.mhand{font-size:.875rem;color:var(--ink-3);line-height:1.5;padding-top:8px;border-top:1px dashed var(--line-2);transition:color .18s}
.mcol.sel .mhand{color:var(--ink);font-weight:500}
.fcell.sel .flp{background:var(--accent-ink);color:var(--on-accent-ink);transition:background .18s,color .18s}
.map[data-sel="4"]+.conv+.mband+.checksrow .loopbox{border-color:var(--accent-ink);box-shadow:0 0 0 2px var(--accent-ink),var(--shadow)}
.checksrow .box{transition:border-color .18s,box-shadow .18s}
.example-sec .xf figcaption{max-width:60rem}

/* Working with Evidmere (P6, P14): select a step; the progress line drawn once; step 2 as two rows; the Extended line */
.s5b{all:unset;box-sizing:border-box;cursor:pointer;display:grid;gap:14px;justify-items:start;min-height:44px;border-radius:8px}
.s5b b{font-size:1.2rem;line-height:1.25;letter-spacing:-.015em;display:block;padding:2px 0;border-bottom:2px solid transparent;transition:border-color .2s}
.s5b:focus-visible{outline:3px solid var(--accent-ink);outline-offset:4px}
.s5b .s5n{transition:box-shadow .2s,background .2s}
.s5.sel .s5b .s5n{box-shadow:0 0 0 6px var(--bg),0 0 0 9px var(--accent-ink)}
.s5.sel .s5b b{border-bottom-color:var(--accent-ink)}
.s5.sel div > span,.s5.sel .s2rows p{color:var(--ink)}
.s5 .s2rows{display:grid;gap:8px}
.s5 .s2rows p{color:var(--ink-2);font-size:.9375rem;line-height:1.5}
.s5 .s2rows p b{color:var(--ink);font-weight:600}
html.m63 .s5l::before{transform:scaleX(0);transform-origin:left}
html.m63 .s5l.drawn::before{transform:scaleX(1);transition:transform .65s ease}
@media (max-width:980px){
  html.m63 .s5l::before{transform:scaleY(0);transform-origin:top}html.m63 .s5l.drawn::before{transform:scaleY(1)}
  html.m63 .s5{grid-template-columns:48px minmax(0,1fr)}
  html.m63 .s5b{grid-column:1/-1;grid-template-columns:48px minmax(0,1fr);gap:18px;align-items:center;justify-items:start}
  html.m63 .s5 > div{grid-column:2}
}
.ext-note{margin-top:28px;max-width:44rem;color:var(--ink-2);font-size:.9375rem;line-height:1.55;border-left:3px solid var(--line-2);padding-left:16px}

/* the Sample page (P1, P6, P13): the exhibit with the evidence chain; the notes the Standard links to; the walkthrough's section */
.evwrap{display:grid;gap:16px}
.evimg{position:relative;min-width:0}
.evimg img{display:block;width:100%;height:auto}
.evhot{position:absolute;border:2px solid transparent;border-radius:4px;background:transparent;padding:0;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
.evhot-figure{left:18.6%;top:46.6%;width:5.2%;height:6.4%}
.evhot-source{left:.4%;top:91%;width:98.4%;height:7.6%;pointer-events:none}
button.evhot:focus-visible{outline:3px solid var(--accent-ink);outline-offset:2px}
.evwrap[data-ev="figure"] .evhot-figure,.evwrap[data-ev="source"] .evhot-figure,.evwrap[data-ev="workbook"] .evhot-figure{border-color:var(--accent-ink);box-shadow:0 0 0 2px rgba(255,255,255,.9);background:rgba(23,107,101,.12)}
.evwrap[data-ev="source"] .evhot-source,.evwrap[data-ev="workbook"] .evhot-source{border-color:var(--accent-ink);background:rgba(23,107,101,.10)}
.evsteps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;counter-reset:ev}
.evs{counter-increment:ev;display:grid;gap:8px;align-content:start;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 16px;transition:border-color .2s ease,box-shadow .2s ease}
.evb{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:10px;min-height:44px;font-weight:600;color:var(--ink)}
.evb::before{content:counter(ev);width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--ctrl);font-size:.875rem;color:var(--ink-2);transition:background .2s ease,border-color .2s ease,color .2s ease}
.evb:focus-visible{outline:3px solid var(--accent-ink);outline-offset:3px;border-radius:4px}
.evt{font-size:.9375rem;color:var(--ink-2);line-height:1.5}
.evs.on{border-color:var(--accent-ink);box-shadow:0 0 0 1px var(--accent-ink)}
.evs.on .evb::before{background:var(--accent-ink);border-color:var(--accent-ink);color:var(--on-accent-ink)}
.evs.on .evt{color:var(--ink)}
.evnote{max-width:60rem}
.evfull{margin:0}   /* v6.5 (1.4): the full-size link's line, beneath the image and before the caption line */
.acceptance{margin-top:20px}   /* v6.6 (4.1): the short "Acceptance" paragraph beneath the terms list */
.evcap{margin:0;font-size:.9375rem;color:var(--ink-2)}   /* v6.5 (1.4): "An exhibit from the sample review", the caption line above the three steps */
.exnotes{margin:28px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:1400px}
.exnotes div{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px 18px;display:grid;gap:6px;scroll-margin-top:16px}
.exnotes dt{font-size:.875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.exnotes dd{margin:0;color:var(--ink-2);font-size:.9375rem;line-height:1.5}
.exnotes div:target{border-color:var(--accent-ink);box-shadow:0 0 0 2px var(--accent-ink)}
.xf.exhibit:target .evimg{outline:3px solid var(--accent-ink);outline-offset:4px;border-radius:4px}
@media (max-width:860px){.evsteps{grid-template-columns:minmax(0,1fr)}.exnotes{grid-template-columns:minmax(0,1fr)}}

/* Contact (P15): the email action under the title; the free step second, secondary when a review was chosen */
.contact63{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:32px;align-items:start}
.contact63 .mailcard{gap:16px}
.csend .kv{margin-bottom:6px}
.csend .list li{max-width:none}
.cfree.secondary h2{font-size:1.2rem;color:var(--ink-2)}
.cfree.secondary p,.cfree.secondary li{font-size:.9375rem;color:var(--ink-2)}
@media (max-width:980px){.contact63{grid-template-columns:minmax(0,1fr)}}

/* the review standard: each rule's link */
.std li .chk a{text-decoration-thickness:1px}

/* ---------- the palette v2.5 (from the outside review of 10 November; Brand Rule v2.5, adopted by the operator on 11 November 2026) ----------
   navy #10232D: the masthead, the hero, the bands and the footer; warm paper #F7F3EB: the body; teal #176B65: actions, links and the selected state
   (always with a border and a tick, never colour alone); copper #A44E2B: category and audience labels (the lane headings, the group labels, the panel's
   audience line); gold #C49A50: fine rules and evidence markers only, never text; a pale teal #A8DBD5 for small text and links on navy; the fee block on a
   pale teal surface. Measured (WCAG): teal on paper 5.70, copper on paper 5.12, white on teal 6.31, navy on paper 14.59, pale teal on navy 10.58, teal on the
   fee block's pale teal 5.47, tertiary ink #5E6B66 on paper 5.03, on white 5.57; gold on paper 2.35 — decorative only. */
:root{
  --night:#10232D; --night-2:#16303C; --night-3:#1D3C4A; --night-line:#2C4452;
  --on-night:#F3F0E9; --on-night-2:#C9D6D9; --on-night-3:#A8DBD5;
  --accent:#A8DBD5; --accent-ink:#176B65; --on-accent-ink:#FFFFFF;
  --copper:#A44E2B; --gold:#C49A50; --teal-pale:#E7F1EE; --teal:#176B65;
  --bg:#F7F3EB; --surface:#FFFFFF; --ink:#141D22; --ink-2:#43514C; --ink-3:#5E6B66; --line:#E3DED3; --line-2:#CFC8BA; --ctrl:#7A8A84;
  --shadow:0 1px 2px rgba(16,35,45,.06),0 12px 32px rgba(16,35,45,.08);
}
/* actions: teal, with white text; on navy, the same teal with a pale teal boundary (3:1 against the navy) */
.btn-accent{background:var(--teal);color:#fff;border-color:var(--accent)}
.btn-accent:hover{background:#135A55}
.btn-accent:focus-visible{outline-color:var(--on-night)}
.btn-solid{background:var(--teal);color:#fff}
.btn-solid:hover{filter:none;background:#135A55}
.btn-ghost{color:var(--on-night);border-color:var(--on-night-3)}
.phead .lede a,.phead .inner > p a:not(.btn),.foot-id a,.phfirst a,.hsact .more,.on-accent{color:var(--accent)}
.h1row h1 a{color:inherit}
.foot .foot-nav a{color:var(--on-night)}
.hsact .xopen{color:var(--on-night)}
.nav a[aria-current="page"]{border-bottom-color:var(--gold)}
.tick{background:var(--accent)}
.tick::after{border-color:var(--night)}
.proof3{color:var(--on-night-2)}
.night .eyebrow{color:var(--accent)}
.eyebrow{color:var(--copper)}
/* copper: category and audience labels — it does not imply a better tier */
.sreg h2,.grpl,.pnl .audk,.pc .ptag,.exnotes dt,.evb::before{color:var(--copper)}
.pc .ptag{border-color:var(--copper)}
.sreg h2{border-bottom-color:var(--line)}
.pnl .audt{color:var(--ink-2)}
/* gold: the rule under the decision question, the fine rule beneath a section head on paper, the evidence markers */
.pnl .part[id$="-decision"]{padding-bottom:14px;border-bottom:2px solid var(--gold)}
.sec-head.s2 h2{padding-bottom:10px;border-bottom:2px solid var(--gold);max-width:max-content}
.fourh h2,.std-link{border-bottom:0}
.hs3i h2{border-bottom:0}
.account{border-top-color:var(--night-line)}
.evs.on .evb::before{background:var(--teal);border-color:var(--teal);color:#fff}
.evhot-source.evhot{border-color:transparent}
.evwrap[data-ev="source"] .evhot-source,.evwrap[data-ev="workbook"] .evhot-source{border-color:var(--gold);background:rgba(196,154,80,.14)}
/* the fee block on pale teal; the selected card by border, weight and tick */
.feeblk{background:var(--teal-pale);border-color:#CFE3DE}
.feerows li::before{background:var(--teal)}
.chip[aria-pressed="true"]{border-color:var(--teal)}
.chip[aria-pressed="true"] .tick{background:var(--teal);border-color:var(--teal)}
.chip[aria-pressed="true"] .tick::after{border-color:#fff}
.pc.on{border-color:var(--teal);box-shadow:0 0 0 2px var(--teal),var(--shadow)}
.selbar{border-left-color:var(--teal)}
.s5n{background:var(--teal)}
.s5.fin .s5n{background:var(--night)}
.fl1 .fz{background:#145D58}.fl2 .fz{background:#176B65}.fl3 .fz{background:#2B7F78}.fl4 .fz{background:#45948D}
.fwhat .fz{border-color:var(--teal)}
.mn,.glab b,.checksrow .box .n{color:var(--teal)}
.mblk i{background:var(--teal)}
html:not(.js) .g76 i,.k4 .g76 i,html.js .map-sec .wrap:not(.armed) .g76 i{background:#D6E8E4;border-color:#8FBDB6}
.g76 i.rep{border-color:var(--teal)!important}
.ring svg{stroke:var(--teal)}
.flp{color:var(--teal);border-color:var(--teal)}
.loopsvg{stroke:var(--copper)}
.tlist li::before,.list li::before,.part .plist li::before{background:var(--teal)}
.s5 .tg{color:var(--teal);border-color:var(--teal)}
.callout{border-color:var(--teal)}
.rd-tap{background:#F3EEE4;border-color:#CFC8BA;color:var(--night)}
.rd-tap .b{background:var(--teal)}
.rd-frame{background:#F3EEE4}
.foot .fh{color:var(--on-night-3)}
.menu summary{border-color:var(--on-night-3)}
.night :focus-visible,.btn-accent:focus-visible{outline-color:var(--accent)}