/* Anaphase company site, version 0.6. Design system "Journal plate" (round 1 direction B) with the grafts
   listed in DESIGN-v0.6.md. Tokens: shared/brand/v1/TOKENS.md, version 1.1 additions for the product colours.
   This file and /assets/site.js are shared by every page. Product pages may add /assets/<product>.css only. */

/* ---------- fonts (self-hosted, SIL OFL 1.1) ---------- */
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:optional;src:url(/fonts/inter-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:optional;src:url(/fonts/inter-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:optional;src:url(/fonts/inter-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Fraunces";font-style:normal;font-weight:300 480;font-display:swap;src:url(/fonts/fraunces-latin-420.woff2) format("woff2")}
@font-face{font-family:"Fraunces";font-style:normal;font-weight:481 700;font-display:swap;src:url(/fonts/fraunces-latin-560.woff2) format("woff2")}
@font-face{font-family:"Fraunces";font-style:italic;font-weight:300 700;font-display:swap;src:url(/fonts/fraunces-latin-400-italic.woff2) format("woff2")}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/jetbrains-mono-latin-500.woff2) format("woff2")}

/* ---------- tokens ---------- */
:root{
  /* brand pack v1.0 */
  --ink:#141413;--paper:#F5F4EF;--surface:#FFFFFF;--muted:#5B6380;
  --green:#1B7A60;--green-hover:#156250;--green-soft:#E6F2EE;--chromatid:#16654F;--teal:#1A8BA6;
  /* site neutrals */
  --ink-2:#2F2F2C;--rule:#141413;--hair:#DCD9CF;--hair-soft:#E8E5DC;
  /* brand pack v1.1 additions: one colour per product, each at least 4.5:1 on white, paper and its band */
  --pv:#1F5BD0;--pv-soft:#E7EDFA;--pv-band:#ECF0F7;
  --gc:#8F5A00;--gc-soft:#F6ECD9;--gc-band:#F3ECDD;
  --pl:#A8452A;--pl-soft:#F5E5DE;--pl-band:#F4E8E1;
  --fg:#A61E4D;--fg-soft:#F5E1E8;--fg-band:#F4E6EA;
  --amber:#B7791F; /* evidence bar: the listed misses (graphic only, never text) */
  --accent:var(--green);--accent-soft:var(--green-soft);--band:transparent;
  --serif:"Fraunces",Georgia,"Times New Roman",serif;
  --sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Consolas,monospace;
  --gutter:16px;--max:1320px;--ease:cubic-bezier(.2,.7,.2,1);
  color-scheme:light;
}
@media (min-width:720px){:root{--gutter:32px}}
@media (min-width:1200px){:root{--gutter:56px}}

/* Product scope: put is-pv / is-gc / is-pl / is-fg on any element, or data-product on body */
.is-pv,[data-product="plotvera"]{--accent:var(--pv);--accent-soft:var(--pv-soft);--band:var(--pv-band)}
.is-gc,[data-product="gatecraft"]{--accent:var(--gc);--accent-soft:var(--gc-soft);--band:var(--gc-band)}
.is-pl,[data-product="plasmidry"]{--accent:var(--pl);--accent-soft:var(--pl-soft);--band:var(--pl-band)}
.is-fg,[data-product="figurome"]{--accent:var(--fg);--accent-soft:var(--fg-soft);--band:var(--fg-band)}
.is-an{--accent:var(--green);--accent-soft:var(--green-soft);--band:var(--green-soft)}

/* ---------- base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:72px}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.6 var(--sans);overflow-x:hidden}
img,video,svg{display:block;max-width:100%}
img{height:auto}
a{color:var(--accent);text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:3px}
p{margin:0 0 1em}
h1,h2,h3,h4{margin:0;font-weight:inherit}
figure{margin:0}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:8px 12px;z-index:50}
.skip:focus{left:8px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.nobr{white-space:nowrap}

/* ---------- top line and masthead ---------- */
.topline{font:500 12px/1.35 var(--sans);color:var(--muted);border-bottom:1px solid var(--hair)}
.topline .wrap{display:flex;align-items:center;gap:12px;padding-top:7px;padding-bottom:7px}
.regbar{display:inline-flex;flex:none}
.regbar i{width:10px;height:10px;display:block}
.regbar i:nth-child(1){background:var(--green)}.regbar i:nth-child(2){background:var(--pv)}.regbar i:nth-child(3){background:var(--gc)}.regbar i:nth-child(4){background:var(--pl)}.regbar i:nth-child(5){background:var(--fg)}
.masthead{border-bottom:2px solid var(--rule);background:var(--paper)}
.masthead .wrap{display:flex;align-items:center;justify-content:space-between;gap:8px 24px;padding-top:12px;padding-bottom:12px;flex-wrap:wrap}
.brand{display:block;line-height:0;padding:4px 0}
.brand .lockup{height:30px;width:auto}
.nav{display:flex;gap:2px 14px;flex-wrap:wrap;font:500 14.5px/1 var(--sans)}
.nav a{color:var(--ink);text-decoration:none;padding:8px 0;border-bottom:1.5px solid transparent}
.nav a:hover,.nav a[aria-current="page"]{border-bottom-color:var(--ink)}
@media (max-width:719px){.nav{width:100%;gap:2px 14px;font-size:14px}.nav a{padding:6px 0}}
@media (max-width:429px){.nav{gap:2px 11px;font-size:13.5px}}
@media (min-width:1000px){.nav{gap:4px 24px;font-size:15px}}

/* Mark b, home page only: the sister chromatids separate once on load (flat, no glow or gradient) */
.lockup .mk-sis,.lockup .mk-fib{transform-box:view-box}
.lockup .mk-fib.mk-top{transform-origin:32px 9px}
.lockup .mk-fib.mk-bot{transform-origin:32px 55px}
[data-page="home"] .lockup .mk-sis.mk-top{animation:mk-up 1.5s var(--ease) .35s both}
[data-page="home"] .lockup .mk-sis.mk-bot{animation:mk-down 1.5s var(--ease) .35s both}
[data-page="home"] .lockup .mk-fib.mk-top,[data-page="home"] .lockup .mk-fib.mk-bot{animation:mk-fib 1.5s var(--ease) .35s both}
@keyframes mk-up{from{transform:translateY(8.5px)}to{transform:none}}
@keyframes mk-down{from{transform:translateY(-8.5px)}to{transform:none}}
@keyframes mk-fib{from{transform:scaleY(1.62)}to{transform:none}}

/* ---------- type ---------- */
.kicker{font:600 12px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 16px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.kicker .sq{width:10px;height:10px;background:var(--accent);display:inline-block}
.display{font-family:var(--serif);font-weight:420;letter-spacing:-.025em;line-height:1.02;font-size:clamp(2.6rem,8.6vw,4.7rem)}
.display em{font-style:italic;font-weight:400;color:var(--accent)}
.h2{font-family:var(--serif);font-weight:420;letter-spacing:-.02em;line-height:1.05;font-size:clamp(2rem,6vw,3.4rem)}
.h2 em{font-style:italic;color:var(--accent);font-weight:400}
.h3{font-family:var(--serif);font-weight:560;letter-spacing:-.01em;line-height:1.15;font-size:clamp(1.3rem,3.4vw,1.6rem)}
.standfirst{font:400 clamp(1.08rem,2.5vw,1.25rem)/1.55 var(--sans);color:var(--ink-2);max-width:44ch}
.measure{max-width:64ch}
.muted{color:var(--muted)}
.small{font-size:14.5px;line-height:1.55}
.mono{font-family:var(--mono)}
.note{font-size:14.5px;line-height:1.55;color:var(--muted);max-width:72ch}
.ver-line{font-family:var(--mono);font-size:13px;margin:0 0 24px;overflow-wrap:anywhere}

/* Coloured underline, drawn in. On load: .uline. In view: .uline[data-draw] (site.js adds .is-drawn). */
.uline{background-image:linear-gradient(var(--accent),var(--accent));background-repeat:no-repeat;background-position:0 96%;background-size:100% .085em;padding-bottom:.02em;-webkit-box-decoration-break:clone;box-decoration-break:clone;animation:uline .9s var(--ease) both}
.uline:nth-of-type(2){animation-delay:.15s}.uline:nth-of-type(3){animation-delay:.3s}.uline:nth-of-type(4){animation-delay:.45s}
.uline[data-draw]{animation:none;transition:background-size .9s var(--ease) .1s}
.js .uline[data-draw]{background-size:0 .085em}
.js .uline[data-draw].is-drawn{background-size:100% .085em}
@keyframes uline{from{background-size:0 .085em}to{background-size:100% .085em}}
.standfirst .uline{font-weight:600;color:var(--ink);background-size:100% 3px;background-position:0 100%;animation-name:uline-thin;animation-delay:.6s}
.standfirst .uline:nth-of-type(2){animation-delay:.75s}.standfirst .uline:nth-of-type(3){animation-delay:.9s}.standfirst .uline:nth-of-type(4){animation-delay:1.05s}
@keyframes uline-thin{from{background-size:0 3px}to{background-size:100% 3px}}

/* ---------- sections ---------- */
.sect{padding:72px 0 0}
@media (min-width:1000px){.sect{padding-top:112px}}
.sect-head{border-top:2px solid var(--rule);padding-top:14px;display:grid;gap:14px;margin-bottom:36px}
.sect-label{font:600 12px/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;display:flex;justify-content:space-between;gap:12px;margin:0}
.sect-label span+span{font-family:var(--mono);font-weight:500;letter-spacing:0;text-transform:none;color:var(--muted)}
.sect-head .lede{margin:0;max-width:60ch;color:var(--ink-2)}
@media (min-width:1000px){.sect-head{grid-template-columns:3fr 9fr;column-gap:48px;align-items:start}.sect-head .sect-label{flex-direction:column;justify-content:flex-start}.sect-head .lede{grid-column:2}}
.body-cols{display:grid;gap:28px}
.body-cols>*,.two-col>*,.article-grid>*,.hero-grid>*,.phero-grid>*,.step>*{min-width:0}
@media (min-width:1000px){.body-cols{grid-template-columns:3fr 9fr;column-gap:48px}.body-cols>*{grid-column:2}}

/* ---------- buttons, links, chips ---------- */
.ctas{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center;margin-top:28px}
.btn{display:inline-flex;align-items:center;gap:10px;background:var(--accent);color:#fff;font:600 16px/1 var(--sans);text-decoration:none;padding:15px 20px;border-radius:999px;border:0;cursor:pointer;transition:transform .18s ease,background-color .18s ease,color .18s ease}
.btn:hover{transform:translateY(-1px);text-decoration:none}
.btn .arr{transition:transform .18s ease}
.btn:hover .arr{transform:translateX(3px)}
.btn--ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
.btn--ghost:hover{background:var(--ink);color:#fff}
.btn--light{background:#fff;color:var(--accent)}
.btn--small{font-size:14.5px;padding:10px 15px}
.link-arrow{font-weight:600;text-decoration:none;color:var(--ink);border-bottom:1.5px solid currentColor;padding-bottom:2px}
.link-arrow:hover{color:var(--accent)}
.chip{display:inline-block;font:500 12.5px/1 var(--mono);padding:4px 7px;border:1px solid var(--hair);background:var(--surface);border-radius:4px;margin:0 4px 4px 0;color:var(--ink);white-space:nowrap}
/* Status chips. is-live: open now. is-invite: invite-only beta. is-built / is-soon: exists, not switched on.
   is-local: local only. is-no: not supported. Legacy classes .status.live/.built/.local map onto these. */
.status{display:inline-flex;align-items:center;gap:6px;font:600 12px/1 var(--sans);letter-spacing:.03em;padding:6px 10px;border-radius:999px;background:var(--surface);color:var(--ink);border:1px solid var(--hair);white-space:nowrap;vertical-align:middle}
.status::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--muted);flex:none}
.status.is-live,.status.live{background:var(--green-soft);border-color:#BFDCD2}
.status.is-live::before,.status.live::before{background:var(--green)}
.status.is-invite{background:var(--fg-soft);border-color:#E9C3D1}
.status.is-invite::before{background:var(--fg)}
.status.is-built::before,.status.built::before,.status.is-soon::before{background:var(--gc)}
.status.is-built,.status.built,.status.is-soon{background:var(--gc-soft);border-color:#E7D3AE}
.status.is-local::before,.status.local::before{background:var(--teal)}
.status.is-no::before{background:transparent;box-shadow:inset 0 0 0 1.5px var(--muted)}

/* ---------- plates, panels, legends ---------- */
.plate{background:var(--surface);border:1px solid var(--hair);padding:10px}
@media (min-width:1000px){.plate{padding:14px}}
.legend{font:400 14.5px/1.55 var(--sans);color:var(--ink-2);margin:14px 0 0;max-width:76ch}
.legend b,.legend .fig{font-weight:700;color:var(--ink)}
.pletter{display:block;font:700 15px/1 var(--sans);color:var(--ink);margin:0 0 6px}
.crop{position:relative}
.crop::before{content:"";position:absolute;inset:-12px;pointer-events:none;background:
 linear-gradient(var(--ink),var(--ink)) left 0 top 12px/7px 1px no-repeat,linear-gradient(var(--ink),var(--ink)) left 12px top 0/1px 7px no-repeat,
 linear-gradient(var(--ink),var(--ink)) right 0 top 12px/7px 1px no-repeat,linear-gradient(var(--ink),var(--ink)) right 12px top 0/1px 7px no-repeat,
 linear-gradient(var(--ink),var(--ink)) left 0 bottom 12px/7px 1px no-repeat,linear-gradient(var(--ink),var(--ink)) left 12px bottom 0/1px 7px no-repeat,
 linear-gradient(var(--ink),var(--ink)) right 0 bottom 12px/7px 1px no-repeat,linear-gradient(var(--ink),var(--ink)) right 12px bottom 0/1px 7px no-repeat}

/* Media frame: a still underneath (responsive WebP, lazy) and a lazy video on top. The video has no poster
   attribute and preload="none", so nothing but the still loads until it plays in view. */
.media{display:block;position:relative;overflow:hidden;background:#fff;aspect-ratio:16/10}
.media>img,.media>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.media.is-contain>img,.media.is-contain>video{object-fit:contain}
.browser{background:var(--surface);border:1px solid var(--hair)}
.browser-bar{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--hair);font:500 12.5px/1.2 var(--mono);color:var(--muted);background:#FBFAF7;min-height:38px}
.browser-bar .dots{display:inline-flex;gap:5px;flex:none}
.browser-bar .dots i{width:8px;height:8px;border-radius:50%;background:var(--hair)}
.browser-bar .addr{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink)}
.browser-bar .status{padding:4px 8px;font-size:12px}
/* Pause button on a playing frame (site.js adds it; WCAG 2.2.2) */
.media-pause{position:absolute;right:10px;bottom:10px;z-index:2;width:34px;height:34px;border-radius:50%;border:0;padding:0;cursor:pointer;background:rgba(20,20,19,.72);display:grid;place-items:center}
.media-pause::before{content:"";width:10px;height:12px;background:linear-gradient(90deg,#fff 0 35%,transparent 35% 65%,#fff 65%)}
.media-pause[aria-pressed="true"]::before{width:11px;margin-left:3px;background:#fff;clip-path:polygon(0 0,100% 50%,0 100%)}
.media-pause:hover{background:var(--ink)}
/* Gatecraft clip: sit above the app's orange Copilot button, which fills the bottom-right corner of the frame */
.media.gc-clip .media-pause{bottom:calc(7% + 6px)}
.media-pause:focus-visible{outline-color:var(--ink)}
.timebar{height:3px;background:var(--hair-soft)}
.timebar i{display:block;height:100%;width:0;background:var(--accent)}

/* ---------- home hero and Figure 1 ---------- */
.hero{padding:36px 0 0}
.hero-grid{display:grid;gap:40px}
.hero .standfirst{margin-top:22px}
.hero-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin:24px 0 0;padding:0;list-style:none;font:500 12.5px/1.4 var(--mono);color:var(--muted)}
.hero-meta li::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:7px;vertical-align:1px}
.hero-meta li.is-off::before{background:transparent;box-shadow:inset 0 0 0 1.5px var(--fg)}
@media (min-width:1000px){.hero{padding-top:64px}.hero-grid{grid-template-columns:5fr 7fr;gap:56px;align-items:start}}

.fig1{margin:0}
.fig1-stage{position:relative}
.fig1-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 10px}
.fig1-cell{display:block;color:var(--ink);text-decoration:none;animation:rise .7s var(--ease) both}
.fig1-cell:nth-child(2){animation-delay:.1s}.fig1-cell:nth-child(3){animation-delay:.2s}.fig1-cell:nth-child(4){animation-delay:.3s}
.fig1-cell .media{aspect-ratio:5/4;border:1px solid var(--hair-soft);transition:border-color .18s}
.fig1-cell .media>img,.fig1-cell .media>video{object-fit:contain}
.fig1-cell:hover .media,.fig1-cell:focus-visible .media{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.fig1-cell .pletter{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.fig1-cell .pletter span{font:600 12px/1 var(--sans);color:var(--accent)}
@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.fig1-player{display:none}
.fig1[data-mode="clip"] .fig1-grid{display:none}
.fig1[data-mode="clip"] .fig1-player{display:block}
.fig1-player .media{aspect-ratio:16/10}
.fig1-player .media>video{object-fit:contain;background:#fff}
.fig1-back{font:600 13px/1 var(--sans);background:none;border:0;color:var(--ink);cursor:pointer;padding:6px 0;text-decoration:underline;text-underline-offset:3px;flex:none}
/* tab switcher plus chapter bar: one tab per product, each with a fill that tracks its clip */
.fig1-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:12px}
.fig1-tabs[hidden]{display:none}
.fig1-tabs-label{font:600 12px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:16px 0 0;display:flex;justify-content:space-between;align-items:center;gap:12px}
.fig1-tabs-label[hidden]{display:none}
.fig1-pause{display:inline-flex;align-items:center;gap:7px;font:600 12px/1 var(--sans);letter-spacing:.04em;text-transform:none;color:var(--ink);background:none;border:0;padding:6px 0;cursor:pointer}
.fig1-pause .ic{width:10px;height:11px;flex:none;background:linear-gradient(90deg,var(--ink) 0 35%,transparent 35% 65%,var(--ink) 65%)}
.fig1-pause[aria-pressed="true"] .ic{background:var(--ink);clip-path:polygon(0 0,100% 50%,0 100%)}
.fig1-pause:hover .t{text-decoration:underline;text-underline-offset:3px}
.ftab{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:9px 10px 12px;border:1px solid var(--hair);background:var(--surface);font:inherit;color:var(--ink);text-align:left;cursor:pointer;overflow:hidden;transition:border-color .15s,background-color .15s}
.ftab b{font:600 14px/1.2 var(--sans);display:flex;align-items:center;gap:7px}
.ftab b::before{content:"\25B6";font-size:9px;color:var(--accent)}
.ftab span{font:500 11.5px/1.2 var(--mono);color:var(--muted)}
.ftab .fill{position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--accent)}
.ftab:hover{border-color:var(--accent)}
.ftab[aria-selected="true"]{background:var(--accent-soft);border-color:var(--accent)}
@media (max-width:520px){.fig1-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- product articles (home) ---------- */
.tools{margin-top:72px}
.article{padding:56px 0 64px;background:var(--band);scroll-margin-top:0}
.article-top{border-top:6px solid var(--accent);padding-top:14px;display:flex;justify-content:space-between;align-items:center;gap:8px 16px;flex-wrap:wrap;font:500 12.5px/1.4 var(--mono);color:var(--muted)}
.article-top .num{color:var(--accent);font-weight:600}
.article-top .right{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.article-grid{display:grid;gap:28px;margin-top:24px}
.article .pname{font-family:var(--serif);font-weight:420;letter-spacing:-.03em;line-height:.95;font-size:clamp(3rem,11vw,5.6rem)}
.article .pname small{display:block;font:500 13px/1.4 var(--sans);letter-spacing:.02em;color:var(--muted);margin-top:10px}
.article .line{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(1.3rem,3.4vw,1.7rem);line-height:1.25;color:var(--accent);margin:16px 0 16px;max-width:26ch}
.article p.body{max-width:54ch}
.facts{list-style:none;padding:0;margin:20px 0 0;border-top:1px solid var(--hair);font-size:15px}
.facts li{display:grid;grid-template-columns:6.5em 1fr;gap:12px;padding:9px 0;border-bottom:1px solid var(--hair)}
.facts li>span:last-child{min-width:0;overflow-wrap:anywhere}
.facts li>span:first-child{font:600 11.5px/1.9 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.callout{border-left:4px solid var(--accent);background:var(--surface);padding:12px 16px;margin:18px 0 0;font-size:15.5px;max-width:54ch}
.callout b{font-weight:600}
@media (min-width:1000px){
  .article{padding:88px 0 104px}
  .article-grid{grid-template-columns:5fr 7fr;gap:56px;align-items:start}
  .article.flip .article-grid{grid-template-columns:7fr 5fr}
  .article.flip .article-text{order:2}
}
.article figure,.figure{margin:0}

/* ---------- why Anaphase ---------- */
.methods{display:grid;gap:28px;margin:0;padding:0;list-style:none}
.methods>li{border-top:1px solid var(--hair);padding-top:16px}
.methods .no{font:italic 400 2.4rem/1 var(--serif);color:var(--green);display:block;margin-bottom:10px}
.methods h3{font-family:var(--serif);font-weight:560;font-size:clamp(1.3rem,3vw,1.55rem);letter-spacing:-.01em;line-height:1.15;margin-bottom:8px}
.methods p{margin:0 0 .6em}
.methods p:last-child{margin:0}
@media (min-width:760px){.methods{grid-template-columns:1fr 1fr;column-gap:48px}}
.per-product{list-style:none;margin:10px 0 0;padding:0;font-size:15.5px}
.per-product li{display:grid;grid-template-columns:6.2em 1fr;gap:10px;padding:7px 0;border-bottom:1px solid var(--hair-soft)}
.per-product li b{font-weight:600;color:var(--accent)}
.flowline{width:fit-content;max-width:100%;margin:32px 0 0;padding:14px 18px;background:var(--surface);border:1px solid var(--hair);font:500 13.5px/2 var(--mono);color:var(--ink-2);overflow-wrap:anywhere}
.flowline b{font-weight:600;color:var(--accent)}
.statement{margin-top:36px;padding:16px max(0px,calc(100% - 78ch)) 0 0;border-top:2px solid var(--rule);font-size:15.5px}
.statement b{font-weight:700}

/* ---------- evidence: the 715 bar ---------- */
.evbar{background:var(--surface);border:1px solid var(--hair);padding:20px;margin:0}
.evbar-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 18px}
.evbar-head .big{font-family:var(--serif);font-weight:420;letter-spacing:-.03em;line-height:.9;font-size:clamp(3.4rem,12vw,6rem);font-variant-numeric:lining-nums tabular-nums}
.evbar-head p{margin:0;max-width:44ch}
.evbar .track{display:flex;height:26px;margin:20px 0 10px;background:var(--hair-soft);overflow:hidden}
.evbar .track i{display:block;height:100%;transform-origin:left}
.js .evbar .track i{transform:scaleX(0)}
.js .evbar.is-drawn .track i{transform:none;animation:grow 1.2s var(--ease) both}
.evbar .track .ok{width:94.55%;background:var(--green)}
.evbar .track .miss{width:5.45%;background:var(--amber)}
.js .evbar.is-drawn .track .miss{animation-delay:.9s}
@keyframes grow{from{transform:scaleX(0)}to{transform:none}}
.evbar .key{display:flex;flex-wrap:wrap;gap:6px 20px;font-size:14.5px;margin:0;padding:0;list-style:none}
.evbar .key li::before{content:"";display:inline-block;width:11px;height:11px;margin-right:8px;vertical-align:-1px;background:var(--green)}
.evbar .key li.miss::before{background:var(--amber)}
.evbar .key b{font-family:var(--mono);font-weight:600}
.stats{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin-top:28px}
.stat{padding:20px 16px 20px 0}
.stat+.stat{border-left:1px solid var(--hair);padding-left:16px}
.stat .num{font-family:var(--serif);font-weight:420;letter-spacing:-.03em;line-height:.9;font-size:clamp(2.6rem,9vw,4.4rem);font-variant-numeric:lining-nums tabular-nums}
.stat .num small{font-size:.42em;letter-spacing:0;color:var(--muted)}
.stat p{font-size:14.5px;line-height:1.45;margin:10px 0 0;color:var(--ink-2)}
sup a{text-decoration:none;font-weight:600}

/* booktabs tables */
.tbl{overflow-x:auto;-webkit-overflow-scrolling:touch}
.tbl-hint{display:none;font-size:13.5px;color:var(--muted);margin:0 0 6px}
@media (max-width:759px){.tbl-hint{display:block}}
table.booktabs{border-collapse:collapse;width:100%;font-size:14.5px}
.booktabs caption{text-align:left;font-size:14.5px;line-height:1.5;padding-bottom:10px;caption-side:top}
.booktabs caption b{font-weight:700}
.booktabs thead th{border-top:2px solid var(--rule);border-bottom:1px solid var(--rule);font-weight:600;text-align:left;padding:9px 14px 9px 0;vertical-align:bottom}
.booktabs td{padding:10px 14px 10px 0;vertical-align:top;border-bottom:1px solid var(--hair-soft)}
.booktabs tbody tr:last-child>*{border-bottom:2px solid var(--rule)}
.booktabs .num{text-align:right;font-family:var(--mono);font-size:13.5px;white-space:nowrap;font-variant-numeric:tabular-nums}
.booktabs th[scope="row"]{text-align:left;font-weight:600;padding:10px 14px 10px 0;vertical-align:top;border-bottom:1px solid var(--hair-soft)}
.booktabs.is-wide{min-width:720px}
@media (max-width:759px){
  .tbl:has(>.booktabs.is-wide){overflow:visible}
  .booktabs.is-wide{min-width:0;display:block;border-top:2px solid var(--rule);border-bottom:2px solid var(--rule)}
  .booktabs.is-wide caption{display:block}
  .booktabs.is-wide thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .booktabs.is-wide tbody{display:block}
  .booktabs.is-wide tr{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;padding:12px 0 14px;border-top:1px solid var(--hair)}
  .booktabs.is-wide tr:first-child{border-top:0}
  .booktabs.is-wide tbody tr>*,.booktabs.is-wide tbody tr:last-child>*{display:block;border:0;padding:0}
  .booktabs.is-wide th[scope="row"]{font-size:15.5px;padding:0}
  .booktabs.is-wide td{flex:1 1 100%;font-size:14.5px}
  .booktabs.is-wide td.c-st{flex:none}
  .booktabs.is-wide td[data-label]::before{content:attr(data-label);display:block;font:600 11.5px/1.5 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
  .booktabs.is-wide td.num{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;text-align:right;white-space:normal}
  .booktabs.is-wide td.num::before{display:inline;text-align:left}
  .booktabs.is-wide td:empty{display:none}
}

/* ---------- pricing teaser ---------- */
.apc{display:grid;gap:20px 56px;align-items:start}
.apc-cap{font:600 12px/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;margin:0 0 4px}
.apc .big{font-family:var(--serif);font-weight:420;letter-spacing:-.04em;line-height:.85;font-size:clamp(6rem,28vw,14rem);color:var(--green);margin:0}
.apc .big sup{font-size:.28em;vertical-align:.95em;margin-right:.06em;color:var(--ink)}
.drafts{list-style:none;margin:18px 0 0;padding:0;border-top:1px solid var(--rule)}
.drafts li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--hair);font-size:15px}
.drafts li span:last-child{font-family:var(--mono);font-size:13.5px;white-space:nowrap}
@media (min-width:1000px){.apc{grid-template-columns:5fr 7fr}}

/* ---------- references ---------- */
.refs{margin-top:72px;border-top:1px solid var(--hair);padding-top:16px}
.refs h2{font:600 12px/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;margin:0 0 10px}
.refs ol{font-size:13.5px;line-height:1.5;color:var(--ink-2);padding-left:1.4em;margin:0;max-width:110ch}
.refs li{margin-bottom:4px}

/* ---------- product page ---------- */
.pbar{position:sticky;top:0;z-index:20;background:var(--paper);border-bottom:1px solid var(--hair)}
.pbar .wrap{display:flex;align-items:center;gap:12px 24px;min-height:56px}
.pbar .plogo{line-height:0;flex:none}
.pbar .plogo img{height:24px;width:auto}
.pbar nav{display:none;gap:20px;font:500 14px/1 var(--sans);margin-right:auto}
.pbar nav a{color:var(--ink);text-decoration:none;padding:6px 0;border-bottom:1.5px solid transparent}
.pbar nav a:hover,.pbar nav a.is-here{border-bottom-color:var(--accent)}
.pbar .btn{margin-left:auto;padding:10px 15px;font-size:14px}
@media (min-width:1000px){.pbar nav{display:flex;margin-left:12px}.pbar .btn{margin-left:0}}
@media (max-width:359px){.pbar .wrap{gap:8px}.pbar .plogo img{height:20px}.pbar .btn{padding:9px 12px;font-size:13px;gap:6px}}
.phero{padding:36px 0 0}
.phero-grid{display:grid;gap:36px}
.phero .plockup{height:64px;width:auto;margin-bottom:26px}
@media (max-width:719px){.phero{padding-top:28px}.phero .plockup{display:none}}
.phero .standfirst{margin-top:22px}
@media (min-width:1000px){.phero{padding-top:56px}.phero-grid{grid-template-columns:5fr 7fr;gap:56px;align-items:center}}
.keypts{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin:48px 0 0;padding:0;list-style:none}
.keypts li{padding:18px 12px 16px 0;border-bottom:1px solid var(--hair)}
.keypts li:nth-child(odd){border-right:1px solid var(--hair)}
.keypts li:nth-child(even){padding-left:16px}
.keypts b{display:block;font-family:var(--serif);font-weight:420;font-size:clamp(2.4rem,8vw,3.6rem);line-height:.95;letter-spacing:-.03em;color:var(--accent)}
.keypts span{font-size:14.5px;color:var(--ink-2)}
@media (min-width:1000px){.keypts{grid-template-columns:repeat(4,1fr)}.keypts li{border-bottom:0;border-right:1px solid var(--hair);padding:22px 20px}.keypts li:nth-child(even){padding-left:20px}.keypts li:first-child{padding-left:0}.keypts li:last-child{border-right:0}}

/* Feature tour: one step = text + figure. Panel letters sit outside the screenshot. */
.tour{display:grid;gap:0}
.step{display:grid;gap:18px;padding:36px 0;border-bottom:1px solid var(--hair)}
.step:first-child{padding-top:8px}
.step .rn{font:600 12.5px/1 var(--mono);color:var(--accent);display:block;margin-bottom:12px}
.step .h3{margin-bottom:12px}
.step p{max-width:52ch}
@media (min-width:1000px){.step{grid-template-columns:4fr 8fr;gap:56px;align-items:center;padding:52px 0}.step.flip .step-text{order:2}.step.flip{grid-template-columns:8fr 4fr}}

/* Zoom: the full screenshot with a lens outline marking where the crop comes from, and the crop lifted out
   beside it at readable size. On phones only the crop shows, the full screenshot is one tap away. */
.zoom{position:relative;margin:0}
.zoom-base{position:relative;background:#fff;border:1px solid var(--hair)}
.zoom-base img{width:100%}
.zoom-mark{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.zoom-mark rect{fill:none;stroke:var(--accent);stroke-width:2.5}
.zoom-lens{position:relative;background:#fff;border:2px solid var(--accent);margin-top:12px}
.zoom-lens img{width:100%}
.zoom-full{margin-top:10px;font-size:14.5px}
.zoom-full summary{cursor:pointer;font-weight:600;color:var(--ink);list-style:none;display:inline-flex;align-items:center;gap:8px}
.zoom-full summary::-webkit-details-marker{display:none}
.zoom-full summary::before{content:"+";font:400 20px/1 var(--sans);color:var(--accent)}
.zoom-full[open] summary::before{content:"\2212"}
.zoom-full img{margin-top:10px;border:1px solid var(--hair);background:#fff}
@media (max-width:719px){.zoom-base{display:none}.zoom-lens{margin-top:0}}
@media (min-width:720px){
  .zoom-full{display:none}
  .zoom.is-phone-crop .zoom-lens{display:none}
  .zoom.has-lens{padding-bottom:0}
  .zoom.has-lens .zoom-lens{position:relative;width:86%;margin:-14% 0 0 auto;z-index:1}
}
.zoom.has-lens .zoom-lens.is-narrow{width:80%;margin-left:0;margin-right:auto}
/* is-quote: the lens is the app's own words as live text, on every width */
.zoom.is-quote .quote{display:block;border:2px solid var(--accent);border-left-width:6px}
@media (min-width:720px){.zoom.is-quote .quote{position:relative;width:88%;margin:-9% 0 0 auto;z-index:1;font-size:16px}}
@media (max-width:719px){.zoom.is-quote .quote{margin-top:0}}
.sub-h{margin:56px 0 12px}
.phone-inset{position:relative}
.phone-inset .phone{position:absolute;right:0;bottom:-24px;width:20%;background:var(--ink);padding:5px;border-radius:22px;z-index:2}
.phone-inset .phone img{border-radius:17px}
@media (max-width:719px){.phone-inset .phone{width:30%;right:0;bottom:-16px;border-radius:16px;padding:4px}.phone-inset .phone img{border-radius:12px}.phone-inset{margin-bottom:20px}}
.quote{margin:0;padding:16px 18px;background:#fff;border-left:4px solid var(--accent);font-size:15.5px;line-height:1.55;color:var(--ink-2)}
.quote+.note{margin-top:16px}
/* Press: the family of lockups, each in an equal cell with clear space round it */
.family{display:grid;grid-template-columns:1fr 1fr;gap:36px 40px;padding:24px 20px;align-items:center;justify-items:start}
.family img{width:100%;max-width:190px;height:auto}
.family img:first-child{grid-column:1/-1;max-width:280px}
@media (min-width:1000px){.family{padding:36px 40px;gap:44px 56px}}
.quote small{display:block;font:500 11.5px/1.3 var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:8px}
.live-text .quote{display:none}
@media (max-width:719px){.live-text .zoom-lens{display:none}.live-text .quote{display:block}}

/* Files a product opens */
.files{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}
.file{position:relative;width:104px;min-height:128px;background:var(--surface);border:1.5px solid var(--ink);clip-path:polygon(0 0,72% 0,100% 22%,100% 100%,0 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:10px;transition:transform .18s}
.file b{font:600 17px/1 var(--mono);color:var(--accent)}
.file span{font-size:12px;line-height:1.3;color:var(--muted);margin-top:5px}
.file:hover{transform:translateY(-3px) rotate(-1.5deg)}
@media (max-width:519px){.files{gap:8px}.file{width:calc(25% - 6px);min-height:112px;padding:8px 6px 9px}.file b{font-size:14px}.file span{font-size:12px;overflow-wrap:anywhere}}
.two-col{display:grid;gap:28px}
@media (min-width:1000px){.two-col{grid-template-columns:5fr 7fr;gap:56px}}
.carry{border-top:1px solid var(--rule);margin:6px 0 0;padding:0;list-style:none}
.carry li{display:grid;grid-template-columns:1.6em 1fr;gap:8px;padding:10px 0;border-bottom:1px solid var(--hair);font-size:15.5px}
.carry .y{color:var(--green);font-weight:700}
.carry .n{color:var(--muted);font-weight:700}

/* Status key: the four status words every product uses */
.status-key{display:grid;gap:0;margin:0;padding:0;list-style:none;border-top:1px solid var(--rule)}
.status-key li{display:grid;grid-template-columns:9.5em 1fr;gap:12px;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--hair);font-size:15px}
.status-key .st{justify-self:start}
@media (min-width:760px){.status-key{grid-template-columns:1fr 1fr;column-gap:40px}}
.st{display:inline-block;font:600 12px/1.3 var(--sans);padding:3px 8px;border-radius:4px;white-space:nowrap}
.st-sup{background:var(--green);color:#fff}
.st-imp{background:var(--green-soft);color:var(--ink)}
.st-par{background:var(--gc-soft);color:var(--ink)}
.st-no{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1px var(--hair)}
.st-beta{background:var(--pv-soft);color:var(--ink)}

/* AI routes: numbered rows, not boxes */
.routes{list-style:none;margin:0;padding:0;display:grid;gap:0;border-top:1px solid var(--rule)}
.routes>li{display:grid;gap:6px 24px;padding:18px 0;border-bottom:1px solid var(--hair)}
.routes .tag{font:600 12px/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.routes h3{font-family:var(--serif);font-weight:560;font-size:1.4rem;letter-spacing:-.01em;line-height:1.15}
.routes p{margin:0;max-width:62ch}
.routes ol{margin:8px 0 0;padding-left:1.3em;max-width:62ch}
@media (min-width:1000px){.routes>li{grid-template-columns:12em 1fr}.routes>li>div:first-child{grid-row:span 2}}
.prompt{margin-top:10px;font:500 14px/1.5 var(--mono);background:var(--surface);border:1px solid var(--hair);padding:10px 12px;max-width:62ch}
.prompt small{display:block;font:600 11px/1.3 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}

.limits{counter-reset:lim;list-style:none;padding:0;margin:0;display:grid;border-top:1px solid var(--rule)}
.limits li{counter-increment:lim;display:grid;grid-template-columns:2.2em 1fr;gap:8px;padding:12px 0;border-bottom:1px solid var(--hair);font-size:15.5px}
.limits li::before{content:counter(lim);font:600 13px/1.7 var(--mono);color:var(--muted)}
@media (min-width:1000px){.limits{grid-template-columns:1fr 1fr;column-gap:48px}}

.faq details{border-bottom:1px solid var(--hair)}
.faq details:first-child{border-top:1px solid var(--rule)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;align-items:baseline;padding:18px 0;font-family:var(--serif);font-size:clamp(1.2rem,3.2vw,1.45rem);font-weight:560;letter-spacing:-.01em;line-height:1.25}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:400 26px/1 var(--sans);color:var(--accent);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq .a{padding:0 0 18px;max-width:68ch}
.faq .a p:last-child{margin:0}

.closer{margin-top:112px;background:var(--accent);color:#fff}
.closer .wrap{padding-top:56px;padding-bottom:60px;display:grid;gap:24px}
.closer .h2{color:#fff;font-size:clamp(2.4rem,8vw,4.8rem)}
.closer .h2 em{color:#fff}
.closer p{max-width:52ch;color:#fff}
.closer .meta{font:500 12.5px/1.5 var(--mono);margin:0 0 14px;max-width:none;text-wrap:balance}
.closer a:not(.btn){color:#fff}
.closer .btn--ghost{color:#fff;box-shadow:inset 0 0 0 1.5px #fff}
.closer .btn--ghost:hover{background:#fff;color:var(--accent)}
.closer :focus-visible{outline-color:#fff}
@media (min-width:1000px){.closer .wrap{grid-template-columns:7fr 5fr;align-items:end;gap:56px;padding-top:88px;padding-bottom:88px}}

/* ---------- footer ---------- */
.foot{margin-top:112px;border-top:2px solid var(--rule);background:var(--surface);font-size:15px}
main:has(>.closer:last-child)+.foot{margin-top:0}
.foot .wrap{padding-top:40px;padding-bottom:44px}
.foot-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px 24px}
.foot-brand{grid-column:1/-1}
.foot h2{font:600 12px/1.2 var(--sans);letter-spacing:.16em;text-transform:uppercase;margin:0 0 12px}
.foot ul{list-style:none;padding:0;margin:0;display:grid;gap:6px}
.foot a{color:var(--ink)}
.foot ul a{text-decoration:none}
.foot ul a:hover{text-decoration:underline}
.foot .corr{font-family:var(--serif);font-size:clamp(1.2rem,3.2vw,1.45rem);line-height:1.3;letter-spacing:-.01em;margin:0 0 8px;overflow-wrap:anywhere}
.foot .corr a{color:var(--green)}
.foot .small{color:var(--muted);margin:0}
.foot .brandrow{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.foot .brandrow .icon{width:44px;height:44px}
.foot .brandrow .lk{height:26px;width:auto}
.foot-products li::before{content:"";display:inline-block;width:8px;height:8px;margin-right:8px;background:var(--accent);vertical-align:1px}
.foot-products li:last-child::before{background:transparent}
.foot-bottom{margin-top:32px;padding-top:16px;border-top:1px solid var(--hair);display:grid;gap:6px;font-size:13px;line-height:1.55;color:var(--muted)}
.foot-bottom p{margin:0;max-width:110ch}
.foot-bottom a{color:var(--muted)}
@media (min-width:1000px){.foot-grid{grid-template-columns:4fr 2fr 2fr 2fr 2fr;gap:40px}.foot-brand{grid-column:auto}}

/* ---------- legacy pages (about, pricing, connect, contact, press, legal) ---------- */
.legacy{padding-top:32px;padding-bottom:24px}
.legacy h1{font-family:var(--serif);font-weight:420;letter-spacing:-.02em;line-height:1.05;font-size:clamp(2.2rem,6vw,3.4rem);margin:.2em 0 .5em}
.legacy h2{font-family:var(--serif);font-weight:560;letter-spacing:-.01em;line-height:1.15;font-size:clamp(1.4rem,3.4vw,1.8rem);margin:1.8em 0 .5em}
.legacy h3{font-weight:600;font-size:1.1rem;margin:1.4em 0 .4em}
.legacy p,.legacy li{max-width:70ch}
.legacy .eyebrow{font:600 12px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0}
.legacy .lede{font-size:1.15rem;color:var(--ink-2);max-width:62ch}
.legacy code{font:500 .9em/1.4 var(--mono);background:var(--green-soft);padding:.1em .35em;border-radius:3px;word-break:break-word}
.legacy pre{background:#fff;border:1px solid var(--hair);padding:12px 14px;overflow-x:auto}
.legacy pre code{background:none;padding:0}
.legacy .panel{background:var(--surface);border:1px solid var(--hair);padding:16px 20px;margin:20px 0}
.legacy .panel>:first-child{margin-top:0}.legacy .panel>:last-child{margin-bottom:0}
.legacy .notice{border-left:4px solid var(--green)}
.legacy .btn{padding:12px 18px;font-size:15px}
.legacy .btn.secondary{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1px var(--hair)}
.legacy .table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:16px 0;border:1px solid var(--hair);background:var(--surface)}
.legacy table{border-collapse:collapse;width:100%;font-size:15px}
.legacy .table-scroll table{min-width:600px}
.legacy th,.legacy td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--hair-soft)}
.legacy thead th{background:#FBFAF7;font-weight:600;border-bottom:1px solid var(--rule)}
.legacy tr:last-child td{border-bottom:0}
.legacy td.num,.legacy th.num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.legacy .small{font-size:14px}
.legacy .cards{display:grid;gap:16px;margin:24px 0}
@media (min-width:640px){.legacy .cards{grid-template-columns:repeat(2,1fr)}}
.legacy .card{background:var(--surface);border:1px solid var(--hair);padding:20px;display:flex;flex-direction:column;gap:6px;border-top:4px solid var(--green)}
.legacy .card h3{margin:0 0 4px;line-height:0}.legacy .card h3 img{height:28px;width:auto}.legacy .card p{margin:0}
.legacy .product-title{margin:.3em 0 .4em;line-height:0}
.legacy .product-title img{height:56px;width:auto}
.legacy .logo-row{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin:16px 0;padding:24px;background:var(--surface);border:1px solid var(--hair)}
.legacy .logo-row img{height:64px;width:auto}
.legacy .badge{display:inline-block;font:600 12px/1 var(--sans);padding:5px 8px;border-radius:999px;background:var(--green-soft);border:1px solid var(--hair)}
.legacy .cols{display:grid;gap:16px}
@media (min-width:720px){.legacy .cols{grid-template-columns:1fr 1fr}}

/* ---------- reduced motion: everything is still, underlines and bars are drawn in full ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .uline,.js .uline[data-draw]{background-size:100% .085em}
  .standfirst .uline{background-size:100% 3px}
  .js .evbar .track i{transform:none}
}