/* Evidmere — site v5.2 stylesheet (16 October 2026), from the v5.1 system; renders Brand Rule v2.3.3 §5A.
   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. */

@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 (Brand Rule v2.2.3 §3), 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;
  --wrap:1240px; --gut:clamp(16px,4vw,40px);
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --night:#060D16; --night-2:#0B1621; --night-3:#112033; --night-line:#1E3045;
    --bg:#0C151F; --surface:#121D2A; --ink:#E7EDF4; --ink-2:#A9B6C6; --ink-3:#8494A7; --line:#22324A; --line-2:#2D405A;
    --accent-ink:#8FC0F0; --on-accent-ink:#0A1420; --shadow:0 1px 2px rgba(0,0,0,.3),0 12px 32px rgba(0,0,0,.35);
    --paper:#EEEBE4; color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --night:#060D16; --night-2:#0B1621; --night-3:#112033; --night-line:#1E3045;
  --bg:#0C151F; --surface:#121D2A; --ink:#E7EDF4; --ink-2:#A9B6C6; --ink-3:#8494A7; --line:#22324A; --line-2:#2D405A;
  --accent-ink:#8FC0F0; --on-accent-ink:#0A1420; --shadow:0 1px 2px rgba(0,0,0,.3),0 12px 32px rgba(0,0,0,.35);
  --paper:#EEEBE4; color-scheme:dark;
}

*{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 1rem/1.6 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:2px 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.1rem,1.3rem + 2.6vw,3.4rem);letter-spacing:-.032em;line-height:1.05}
h2{font-size:clamp(1.6rem,1.1rem + 1.9vw,2.6rem)}
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:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-ink)}
.night .eyebrow{color:var(--accent)}
.lede{font-size:clamp(1.06rem,1rem + .35vw,1.25rem);line-height:1.55;color:var(--ink-2);max-width:40rem}
.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:6px;border-bottom:2px solid transparent}
.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:.875rem;font-weight:500;padding:8px 12px;border:1px solid var(--night-line);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:10px 12px;border-radius:6px}
.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;gap:10px;font:600 .9375rem/1 var(--sans);padding:13px 18px;border-radius:6px;text-decoration:none;white-space:nowrap;border:1px solid transparent;cursor:pointer}
.btn-accent{background:var(--accent);color:var(--night)}
.btn-accent:hover{background:#A9CDF3}
.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(--night-line)}
.btn-ghost:hover{border-color:var(--on-night-3)}
.btn-line{color:var(--ink);border-color:var(--line-2);background:transparent}
.btn-line:hover{border-color:var(--ink-3)}
.btn-sm{padding:9px 14px;font-size:.875rem}
.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:.875rem;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 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)}

/* ---------- 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:38rem}

/* 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:.75rem;font-weight:600;letter-spacing:.1em;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)}
.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:.75rem;font-weight:600;letter-spacing:.1em;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:.875rem;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:.6875rem;font-weight:600;letter-spacing:.1em;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:.8125rem}
  .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}
}

/* ================= v5.0 additions (14 October 2026) ================= */
/* home: the working view, drawn in the page (Brand Rule v2.3.1 §5A) */
.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)}
@media (min-width:1101px){.home-hero{min-height:728px;display:grid;align-items:center}}
.home-hero h1{font-size:clamp(2.5rem,1.4rem + 3.6vw,4.4rem);letter-spacing:-.035em}
.home-hero .lede{font-size:clamp(1.08rem,1rem + .45vw,1.3rem);max-width:30rem}
.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(4,minmax(0,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:hover{border-color:var(--accent-ink)}
.pcard .nm{font-size:.8125rem;font-weight:600;letter-spacing:.1em;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}
.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:1100px){.pcards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@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){
  .pcards{grid-template-columns:minmax(0,1fr)}
  .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}}
@media print{.night{background:#fff;color:#000}.mast .nav,.menu,.mast .cta{display:none}.sheet{box-shadow:none}}

/* v5.1 (16 October 2026): 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}

/* ---------------- v5.2 (16 October 2026): 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}

/* ---------------- v5.2: "a review deciding" — inline vector graphics, drawn from the test company only (Brand Rule v2.3.3 §5A) */
.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}}

