:root{
  --k-navy:#020C17;--k-navy2:#0F2A42;--k-gold:#DCA55E;--k-gold-hi:#FBD592;
  --v-green:#1F3A34;--v-dark:#16231F;--v-sand:#EFE7DA;--v-paper:#FBF8F3;--v-brass:#A9844B;--v-acc:#D9C29A;
  --ink:#1B2421;--muted:#5E6B66;--line:#E4DCCF;
  --wa-bg:#ECE5DD;--wa-out:#FFFFFF;
  --disp:'Fraunces',Georgia,serif;--body:'DM Sans','Segoe UI',system-ui,sans-serif;--k:'Montserrat','Segoe UI',sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--body);color:var(--ink);background:#E9EDF1;line-height:1.55;-webkit-font-smoothing:antialiased;padding-bottom:env(safe-area-inset-bottom)}
button,input,select{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--k-gold);outline-offset:2px;border-radius:6px}
[hidden]{display:none!important}

/* barra Kaoã */
.kbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:1rem;padding:.7rem clamp(1rem,3vw,2rem);padding-top:max(.7rem,env(safe-area-inset-top));background:var(--k-navy);color:#fff}
.kbrand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:#fff;font-family:var(--k);font-weight:800;font-size:1rem;letter-spacing:-.01em}
.kbrand img{border-radius:50%}
.kbrand small{display:block;font-weight:600;font-size:.56rem;letter-spacing:.25em;text-transform:uppercase;color:var(--k-gold);margin-top:-.1rem}
.kmsg{flex:1;font-size:.9rem;color:rgba(255,255,255,.75)}
.kmsg b{color:var(--k-gold-hi);font-weight:700}
.kact{display:flex;gap:.6rem}
.kbtn{display:inline-flex;align-items:center;font-family:var(--k);font-weight:700;font-size:.85rem;padding:.6rem 1.1rem;border-radius:999px;text-decoration:none;background:linear-gradient(135deg,var(--k-gold-hi),var(--k-gold));color:var(--k-navy);border:0;cursor:pointer}
.kbtn.ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.35)}
.kbtn.ghost:hover{border-color:var(--k-gold);color:var(--k-gold)}

