/* Pricing (.pr-*) and News (.nw-*). Loads on every page after site.css, so every rule is scoped to these classes.
   Pictures in cards sit muted and grey, and come alive (colour, light, a slight zoom) on hover or focus; on touch
   screens pages.js marks the ones in view with .awake instead. */

/* the alive picture */
.pc{position:relative;overflow:hidden;background:#0c0c0c}
.pc img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.42) contrast(1.08);transform:scale(1.001);
  transition:filter .9s var(--ease),transform 1.6s var(--ease)}
.alive:hover .pc img,.alive:focus-visible .pc img,.alive:focus-within .pc img,.alive.awake .pc img{filter:grayscale(0) brightness(1) contrast(1);transform:scale(1.05)}
/* a picture opens from the bottom up as it reveals */
.pp{clip-path:inset(100% 0 0 0);transition:clip-path 1.3s var(--ease) .1s}
.rv.in .pp,.rv.in.pp,.in>.pp{clip-path:inset(0)}
.pr-sec h2,.pr-hero .lead,.nw-head .lead,.nw-hero h1,.nw-txt h2,.nw-txt h3,.nw-prose h2{text-wrap:balance}
.nw-prose p,.nw-txt p,.pr-who{text-wrap:pretty}

/* pricing hero: the word once, an index of the four ways in */
.pr-hero .row{align-items:flex-end}
.pr-jump{display:flex;flex-wrap:wrap;gap:0;border-top:1px solid var(--line2)}
.pr-jump a{display:flex;align-items:baseline;gap:10px;padding:14px 22px 0 0;margin-right:22px;font-size:16px;color:#cfcfcf;transition:color .3s}
.pr-jump a i{font:500 11px var(--m);font-style:normal;color:var(--t)}
.pr-jump a:hover{color:var(--tx)}

/* product sections */
.pr-sec{padding:clamp(96px,11vw,170px) var(--gut);scroll-margin-top:40px}
.pr-prod{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:clamp(32px,6vw,110px);align-items:center}
.pr-prod.flip{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
.pr-txt h2{margin-top:16px;max-width:17ch}
.pr-who{color:var(--dim);font-size:17px;margin:20px 0 0;max-width:40ch}
.pr-price{font-weight:300;font-size:clamp(72px,8.4vw,140px);letter-spacing:-.05em;line-height:.9;margin:36px 0 0;display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 18px}
.pr-price small{font-size:17px;letter-spacing:0;color:var(--dim)}
.pr-buy{display:flex;align-items:center;flex-wrap:wrap;gap:14px 20px;margin-top:32px}
.pr-pic{position:relative}
.pr-pic .pc{aspect-ratio:4/5;border:1px solid var(--line)}
.pr-prod.flip .pr-pic .pc{aspect-ratio:5/4}

/* founding: what members get, as big numbered lines */
.pr-gets{margin-top:clamp(72px,9vw,130px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);column-gap:clamp(32px,6vw,110px);row-gap:28px}
.pr-gets>.k{grid-column:1/-1}
.pr-big{grid-column:1/-1;list-style:none;margin:0;padding:0;border-top:1px solid var(--line2);counter-reset:big}
.pr-big li{position:relative;counter-increment:big;padding:clamp(20px,2.4vw,34px) 0 clamp(20px,2.4vw,34px) clamp(56px,8vw,140px);border-bottom:1px solid var(--line)}
.pr-big li:before{content:"0" counter(big);position:absolute;left:0;top:clamp(30px,3.6vw,52px);font:500 13px var(--m);color:var(--t)}
.pr-big b{display:block;font-weight:300;font-size:clamp(28px,3.6vw,58px);letter-spacing:-.03em;line-height:1.05}
.pr-extra{grid-column:2;display:grid;gap:14px}
.pr-extra ul{margin:0;padding:0;list-style:none;color:#bdbdbd;font-size:18px}
.pr-extra li{padding:8px 0 8px 22px;position:relative}
.pr-extra li:before{content:"";position:absolute;left:0;top:19px;width:10px;height:1.5px;background:var(--t)}

/* report: what is inside */
.pr-inside{margin-top:clamp(64px,8vw,110px)}
.pr-inside ul{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line2)}
.pr-inside li{display:flex;gap:14px;align-items:flex-start;padding:24px 24px 24px 0;border-bottom:1px solid var(--line);font-size:clamp(18px,1.5vw,22px);line-height:1.3}
.pr-inside li svg,.pr-ticks li svg{flex:none;width:20px;height:20px;margin-top:2px;color:var(--t);stroke-width:2.2}

/* civic access: a mint frame and a lit band, apart from the paid cards below */
.pr-free{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);min-height:min(760px,92svh);border:1px solid rgba(33,221,167,.55);
  background:radial-gradient(120% 90% at 100% 100%,rgba(33,221,167,.09),transparent 60%),var(--p1);overflow:hidden}
.pr-free .pc{height:100%}
.pr-free .pc:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,var(--p1))}
.pr-free-txt{padding:clamp(32px,5vw,80px);display:flex;flex-direction:column;justify-content:center}
.pr-free-txt h2{margin-top:16px;font-size:clamp(32px,3.8vw,60px)}
.pr-free .pr-price{color:var(--t)}
.pr-ticks{list-style:none;margin:28px 0 0;padding:0;font-size:18px;color:#d4d4d4}
.pr-ticks li{display:flex;gap:12px;padding:6px 0}

/* plans: three cards of different weight, aligned to a skyline */
.pr-plans-h h2{margin-top:16px;max-width:20ch}
.pr-plans{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr);gap:clamp(14px,1.6vw,24px);align-items:end;margin-top:clamp(48px,6vw,80px)}
.pr-plan{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:560px;padding:clamp(24px,2.4vw,36px);background:var(--p1);border:1px solid var(--line2);overflow:hidden;
  transition:border-color .6s var(--ease),transform .6s var(--ease)}