/* v5.2: 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}}

/* v5.3 (16 October 2026): 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}

/* v5.4 (17 October 2026): the book's exhibit images, the co-ordinator's 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-sec .rd-root{border-radius:4px}
.rd-fallback{display:none}
.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}
@media (max-width:699px){.rd-home{display:none}.rd-fallback{display:block}.rd-framebox{display:none}.rd-tap.ph{display:grid}.xg1{grid-template-columns:minmax(0,1fr)}}
.rd-framebox.rd-open{display:block!important;margin-top:22px}
@media (scripting:none){.rd-home,.rd-framebox,.rd-tap,.rd-tap.ph{display:none!important}.rd-fallback{display:block}}

/* v5.6 (17 October 2026): the hero at 700 px and above is one held block: the headline, sub-line and button above, the stage the
   full content width beneath. The block sits inside the component's scrolling section, so the two hold and release together.
   The block's height is capped to the window as it opens (masthead and hero padding above, a margin below), so both are in
   view before any scrolling; where the stage would not fit, it shrinks to the height left and centres. The headline never shrinks.
   Below 700 px, and with scripts off, only the copy shows and reads as in v5.5. */
.rdh-head,.rdh-sub{display:contents}
.rdh-cover{display:none;margin-top:4px}
.rdh-cover img{border-color:#2A3E57;box-shadow:0 20px 50px rgba(0,0,0,.4)}
.rdh-cover figcaption{color:var(--on-night-2)}
.rdh .rd-root{background:transparent;border-radius:0}
.rdh .rd-hint{color:var(--on-night-3);margin:10px 0 0;line-height:20px;height:20px}
.rdh .rd-ui{color:var(--on-night-2);padding:0;margin-top:18px}
.rdh .rd-wrap{border-radius:4px;box-shadow:0 30px 80px rgba(0,0,0,.45)}
@media (min-width:700px){
  .home-hero.rdh{min-height:0;display:block}
  .rdh .rd-outer{max-width:none}
}
@media (min-width:700px) and (scripting:enabled){
  .rdh{--mast:75px;--pad:clamp(36px,5vw,72px);--below:20px;--gap:20px;--hint:30px;
       --pin-top:max(16px,calc((var(--mast) + var(--pad) + var(--below)) / 2))}
  .rdh .rdh-pin{position:sticky;top:var(--pin-top);display:flex;flex-direction:column;gap:var(--gap);
       max-height:calc(100vh - var(--mast) - var(--pad) - var(--below));container-type:inline-size}
  .rdh .rdh-copy{flex:none}
  .rdh .rdh-stage{flex:0 1 auto;min-height:0;height:calc(100cqw * 9 / 16 + var(--hint));container-type:size}
  .rdh .rd-outer.rd-scroll .rd-wrap{position:relative;top:auto}
  .rdh .rdh-stage .rd-wrap{width:min(100cqw,(100cqh - var(--hint)) * 16 / 9);margin-inline:auto}
}
@media (min-width:900px) and (scripting:enabled){
  .rdh .rdh-copy{grid-template-columns:minmax(0,13fr) minmax(0,10fr);column-gap:clamp(32px,4vw,64px);align-items:end}
  .rdh .rdh-head,.rdh .rdh-sub{display:grid;gap:14px;align-content:end}
  .rdh .rdh-sub .actions{margin-top:6px}
}
@media (min-width:700px) and (max-width:1100px){.rdh h1{font-size:clamp(2rem,1rem + 3.2vw,3rem)}}
@media (min-width:700px) and (scripting:none){.rdh-cover{max-width:34rem}}
.rd-stills{display:none}
.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){.rd-home{display:none!important}}
@media (scripting:none) and (min-width:700px){.rd-home{display:none!important}.rd-stills{display:block}.rdh-cover{display:grid}}
@media (scripting:none){.rd-home{display:none!important}}

/* v5.8 (19 October 2026): phones. The hero's visual is the phone cut (pack version 2.5): a portrait stage, 720 x 1120 drawn,
   full-bleed at the phone's width (never taller than the window), under the headline block. The stage alone holds in view while its section scrolls, centred in
   the window and never taller than it; the headline scrolls away above. Nothing of the stills section shows on phones. */
.rd-phone{display:none}
@media (max-width:699px) and (scripting:enabled){
  .rd-phone{display:block;margin:28px calc(-1 * var(--gut)) 0}
  .rdp .rd-root{background:transparent}
  .rdp .rd-outer{max-width:none}
  .rdp .rd-wrap{width:min(100vw,calc(100svh * 720 / 1120));margin-inline:auto;border-radius:0}
  .rdp .rd-outer.rd-scroll .rd-wrap{top:max(0px,calc(50svh - min(77.78vw,50svh)))}
  .rdp .rd-hint{color:var(--on-night-3);margin:10px 0 0}
  .rdp .rd-ui{color:var(--on-night-2);padding:0 var(--gut);margin-top:16px}
}
/* 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 v5.7 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}
}