.api-strip{background:#FFF3D6;border-bottom:1px solid #EBCB88;color:#5A3E10;font-size:.92rem;padding:.65rem clamp(1rem,3vw,2rem);text-align:center}
.lnk{background:none;border:0;color:#7A4E10;text-decoration:underline;font-weight:700;cursor:pointer;margin-left:.3rem}

/* abas */
.views{display:flex;gap:.6rem;padding:1.4rem clamp(1rem,3vw,2rem) 0;max-width:1320px;margin:0 auto;overflow-x:auto}
.vtab{flex:1;min-width:11rem;text-align:left;border:1px solid #CBD3DB;background:#fff;border-radius:14px;padding:.8rem 1rem;cursor:pointer;transition:border-color .2s,background .2s}
.vtab span{display:block;font-family:var(--k);font-weight:700;font-size:.98rem;color:var(--k-navy)}
.vtab small{color:var(--muted);font-size:.82rem}
.vtab.on{background:var(--k-navy);border-color:var(--k-navy)}
.vtab.on span{color:#fff}.vtab.on small{color:var(--k-gold)}

.stage{max-width:1320px;margin:0 auto;padding:1.2rem clamp(1rem,3vw,2rem) 2rem;display:grid;grid-template-columns:minmax(0,1fr) 22rem;gap:1.5rem;align-items:start}
.hint{margin-top:.9rem;font-size:.9rem;color:var(--muted)}

/* portal fictício */
.portal{background:var(--v-paper);border-radius:18px;overflow:hidden;border:1px solid #D9D2C5;box-shadow:0 30px 60px -40px rgba(2,12,23,.5)}
.ptop{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;background:var(--v-green);color:#fff;flex-wrap:wrap}
.ptop.dark{background:var(--v-dark)}
.pbrand{display:flex;align-items:center;gap:.7rem;font-family:var(--disp);font-weight:600;letter-spacing:.06em;font-size:.98rem}
.pbrand small{display:block;font-family:var(--body);font-weight:500;letter-spacing:.24em;font-size:.6rem;text-transform:uppercase;color:var(--v-acc)}
.mono{display:grid;place-items:center;width:2.3rem;height:2.3rem;border:1px solid var(--v-acc);color:var(--v-acc);font-family:var(--disp);font-size:.9rem;letter-spacing:0}
.pnav{display:flex;gap:1.2rem;font-size:.86rem;color:rgba(255,255,255,.7);flex-wrap:wrap}
.pnav .on{color:#fff;border-bottom:2px solid var(--v-acc);padding-bottom:.2rem}
.pbody{padding:clamp(1.2rem,3vw,2rem)}
.hello p{font-size:.85rem;color:var(--muted)}
.hello h2{font-family:var(--disp);font-weight:500;font-size:1.9rem;line-height:1.1}
.ph{font-family:var(--body);font-weight:700;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--v-brass);margin:1.6rem 0 .7rem}
.pgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 1.5rem}

.bill{margin-top:1.2rem;background:var(--v-green);color:#fff;border-radius:16px;padding:1.3rem 1.4rem;display:grid;gap:.3rem;transition:background .4s}
.bill.paid{background:#2F6B4F}
.bill .row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:rgba(255,255,255,.75)}
.bill .tag{background:var(--v-acc);color:var(--v-green);font-weight:700;font-size:.75rem;padding:.2rem .65rem;border-radius:999px}
.bill .val{font-family:var(--disp);font-size:2rem;font-weight:500}
.bill button{margin-top:.6rem;background:#fff;color:var(--v-green);border:0;border-radius:10px;padding:.8rem;font-weight:700;cursor:pointer}
.bill .ok{margin-top:.5rem;font-weight:700}
.bill-more{font-size:.85rem;color:var(--muted);margin-top:.5rem}

.case{width:100%;text-align:left;background:#fff;border:1px solid var(--line);border-radius:14px;padding:1rem 1.1rem;cursor:pointer}
.case .k{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--v-brass);font-weight:700}
.case h4{font-family:var(--disp);font-weight:500;font-size:1.25rem;margin:.15rem 0 .5rem}
.case .st{display:flex;justify-content:space-between;font-size:.85rem;font-weight:700;color:var(--v-green)}
.bar{height:6px;border-radius:99px;background:var(--v-sand);margin-top:.5rem;overflow:hidden}
.bar i{display:block;height:100%;background:var(--v-green);border-radius:99px;transition:width .6s}
.case .more{display:block;margin-top:.6rem;font-size:.8rem;color:var(--muted);text-decoration:underline}
.timeline{margin-top:.8rem;list-style:none;border-left:2px solid var(--v-sand);padding-left:1rem;display:grid;gap:.6rem}
.timeline div{position:relative;font-size:.88rem}
.timeline div::before{content:"";position:absolute;left:-1.42rem;top:.35rem;width:.7rem;height:.7rem;border-radius:50%;background:var(--v-sand);border:2px solid var(--v-paper)}
.timeline .done::before{background:var(--v-green)}
.timeline .cur{font-weight:700}
.timeline .cur::before{background:var(--v-brass)}

.docs,.news,.alist{list-style:none;display:grid;gap:.55rem}
.docs li,.news li,.alist li{background:#fff;border:1px solid var(--line);border-radius:12px;padding:.75rem .9rem;display:flex;align-items:center;justify-content:space-between;gap:.8rem;font-size:.9rem}
.docs .s{font-size:.78rem;color:var(--muted);display:block}
.pill{font-size:.75rem;font-weight:700;padding:.2rem .6rem;border-radius:999px;white-space:nowrap}
.pill.wait{background:#FFF3D6;color:#7A4E10}.pill.ok{background:#DDEFE4;color:#22553C}.pill.new{background:var(--v-green);color:#fff}
.sbtn{background:var(--v-green);color:#fff;border:0;border-radius:8px;padding:.45rem .8rem;font-weight:700;font-size:.82rem;cursor:pointer;white-space:nowrap}
.news li{display:block}
.news small{display:block;color:var(--muted);font-size:.76rem}
.news li.fresh{border-color:var(--v-brass);box-shadow:0 0 0 3px rgba(169,132,75,.15)}
.slots{display:flex;flex-wrap:wrap;gap:.5rem}
.slot{border:1px solid var(--line);background:#fff;border-radius:10px;padding:.55rem .8rem;font-size:.86rem;cursor:pointer}
.slot:hover{border-color:var(--v-green)}
.slot.on{background:var(--v-green);border-color:var(--v-green);color:#fff}
.pfine{font-size:.82rem;color:var(--muted);margin-top:.6rem}

/* painel */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}
.stats div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:.9rem 1rem}
.stats b{display:block;font-family:var(--disp);font-weight:500;font-size:1.7rem;line-height:1.1}
.stats span{font-size:.8rem;color:var(--muted)}
.actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.2rem}
.abtn{border:1.5px solid var(--v-green);background:#fff;color:var(--v-green);border-radius:10px;padding:.65rem 1rem;font-weight:700;font-size:.88rem;cursor:pointer}
.abtn.solid{background:var(--v-green);color:#fff}
.abtn:hover{filter:brightness(1.08)}
.aform{margin-top:1rem;background:#fff;border:1px solid var(--v-brass);border-radius:14px;padding:1rem 1.1rem;display:grid;gap:.7rem}
.aform label{display:grid;gap:.25rem;font-size:.85rem;font-weight:700}
.aform input:not([type=checkbox]),.aform select{font-weight:400;border:1px solid var(--line);border-radius:8px;padding:.6rem .7rem;background:var(--v-paper)}
.aform .chk{display:flex;align-items:center;gap:.5rem;font-weight:500}
.aform p{font-size:.8rem;color:var(--muted)}
.aform .abtn{justify-self:start}
.agrid{display:grid;grid-template-columns:1fr 1fr;gap:0 1.5rem}
.alist .empty{color:var(--muted);background:transparent;border-style:dashed}
.tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:#fff}
.atable{width:100%;border-collapse:collapse;font-size:.88rem;min-width:34rem}
.atable th{text-align:left;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:.7rem .9rem;border-bottom:1px solid var(--line)}
.atable td{padding:.7rem .9rem;border-bottom:1px solid var(--line)}
.atable tr:last-child td{border-bottom:0}
.atable tr.fresh td{background:#FFF8E8}

/* integrações */
.intro-int h2{font-family:var(--k);font-weight:800;font-size:clamp(1.6rem,3vw,2.3rem);letter-spacing:-.03em;line-height:1.08;color:var(--k-navy)}
.intro-int p{margin-top:.6rem;max-width:44rem;color:var(--muted)}
.api-box{margin:1.5rem 0;display:flex;gap:1.1rem;background:#FFF3D6;border:2px solid #E0A93E;border-radius:16px;padding:1.3rem 1.4rem}
.api-ico{flex:none;width:2.6rem;height:2.6rem;border-radius:50%;background:#E0A93E;color:#fff;display:grid;place-items:center;font-family:var(--k);font-weight:800;font-size:1.4rem}
.api-box h3{font-family:var(--k);font-weight:800;font-size:1.2rem;color:#5A3E10}
.api-box p{margin-top:.5rem;color:#5A3E10;font-size:.95rem}
.flow{display:grid;grid-template-columns:1fr auto 1.1fr auto 1fr;grid-template-rows:auto auto;gap:.7rem;align-items:center;margin-bottom:1.6rem}
.node{background:#fff;border:1px solid #CBD3DB;border-radius:12px;padding:.8rem;text-align:center;font-weight:700;font-size:.9rem;color:var(--k-navy)}
.node.core{background:var(--k-navy);color:var(--k-gold-hi);border-color:var(--k-navy)}
.node.sub{grid-row:2;font-weight:500;font-size:.85rem;background:transparent;border-style:dashed}
.node.sub:nth-of-type(4){grid-column:1}.node.sub:nth-of-type(5){grid-column:3}.node.sub:nth-of-type(6){grid-column:5}
.arr{width:1.6rem;height:2px;background:var(--k-gold);position:relative}
.arr::after{content:"";position:absolute;right:-1px;top:-4px;border:5px solid transparent;border-left:7px solid var(--k-gold)}
.ints{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.int{background:#fff;border:1px solid #CBD3DB;border-radius:16px;padding:1.2rem 1.3rem;display:flex;flex-direction:column;gap:.5rem}
.req{align-self:flex-start;font-size:.72rem;font-weight:700;background:#FFF3D6;color:#7A4E10;border:1px solid #EBCB88;padding:.2rem .6rem;border-radius:999px}
.int h3{font-family:var(--k);font-weight:800;font-size:1.15rem;color:var(--k-navy)}
.int .ex{font-size:.85rem;color:var(--muted)}
.int ul{list-style:none;display:grid;gap:.3rem;font-size:.9rem;margin-bottom:.5rem}
.int li::before{content:"";display:inline-block;width:.45rem;height:.45rem;border-radius:50%;background:var(--k-gold);margin-right:.55rem;vertical-align:.1rem}
.int .abtn{margin-top:auto;align-self:flex-start}

/* lateral */
.side{position:sticky;top:5.2rem;display:grid;gap:1rem}
.phone{background:#111;border-radius:30px;padding:.6rem;box-shadow:0 30px 60px -30px rgba(2,12,23,.6)}
.ph-top{display:flex;align-items:center;gap:.6rem;background:#075E54;color:#fff;border-radius:22px 22px 0 0;padding:.75rem .9rem}
.ph-top .av{width:2.1rem;height:2.1rem;border-radius:50%;background:var(--v-green);border:1px solid var(--v-acc);color:var(--v-acc);display:grid;place-items:center;font-family:var(--disp);font-size:.78rem}
.ph-top b{display:block;font-size:.9rem}.ph-top small{font-size:.72rem;opacity:.8}
.ph-chat{height:21rem;overflow-y:auto;background:var(--wa-bg);padding:.8rem;display:flex;flex-direction:column;gap:.5rem}
.msg{align-self:flex-start;max-width:88%;background:var(--wa-out);border-radius:0 10px 10px 10px;padding:.5rem .65rem;font-size:.84rem;line-height:1.4;box-shadow:0 1px 1px rgba(0,0,0,.08);animation:pop .35s ease-out}
.msg a{color:#0B6E99;word-break:break-all}
.msg time{display:block;text-align:right;font-size:.66rem;color:#8A8F93;margin-top:.2rem}
.msg .btnwa{display:block;margin-top:.45rem;border-top:1px solid #E6E6E6;padding-top:.4rem;text-align:center;color:#0B6E99;font-weight:700}
.ph-empty{margin:auto;text-align:center;font-size:.8rem;color:#6B7378;max-width:14rem}
.ph-foot{text-align:center;color:#9AA3A8;font-size:.72rem;padding:.45rem 0 .2rem}
.log{background:#fff;border:1px solid #CBD3DB;border-radius:16px;padding:1rem}
.log h3{font-family:var(--k);font-weight:800;font-size:.95rem;color:var(--k-navy);margin-bottom:.6rem}
.log ol{list-style:none;display:grid;gap:.5rem;max-height:15rem;overflow-y:auto}
.log li{font-size:.8rem;line-height:1.4;padding-left:.7rem;border-left:3px solid var(--k-gold);animation:pop .35s ease-out}
.log li b{display:inline-block;font-size:.68rem;letter-spacing:.06em;background:var(--k-navy);color:var(--k-gold-hi);border-radius:4px;padding:.05rem .35rem;margin-right:.3rem}
.log li time{color:var(--muted);margin-right:.3rem}
.log .empty{border:0;color:var(--muted);padding:0}
@keyframes pop{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

.kfoot{max-width:1320px;margin:0 auto;padding:0 clamp(1rem,3vw,2rem) 2.5rem;font-size:.85rem;color:var(--muted);display:grid;gap:.3rem}
.kfoot a{color:var(--k-navy)}
.api-again b{color:#7A4E10}

/* modal e aviso */
.modal{position:fixed;inset:0;z-index:40;background:rgba(2,12,23,.6);display:grid;place-items:center;padding:1rem}
.mbox{position:relative;background:#fff;border-radius:18px;padding:1.5rem;width:min(26rem,100%);text-align:center}
.mbox h3{font-family:var(--disp);font-weight:500;font-size:1.5rem}
.mx{position:absolute;right:.8rem;top:.6rem;border:0;background:none;font-size:1.6rem;cursor:pointer;color:var(--muted)}
.qr{width:11rem;height:11rem;margin:1rem auto .6rem}
.qr svg{width:100%;height:100%}
.code{font-family:ui-monospace,monospace;font-size:.7rem;color:var(--muted);word-break:break-all;background:var(--v-paper);border-radius:8px;padding:.5rem}
.mact{display:flex;gap:.6rem;justify-content:center;margin-top:.9rem;flex-wrap:wrap}
.toast{position:fixed;left:50%;bottom:max(1.2rem,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:50;background:var(--k-navy);color:#fff;border:1px solid var(--k-gold);border-radius:999px;padding:.7rem 1.1rem;font-size:.88rem;box-shadow:0 20px 40px -20px rgba(0,0,0,.7);display:flex;gap:.8rem;align-items:center}
.toast button{background:none;border:0;color:var(--k-gold-hi);font-weight:700;text-decoration:underline;cursor:pointer}

@media (max-width:1020px){
  .stage{grid-template-columns:1fr}
  .side{position:static;grid-template-columns:1fr 1fr}
}
@media (max-width:700px){
  .kmsg{display:none}
  .kbar{justify-content:space-between}
  .pgrid,.agrid,.ints{grid-template-columns:1fr}
  .stats{grid-template-columns:1fr 1fr}
  .side{grid-template-columns:1fr}
  .flow{grid-template-columns:1fr;grid-template-rows:none}
  .flow .arr{justify-self:center;width:2px;height:1.2rem}
  .flow .arr::after{right:-4px;top:auto;bottom:-2px;border:5px solid transparent;border-top:7px solid var(--k-gold)}
  .node.sub{grid-row:auto;grid-column:auto!important}
  .vtab{min-width:9.5rem}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.toast{width:max-content;max-width:calc(100% - 2rem)}
.kbtn{white-space:nowrap}
@media (max-width:700px){.kbrand span{display:none}.kbtn{padding:.55rem .85rem;font-size:.8rem}.kbar{gap:.6rem}}
.niches{max-width:1320px;margin:0 auto;padding:1.3rem clamp(1rem,3vw,2rem) 0;display:flex;align-items:center;gap:.6rem 1rem;flex-wrap:wrap}
.niches>p{font-family:var(--k);font-weight:700;font-size:.9rem;color:var(--k-navy)}
.nlist{display:flex;gap:.5rem;flex-wrap:wrap}
.nch{border:1.5px solid #B9C3CD;background:#fff;border-radius:999px;padding:.5rem 1rem;font-weight:700;font-size:.88rem;cursor:pointer;color:var(--k-navy)}
.nch:hover{border-color:var(--k-gold)}
.nch[aria-pressed="true"]{background:linear-gradient(135deg,var(--k-gold-hi),var(--k-gold));border-color:var(--k-gold);color:var(--k-navy)}
.views{padding-top:1rem}
.portal,.bill,.ptop{transition:background .4s}
.note-priv{color:var(--ink)}

/* v3 - navegação interna do portal */
.pnav button{background:none;border:0;color:rgba(255,255,255,.72);font-size:.88rem;padding:.25rem 0;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap}
.pnav button:hover{color:#fff}
.pnav button.on{color:#fff;border-bottom-color:var(--v-acc)}
.hello{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}
.lnk2{background:none;border:0;color:var(--v-green);text-decoration:underline;text-underline-offset:.2em;font-size:.88rem;cursor:pointer;padding:.2rem}
.pg-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}
.pg-head h2{font-family:var(--disp);font-weight:500;font-size:1.7rem}
.contact{margin-top:1rem;width:100%;display:flex;align-items:center;gap:.8rem;text-align:left;background:var(--v-sand);border:0;border-radius:14px;padding:.85rem 1rem;cursor:pointer}
.contact b{display:block;font-size:.95rem}.contact small{color:var(--muted);font-size:.8rem}
.mono.sm{width:2.4rem;height:2.4rem;background:var(--v-green);border-color:var(--v-green);color:var(--v-acc);flex:none}
.docs .acts{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:flex-end}
.sbtn.line{background:#fff;color:var(--v-green);border:1px solid var(--v-green)}
.docs .empty{color:var(--muted);background:transparent;border-style:dashed}
.fsum{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:1rem}
.fsum div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:.9rem 1rem}
.fsum b{display:block;font-family:var(--disp);font-weight:500;font-size:1.5rem}
.fsum span{font-size:.8rem;color:var(--muted)}
.login{max-width:24rem;margin:1.5rem auto;display:grid;gap:.8rem;text-align:center}
.login h2{font-family:var(--disp);font-weight:500;font-size:1.9rem}
.login form{display:grid;gap:.7rem;text-align:left}
.login label{display:grid;gap:.25rem;font-size:.85rem;font-weight:700}
.login input{border:1px solid var(--line);border-radius:8px;padding:.7rem .8rem;background:#fff;font-weight:400}
.abtn.wide{width:100%}
.lrow{display:flex;justify-content:space-between}
.frow{display:flex;gap:.6rem;flex-wrap:wrap}
.search input{width:100%;max-width:22rem;border:1px solid var(--line);border-radius:10px;padding:.65rem .8rem;margin:1rem 0 .8rem;background:#fff}
.stats.three{grid-template-columns:repeat(3,1fr);margin:1rem 0}
.api-mini{margin:.8rem 0 1rem;background:#FFF3D6;border:1px solid #EBCB88;color:#5A3E10;border-radius:10px;padding:.6rem .8rem;font-size:.88rem}
.alist .st2{display:block;font-size:.78rem;color:var(--muted)}
.ok-dot{display:inline-block;width:.5rem;height:.5rem;border-radius:50%;background:#2F8F5B;margin-right:.35rem}
.atable td:last-child{text-align:right;white-space:nowrap}
.msg .btnwa{width:100%;background:none;border:0;border-top:1px solid #E6E6E6;cursor:pointer;font:inherit;font-weight:700}
.msg .btnwa:hover{background:#F4F7F8}
.msg.me{align-self:flex-end;background:#DCF8C6;border-radius:10px 0 10px 10px}
.mbox.left{text-align:left;max-height:88vh;overflow:auto}
.mbox.left h3{padding-right:2rem}
.mb p{margin-top:.6rem;font-size:.92rem}
.mb .acts{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem}
.paper{margin-top:.8rem;background:var(--v-paper);border:1px solid var(--line);border-radius:10px;padding:1rem;font-size:.86rem;line-height:1.6}
.paper h4{font-family:var(--disp);font-weight:500;font-size:1.1rem;margin-bottom:.4rem}
.paper .ln{display:flex;justify-content:space-between;border-top:1px dashed var(--line);padding-top:.4rem;margin-top:.4rem}
.choice{display:grid;gap:.6rem;margin-top:1rem}
.choice button{text-align:left}
@media (max-width:700px){
  .pnav{display:flex;flex-wrap:nowrap;width:100%;overflow-x:auto;gap:1.1rem;padding-bottom:.2rem}
  .fsum,.stats.three{grid-template-columns:1fr}
}