/* Secondary pages. Same spacing scale as the homepage: section · block · group · tight. One column, generous air. */
.ph{padding-top:clamp(140px,18vh,200px);padding-bottom:var(--s-block);max-width:1000px}
.ph .label{display:block;color:var(--blue);margin-bottom:var(--s-group)}
.ph h1{font-size:clamp(46px,6.4vw,100px);line-height:.98;letter-spacing:-.045em;margin-bottom:var(--s-group)}
.ph .lead{max-width:30em}
.pb{padding-bottom:var(--s-block);max-width:1000px}
.blk{padding:var(--s-block) 0;border-top:1px solid var(--line)}
.blk h2{font-size:clamp(26px,2.6vw,38px);line-height:1.1;letter-spacing:-.03em;margin-bottom:var(--s-group)}
.blk h3{font:600 18px var(--display);margin-bottom:8px}
.blk p,.plain li,.nums li{color:var(--mut);font-size:17px;line-height:1.6}
.blk p b,.plain b,.nums b{color:var(--ink)}
.pb a{color:var(--cyan);text-decoration:none}.pb a:hover{text-decoration:underline}
.big{font:400 clamp(22px,2vw,28px)/1.4 var(--serif)!important;font-style:italic!important;color:var(--ink)!important;max-width:28em}
.cards{display:grid;gap:12px}.cards.c2{grid-template-columns:repeat(2,minmax(0,1fr))}
.card{padding:24px;border-radius:18px;background:rgba(31,38,55,.4);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}
.card b{display:block;font:600 19px var(--display);letter-spacing:-.01em;margin-bottom:8px}
.card p{font-size:15.5px}
.cols3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-group)}
.status{display:flex;flex-direction:column;gap:8px}
.status .srow{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 20px;border-radius:14px;background:rgba(31,38,55,.4);font-size:16px;color:var(--mut)}
.status .srow b{flex:none;font:600 12.5px var(--display);padding:6px 12px;border-radius:999px}
.status .ok b{color:var(--green);background:rgba(127,212,160,.12)}.status .wip b{color:var(--cyan);background:rgba(183,242,255,.1)}
.plain,.nums{display:flex;flex-direction:column;gap:12px;padding-left:1.2em}
.plain{list-style:disc}.plain li::marker{color:var(--blue)}.nums li::marker{color:var(--blue);font-weight:600}
/* how it works */
.steps3{list-style:none;display:flex;flex-direction:column}
.steps3 li{display:grid;grid-template-columns:72px 1fr;gap:var(--s-group);padding:var(--s-block) 0;border-top:1px solid var(--line)}
.steps3 li:first-child{border-top:0;padding-top:0}
.steps3 .sn{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font:600 22px var(--display);color:var(--void);background:var(--sig)}
.steps3 h3{font-size:clamp(24px,2.4vw,34px);letter-spacing:-.03em;margin-bottom:8px}
.steps3 p{color:var(--mut);font-size:17px;max-width:32em}
.logos{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:var(--s-group)}
.logos img{width:40px;height:40px;border-radius:11px;background:rgba(255,255,255,.04)}
.logos a{font:500 14px var(--display);margin-left:6px}
/* build vs buy */
.vs2{border-radius:20px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);margin-bottom:var(--s-block)}
.vs2-h,.vs2-r{display:grid;grid-template-columns:1fr 1.4fr 1.4fr;gap:var(--s-group);padding:18px 24px;align-items:center}
.vs2-h{background:rgba(31,38,55,.5);font:600 15px var(--display)}.vs2-h b{color:var(--mut)}.vs2-h .ap{color:var(--cyan)}
.vs2-r{border-top:1px solid var(--line)}
.vs2-r span{font:600 15px var(--display)}.vs2-r p{color:var(--faint);font-size:15.5px}.vs2-r p.ap{color:var(--ink)}
.decay{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.dstep{padding:20px;border-radius:16px;background:rgba(31,38,55,.4);display:flex;flex-direction:column;gap:6px}
.dstep i{width:9px;height:9px;border-radius:50%;margin-bottom:6px}
.dstep:nth-child(1) i{background:var(--green)}.dstep:nth-child(2) i{background:#FFD79A}.dstep:nth-child(3) i{background:var(--coral)}.dstep:nth-child(4) i{background:var(--red)}
.dstep b{font:600 17px var(--display)}.dstep span{color:var(--mut);font-size:14.5px}
/* faq */
.acc details{border-bottom:1px solid var(--line)}
.acc summary{padding:26px 0;font:500 clamp(18px,1.6vw,22px) var(--display)}
.acc details p{font-size:17px;padding-bottom:26px}
/* docs */
.docgrid{display:grid;grid-template-columns:200px minmax(0,1fr);gap:var(--s-block)}
.drail{position:sticky;top:110px;display:flex;flex-direction:column}
.drail a{padding:9px 0 9px 14px;border-left:1px solid var(--line);font:500 14px var(--display);color:var(--faint);text-decoration:none!important;transition:color .3s var(--ease),border-color .3s var(--ease)}
.drail a:hover{color:#fff}.drail a.on{color:var(--cyan);border-left-color:var(--cyan)}
.dsec{padding-bottom:var(--s-block);scroll-margin-top:110px}
.dsec h2{font-size:clamp(24px,2.4vw,34px);letter-spacing:-.03em;margin-bottom:var(--s-group)}
.dsec p{color:var(--mut);font-size:17px;line-height:1.6}
/* legal */
.legal{max-width:760px}
.legal h2{font:600 20px var(--display);letter-spacing:-.01em;margin:var(--s-block) 0 12px}
.legal h2:first-child{margin-top:0}
.legal p{color:var(--mut);font-size:16px;line-height:1.7;margin-bottom:12px}
/* closing CTA */
.pcta{text-align:center;padding:var(--s-sec) var(--gut)}
.pcta h2{font-size:clamp(34px,4.4vw,64px);margin-bottom:var(--s-group)}
@media (max-width:860px){
  .cards.c2,.cols3,.decay{grid-template-columns:minmax(0,1fr)}
  .docgrid{grid-template-columns:minmax(0,1fr)}.drail{position:static;flex-direction:row;flex-wrap:wrap;gap:6px}.drail a{border:0;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.05);font-size:13px}
  .vs2-h,.vs2-r{grid-template-columns:1fr 1fr;padding:16px}.vs2-h span,.vs2-r span{grid-column:1/-1}
  .status .srow{flex-direction:column;align-items:flex-start;gap:8px}
  .steps3 li{grid-template-columns:52px 1fr}
}
/* use cases */
.ucg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:var(--s-block)}
.uc{padding:26px;border-radius:20px;background:rgba(19,24,38,.9);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);transition:box-shadow .5s var(--ease),transform .5s var(--ease)}
.uc:hover{box-shadow:inset 0 0 0 1px rgba(183,242,255,.35),0 30px 70px -30px rgba(86,116,255,.6);transform:translateY(-3px)}
.uc-h{display:flex;align-items:center;gap:12px;margin-bottom:18px}.uc-h img{width:42px;height:42px;border-radius:11px}
.uc-h b{display:block;font:600 19px var(--display)}.uc-h small{font-size:13px;color:var(--faint)}
.uc-q{color:var(--mut);font-size:16px;margin-bottom:10px}
.uc-a{font-size:16px;line-height:1.55;color:var(--ink)}.uc-a b{font-weight:600}
.uc-src{display:flex;align-items:center;gap:8px;margin-top:18px;font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}
.uc-src img{width:22px;height:22px;border-radius:6px}
@media (max-width:860px){.ucg{grid-template-columns:minmax(0,1fr)}}
/* ===== long-form components (v2: how it works, use cases, build vs buy, security, faq) ===== */
.sx{padding:var(--s-block) 0;border-top:1px solid var(--line)}
.sx:first-child{border-top:0;padding-top:var(--s-group)}
.sx>.label{display:block;color:var(--blue);margin-bottom:14px}
.sx>h2{font-size:clamp(28px,3vw,44px);line-height:1.08;letter-spacing:-.035em;margin-bottom:var(--s-group);max-width:20em}
.sx>.intro{color:var(--mut);font-size:clamp(16.5px,1.2vw,18px);line-height:1.68;max-width:40em;margin-bottom:var(--s-group)}
.sx>.intro:last-child{margin-bottom:0}
.sx h3{font:600 19px/1.25 var(--display);letter-spacing:-.015em;margin-bottom:8px}
.note{margin-top:var(--s-group);color:var(--faint);font-size:14.5px;line-height:1.6}
.tag{display:inline-block;flex:none;font:500 10px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);padding:5px 8px;border-radius:6px;background:rgba(183,242,255,.07);box-shadow:inset 0 0 0 1px rgba(183,242,255,.2)}
.card.no b:before{content:"✕";display:inline-grid;place-items:center;width:22px;height:22px;margin-right:10px;border-radius:7px;font-size:11px;color:var(--coral);background:rgba(255,180,160,.1);vertical-align:2px}
.card.wide{margin-top:12px}
.card p,.cards .card p{color:var(--mut);line-height:1.6}
/* without / with */
.split2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.split2>div{padding:24px;border-radius:18px;background:rgba(31,38,55,.4)}
.split2 b{display:block;font:600 13px var(--mono);letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}
.split2 p{color:var(--mut);font-size:16px;line-height:1.6}
.sp-bad b{color:var(--coral)}.sp-good{box-shadow:inset 0 0 0 1px rgba(183,242,255,.25)}.sp-good b{color:var(--cyan)}
/* flow diagram */
.flow{display:grid;grid-template-columns:minmax(0,1fr) 90px minmax(0,1.1fr) 90px minmax(0,.8fr);align-items:center;gap:0;padding:clamp(22px,3vw,40px);border-radius:26px;background:radial-gradient(90% 120% at 50% 50%,rgba(86,116,255,.16),transparent 65%),rgba(13,16,27,.85);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.fcol h4{font:500 10.5px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--faint);margin-bottom:14px}
.fgrid{display:grid;grid-template-columns:repeat(4,minmax(0,40px));gap:10px}
.fgrid img{width:40px;height:40px;border-radius:11px;object-fit:contain;background:rgba(255,255,255,.04)}
.fnote{margin-top:14px;font:500 13px var(--display);color:var(--faint)}
.fwire{position:relative;height:2px;margin:0 10px;background:linear-gradient(90deg,rgba(157,180,255,.12),rgba(183,242,255,.55));border-radius:2px}
.fwire:after{content:"";position:absolute;top:-3px;left:0;width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px var(--cyan);animation:fdot 2.4s var(--ease) infinite}
.fwire span{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);white-space:nowrap;font:500 9.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}
@keyframes fdot{0%{left:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:calc(100% - 8px);opacity:0}}
.fcore{padding:24px 20px;border-radius:20px;text-align:center;background:linear-gradient(180deg,rgba(31,38,55,.85),rgba(13,16,27,.9));box-shadow:inset 0 0 0 1px rgba(183,242,255,.28),0 30px 80px -30px rgba(86,116,255,.7)}
.fmark{height:28px;width:auto;margin:0 auto 10px}
.fcore>b{display:block;font:600 20px var(--display);letter-spacing:-.02em;margin-bottom:14px}
.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:14px}
.chips span{font:500 12px var(--display);padding:5px 10px;border-radius:999px;color:var(--cyan);background:rgba(183,242,255,.08)}
.fcore small{font:500 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}
.fais{display:flex;flex-direction:column;gap:10px}
.fais div{display:flex;align-items:center;gap:10px;font:600 15px var(--display)}
.fais img{width:36px;height:36px;border-radius:10px}
/* stages */
.stg{list-style:none;display:flex;flex-direction:column}
.stg>li{display:grid;grid-template-columns:56px minmax(0,1fr) 220px;gap:var(--s-group);padding:var(--s-group) 0 calc(var(--s-group) + 6px);border-top:1px solid var(--line)}
.stg>li:first-child{border-top:0;padding-top:0}
.stg .sn{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font:600 17px var(--display);color:var(--void);background:var(--sig)}
.stg h3{font-size:clamp(20px,1.8vw,24px);letter-spacing:-.025em}
.stg-b p{color:var(--mut);font-size:16.5px;line-height:1.66;max-width:36em}
.facts{list-style:none;display:flex;flex-direction:column;gap:6px;padding-top:4px}
.facts li{font:500 13px var(--display);color:var(--ink);padding:8px 12px;border-radius:10px;background:rgba(31,38,55,.5)}
.facts li:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cyan);margin-right:9px;vertical-align:2px}
/* worked example */
.exm{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);align-items:center;gap:12px}
.mail{padding:22px;border-radius:18px;background:#F5F7FB;color:#1b2030}
.mail-h{display:flex;align-items:center;gap:12px;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid rgba(0,0,0,.08)}
.mail-h img{width:30px;height:30px}
.mail-h div{flex:1;min-width:0}.mail-h b{display:block;font:600 15px var(--display)}.mail-h small{font-size:12.5px;color:#5b6375}
.mail-h .tag{color:#3651c9;background:rgba(86,116,255,.1);box-shadow:inset 0 0 0 1px rgba(86,116,255,.3)}
.mail p{font-size:15.5px;line-height:1.65;color:#2a3142}
.mail mark{background:rgba(86,116,255,.16);color:#1b2030;border-radius:4px;padding:0 3px}
.exm-ar{display:grid;place-items:center;font:600 22px var(--display);color:var(--cyan)}
.recs{display:flex;flex-direction:column;gap:8px}
.rec{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:rgba(31,38,55,.55);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.rec i{font:500 10px var(--mono);font-style:normal;letter-spacing:.12em;text-transform:uppercase;padding:5px 8px;border-radius:6px;text-align:center}
.rec p{font-size:15px;color:var(--mut);line-height:1.45}.rec p b{color:var(--ink);font-weight:600}
.t-p{color:var(--blue);background:rgba(157,180,255,.1)}.t-d{color:var(--green);background:rgba(127,212,160,.1)}.t-o{color:#FFD79A;background:rgba(255,215,154,.1)}.t-f{color:var(--cyan);background:rgba(183,242,255,.08)}
.exq{margin-top:14px;padding:20px 22px;border-radius:18px;background:rgba(13,16,27,.85);box-shadow:inset 0 0 0 1px rgba(183,242,255,.2)}
.exq-q{display:flex;align-items:center;gap:12px;color:var(--mut);font-size:15.5px;margin-bottom:12px}
.exq-q img{width:28px;height:28px;border-radius:8px;flex:none}.exq-q b{color:var(--ink);font-weight:600}
.exq-a{display:flex;gap:12px;align-items:flex-start;padding-left:40px}.exq-a p{color:var(--ink);font-size:15.5px;line-height:1.6}
/* stat tiles */
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.stat{padding:22px;border-radius:18px;background:rgba(31,38,55,.4);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.stat b{display:block;font:600 clamp(30px,3vw,44px)/1 var(--display);letter-spacing:-.04em;background:var(--sig);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:10px}
.stat span{display:block;color:var(--mut);font-size:14.5px;line-height:1.45}
/* use-case rows */
.ucl{display:flex;flex-direction:column;gap:14px}
.ucr{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--s-group);padding:clamp(20px,2.4vw,30px);border-radius:22px;background:rgba(19,24,38,.75);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);transition:box-shadow .5s var(--ease)}
.ucr:hover{box-shadow:inset 0 0 0 1px rgba(183,242,255,.3),0 30px 70px -36px rgba(86,116,255,.6)}
.ucr-t .label{display:block;color:var(--blue);margin-bottom:10px}
.ucr-t h3{font-size:clamp(22px,2vw,28px);letter-spacing:-.03em;margin-bottom:10px}
.ucr-t p{color:var(--mut);font-size:16px;line-height:1.6}
.repl{margin-top:16px;padding-top:14px;border-top:1px solid var(--line);font-size:14.5px!important}
.repl b{display:block;font:500 10.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--coral);margin-bottom:6px}
.chat{padding:18px;border-radius:16px;background:rgba(4,5,10,.6);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.chat-h{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.chat-h img{width:28px;height:28px;border-radius:8px}.chat-h b{font:600 14.5px var(--display)}.chat-h small{flex:1;font-size:12.5px;color:var(--faint)}
.chat-q{margin-left:auto;width:fit-content;max-width:88%;padding:10px 14px;border-radius:14px 14px 4px 14px;background:rgba(157,180,255,.14);font-size:15px;color:var(--ink)}
.chat-a{margin-top:10px;padding:12px 14px;border-radius:14px 14px 14px 4px;background:rgba(31,38,55,.7)}
.chat-a p{font-size:15px;line-height:1.6;color:var(--mut)}.chat-a b{color:var(--ink);font-weight:600}
.chat .uc-src{margin-top:14px}
.uc-src img{width:22px;height:22px;border-radius:6px;object-fit:contain}
/* build vs buy: jobs + quotes */
.jobs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.job{display:flex;flex-direction:column;padding:26px;border-radius:20px;background:rgba(31,38,55,.4);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.jn{font:500 12px var(--mono);letter-spacing:.12em;color:var(--blue);margin-bottom:12px}
.job>p{color:var(--mut);font-size:15.5px;line-height:1.65;margin-bottom:18px}
.qte{margin-top:auto;padding:14px 16px;border-left:2px solid var(--cyan);background:rgba(183,242,255,.04);border-radius:0 12px 12px 0}
.qte blockquote{font:400 19px/1.35 var(--serif);font-style:italic;color:var(--ink)}
.qte figcaption{margin-top:8px;font:500 10.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}
.fair{padding:clamp(22px,3vw,36px);border-radius:22px;background:linear-gradient(180deg,rgba(127,212,160,.06),rgba(31,38,55,.35));box-shadow:inset 0 0 0 1px rgba(127,212,160,.25)}
.fair ul{list-style:none;display:flex;flex-direction:column}
.fair li{padding:14px 0 14px 30px;border-top:1px solid var(--line);color:var(--mut);font-size:16.5px;line-height:1.55;position:relative}
.fair li:first-child{border-top:0;padding-top:0}.fair li:first-child:before{top:2px}
.fair li:before{content:"✓";position:absolute;left:0;top:16px;color:var(--green);font-weight:700}
.fair li b{color:var(--ink)}
.fair>p{margin-top:16px;font:400 21px/1.4 var(--serif);font-style:italic;color:var(--ink)}
.decay .dstep span{line-height:1.5}
/* security */
.spec{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.spec>div{display:grid;grid-template-columns:180px minmax(0,1fr);gap:var(--s-group);padding:16px 22px;border-top:1px solid var(--line)}
.spec>div:first-child{border-top:0}
.spec dt{font:600 15px var(--display);color:var(--cyan)}.spec dd{color:var(--mut);font-size:16px;line-height:1.6}
.lifec{padding:24px;border-radius:18px;background:rgba(31,38,55,.4)}
.lifec .label{display:block;color:var(--blue);margin-bottom:12px}
.lifec p{color:var(--mut);font-size:15.5px;line-height:1.65}
.cc{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cc-col{padding:24px;border-radius:18px;background:rgba(31,38,55,.4)}
.cc-col>b{display:block;font:600 18px var(--display);margin-bottom:12px}
.cc-col ul{list-style:none;display:flex;flex-direction:column;gap:10px}
.cc-col li{position:relative;padding-left:26px;color:var(--mut);font-size:15.5px;line-height:1.55}
.cc-col li:before{content:"✕";position:absolute;left:0;top:1px;font-size:12px;color:var(--coral)}
#status{scroll-margin-top:100px}
/* faq groups */
.chipnav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:var(--s-group)}
.chipnav a{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.05);font:500 14px var(--display);color:var(--ink)!important;text-decoration:none!important}
.chipnav a:hover{background:rgba(183,242,255,.1)}
.chipnav small{font:500 11px var(--mono);color:var(--faint)}
.fqg{padding-top:var(--s-block);scroll-margin-top:90px}
.fqh{font-size:clamp(24px,2.4vw,32px);letter-spacing:-.03em;color:var(--blue);margin-bottom:6px}
.acc details p{color:var(--mut);line-height:1.65;max-width:44em}
@media (max-width:980px){
  .flow{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;gap:0}
  .fcol{display:flex;flex-direction:column;align-items:center}
  .fwire{width:2px;height:64px;margin:12px 0;background:linear-gradient(180deg,rgba(157,180,255,.12),rgba(183,242,255,.55))}
  .fwire:after{left:-3px;animation-name:fdotv}
  .fwire span{bottom:auto;top:50%;left:16px;transform:translateY(-50%)}
  .fgrid{grid-template-columns:repeat(6,40px)}
  .fcore{width:100%;max-width:420px}
  .fais{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:16px}
  .stg>li{grid-template-columns:42px minmax(0,1fr)}
  .facts{grid-column:2;flex-direction:row;flex-wrap:wrap}
  .exm{grid-template-columns:minmax(0,1fr)}.exm-ar{transform:rotate(90deg)}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ucr{grid-template-columns:minmax(0,1fr)}
}
@keyframes fdotv{0%{top:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{top:calc(100% - 8px);opacity:0}}
@media (max-width:860px){
  .split2,.jobs,.cc{grid-template-columns:minmax(0,1fr)}
  .spec>div{grid-template-columns:minmax(0,1fr);gap:4px}
  .decay{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:520px){
  .fgrid{grid-template-columns:repeat(4,40px)}
  .stats{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .stat{padding:16px}
  .exq-a{padding-left:0;flex-direction:column;gap:8px}
  .rec{grid-template-columns:minmax(0,1fr);gap:8px}.rec i{justify-self:start}
  .chat-h small{display:none}.chat-h b{flex:1}
}
.flow{grid-template-columns:minmax(0,1fr) 104px minmax(0,1.1fr) 104px minmax(0,.8fr)}
.fwire span{white-space:normal;width:84px;text-align:center;line-height:1.5;bottom:14px}
@media (max-width:980px){.fwire span{width:auto;white-space:nowrap;bottom:auto}}
.sx .vs2{margin-bottom:0}
@media (max-width:980px){.flow{grid-template-columns:minmax(0,1fr)}.fwire span{width:auto;white-space:nowrap;bottom:auto;top:50%;left:16px;transform:translateY(-50%)}}

/* use the page: no narrow centered column */
.ph,.pb{max-width:none}
.ph h1{max-width:16em}.ph .lead{max-width:40em}
.blk>p,.blk .plain,.blk .nums{max-width:62em}