.pr-plan.pro{min-height:680px}
.pr-plan .pc{position:absolute;inset:0 0 auto 0;height:62%;-webkit-mask-image:linear-gradient(#000 45%,transparent);mask-image:linear-gradient(#000 45%,transparent)}
.pr-plan-txt{position:relative;z-index:1}
.pr-plan:hover,.pr-plan:focus-visible,.pr-plan.awake{border-color:#4a4a4a;transform:translateY(-4px)}
.pr-plan:focus-visible{outline:2px solid var(--t);outline-offset:3px}
.pr-amt{display:block;font-weight:300;font-size:clamp(56px,5.4vw,92px);letter-spacing:-.045em;line-height:1;margin:16px 0 6px}
.pr-plan.pro .pr-amt{font-size:clamp(68px,6.6vw,116px)}
.pr-amt small{font-size:.24em;color:var(--dim);letter-spacing:0;margin-left:4px}
.pr-tbd{font-size:13px}
.pr-plan ul{margin:22px 0 0;padding:16px 0 0;list-style:none;border-top:1px solid var(--line);color:#bdbdbd;font-size:15.5px}
.pr-plan li{padding:5px 0}
.pr-go{position:absolute;z-index:1;right:clamp(20px,2vw,30px);top:clamp(20px,2vw,30px);width:44px;height:44px;display:grid;place-items:center;border:1px solid #555;color:var(--tx);
  transition:background .4s var(--ease),color .4s,border-color .4s}
.pr-go svg{width:20px;height:20px}
.pr-plan:hover .pr-go,.pr-plan:focus-visible .pr-go,.pr-plan.awake .pr-go{background:var(--t);border-color:var(--t);color:var(--on)}
.pr-plans-f{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:12px 40px;margin-top:32px;color:#cfcfcf}
.pr-plans-f p{margin:0}
.pr-plans-f .more{margin:0}

/* news index */
.nw-head{padding:clamp(130px,16vw,220px) var(--gut) clamp(40px,5vw,72px)}
.nw-head .lead{max-width:30ch}
.nw-list{padding:0 var(--gut) clamp(96px,10vw,150px)}
.nw-first{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:end;padding-top:clamp(28px,3vw,40px);border-top:1px solid var(--line2)}
.nw-first .pc{aspect-ratio:16/10;border:1px solid var(--line)}
.nw-first h2{margin-top:16px}
.nw-first .lead{max-width:34ch}
.nw-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;font:500 13px var(--m);color:var(--dim);letter-spacing:.02em}
.nw-tag{font:700 11px var(--f);letter-spacing:.12em;text-transform:uppercase;color:var(--t);padding:4px 8px;border:1px solid rgba(33,221,167,.35)}
.nw-rows{list-style:none;margin:clamp(56px,6vw,96px) 0 0;padding:0;border-top:1px solid var(--line2)}
.nw-row{display:grid;grid-template-columns:clamp(160px,22vw,360px) minmax(0,1fr);gap:clamp(20px,3vw,48px);align-items:center;padding:clamp(20px,2.4vw,32px) 0;border-bottom:1px solid var(--line)}
.nw-row .pc{aspect-ratio:16/10;border:1px solid var(--line)}
.nw-row h3{margin-top:12px;font-size:clamp(24px,2.6vw,42px);transition:color .4s}
.nw-row p{margin:10px 0 0;color:var(--dim);max-width:62ch}
.nw-row:hover h3,.nw-row:focus-visible h3{color:var(--t)}
.nw-first:focus-visible,.nw-row:focus-visible{outline:2px solid var(--t);outline-offset:6px}

/* news item */
.nw-hero{min-height:92svh}
.nw-hero h1{position:relative;z-index:2;margin-top:18px;max-width:20ch}
.nw-hero .nw-meta{position:relative;z-index:2}
.nw-body{padding:clamp(72px,8vw,120px) var(--gut)}
.nw-prose{max-width:720px;margin-left:clamp(0px,calc((100% - 720px) * .38),400px);font-size:clamp(18px,1.35vw,20px);line-height:1.6;color:#d6d6d6}
.nw-prose p{margin:0 0 1.1em}
.nw-prose h2{font-size:clamp(28px,3vw,44px);margin:1.6em 0 .6em;color:var(--tx)}
.nw-prose h3{margin:1.4em 0 .5em}
.nw-prose ul,.nw-prose ol{margin:0 0 1.2em;padding:0;list-style:none;border-top:1px solid var(--line)}
.nw-prose li{padding:14px 0 14px 28px;border-bottom:1px solid var(--line);position:relative}
.nw-prose ul li:before{content:"";position:absolute;left:0;top:27px;width:12px;height:1.5px;background:var(--t)}
.nw-prose ol{counter-reset:n}
.nw-prose ol li{counter-increment:n;font-size:.9em}
.nw-prose ol li:before{content:"[" counter(n) "]";position:absolute;left:0;top:15px;font:500 12px var(--m);color:var(--t)}
.nw-prose strong{font-weight:600;color:var(--tx)}
.nw-prose a{color:var(--tx);box-shadow:inset 0 -1px var(--t);transition:color .3s}
.nw-prose a:hover{color:var(--t)}
.nw-more{padding:clamp(72px,8vw,120px) var(--gut)}
.nw-more-h{display:flex;justify-content:space-between;align-items:baseline;gap:20px}
.nw-more-h .more{margin:0}
.nw-more .nw-rows{margin-top:28px}

@media (max-width:900px){
  .pr-jump a{padding-top:12px;margin-right:16px;font-size:15px}
  .pr-prod,.pr-prod.flip,.pr-gets{grid-template-columns:1fr}
  .pr-prod .pr-pic{order:-1}
  .pr-pic .pc,.pr-prod.flip .pr-pic .pc{aspect-ratio:4/3}
  .pr-extra{grid-column:1}
  .pr-inside ul{grid-template-columns:1fr}
  .pr-inside li{padding:18px 0}
  .pr-free{grid-template-columns:1fr;min-height:0}
  .pr-free .pc{height:auto;aspect-ratio:4/3}
  .pr-free .pc:after{background:linear-gradient(transparent 55%,var(--p1))}
  .pr-plans{grid-template-columns:1fr;align-items:stretch}
  .pr-plan,.pr-plan.pro{min-height:500px}
  .nw-first{grid-template-columns:1fr}
  .nw-row{grid-template-columns:1fr;gap:16px}
  .nw-prose{margin-left:0}
  .nw-more-h{flex-direction:column}
}
@media (prefers-reduced-motion:reduce){
  .pc img{transition:filter .3s linear;transform:none!important}
  .pp{clip-path:none;transition:none}
  .pr-plan{transition:none;transform:none!important}
}

/* Company report (.rp-*), Agents & MCP (.dv-*), Company (.co-*) and the proof page's «what each part proves» (.pf-*).
   Scoped like the rest of this file; .pr-jump, .pr-prod and .pr-ticks above are reused as they are. */
.rp-sec,.dv-sec,.co-sec{scroll-margin-top:64px}
.rp-hero .row{align-items:flex-end}
.rp-key{display:flex;align-items:flex-end;flex-wrap:wrap;gap:20px clamp(24px,3vw,48px)}
.rp-key>div{display:grid;gap:6px}
.rp-key b{font-weight:300;font-size:clamp(30px,3vw,46px);letter-spacing:-.03em;line-height:1}
.rp-key small{font-size:14px;color:var(--dim)}
.rp-jump{position:relative;z-index:2;margin-top:32px}

/* scope: two lists and the one limit that matters most */
.rp-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,110px);margin-top:clamp(40px,5vw,72px)}
.rp-cols h3{padding-bottom:16px;border-bottom:1px solid var(--line2)}
.rp-list{list-style:none;margin:0;padding:0}
.rp-list li{display:flex;gap:14px;align-items:flex-start;padding:16px 0;border-bottom:1px solid var(--line);font-size:clamp(17px,1.4vw,20px);line-height:1.35}
.rp-list li svg{flex:none;width:20px;height:20px;margin-top:2px;color:var(--t);stroke-width:2.2}
.rp-list.no li svg{color:var(--dim)}
.rp-note{margin-top:36px;padding:24px 26px;border:1px solid rgba(232,193,90,.45);background:rgba(232,193,90,.05)}
.rp-note b{display:block;font-weight:400;font-size:clamp(20px,1.8vw,26px);line-height:1.2;letter-spacing:-.015em;color:var(--tx)}
.rp-note p{margin:12px 0 0;color:#bdbdbd;font-size:16px;max-width:52ch}

/* how it works: four numbered steps on one rule */
.rp-steps{list-style:none;margin:clamp(40px,5vw,64px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line2);counter-reset:st}
.rp-steps li{counter-increment:st;padding:28px 28px 0 0}
.rp-steps li+li{padding-left:28px;border-left:1px solid var(--line)}
.rp-steps li:before{content:"0" counter(st);display:block;font:500 12px var(--m);color:var(--t);margin-bottom:16px}
.rp-steps b{display:block;font-weight:400;font-size:clamp(20px,1.7vw,26px);line-height:1.15;letter-spacing:-.015em}
.rp-steps span{display:block;color:var(--dim);font-size:16px;margin-top:10px;max-width:30ch}

/* the sample report: a document in the app frame, two columns of parts */
.rp-doc{margin-top:clamp(36px,4vw,56px);font-size:14.5px}
.rp-doc-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.rp-doc-col+.rp-doc-col{border-left:1px solid var(--line)}
.rp-part{padding:22px 24px;border-bottom:1px solid var(--line)}
.rp-doc-col .rp-part:last-child{border-bottom:0}
.rp-part>.k{margin-bottom:12px;font-size:11px}
.rp-part .find{padding:12px 0;border-top:1px solid var(--line)}
.rp-part .find:first-of-type{border-top:0;padding-top:0}
.rp-doc .find .ic svg{width:11px;height:11px}
.rp-doc .find.a{color:var(--amb)}
.rp-doc .chip.a{color:var(--amb);background:rgba(232,193,90,.1)}
.rp-dl{margin:0;display:grid;gap:8px}
.rp-dl>div{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px}
.rp-dl dt{font:11px/1.9 var(--m);color:var(--fnt);text-transform:uppercase;letter-spacing:.05em}
.rp-dl dd{margin:0;color:#d9d9d9}
.rp-lim{list-style:none;margin:0;padding:0;color:#b8b8b8}
.rp-lim li{position:relative;padding:6px 0 6px 20px}
.rp-lim li:before{content:"";position:absolute;left:0;top:16px;width:10px;height:1.5px;background:var(--dim)}
.rp-doc-f{display:flex;justify-content:flex-end;padding:0 24px 18px;border-top:1px solid var(--line)}
.rp-doc-f .more{margin-top:16px}
#sample .srcs{margin-top:36px}
.rp-p,.dv-p,.pf-p{color:var(--dim);font-size:16px;max-width:44ch;margin:20px 0 0}
.rp-clean .row{grid-template-columns:84px 1fr auto}
.rp-end h2{max-width:20ch}

/* verify: three statements, each with what it proves */
.rp-proves{list-style:none;margin:28px 0 0;padding:0;border-top:1px solid var(--line2)}
.rp-proves li{padding:16px 0;border-bottom:1px solid var(--line);color:#bdbdbd;font-size:16px;max-width:52ch}
.rp-proves b{display:block;color:var(--tx);font-weight:500;font-size:17px;margin-bottom:4px}

/* developers */
.dv-h1{font-size:clamp(46px,7.2vw,124px);max-width:15ch}
.dv-steps{list-style:none;margin:32px 0 0;padding:0;counter-reset:st;border-top:1px solid var(--line2)}
.dv-steps li{counter-increment:st;position:relative;padding:16px 0 16px 44px;border-bottom:1px solid var(--line)}
.dv-steps li:before{content:"0" counter(st);position:absolute;left:0;top:20px;font:500 12px var(--m);color:var(--t)}
.dv-steps b{display:block;font-weight:500;font-size:17px}
.dv-steps span{display:block;color:var(--dim);font-size:15.5px;margin-top:4px}
.dv-code{display:grid;gap:18px;min-width:0}
.dv-code pre.term{margin:0;overflow-x:auto;white-space:pre}
.dv-can{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);margin-top:clamp(40px,5vw,64px)}
.dv-can>div{padding:28px 28px 0 0}
.dv-can>div+div{padding-left:28px;border-left:1px solid var(--line)}
.dv-can h3{display:flex;align-items:center;gap:12px}
.dv-can h3 svg{flex:none;width:24px;height:24px;color:var(--t);stroke-width:1.8}
.dv-can>div:last-child h3 svg{color:var(--red)}
.dv-can ul{list-style:none;margin:18px 0 0;padding:0;color:#bdbdbd;font-size:16px}
.dv-can li{padding:10px 0;border-bottom:1px solid var(--line)}
.dv-led .row{grid-template-columns:52px 1fr auto}
.dv-led .wait{color:var(--amb)}
.dv-glyphs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.4vw,20px);margin-top:clamp(48px,6vw,80px)}
.dv-glyphs>div{padding:20px;border:1px solid var(--line2);background:var(--p1)}
.dv-glyphs b{display:flex;align-items:center;gap:10px;font-weight:500;font-size:17px}
.dv-glyphs b i{width:9px;height:9px;border-radius:50%;flex:none}
.dv-glyphs i.r{background:var(--red)}.dv-glyphs i.g{background:var(--dim)}.dv-glyphs i.a{background:var(--amb)}.dv-glyphs i.t{background:var(--t)}
.dv-glyphs span{display:block;color:var(--dim);font-size:15px;margin-top:8px}

/* company */
.co-people{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line);margin-top:clamp(40px,5vw,64px)}
.co-people>div{padding:32px 32px 0 0}
.co-people>div+div{padding-left:32px;border-left:1px solid var(--line)}
.co-people b{display:block;font-weight:300;font-size:clamp(34px,3.6vw,58px);letter-spacing:-.035em;line-height:1.02;margin-top:14px}
.co-people p{color:var(--dim);font-size:17px;max-width:36ch;margin:14px 0 0}
.co-road{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(32px,6vw,110px);margin:clamp(40px,5vw,64px) 0 8px}
.co-road h3{padding-bottom:16px;border-bottom:1px solid var(--line2)}
.co-road>div:first-child h3{color:var(--t)}
.co-road ul{list-style:none;margin:0;padding:0}
.co-road li{padding:16px 0 16px 22px;border-bottom:1px solid var(--line);position:relative;color:#cfcfcf;font-size:17px}
.co-road li:before{content:"";position:absolute;left:0;top:28px;width:10px;height:1.5px;background:var(--t)}
.co-road>div+div li:before{background:var(--dim)}
#investors .small{margin:16px 0 0}
.co-mail{display:inline-block;margin-top:28px;font-weight:300;font-size:clamp(26px,2.8vw,44px);letter-spacing:-.02em;color:var(--tx);box-shadow:inset 0 -2px var(--t);transition:color .3s}
.co-mail:hover{color:var(--t)}
#contact .more{display:flex;width:max-content}

/* proof: what each part proves */
.pf-proves{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);margin-top:48px}
.pf-proves>div{padding:24px 28px 0 0}
.pf-proves>div+div{padding-left:28px;border-left:1px solid var(--line)}
.pf-proves b{display:block;font-weight:500;font-size:18px}
.pf-proves span{display:block;color:var(--dim);font-size:16px;margin-top:8px;max-width:36ch}

@media (max-width:900px){
  .rp-key{width:100%}
  .rp-cols,.co-road,.co-people,.dv-can,.pf-proves{grid-template-columns:1fr}
  .co-people>div+div,.dv-can>div+div,.pf-proves>div+div{padding-left:0;border-left:0;border-top:1px solid var(--line)}
  .co-people>div,.dv-can>div,.pf-proves>div{padding:24px 0}
  .rp-steps{grid-template-columns:1fr}
  .rp-steps li,.rp-steps li+li{padding:22px 0;border-left:0;border-bottom:1px solid var(--line)}
  .rp-doc-body{grid-template-columns:1fr}
  .rp-doc-col+.rp-doc-col{border-left:0;border-top:1px solid var(--line)}
  .rp-part{padding:18px 16px}
  .rp-hide-m{display:none}
  .rp-dl>div{grid-template-columns:1fr;gap:2px}
  .dv-glyphs{grid-template-columns:1fr 1fr}
  .dv-code pre.term{font-size:11.5px}
}
/* layout fixes after the first look */
.rp-even{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.dv-sec .duo{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}
.dv-sec .duo.r{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
.co-hero .row{margin-top:clamp(32px,4.4vw,64px)}
.co-road{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.8fr);gap:clamp(28px,4vw,64px)}
.co-road li:before{height:2px}
.co-pic .pc{aspect-ratio:4/5;border:1px solid var(--line)}
@media (max-width:900px){
  .rp-even,.dv-sec .duo,.dv-sec .duo.r{grid-template-columns:1fr}
  .co-road{grid-template-columns:1fr}
  .co-pic .pc{aspect-ratio:4/3}
}
@media (max-width:900px){
  /* the verify band carries a list: on phones the picture sits above the words instead of under them */
  .rp-sec#verify{display:block;min-height:0;padding-top:0}
  .rp-sec#verify:before{display:none}
  .rp-sec#verify .pic{position:relative;inset:auto;height:64vw;margin:0 calc(-1 * var(--gut)) 28px}
  .rp-sec#verify .pic:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,var(--bg))}
  .rp-doc .bar{height:auto;min-height:42px;flex-wrap:wrap;row-gap:8px;padding:10px 14px}
  .rp-doc .bar .pill{margin-left:0}
  .dv-code pre.term{white-space:pre-wrap;overflow-wrap:anywhere}
}