/* Frakto · landing
   Layout: light hero (pinned silhouette scroll sequence) → alternating light/dark bands separated by a 10px lime rule,
   1280px content column, Plus Jakarta Sans throughout (ExtraBold display + Regular contrast in the same line). */
:root{
  color-scheme: light;
  --bg:#f5f5f5; --paper:#ffffff; --ink:#333333; --ink-2:#555559; --ink-3:#77777c; --mute:#bcbcbc; --line:#ececec; --line-2:#e3e3e3;
  --green:#89f883; --green-soft:#bbffb8; --green-ink:#078c00; --green-wash:#eafde8;
  --dark:#1d1d1d; --dark-0:#161816; --dark-2:#212121; --dark-3:#242424; --dark-line:#333336; --dark-line-2:#383838;
  --dark-text:#f5f5f5; --dark-sub:#adadb2; --dark-mute:#6b6b70; --dark-mute-2:#8c8c91;
  --dg-card:#1a251a; --dg-bar:#1a211a; --dg-chip:#293d29; --dg-line:#476b47;
  --footer:#111214;
  --sil:#121212;
  --font:"Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --gutter:clamp(16px, 5.56vw, 80px);
  --r:16px; --r-sm:10px; --r-lg:24px; --r-xl:32px;
  --ease-out:cubic-bezier(.16,1,.3,1);
  --ease-io:cubic-bezier(.65,0,.35,1);
  --header-h:136px;
  --fs-h1:clamp(36px, 4.36vw, 62.77px);
  --fs-h2:clamp(24px, 2.36vw, 34px);
  --fs-xl:clamp(34px, 4vw, 58px);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip;text-rendering:optimizeLegibility}
img,svg,canvas{display:block;max-width:100%}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
a{color:inherit;text-decoration:none}
input{font:inherit}
::selection{background:var(--green);color:#111}
:focus-visible{outline:2px solid var(--green-ink);outline-offset:3px;border-radius:6px}
.dark :focus-visible,.footer :focus-visible{outline-color:var(--green)}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{width:100%;max-width:1440px;margin-inline:auto;padding-inline:var(--gutter)}
.ic{width:1em;height:1em;flex:none;stroke-width:2}
.tnum{font-variant-numeric:tabular-nums}
h1,h2,h3,p{margin:0}
h1,h2,h3{text-wrap:balance}
p{text-wrap:pretty}

/* ---------- shared atoms ---------- */
.band{height:10px;background:var(--green);position:relative;z-index:3}
.pill{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 16px;border-radius:16px;font-size:10px;line-height:1;font-weight:700;letter-spacing:.3px;white-space:nowrap}
.pill .ic{width:14px;height:14px}
.pill--lime{background:var(--green);color:var(--green-ink);font-style:italic}
.pill--dark{background:var(--dark-3);border:1px solid var(--dark-line-2);color:var(--dark-text);height:32px;padding:0 17px;gap:8px}
.pill--dark .ic{color:var(--green)}
.pill--dark .sep{width:1px;height:8px;background:#475247}
.pill--dark .sub{font-weight:500;font-size:11px;color:#99999e;letter-spacing:0}
.pill--dark b{color:var(--green);font-size:12px;letter-spacing:0}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.22px;text-transform:uppercase;color:var(--green-ink)}
.eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 0 currentColor;animation:ping 2.4s var(--ease-out) infinite}
.dark .eyebrow{color:var(--green)}
@keyframes ping{0%{box-shadow:0 0 0 0 color-mix(in srgb,currentColor 45%,transparent)}70%,100%{box-shadow:0 0 0 7px transparent}}

/* section heading: ExtraBold sentence + Regular sentence, like the Figma dark block */
.h2{font-size:var(--fs-h2);line-height:1.47;font-weight:800;letter-spacing:-.015em;color:var(--ink);max-width:944px;width:100%;text-wrap:pretty}
.h2 .reg{font-weight:400}
.h2 .soft{font-weight:400;color:var(--ink-3)}
.dark .h2{color:var(--dark-text)}
.lead{font-size:16px;line-height:1.6;color:var(--ink-2);max-width:620px}
.dark .lead{color:var(--dark-sub)}
.sec{position:relative;padding-block:clamp(72px,9vw,120px)}
.sec__head{display:flex;flex-direction:column;align-items:flex-start;gap:24px;margin-bottom:clamp(40px,5vw,64px)}

/* split-text line masks */
.line-mask{overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em;display:block}

/* ---------- buttons (text-roll + magnetic) ---------- */
.btn{--bh:56px;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:var(--bh);padding:0 30px;border-radius:16px;font-size:14px;font-weight:700;letter-spacing:-.15px;white-space:nowrap;border:1px solid transparent;transition:background-color .35s var(--ease-out),border-color .35s var(--ease-out),box-shadow .35s var(--ease-out),color .35s;will-change:transform;isolation:isolate;overflow:hidden}
.btn:active{transform:scale(.97)}
.btn__roll{position:relative;display:inline-flex;flex-direction:column;height:1.25em;overflow:hidden;line-height:1.25}
.btn__roll>span{display:block;transition:transform .55s var(--ease-out)}
.btn__roll>span+span{position:absolute;top:100%;left:0}
@media (hover:hover){.btn:hover .btn__roll>span{transform:translateY(-100%)}}
.btn .ic{width:16px;height:16px;transition:transform .45s var(--ease-out)}
@media (hover:hover){.btn:hover .ic--ne{transform:translate(2px,-2px)}.btn:hover .ic--e{transform:translateX(3px)}}
.btn--lime{background:var(--green);border-color:var(--green-soft);color:var(--ink)}
@media (hover:hover){.btn--lime:hover{background:#9bfb95;box-shadow:0 10px 30px -10px rgba(76,200,70,.55),inset 0 0 0 1px #c9ffc6}}
.btn--ink{background:var(--ink);border-color:#000;color:var(--green)}
@media (hover:hover){.btn--ink:hover{background:#262626;box-shadow:0 12px 30px -12px rgba(0,0,0,.45)}}
.btn--ghost{background:#ededed;border-color:#e6e6e6;color:var(--ink)}
@media (hover:hover){.btn--ghost:hover{background:#e6e6e6;border-color:#dcdcdc}}
.btn--line{background:transparent;border-color:rgba(255,255,255,.22);color:#fff}
@media (hover:hover){.btn--line:hover{border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.04)}}
.btn--sm{--bh:44px;padding:0 20px;font-size:13px;border-radius:12px}

/* ---------- header ---------- */
.hdr{position:fixed;inset:0 0 auto 0;z-index:50;padding-top:env(safe-area-inset-top,0px);transition:transform .6s var(--ease-out)}
.hdr.is-hidden{transform:translateY(-110%)}
.hdr__bar{position:static;margin-inline:auto;max-width:1440px;padding:40px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:24px;transition:padding .6s var(--ease-out)}
.hdr__bar>*:not(.hdr__bg):not(.hdr__prog):not(.nav){position:relative}
.hdr .nav{z-index:1}
.hdr__bg{position:absolute;inset:0;z-index:0;background:rgba(245,245,245,.72);-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);border-bottom:1px solid rgba(0,0,0,.05);opacity:0;transition:opacity .5s var(--ease-out),background-color .5s}
.hdr.is-compact .hdr__bar{padding-block:12px}
.hdr.is-compact .hdr__bg{opacity:1}
.hdr.on-dark .hdr__bg{background:rgba(22,22,22,.72);border-bottom-color:rgba(255,255,255,.06)}
.hdr__prog{position:absolute;left:0;bottom:-1px;height:2px;width:100%;background:var(--green);transform-origin:0 50%;transform:scaleX(0);opacity:0;transition:opacity .4s}
.hdr.is-compact .hdr__prog{opacity:1}
.logo{display:block;width:50px;height:56px;color:var(--ink);transition:color .4s,width .6s var(--ease-out),height .6s var(--ease-out)}
.logo svg{width:100%;height:100%}
.hdr.is-compact .logo{width:40px;height:45px}
.hdr.on-dark .logo{color:#fff}
.nav{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:24px;align-items:center}
.nav a{position:relative;display:flex;align-items:center;padding:20px 0;font-size:12px;font-weight:700;color:var(--mute);transition:color .3s}
.nav a:hover,.nav a.is-active{color:var(--ink)}
.hdr.on-dark .nav a{color:#7d7d82}
.hdr.on-dark .nav a:hover,.hdr.on-dark .nav a.is-active{color:#fff}
.nav__ind{position:absolute;bottom:0;left:0;height:2px;border-radius:2px;background:var(--green);width:0;transition:transform .6s var(--ease-out),width .6s var(--ease-out),opacity .3s}
.hdr__right{display:flex;align-items:center;gap:20px}
.iconpill{display:flex;align-items:center;gap:10px;height:56px;padding:0 20px;border-radius:16px;background:#fff;border:1px solid var(--line);transition:background .4s,border-color .4s,height .6s var(--ease-out)}
.iconpill a{display:grid;place-items:center;width:24px;height:24px;color:var(--ink);transition:transform .4s var(--ease-out),color .3s}
.iconpill a .ic{width:24px;height:24px}
.iconpill a:hover{transform:scale(1.12)}
.iconpill .sep{width:2px;height:16px;background:var(--line)}
.hdr.is-compact .iconpill,.hdr.is-compact .hdr__cta{height:46px}
.hdr.on-dark .iconpill{background:#262626;border-color:#333}
.hdr.on-dark .iconpill a{color:#eee}
.hdr.on-dark .iconpill .sep{background:#3a3a3a}
.hdr__cta{transition:height .6s var(--ease-out),background-color .35s,box-shadow .35s}
.burger{display:none;width:48px;height:48px;border-radius:14px;background:#fff;border:1px solid var(--line);position:relative}
.burger i{position:absolute;left:14px;right:14px;height:2px;border-radius:2px;background:var(--ink);transition:transform .5s var(--ease-out),top .5s var(--ease-out)}
.burger i:nth-child(1){top:19px}.burger i:nth-child(2){top:27px}
.menu-open .burger i:nth-child(1){top:23px;transform:rotate(45deg)}
.menu-open .burger i:nth-child(2){top:23px;transform:rotate(-45deg)}
.hdr.on-dark .burger{background:#262626;border-color:#333}.hdr.on-dark .burger i{background:#fff}
.mmenu{position:fixed;inset:0;z-index:45;background:var(--bg);padding:calc(110px + env(safe-area-inset-top,0px)) var(--gutter) calc(32px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;justify-content:space-between;clip-path:inset(0 0 100% 0);visibility:hidden;transition:clip-path .8s var(--ease-io),visibility 0s .8s}
.menu-open .mmenu{clip-path:inset(0 0 0 0);visibility:visible;transition:clip-path .8s var(--ease-io)}
.mmenu nav{display:flex;flex-direction:column}
.mmenu nav a{font-size:clamp(32px,9vw,44px);font-weight:800;letter-spacing:-.03em;line-height:1.25;padding:6px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;transform:translateY(30px);opacity:0;transition:transform .7s var(--ease-out),opacity .7s}
.mmenu nav a .ic{width:22px;height:22px;color:var(--mute)}
.menu-open .mmenu nav a{transform:none;opacity:1}
.mmenu nav a:nth-child(1){transition-delay:.18s}.mmenu nav a:nth-child(2){transition-delay:.23s}.mmenu nav a:nth-child(3){transition-delay:.28s}.mmenu nav a:nth-child(4){transition-delay:.33s}.mmenu nav a:nth-child(5){transition-delay:.38s}
.mmenu__foot{display:flex;flex-direction:column;gap:12px}
.mmenu__foot .btn{width:100%}

/* ---------- hero ---------- */
.hero{position:relative;height:calc(100svh * var(--hero-len, 4.2));background:var(--bg)}
.hero__stage{position:sticky;top:0;height:100svh;overflow:hidden;contain:paint}
.hero__glow{position:absolute;left:50%;top:58%;width:min(1400px,140vw);aspect-ratio:1.4;transform:translate(-50%,-50%);background:radial-gradient(closest-side,#fff 0%,rgba(255,255,255,.75) 40%,rgba(255,255,255,0) 100%);pointer-events:none}
.hero__word{position:absolute;left:50%;top:calc(var(--copy-b, 52%) + (100svh - var(--copy-b, 52%)) * .42);transform:translate(-50%,-50%);font-weight:800;font-size:clamp(150px,30.5vw,439px);line-height:1;letter-spacing:-.02em;color:#333;opacity:.5;filter:blur(clamp(14px,1.9vw,26px));white-space:nowrap;pointer-events:none;user-select:none;will-change:transform}
.sil{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.sil--blur{opacity:0;filter:blur(var(--dof,0px));-webkit-mask-image:linear-gradient(to bottom,transparent 0,transparent var(--dof-y,100%),#000 calc(var(--dof-y,100%) + 9%));mask-image:linear-gradient(to bottom,transparent 0,transparent var(--dof-y,100%),#000 calc(var(--dof-y,100%) + 9%))}
.sil--sharp.has-dof{-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 var(--dof-y,100%),transparent calc(var(--dof-y,100%) + 9%));mask-image:linear-gradient(to bottom,#000 0,#000 var(--dof-y,100%),transparent calc(var(--dof-y,100%) + 9%))}
.hero__copy{position:absolute;left:0;right:0;top:0;padding-top:calc(var(--header-h) + env(safe-area-inset-top,0px));display:flex;flex-direction:column;align-items:center;text-align:center;gap:30px;padding-inline:var(--gutter);z-index:2;will-change:transform,opacity,filter}
.hero__top{display:flex;flex-direction:column;align-items:center;gap:15px}
.h1{position:relative;font-size:var(--fs-h1);line-height:1.13;letter-spacing:-.02em;font-weight:800;color:var(--ink)}
.h1 .w{display:inline-block}
.h1 .reg{font-weight:400}
.h1 .it{font-weight:700;font-style:italic;padding-right:.04em}
.hl{position:relative;display:inline-block;z-index:0;padding-inline:.06em;margin-inline:-.03em}
.hl::before{content:"";position:absolute;z-index:-1;left:0;right:0;top:.1em;bottom:.02em;background:var(--green);border-radius:16px;transform-origin:0 50%;transform:scaleX(var(--hl,1))}
.hero__sub{font-size:14px;line-height:1.3;max-width:608px;color:var(--ink);margin-top:5px}
.hero__sub b{font-weight:700}
.proof{display:flex;align-items:center;gap:12px;font-size:14px;line-height:20px;font-style:italic;color:#111318}
.proof b{font-weight:700}
.avatars{display:flex}
.avatars span{width:32px;height:32px;display:block;margin-right:-12px;border-radius:50%}
.avatars span:last-child{margin-right:0}
.avatars svg{width:32px;height:32px}
.hero__ctas{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}
.hero__hint{position:absolute;left:var(--gutter);bottom:calc(26px + env(safe-area-inset-bottom,0px));z-index:3;display:flex;align-items:center;gap:12px;font-size:10px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:#77777c}
.hero__hint i{display:block;width:1px;height:38px;background:linear-gradient(#bdbdbd,#bdbdbd) 0 0/1px 100% no-repeat;position:relative;overflow:hidden;background-color:rgba(0,0,0,.08)}
.hero__hint i::after{content:"";position:absolute;left:0;top:-40%;width:1px;height:40%;background:var(--ink);animation:hint 2s var(--ease-io) infinite}
@keyframes hint{0%{top:-40%}100%{top:100%}}

/* phone screen overlay · 1:1 with Figma node 393:1716 (286 × 628) */
.pui{position:absolute;left:0;top:0;width:286px;height:628px;transform-origin:0 0;border-radius:34px;overflow:hidden;background:#fff;opacity:0;z-index:2;pointer-events:none;font-family:var(--font)}
.pui__in{position:absolute;inset:0;background:var(--bg);padding:36.67px 14.67px 14.67px;display:flex;flex-direction:column;gap:14.67px;font-size:8.8px;font-weight:700;color:var(--ink);line-height:1}
.pui__sb{position:absolute;left:23.47px;right:23.47px;top:10.6px;height:11.07px;display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700;color:#000;letter-spacing:-.01em}
.pui__sb .r{display:flex;gap:2.9px;align-items:center}
.pui__sb svg{height:8.6px;width:auto}
.pui__head{display:flex;align-items:center;justify-content:space-between;height:41.07px;flex:none}
.pui__crumb{display:flex;align-items:center;gap:8.8px;color:var(--mute);font-size:8.8px;line-height:7px;padding-left:1.47px}
.pui__crumb svg{width:10.48px;height:4.31px}
.pui__hello{font-size:20.54px;font-weight:700;margin-top:8.8px;line-height:15px;letter-spacing:-.005em}
.pui__bell{position:relative;width:41.07px;height:41.07px;border-radius:23.47px;background:#fff;border:.73px solid var(--line);display:grid;place-items:center}
.pui__bell svg{width:17.6px;height:17.6px}
.pui__bell b{position:absolute;left:27.14px;top:0;width:16.14px;height:16.14px;border-radius:30px;background:#f88383;border:2.93px solid #fff;color:#fff;font-size:8.8px;display:grid;place-items:center;line-height:1;filter:drop-shadow(0 .73px .37px rgba(33,33,33,.09))}
.pui__card{position:relative;flex:none;background:#fff;border-radius:11.73px;padding:22px;display:flex;flex-direction:column;gap:14.67px;overflow:hidden}
.pui__row{display:flex;gap:5.87px;align-items:center;width:100%}
.pui__ib{background:var(--bg);border-radius:11.73px;padding:10.27px;display:grid;place-items:center;flex:none}
.pui__ib svg{width:14.67px;height:14.67px}
.pui__meta{display:flex;flex-direction:column;gap:5.87px;align-items:flex-start;min-width:0}
.pui__lbl{font-size:8.8px;line-height:7px}
.pui__cr .pui__lbl{color:var(--mute)}
.pui__tags{display:flex;gap:2.93px}
.pui__tag{display:inline-flex;align-items:center;gap:2.93px;background:var(--green);border-radius:5.87px;padding:0 5.87px;height:14.67px;font-size:7.33px;line-height:11.73px;white-space:nowrap}
.pui__card .pui__tag{height:14.67px;padding:1.47px 5.87px}
.pui__tag--g{background:var(--bg);height:20.53px}
.pui__tag--p{height:20.53px}
.pui__tag svg{width:4.4px;height:4.4px}
.pui__val{font-size:33.74px;font-weight:800;letter-spacing:0;line-height:25px;height:25px;display:flex;align-items:center;white-space:nowrap}
.pui__chart{position:relative;height:85.32px;flex:none}
.pui__chart svg{position:absolute;inset:-.5px 0 0;width:100%;height:calc(100% + .5px);overflow:visible}
.pui__pop{position:absolute;left:112.95px;top:111.48px;width:124.68px;background:#fff;border-radius:11.73px;padding:7.33px 11px;display:flex;flex-direction:column;gap:4.4px;font-size:5.87px;line-height:1.2;filter:drop-shadow(0 13.94px 6.97px rgba(0,0,0,.09)) drop-shadow(0 3.67px 3.67px rgba(0,0,0,.1)) drop-shadow(0 30.8px 9.17px rgba(0,0,0,.05))}
.pp-h{display:flex;gap:2.93px;align-items:center;color:var(--ink)}
.pp-h .ic{width:9.53px;height:9.53px;stroke-width:1.6}
.pui__pop .lr{display:flex;justify-content:space-between;align-items:center;color:var(--mute)}
.pui__pop .lr span{display:flex;align-items:center;gap:2.93px}
.pui__pop .lr i{display:inline-block;width:7.33px;height:7.33px;border-radius:50%;border:1.47px solid var(--bg);background:#dcdcdc}
.pui__pop .lr i.g{background:var(--green)}
.pui__pop .tot{background:var(--green);border-radius:5.87px;padding:2.93px 5.87px;display:flex;justify-content:space-between;color:var(--ink)}
.pui__legend{display:flex;gap:11.73px;color:var(--mute);height:10.27px;align-items:center}
.pui__legend span{display:flex;gap:2.93px;align-items:center}
.pui__legend i{width:10.27px;height:10.27px;border-radius:50%;border:1.47px solid var(--bg);background:#dcdcdc}
.pui__legend i.g{background:var(--green)}
.pui__link{display:flex;gap:5.87px;align-items:center;height:10.27px}
.pui__link svg{width:10.27px;height:10.27px}
.pui__btns{display:flex;gap:14.67px;flex:none;align-items:flex-start}
.pui__btns span{flex:1;display:flex;align-items:center;justify-content:center;gap:5.87px;border-radius:11.73px;font-size:8.8px;white-space:nowrap}
.pui__btns span svg{width:10.27px;height:10.27px}
.pui__btns .a{background:var(--ink);color:#f5f5f5;height:33.74px}
.pui__btns .b{background:#fff;border:.73px solid var(--line);color:var(--mute);height:35.2px}
.pui__search{flex:none;height:41.07px;border-radius:11.73px;background:#fff;border:.73px solid var(--line);display:flex;align-items:center;gap:7.33px;padding:0 14.67px;color:var(--mute);font-size:10.27px;letter-spacing:-.11px}
.pui__search svg{width:17.6px;height:17.6px}
.pui__bot{position:absolute;left:244.23px;top:441.51px;width:35.2px;height:35.2px;border-radius:11.73px;background:var(--green);display:grid;place-items:center;filter:drop-shadow(0 3.67px 3.67px rgba(0,0,0,.1)) drop-shadow(0 13.9px 7px rgba(0,0,0,.09)) drop-shadow(0 30.8px 9.2px rgba(0,0,0,.05));z-index:2}
.pui__bot svg{width:14.67px;height:14.67px}
.pui__row3{display:flex;gap:14.67px;flex:none;width:max-content;margin-top:.97px}
.pui__cr{width:229.8px;background:#fff;border-radius:11.73px;padding:22px;display:flex;flex-direction:column;gap:14.67px;overflow:hidden;align-items:flex-start}
.pui__big{display:flex;gap:5.87px;align-items:flex-end;font-size:30.8px;font-weight:800;line-height:23px;height:23px}
.pui__big small{font-size:8.8px;color:var(--mute);font-weight:700;line-height:7px}
.pui__wl{display:flex;gap:5.87px;align-items:flex-start;align-self:flex-start}
.pui__wl svg{width:17.6px;height:17.6px}
.pui__chipm{display:flex;align-items:center;gap:2.93px;height:16.14px;padding:0 6.6px;border:.73px solid var(--line);border-radius:5.87px;font-size:7.33px;white-space:nowrap}
.pui__chipm svg{width:8.8px;height:8.8px}
.pui__chipm i{font-style:normal;color:#d4d4d8;font-size:10.27px;font-weight:500;margin:0 1.5px}
.pui__chipm i.dot{width:5.87px;height:5.87px;border-radius:50%;margin:0;border:.84px solid #deffdc;background:var(--green)}
.pui__chipm i.dot.y{background:#ffea00;border-color:#fffbd0}
.pui__lnk{display:flex;flex-direction:column;gap:5.87px;width:100%}
.pui__lnk span{display:flex;justify-content:space-between;align-items:center;font-size:8.8px;line-height:7px;height:10.27px}
.pui__lnk svg{width:10.27px;height:10.27px}
.pui__lnk b{width:11.73px;height:1.47px;background:var(--green)}
.pui__tab{position:absolute;left:0;right:0;top:564.93px;height:63.07px;background:rgba(255,255,255,.12);-webkit-backdrop-filter:blur(12px) saturate(1.15);backdrop-filter:blur(12px) saturate(1.15);display:flex;justify-content:space-between;align-items:flex-start;padding:19.07px 35.2px 26.4px;z-index:3}
.pui__tab::before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(245,245,245,.35),rgba(245,245,245,.75));z-index:-1}
.pui__tab span{display:grid;place-items:center;width:17.6px;height:17.6px}
.pui__tab svg{width:17.6px;height:17.6px}

/* hero chips */
.chip{position:absolute;left:0;top:0;z-index:3;display:flex;align-items:center;gap:8px;padding:10px 16px 10px 14px;border-radius:16px;background:#fff;border:1px solid var(--line);font-size:13px;font-style:italic;color:var(--ink);white-space:nowrap;opacity:0;pointer-events:none;box-shadow:0 14px 34px -18px rgba(0,0,0,.28)}
.chip svg{width:20px;height:20px;flex:none}

/* ---------- dark economia block ---------- */
.dark{background:var(--dark);color:var(--dark-text)}
.eco{position:relative;z-index:3;margin-top:-100svh}
.eco__inner{display:flex;flex-direction:column;gap:60px;padding-block:80px}
.eco__top{display:flex;flex-direction:column;gap:30px;align-items:flex-start}
.eco__h{font-size:var(--fs-h2);line-height:1.47;font-weight:800;letter-spacing:-.015em;max-width:944px;width:100%;color:var(--dark-text);text-wrap:pretty}
.eco__h .reg{font-weight:400}
.chart{display:flex;flex-direction:column;gap:20px}
.chart__bar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap}
.chart__ttl{display:flex;flex-direction:column;gap:4px}
.chart__ttl h3{display:flex;align-items:center;gap:4px;font-size:17px;font-weight:700;color:#fff;line-height:1.6}
.chart__ttl h3 svg{width:87px;height:27px}
.chart__ttl p{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:#66666b}
.chart__ttl p::before{content:"";width:5px;height:5px;border-radius:50%;background:#66666b}
.seg{position:relative;display:flex;align-items:center;gap:4px;padding:6px;border-radius:16px;background:var(--dark-3);border:1px solid var(--dark-line-2)}
.seg button{position:relative;z-index:1;height:34px;padding:0 12px;border-radius:8px;font-size:12px;font-weight:700;color:#646464;transition:color .3s}
.seg button[aria-selected="true"]{color:var(--dark-text)}
.seg button:hover{color:#b5b5b5}
.seg__ind{position:absolute;top:6px;left:0;height:34px;border-radius:8px;background:#333;border:1px solid var(--green);transition:transform .55s var(--ease-out),width .55s var(--ease-out)}
.chart__cv{position:relative;height:430px;touch-action:pan-y;cursor:crosshair;user-select:none;-webkit-user-select:none}
.chart__cv svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.chart__cv text{font-family:var(--font);font-size:10px;font-weight:500;fill:#616166}
.tip{position:absolute;left:0;top:0;width:252px;padding:20px;border-radius:16px;background:#161816;border:1px solid var(--dark-line-2);display:flex;flex-direction:column;gap:4px;pointer-events:none;box-shadow:0 24px 50px -20px rgba(0,0,0,.6);will-change:transform}
.tip__h{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.tip__h span{font-size:11px;font-weight:700;line-height:8px;color:var(--dark-mute-2)}
.tip__h em{display:flex;align-items:center;gap:5px;padding:3px 8px 3px 7px;border-radius:100px;background:#293829;color:var(--green);font-size:9px;line-height:7px;font-weight:700;font-style:normal}
.tip__h em::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--green)}
.tip__r{display:flex;align-items:center;justify-content:space-between;padding:5px 0}
.tip__r span{display:flex;align-items:center;gap:8px;font-size:12px;line-height:9px;font-weight:500;color:#b8b8bd}
.tip__r b{white-space:nowrap;font-size:14px;line-height:10px;font-weight:700;color:#b8b8bd}
.tip__r.g b{font-size:16px;line-height:12px;font-weight:800;color:var(--green)}
.sq{width:14px;height:14px;border-radius:4px;border:2px solid #6b6b70;background:#232323;flex:none;box-sizing:border-box}
.sq--g{border:0;background:var(--green)}
.sq--d{width:16px;height:16px;border-radius:5px;border:0;background:#334d33}
.tip hr{border:0;height:1px;background:#333833;margin:0 0 14px;flex:none}
.tip__f{display:flex;align-items:stretch;justify-content:space-between}
.tip__f div{display:flex;flex-direction:column;gap:8px;justify-content:center}
.tip__f small{font-size:11px;line-height:8px;font-weight:500;color:var(--dark-mute-2)}
.tip__f strong{font-size:22px;line-height:16px;font-weight:800;color:var(--dark-text);white-space:nowrap}
.tip__f em{display:flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:10px;background:#293d29;border:1px solid var(--dg-line);color:var(--green);font-style:normal;font-weight:800;font-size:16px;line-height:12px}
.chart__foot{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.legend{display:flex;gap:20px}
.legend span{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--dark-mute-2)}
.legend span+span{color:#d9d9d9}
.chart__src{font-size:11px;font-weight:500;color:#66666b}
.cpo{display:flex;flex-direction:column;gap:30px}
.cpo__bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.cpo__t{display:flex;flex-direction:column;gap:3px}
.cpo__t .eyebrow{font-size:11px}
.cpo__t p{font-size:12px;font-weight:500;color:var(--dark-mute)}
.cpo__hint{display:flex;align-items:center;gap:8px;height:32px;padding:0 17px;border-radius:16px;background:var(--dark-3);border:1px solid var(--dark-line-2);font-size:11px;font-weight:500;color:#9e9ea3}
.cpo__hint .ic{width:14px;height:14px;color:var(--green)}
.cards3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ccard{display:flex;flex-direction:column;gap:16px;padding:26px;border-radius:16px;background:var(--dark-2);border:1px solid var(--dark-line);transition:border-color .4s,transform .5s var(--ease-out)}
.ccard--g{background:var(--dg-card)}
.ccard__k{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.12px;color:#b2b2b8}
.ccard--g .ccard__k{color:var(--green)}
.ccard__k.d{color:#bfd9bf}
.money{display:flex;align-items:flex-end;font-weight:800;line-height:.8;color:#a8a8ad;white-space:nowrap}
.money .i{font-size:40px;letter-spacing:-.01em}
.money .c{font-size:18px;padding-bottom:1px}
.ccard--g .money{color:var(--green)}
.money.w{color:var(--dark-text)}
.money-row{display:flex;align-items:flex-end;gap:10px}
.delta{display:inline-grid;place-items:center;height:28px;padding:0 10px;border-radius:8px;background:#293d29;border:1px solid var(--dark-line);color:var(--green);font-size:14px;font-weight:800}
.ccard__n{font-size:15px;font-weight:700;color:#e6e6e6}
.ccard hr{border:0;height:1px;background:var(--dark-line);margin:0}
.ccard__s{font-size:12px;font-weight:500;color:var(--dark-mute)}
@media (hover:hover){.ccard:hover{border-color:#4a4a4e;transform:translateY(-3px)}}
.guard{display:flex;align-items:center;gap:18px;padding:18px 24px;border-radius:16px;background:var(--dg-bar);border:1px solid var(--dark-line)}
.guard svg.sh{width:38px;height:38px;flex:none}
.guard__t{display:flex;flex-direction:column;gap:3px;min-width:0}
.guard__t b{font-size:16px;font-weight:700;color:#fff}
.guard__t b span{color:var(--green)}
.guard__t p{font-size:13px;font-weight:500;color:#adadb2}
.guard__p{margin-left:auto;display:flex;align-items:center;gap:7px;padding:8px 14px 8px 12px;border-radius:100px;background:var(--dg-chip);color:var(--green);font-size:11px;font-weight:700;white-space:nowrap}
.guard__p::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green);animation:ping 2.4s var(--ease-out) infinite;color:var(--green)}

/* ---------- custos escondidos ---------- */
.costs{background:var(--bg)}
.toggle{position:relative;display:inline-flex;padding:5px;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:0 1px 0 rgba(0,0,0,.02)}
.toggle button{position:relative;z-index:1;height:42px;padding:0 20px;border-radius:12px;font-size:13px;font-weight:700;color:var(--ink-3);transition:color .4s}
.toggle button[aria-pressed="true"]{color:var(--ink)}
.toggle__k{position:absolute;top:5px;left:5px;height:42px;border-radius:12px;background:#ededed;transition:transform .6s var(--ease-out),width .6s var(--ease-out),background-color .5s}
.costs.is-on .toggle__k{background:var(--green)}
.costs__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.cost{position:relative;display:flex;flex-direction:column;gap:22px;padding:28px;border-radius:16px;background:#fff;border:1px solid var(--line);min-height:380px;overflow:hidden;transition:border-color .6s,box-shadow .6s}
.costs.is-on .cost{border-color:#d3f5cf;box-shadow:0 24px 50px -36px rgba(40,140,30,.45)}
.cost__top{display:flex;align-items:center;justify-content:space-between}
.cost__ic{width:44px;height:44px;border-radius:12px;background:var(--bg);display:grid;place-items:center;transition:background .5s}
.cost__ic .ic{width:20px;height:20px}
.costs.is-on .cost__ic{background:var(--green)}
.cost__st{font-size:11px;font-weight:700;padding:6px 10px;border-radius:100px;background:#fdeaea;color:#c43c3c;transition:background .5s,color .5s}
.costs.is-on .cost__st{background:var(--green-wash);color:var(--green-ink)}
.cost h3{font-size:20px;font-weight:800;letter-spacing:-.01em}
.cost p{font-size:14px;line-height:1.55;color:var(--ink-2)}
.cost__vis{margin-top:auto;position:relative;height:120px}
.vis-a{display:flex;flex-direction:column;justify-content:flex-end;height:100%;gap:6px}
.vis-a .old{position:relative;display:inline-flex;align-self:flex-start;font-size:40px;font-weight:800;color:var(--ink);line-height:1;letter-spacing:-.01em;transition:color .5s,font-size .6s var(--ease-out)}
.vis-a .old small{font-size:18px}
.vis-a .old::after{content:"";position:absolute;left:-4px;right:-4px;top:52%;height:3px;border-radius:3px;background:#e35151;transform-origin:0 50%;transform:scaleX(0);transition:transform .6s var(--ease-out)}
.vis-a .new{display:inline-flex;align-items:center;gap:10px;font-size:40px;font-weight:800;color:var(--green-ink);line-height:1;opacity:0;transform:translateY(12px);transition:opacity .5s .25s,transform .7s .25s var(--ease-out)}
.vis-a .new small{font-size:18px}
.vis-a .new em{font-style:normal;font-size:13px;padding:5px 9px;border-radius:8px;background:var(--green);color:#1d3b1b}
.vis-a .lbl{font-size:12px;color:var(--ink-3);font-weight:600}
.costs.is-on .vis-a .old{color:var(--mute);font-size:22px}
.costs.is-on .vis-a .old small{font-size:12px}
.costs.is-on .vis-a .old::after{transform:scaleX(1)}
.costs.is-on .vis-a .new{opacity:1;transform:none}
.vis-b{display:flex;flex-direction:column;justify-content:flex-end;gap:10px;height:100%}
.tank{position:relative;height:54px;border-radius:14px;background:var(--bg);border:1px solid var(--line);overflow:hidden}
.tank__f{position:absolute;inset:0;background:repeating-linear-gradient(-45deg,#e0e0e0 0 8px,#d6d6d6 8px 16px);transform-origin:0 50%;transition:transform 1s var(--ease-out),background .6s}
.tank__l{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:12px;font-weight:700;color:var(--ink)}
.costs.is-on .tank__f{transform:scaleX(0)}
.vis-b .cap{display:flex;justify-content:space-between;font-size:12px;font-weight:600;color:var(--ink-3)}
.vis-b .cap b{color:var(--ink);transition:color .5s}
.costs.is-on .vis-b .cap b{color:var(--green-ink)}
.vis-c{display:flex;flex-direction:column;justify-content:flex-end;gap:8px;height:100%}
.task{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:var(--ink);transition:color .5s}
.task i{position:relative;width:18px;height:18px;border-radius:6px;border:2px solid #d0d0d0;flex:none;transition:background .4s,border-color .4s}
.task i::after{content:"";position:absolute;left:4px;top:1px;width:5px;height:9px;border:solid #1d3b1b;border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);transition:transform .35s var(--ease-out)}
.task span{position:relative}
.task span::after{content:"";position:absolute;left:0;right:0;top:55%;height:1.5px;background:var(--mute);transform:scaleX(0);transform-origin:0 50%;transition:transform .5s var(--ease-out)}
.costs.is-on .task{color:var(--mute)}
.costs.is-on .task i{background:var(--green);border-color:var(--green)}
.costs.is-on .task i::after{transform:rotate(45deg) scale(1)}
.costs.is-on .task span::after{transform:scaleX(1)}
.costs.is-on .task:nth-child(2) *{transition-delay:.12s}
.costs.is-on .task:nth-child(3) *{transition-delay:.24s}
.costs__note{margin-top:28px;font-size:13px;color:var(--ink-3)}

/* ---------- como funciona ---------- */
.how{background:var(--paper)}
.how__pin{position:relative}
.how__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px);gap:clamp(40px,6vw,100px);align-items:center;min-height:100svh;padding-block:clamp(90px,10vh,130px) clamp(60px,8vh,90px)}
.how__h{font-size:clamp(30px,2.9vw,42px);line-height:1.22;letter-spacing:-.025em;font-weight:400;color:#7a7a7f;max-width:640px;width:100%;text-wrap:pretty}
.how__h b{font-weight:700;color:var(--ink)}
.how__lead{font-size:clamp(15px,1.25vw,18px);line-height:1.6;color:var(--ink-3);max-width:620px}
.how__lead b{color:var(--ink);font-weight:700}
.steps{position:relative;display:flex;flex-direction:column;gap:30px;margin-top:44px;list-style:none;padding:0}
.steps__rail{position:absolute;left:31px;top:32px;bottom:32px;width:2px;background:var(--line)}
.steps__fill{position:absolute;inset:0;background:var(--green);transform-origin:50% 0;transform:scaleY(0)}
.step{position:relative;display:grid;grid-template-columns:64px 1fr;gap:28px;align-items:start;cursor:pointer}
.step__n{position:relative;z-index:1;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-size:22px;font-weight:800;background:#ededed;color:var(--ink);transition:background .5s,color .5s,transform .6s var(--ease-out),box-shadow .5s}
.step.is-on .step__n{background:var(--ink);color:#fff;box-shadow:0 0 0 6px #fff,0 0 0 7px var(--line)}
.step.is-done .step__n{background:var(--green);color:var(--ink)}
.step h3{font-size:clamp(20px,1.8vw,26px);font-weight:700;letter-spacing:-.01em;padding-top:8px;transition:color .5s}
.step p{margin-top:6px;font-size:16px;line-height:1.5;color:var(--ink-3);max-width:420px;transition:color .5s}
.step:not(.is-on) h3{color:#a3a3a7}
.step:not(.is-on) p{color:#b5b5b9}
.how__phone{position:relative;justify-self:center;width:min(100%,340px)}
.dev{position:relative;width:100%;border-radius:54px;background:#111;padding:11px;box-shadow:0 60px 90px -50px rgba(0,0,0,.5),0 0 0 1px #2a2a2a inset,0 0 0 2px #0a0a0a}
.dev::before{content:"";position:absolute;left:50%;top:21px;transform:translateX(-50%);width:28%;height:3.2%;max-height:26px;border-radius:20px;background:#000;z-index:40}
.dev__scr{position:relative;width:100%;aspect-ratio:390/844;border-radius:43px;overflow:hidden;background:#f5f5f5;isolation:isolate}

/* ---------- app simulation · 1:1 with the Frakto app (390 × 844 design units) ---------- */
.ap{--g:#89f883;--t2:#767676;--ph:#bcbcbc;--bd:#ececec;--sf:#f5f5f5;position:absolute;left:0;top:0;width:390px;height:844px;transform:scale(var(--s,.8));transform-origin:0 0;background:var(--sf);color:#333;font-family:var(--font);font-weight:700;overflow:hidden;line-height:normal}
.ap svg{flex:none}
.ap__base{position:absolute;inset:0;overflow:hidden}
.ap__scroll{position:relative;padding:50px 20px 160px;display:flex;flex-direction:column;gap:20px;will-change:transform}
.ap__sb{position:absolute;left:0;right:0;padding:0 32px;top:0;height:44px;background:linear-gradient(var(--sf) 62%,rgba(245,245,245,0));display:flex;align-items:center;justify-content:space-between;z-index:4;pointer-events:none}
.ap__sb .ap__time svg,.ap__sb>span:first-child svg{width:32.4px;height:15.1px}
.ap__sb .r{display:flex;gap:4px;align-items:center}
.ap__sb .r svg{height:14px;width:auto}
.ap__top{display:flex;align-items:center;justify-content:space-between}
.ap__crumb{display:flex;gap:12px;align-items:center;padding:0 2px;font-size:12px;color:var(--t2)}
.ap__crumb svg{width:18px;height:7.4px}
.ap__hello{font-size:28px;margin-top:12px;line-height:22px;letter-spacing:-.005em}
.ap__bell{position:relative;width:56px;height:56px;border-radius:16px;background:#fff;border:1px solid var(--bd);display:grid;place-items:center}
.ap__bell svg{width:24px;height:24px}
.ap__bell b{position:absolute;left:37px;top:0;width:22px;height:22px;border-radius:50%;background:#f88383;border:4px solid #fff;color:#fff;font-size:12px;display:grid;place-items:center;line-height:1}
.ac{position:relative;background:#fff;border-radius:16px;padding:32px;display:flex;flex-direction:column;gap:20px;align-items:flex-start;overflow:hidden;flex:none}
.ac__hd{display:flex;gap:8px;align-items:center;width:100%}
.ac__ib{background:var(--sf);border-radius:16px;padding:16px;display:grid;place-items:center;flex:none}
.ac__ib svg{width:20px;height:20px}
.ac__ib--s{padding:14px}
.ac__hg{display:flex;flex-direction:column;gap:4px;align-items:flex-start;min-width:0}
.ac__tags{display:flex;gap:4px}
.ac__lbl{font-size:12px;color:var(--t2)}
.bd{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:8px;font-size:10px;color:#333;white-space:nowrap}
.bd--a{background:var(--g)}
.bd--s{background:var(--sf)}
.bd svg{width:6px;height:6px}
.ac__val{font-size:42px;font-weight:800;line-height:53px}
.ac__chart{width:100%;height:116.3px}
.ac__chart svg{width:100%;height:100%}
.ac__lg{display:flex;gap:16px}
.ac__lg span{display:flex;gap:4px;align-items:center;font-size:12px;color:var(--t2)}
.ac__lg i{width:14px;height:14px;border-radius:50%;border:2px solid var(--bd);background:var(--sf);box-sizing:border-box}
.ac__lg i.g{background:var(--g)}
.clink{display:flex;flex-direction:column;gap:8px;width:100%}
.clink>span{display:flex;justify-content:space-between;align-items:center;font-size:12px;gap:8px}
.clink>span svg{width:14px;height:14px}
.clink>b{width:16px;height:2px;background:var(--g)}
.clink i{font-style:normal;font-weight:500;color:var(--t2);font-size:20px;line-height:0;vertical-align:-2px}
.clink small{font-size:10px;color:var(--t2)}
.ap__btns{display:flex;gap:20px}
.abtn{display:flex;align-items:center;justify-content:center;gap:8px;height:56px;padding:0 20px;border-radius:16px;font-size:12px;white-space:nowrap;border:1px solid transparent;transition:background-color .45s var(--ease-out),color .45s,border-color .45s,opacity .45s,transform .25s var(--ease-out),box-shadow .45s}
.abtn svg{width:14px;height:14px}
.abtn .ic{width:14px;height:14px}
.ap__btns .abtn{flex:1}
.abtn--1{background:#333;color:var(--g)}
.abtn--2{background:#fff;border-color:var(--bd);color:#333}
.abtn--off{background:var(--sf);border-color:var(--bd);color:var(--ph);opacity:.25;padding:0 21px}
.abtn--w{width:100%}
.abtn.is-off{background:var(--sf);border-color:var(--bd);color:var(--ph);opacity:.35}
.abtn.is-press{transform:scale(.95)}
.abtn .ag-d{display:none;align-items:center;gap:6px}
.abtn.is-agreed{background:var(--g);color:#1d3b1b}
.abtn.is-agreed .ag-t{display:none}
.abtn.is-agreed .ag-d{display:flex}
.abtn--wait{flex:1;background:#f88383;color:#fff;animation:waitp 1.4s ease-in-out infinite}
@keyframes waitp{50%{opacity:.72}}
.abtn--s{height:40px;padding:0 14px;flex:none;border-radius:12px}
.ap__cards{display:flex;gap:20px;width:max-content}
.ac--w{width:317.67px}
.ac__num{display:flex;gap:8px;align-items:baseline;font-size:42px;font-weight:800;line-height:53px}
.ac__num small{font-size:12px;font-weight:700;color:var(--t2)}
.ac__meta{display:flex;align-items:center;gap:4px;height:22px;padding:0 9px;border:1px solid var(--bd);border-radius:8px;font-size:10px}
.ac__meta svg{width:12px;height:12px}
.ac__meta i{font-style:normal;font-weight:500;color:var(--t2)}
.ac.is-flash{box-shadow:0 0 0 3px var(--g)}
.ac{transition:box-shadow .6s var(--ease-out)}
.ap__search{height:56px;flex:none;background:#fff;border:1px solid var(--bd);border-radius:16px;display:flex;align-items:center;gap:10px;padding:0 20px;font-size:12px;color:var(--ph)}
.ap__search svg{width:24px;height:24px}
.ac--t{padding:30px}
.at__bar{display:flex;gap:20px;width:100%;align-items:flex-start}
.at{width:100%}
.at__h,.at__r{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 40px 20px;column-gap:24px}
.at__h{height:44px;align-items:center;padding-left:10px;border-top:1px solid var(--bd);font-size:12px;color:var(--t2)}
.at__rows{display:flex;flex-direction:column}
.at__r{padding:21px 8px 20px;border-top:1px solid var(--bd);align-items:start;position:relative;overflow:hidden}
.at__r svg{width:20px;height:20px;align-self:center}
.at__r.is-new::before{content:"";position:absolute;inset:0;background:var(--g);opacity:.22;animation:rowflash 2.2s var(--ease-out) forwards;pointer-events:none}
@keyframes rowflash{to{opacity:0}}
.at__id b,.at__c b{display:block;font-size:12px}
.at__id small{display:block;font-size:10px;color:var(--t2);margin-top:4px}
.at__c small{display:flex;gap:4px;margin-top:8px;font-size:10px;color:var(--t2);white-space:nowrap}
.at__c em{font-style:normal}
.at__c s{font-weight:400}
.sd{justify-self:center;align-self:center;width:6px;height:6px;border-radius:50%;background:var(--g);border:4px solid rgba(137,248,131,.15);box-sizing:content-box;transition:background .4s,border-color .4s}
.sd--pe{background:#f8f683;border-color:rgba(248,246,131,.25)}
.sd--at{background:#f88383;border-color:rgba(248,131,131,.15)}
.ap__fab{position:absolute;left:333px;top:620px;padding:14px;border-radius:16px;background:var(--g);display:grid;place-items:center;filter:drop-shadow(0 5px 2.5px rgba(0,0,0,.09)) drop-shadow(0 12px 3.5px rgba(0,0,0,.05))}
.ap__fab svg{width:20px;height:20px}
.ap__tab{position:absolute;left:0;right:0;bottom:0;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:26px 48px 36px;z-index:20}
.ap__tab svg{width:24px;height:24px}
.ap__ov{position:absolute;inset:0;background:rgba(0,0,0,.55);opacity:0;z-index:5}
.dw{position:absolute;left:0;right:0;top:145px;bottom:0;background:var(--sf);border-radius:16px 16px 0 0;border-left:1px solid var(--bd);overflow:hidden;z-index:6}
.dw__in{padding:40px 40px 160px;display:flex;flex-direction:column;gap:20px;will-change:transform}
.dw__hd{display:flex;justify-content:space-between;align-items:flex-start}
.dw__hd h4{margin:0;font-size:22px;font-weight:800;line-height:1.26}
.dw__hd p{font-size:12px;color:var(--t2);margin-top:4px}
.dw__hd p.ph{color:var(--ph)}
.dw__x{width:22px;height:22px;border-radius:50%;background:#fff;border:4px solid var(--bd);display:grid;place-items:center;margin-left:20px;flex:none}
.dw__x svg{width:14px;height:14px}
.dw hr{border:0;height:1px;background:var(--bd);margin:0;width:100%;flex:none}
.stp{display:flex;align-items:center;gap:8px;width:100%}
.stp__s{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ph);white-space:nowrap;transition:color .4s}
.stp__s i{width:22px;height:22px;border-radius:50%;background:#fff;display:grid;place-items:center;font-style:normal;font-size:10px;color:var(--ph);transition:background .45s,color .45s,transform .5s var(--ease-out)}
.stp__s.is-on{color:#333}
.stp__s.is-on i{background:#333;color:var(--sf)}
.stp__s.is-pop i{transform:scale(1.25)}
.stp__l{flex:1;height:1px;background:var(--bd);min-width:6px;position:relative;overflow:hidden}
.stp__l::after{content:"";position:absolute;inset:0;background:#333;transform:scaleX(var(--p,0));transform-origin:0 50%;transition:transform .6s var(--ease-out)}
.fl{display:flex;flex-direction:column;gap:8px;width:100%}
.fl__lb{display:flex;gap:8px;align-items:center;font-size:12px}
.fl__lb svg,.fl__lb .ic{width:14px;height:14px}
.fl__lb em{font-style:normal;color:var(--ph)}
.fl__box{height:56px;border:1px solid var(--bd);border-radius:16px;padding:0 20px;display:flex;align-items:center}
.tagnet{height:28px;padding:0 8px;border-radius:8px;background:#e8faf2;color:#1a7a4a;font-size:12px;display:grid;place-items:center}
.fl__in{position:relative;height:56px;background:#fff;border:1px solid var(--bd);border-radius:16px;padding:0 20px;display:flex;align-items:center;gap:8px;font-size:12px;overflow:hidden;transition:border-color .35s,box-shadow .35s}
.fl__in--50{height:50px}
.fl__in.is-focus{border-color:#333;box-shadow:0 0 0 4px rgba(51,51,51,.06)}
.fl__ph{position:absolute;left:20px;right:44px;color:var(--ph);font-weight:400;white-space:nowrap;overflow:hidden;transition:opacity .2s}
.fl__in.has-v .fl__ph{opacity:0}
.fl__v{flex:1;min-width:0;white-space:nowrap;overflow:hidden}
.fl__in.is-typing .fl__v::after{content:"";display:inline-block;width:1.5px;height:14px;background:#333;margin-left:1px;vertical-align:-3px;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.fl__ok{width:14px;height:14px;transform:scale(0);transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.fl__ok svg{width:14px;height:14px}
.fl__in.is-ok .fl__ok{transform:scale(1)}
.fl__suf{font-size:12px;color:var(--t2)}
.fl__sel>svg{width:16px;height:16px;margin-left:auto}
.fl__pix{display:flex;gap:8px;align-items:center;opacity:0;transform:translateY(6px);transition:opacity .35s,transform .45s var(--ease-out)}
.fl__pix svg{width:20px;height:20px}
.fl__in.has-v .fl__pix{opacity:1;transform:none}
.decl{background:rgba(248,246,131,.15);border:1px solid rgba(248,246,131,.15);border-radius:16px;padding:16px 20px 20px;display:flex;flex-direction:column;gap:20px;overflow:hidden}
.decl__h{display:flex;gap:8px;align-items:center;font-size:12px}
.decl__h svg{width:20px;height:20px}
.decl p{font-size:10px;font-weight:500;margin:0;line-height:1.26}
.decl p b{font-weight:700}
.kyt{display:none;flex-direction:column;gap:16px;align-items:center;text-align:center}
.kyt p{font-size:12px;font-weight:500;line-height:1.35;margin:0}
.kyt p b{font-weight:700}
.kyt__pill{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px 0 8px;border-radius:10px;background:#fff;font-size:10px}
.kyt__pill .sd{animation:pend 1.2s ease-in-out infinite}
@keyframes pend{50%{box-shadow:0 0 0 4px rgba(248,246,131,.45)}}
.dw__acts{display:flex;gap:20px;width:100%}
.dw__acts .abtn{flex:1}
.dw__help{text-align:center;font-size:12px;color:var(--t2);margin:0}
.dw__help b{color:#333}
.chips{display:flex;gap:8px}
.chp{flex:1;padding:16px 0;border:1px dashed var(--bd);border-radius:16px;background:#fff;font-size:12px;color:var(--t2);text-align:center;transition:background .35s,color .35s,border-color .35s,transform .25s var(--ease-out)}
.chp.is-sel{background:#333;color:#fff;border:1px solid #333}
.chp.is-press{transform:scale(.92)}
.alert{background:var(--g);border-radius:16px;padding:12px 15px;display:flex;gap:8px;align-items:center}
.alert svg{width:24px;height:24px}
.alert b{display:block;font-size:12px}
.alert small{display:block;font-size:10px;margin-top:4px}
.alert.is-ping{animation:alertping .7s var(--ease-out)}
@keyframes alertping{0%{transform:scale(1)}35%{transform:scale(1.03)}100%{transform:scale(1)}}
.sum{background:#fff;border:1px solid var(--bd);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:8px}
.sum__r{display:flex;justify-content:space-between;font-size:12px;color:var(--t2);padding-bottom:8px;border-bottom:1px solid var(--sf)}
.sum__r--k span:last-child{color:#333}
.sum__t{display:flex;justify-content:space-between;font-size:16px;padding-top:4px}
.pg{display:none;flex-direction:column;gap:20px}
.pg.is-on{display:flex}
.qr{background:#fff;border-radius:16px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:14px;font-size:12px}
.qr__img{width:176px;height:176px;display:grid;grid-template-columns:repeat(25,1fr);gap:0}
.qr__img i{display:block;background:#1d1d1d;aspect-ratio:1}
.qr__img i.o{background:transparent}
.qr__exp{display:flex;gap:6px;align-items:center;font-size:11px;color:var(--t2)}
.qr__exp .ic{width:14px;height:14px}
.qr__exp b{color:#e14d4d}
.pix{background:#fff;border:1px solid var(--bd);border-radius:16px;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 20px;font-size:11px}
.ok2{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 0;text-align:center}
.ok2__ic svg{width:48px;height:48px}
.ok2 b{font-size:18px;margin-top:6px}
.ok2 span{font-size:12px}
.won{background:var(--g);border:1px solid var(--bd);border-radius:16px;padding:20px 12px;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;color:#333;text-align:center}
.won strong{font-size:38px;font-weight:800;line-height:1.2;white-space:nowrap;letter-spacing:-.01em}
.ap__toast{position:absolute;left:16px;right:16px;top:52px;z-index:30;background:#fff;border-radius:18px;padding:14px 16px;display:flex;gap:12px;align-items:center;box-shadow:0 24px 40px -18px rgba(0,0,0,.35),0 0 0 1px rgba(0,0,0,.04);opacity:0}
.ap__toast b{display:block;font-size:12px}
.ap__toast small{display:block;font-size:10px;color:var(--t2);margin-top:3px}

/* ---------- pra quem é ---------- */
.who{background:var(--bg)}
.who__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.wcard{position:relative;display:flex;flex-direction:column;gap:18px;padding:30px;border-radius:20px;background:#fff;border:1px solid var(--line);overflow:hidden;isolation:isolate;transition:transform .6s var(--ease-out),border-color .5s,box-shadow .6s}
.wcard::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(137,248,131,.28),transparent 45%);opacity:0;transition:opacity .5s}
@media (hover:hover){.wcard:hover{transform:translateY(-6px);border-color:#d7f7d3;box-shadow:0 30px 60px -40px rgba(0,0,0,.3)}.wcard:hover::before{opacity:1}.wcard:hover .wcard__ic{background:var(--ink);color:var(--green);transform:rotate(-6deg)}}
.wcard__ic{width:52px;height:52px;border-radius:14px;background:var(--bg);display:grid;place-items:center;transition:background .45s,color .45s,transform .6s var(--ease-out)}
.wcard__ic .ic{width:24px;height:24px}
.wcard h3{font-size:22px;font-weight:800;letter-spacing:-.015em;line-height:1.2}
.wcard p{font-size:15px;line-height:1.55;color:var(--ink-2)}
.wcard__tag{margin-top:auto;padding-top:18px;border-top:1px dashed var(--line-2);display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--ink-3)}
.wcard__tag::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green)}
.side{margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 26px;border-radius:20px;background:var(--ink);color:#fff;flex-wrap:wrap}
.side p{font-size:15px;color:#cfcfd3;max-width:760px}
.side p b{color:#fff}
.side a{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--green);white-space:nowrap}
.side a .ic{transition:transform .45s var(--ease-out)}
.side a:hover .ic{transform:translateX(4px)}

/* ---------- segurança ---------- */
.sec-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(32px,5vw,80px);align-items:center;margin-bottom:56px}
.flow{position:relative;width:100%;aspect-ratio:600/440;border-radius:24px;background:radial-gradient(120% 90% at 50% 100%,#1f2a1f 0%,#1b1c1b 55%);border:1px solid var(--dark-line);overflow:hidden}
.flow svg{position:absolute;inset:0;width:100%;height:100%}
.flow text{font-family:var(--font)}
.dcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.dcard{display:flex;flex-direction:column;gap:14px;padding:26px;border-radius:16px;background:var(--dark-2);border:1px solid var(--dark-line);transition:border-color .45s,transform .6s var(--ease-out)}
@media (hover:hover){.dcard:hover{border-color:#3f5a3f;transform:translateY(-4px)}}
.dcard__sw{width:44px;height:24px;border-radius:20px;background:#1f3a1f;position:relative}
.dcard__sw::after{content:"";position:absolute;top:5px;left:6px;width:14px;height:14px;border-radius:50%;background:#2fd35a;box-shadow:0 0 12px rgba(47,211,90,.6);transition:transform .7s var(--ease-out)}
.dcard.is-in .dcard__sw::after{transform:translateX(13px)}
.dcard h3{font-size:18px;font-weight:700;color:#fff}
.dcard p{font-size:14px;line-height:1.55;color:var(--dark-sub)}
.legal{margin-top:16px;display:flex;flex-wrap:wrap;gap:10px 26px;padding:18px 24px;border-radius:16px;border:1px dashed #3a3a3d;font-size:12.5px;font-weight:600;color:#a9a9ae}
.legal span{display:inline-flex;align-items:center;gap:8px}
.legal .ic{width:15px;height:15px;color:var(--green)}

/* ---------- preços / calculadora ---------- */
.price{background:var(--paper)}
.calc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-radius:24px;overflow:hidden;border:1px solid var(--line);box-shadow:0 40px 80px -60px rgba(0,0,0,.35);background:#fff}
.calc__in{padding:clamp(24px,3.2vw,44px);display:flex;flex-direction:column;gap:30px}
.calc__in>small{font-size:12px;font-weight:700;color:var(--ink-3);letter-spacing:.02em}
.rng{display:flex;flex-direction:column;gap:12px}
.rng__top{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.rng__top label{font-size:14px;font-weight:600;color:var(--ink-2)}
.rng__val{display:flex;align-items:center;gap:6px;height:40px;padding:0 12px;border-radius:10px;background:var(--bg);border:1px solid var(--line);font-size:16px;font-weight:800;min-width:118px;justify-content:flex-end}
.rng__val input{width:84px;border:0;background:transparent;font-weight:800;font-size:16px;color:var(--ink);text-align:right;outline:none;padding:0}
.rng__val span{font-size:12px;color:var(--ink-3);font-weight:700}
.rng__track{position:relative;height:28px;display:flex;align-items:center}
.rng input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:28px;background:transparent;margin:0;cursor:pointer;position:relative;z-index:1}
.rng input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:8px;background:transparent}
.rng input[type=range]::-moz-range-track{height:8px;border-radius:8px;background:transparent}
.rng input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:#fff;border:2px solid var(--ink);margin-top:-9px;box-shadow:0 6px 14px -4px rgba(0,0,0,.3);transition:transform .3s var(--ease-out)}
.rng input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:2px solid var(--ink);box-shadow:0 6px 14px -4px rgba(0,0,0,.3)}
.rng input[type=range]:active::-webkit-slider-thumb{transform:scale(1.15)}
.rng__bg{position:absolute;left:0;right:0;height:8px;border-radius:8px;background:var(--bg);border:1px solid var(--line)}
.rng__fill{position:absolute;left:0;height:8px;border-radius:8px;background:var(--green);width:var(--p,50%)}
.rng__ticks{display:flex;justify-content:space-between;font-size:11px;font-weight:600;color:var(--mute)}
.calc__fixed{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-radius:14px;background:var(--green-wash);border:1px solid #cdf5c9;font-size:13px;font-weight:600;color:#245c20}
.calc__fixed b{font-size:16px;color:var(--green-ink);font-weight:800}
.calc__out{position:relative;background:var(--dark);color:#fff;padding:clamp(24px,3.2vw,44px);display:flex;flex-direction:column;gap:22px;overflow:hidden;isolation:isolate}
.calc__out::before{content:"";position:absolute;right:-30%;top:-40%;width:90%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(137,248,131,.16),transparent);z-index:-1}
.calc__out>small{font-size:13px;font-weight:700;color:var(--green)}
.calc__big{font-size:clamp(44px,5vw,68px);font-weight:800;letter-spacing:-.03em;line-height:1}
.calc__big small{font-size:.45em;letter-spacing:0}
.calc__sub{margin-top:-10px;font-size:14px;color:#c9c9ce}
.calc__sub b{color:#fff}
.bars{display:flex;flex-direction:column;gap:14px;margin-top:6px}
.bar{display:grid;grid-template-columns:110px 1fr auto;gap:14px;align-items:center;font-size:13px;color:#c9c9ce}
.bar__t{position:relative;height:10px;border-radius:10px;background:#2a2a2a;overflow:hidden}
.bar__f{position:absolute;inset:0;border-radius:10px;background:#6b6b70;transform-origin:0 50%;transition:transform .8s var(--ease-out)}
.bar--g .bar__f{background:var(--green)}
.bar b{font-weight:800;color:#fff;min-width:96px;text-align:right}
.calc__out .btn{align-self:flex-start;margin-top:auto}
.calc__note{margin-top:16px;font-size:12px;color:var(--ink-3)}
.model{margin-top:56px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.mcard{display:flex;flex-direction:column;gap:14px;padding:26px;border-radius:16px;background:#fff;border:1px solid var(--line);transition:transform .6s var(--ease-out),box-shadow .6s}
@media (hover:hover){.mcard:hover{transform:translateY(-4px);box-shadow:0 30px 50px -40px rgba(0,0,0,.35)}}
.mcard__ic{width:44px;height:26px;border-radius:13px;background:var(--green-wash);display:grid;place-items:center;color:var(--green-ink)}
.mcard__ic .ic{width:15px;height:15px}
.mcard h3{font-size:18px;font-weight:700}
.mcard p{font-size:14px;line-height:1.55;color:var(--ink-2)}

/* ---------- logos ---------- */
.logos{background:var(--bg);padding-block:clamp(56px,7vw,88px);border-top:1px solid var(--line)}
.logos__in{display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap}
.logos__t{display:flex;flex-direction:column;gap:6px;max-width:280px}
.logos__t strong{font-size:28px;font-weight:800;letter-spacing:-.02em}
.logos__t span{font-size:13px;color:var(--ink-3)}
.logos__row{display:flex;align-items:center;gap:clamp(28px,5vw,72px);flex-wrap:wrap}
.lg{display:grid;place-items:center;height:56px;filter:grayscale(1);opacity:.55;transition:filter .5s,opacity .5s,transform .6s var(--ease-out)}
.lg:hover{filter:none;opacity:1;transform:translateY(-3px)}
.lg svg{height:100%;width:auto}
.lg--word{height:34px}
.lg--mark{height:46px}

/* ---------- FAQ ---------- */
.faq{background:var(--bg)}
.faq__grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,6vw,96px);align-items:start}
.faq__side{position:sticky;top:120px;display:flex;flex-direction:column;gap:24px}
.faq__h{font-size:clamp(34px,3.6vw,52px);line-height:1.08;font-weight:800;letter-spacing:-.035em}
.ask{margin-top:12px;padding:22px;border-radius:18px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;gap:14px}
.ask b{font-size:15px}
.ask p{font-size:14px;color:var(--ink-3)}
.ask .row{display:flex;gap:10px;flex-wrap:wrap}
.acc{display:flex;flex-direction:column;gap:12px}
.qa{border-radius:16px;background:#fff;border:1px solid var(--line);transition:border-color .4s,box-shadow .5s}
.qa.is-open{border-color:#dcdcdc;box-shadow:0 24px 40px -34px rgba(0,0,0,.35)}
.qa h3{margin:0}
.qa button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;text-align:left;font-size:16px;font-weight:700;letter-spacing:-.01em;color:var(--ink)}
.qa__x{position:relative;width:28px;height:28px;border-radius:9px;background:var(--bg);flex:none;transition:background .4s,transform .6s var(--ease-out)}
.qa__x::before,.qa__x::after{content:"";position:absolute;left:8px;right:8px;top:13px;height:2px;border-radius:2px;background:var(--ink);transition:transform .5s var(--ease-out)}
.qa__x::after{transform:rotate(90deg)}
.qa.is-open .qa__x{background:var(--green);transform:rotate(180deg)}
.qa.is-open .qa__x::after{transform:rotate(0)}
.qa__b{height:0;overflow:hidden}
.qa.is-open .qa__b{height:auto}
.qa__b p{padding:0 24px 24px;font-size:15px;line-height:1.6;color:var(--ink-2);max-width:640px}

/* ---------- CTA ---------- */
.cta{background:var(--paper);padding-block:clamp(48px,6vw,80px)}
.cta__card{position:relative;overflow:hidden;isolation:isolate;border-radius:var(--r-xl);background:var(--dark-0);color:#fff;padding:clamp(56px,8vw,110px) var(--gutter);display:flex;flex-direction:column;align-items:center;text-align:center;gap:22px;min-height:480px;justify-content:center}
.cta__glow{position:absolute;inset:0;z-index:-2;background:radial-gradient(600px circle at var(--mx,50%) var(--my,30%),rgba(137,248,131,.22),transparent 60%);transition:background .2s}
.cta__grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse at 50% 40%,#000 20%,transparent 70%);mask-image:radial-gradient(ellipse at 50% 40%,#000 20%,transparent 70%)}
.cta__sil{position:absolute;right:clamp(-120px,-4vw,-20px);bottom:0;height:88%;width:auto;z-index:-1;color:#262a26;pointer-events:none}
.cta__h{font-size:var(--fs-xl);line-height:1.08;font-weight:800;letter-spacing:-.035em;max-width:860px}
.cta__h .hl{color:var(--ink)}
.cta p{font-size:clamp(15px,1.3vw,18px);color:#b9b9be;max-width:520px}
.cta__b{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:12px}

/* ---------- footer ---------- */
.footer{background:var(--footer);color:#d7d7db;padding-top:clamp(64px,8vw,96px);overflow:hidden}
.ft{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,.6fr));gap:40px}
.ft__brand{display:flex;flex-direction:column;gap:18px;max-width:340px}
.ft__brand .logo{color:#fff;width:40px;height:45px}
.ft__brand p{font-size:14px;color:#9a9aa0;line-height:1.6}
.ft h4{margin:0 0 16px;font-size:13px;font-weight:700;color:#7c7c82}
.ft ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.ft a{position:relative;font-size:14px;color:#e6e6ea;display:inline-flex;align-items:center;gap:6px}
.ft a::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:100% 50%;transition:transform .5s var(--ease-out)}
.ft a:hover::after{transform:scaleX(1);transform-origin:0 50%}
.ft a .ic{width:13px;height:13px;color:#8a8a90}
.ft__legal{margin-top:56px;padding-block:24px;border-top:1px solid #26272a;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12px;color:#8a8a90}
.ft__legal small{display:block;margin-top:4px;color:#66666c;font-size:11.5px}
.ft__legal a{color:#cfcfd4}
.ft__legal a:hover{color:var(--green)}
.ft__word{font-weight:800;font-size:clamp(90px,22.5vw,330px);line-height:.78;letter-spacing:-.05em;color:#1a1b1d;text-align:center;white-space:nowrap;margin-top:12px;user-select:none;display:flex;justify-content:center;overflow:hidden;padding-bottom:.02em}
.ft__word span{display:inline-block;will-change:transform;transition:color .6s var(--ease-out)}
.ft__word span:hover{color:#2a3d29;transition-duration:.15s}

/* ---------- responsive ---------- */
@media (max-width:1100px){
  .nav{display:none}
  .burger{display:block}
  .hdr__right .iconpill,.hdr__right .hdr__cta{display:none}
  :root{--header-h:112px}
  .hdr__bar{padding-block:28px}
  .how__grid{grid-template-columns:1fr;min-height:0}
  .how__phone{width:min(100%,300px)}
  .sec-grid{grid-template-columns:1fr}
  .faq__grid{grid-template-columns:1fr}
  .faq__side{position:static}
  .ft{grid-template-columns:1fr 1fr 1fr}
  .ft__brand{grid-column:1/-1}
}
@media (max-width:860px){
  .cards3,.costs__grid,.who__grid,.dcards,.model{grid-template-columns:1fr}
  .calc{grid-template-columns:1fr}
  .cost{min-height:0}
  .chart__cv{height:300px}
  .guard{flex-wrap:wrap}
  .guard__p{margin-left:0}
  .tip{width:214px;padding:14px;border-radius:14px}
  .tip__h{margin-bottom:12px}
  .tip__r span{font-size:10.5px;gap:6px;white-space:nowrap}
  .tip__r{gap:8px}
  .tip__r b{font-size:12px;white-space:nowrap}
  .tip__r.g b{font-size:14px}
  .tip hr{margin-bottom:12px}
  .tip__f strong{font-size:19px;line-height:14px}
  .tip__f em{font-size:14px;line-height:10px;padding:7px 10px;border-radius:9px}
  .logos__in{flex-direction:column;align-items:flex-start}
}
@media (max-width:560px){
  :root{--header-h:96px}
  .hdr__bar{padding-block:20px}
  .logo{width:40px;height:45px}
  .hero__copy{gap:22px}
  .hero__sub{font-size:13.5px}
  .proof{font-size:12.5px;gap:10px;flex-wrap:wrap;justify-content:center}
  .hero__ctas{gap:10px;width:100%}
  .hero__ctas .btn{flex:1;padding:0 16px}
  .chip{font-size:11.5px;padding:8px 12px 8px 10px;gap:6px;border-radius:13px}
  .chip svg{width:16px;height:16px}
  .hero__hint{display:none}
  .ft{grid-template-columns:1fr 1fr}
  .bar{grid-template-columns:86px 1fr auto}
  .bar b{min-width:0}
  .qa button{padding:18px;font-size:15px}
  .qa__b p{padding:0 18px 20px}
  .rng__top{flex-direction:column;align-items:flex-start}
  .calc__fixed{flex-direction:column;align-items:flex-start;gap:4px}
  .flow text{font-size:13px}
  .flow .fx{font-size:12px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .hero{height:100svh}
}

/* state swaps for the "sem/com a Frakto" toggle */
.x-on{display:none}
.costs.is-on .x-on{display:inline}
.costs.is-on .x-off{display:none}
/* flow diagram bits */
.flow .tok{opacity:0}
.flow .xmark{transform-box:fill-box;transform-origin:center}
/* chart svg pieces */
.chart__cv .grid line{stroke:#2b2b2e;stroke-width:1}

.chart__cv .ln-g{fill:none;stroke:#89f883;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px rgba(137,248,131,.45))}
.chart__cv .ln-n{fill:none;stroke:#8c8c91;stroke-width:1.6;stroke-dasharray:5 5;stroke-linecap:round}
.chart__cv .vline{stroke:#55555a;stroke-width:1.2;stroke-dasharray:3 4}
.chart__cv .dot-n{fill:#1d1d1d;stroke:#8c8c91;stroke-width:2}
.chart__cv .dot-g{fill:#1d1d1d;stroke:#89f883;stroke-width:3}
.chart__cv .halo{fill:#89f883;opacity:.18}
.chart__cv .end-n{fill:#1d1d1d;stroke:#b8b8bd;stroke-width:2}
.chart__cv .end-g{fill:#1d1d1d;stroke:#89f883;stroke-width:3}
.pui__chart .pl-g,.pui__chart .pl-n{vector-effect:non-scaling-stroke}
@media (prefers-reduced-motion:reduce){.eco{margin-top:0}}

/* lock screen shown while the phone is being raised */
.pui__lock{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;padding:52px 12px 10px;color:#1d1d1d;background:radial-gradient(120% 70% at 50% 0%,#dcfbd8 0%,#eefcec 38%,#f6f6f6 70%)}
.pui__lock .pui__sb{color:#1d1d1d}
.pl-date{font-size:11.5px;font-weight:600;color:#4b4b50}
.pl-time{font-size:70px;font-weight:700;letter-spacing:-.04em;line-height:1;margin-top:2px;color:#1f1f1f}
.pl-note{width:100%;margin-top:30px;display:flex;gap:9px;align-items:flex-start;padding:10px 11px;border-radius:16px;background:rgba(255,255,255,.86);box-shadow:0 10px 24px -14px rgba(0,0,0,.35),0 0 0 .7px rgba(0,0,0,.04)}
.pl-ic{width:26px;height:26px;border-radius:7px;background:#89f883;display:grid;place-items:center;flex:none;color:#1d1d1d}
.pl-ic svg{width:11px;height:12.5px}
.pl-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;font-size:9px;line-height:1.3;color:#3a3a3e;font-weight:500}
.pl-h{display:flex;justify-content:space-between;font-size:7.5px;color:#8a8a90;letter-spacing:.04em}
.pl-h b{font-weight:700}.pl-h i{font-style:normal}
.pl-t strong{font-size:10px;font-weight:700;color:#1d1d1d}
.pl-hint{margin-top:auto;font-size:8.5px;font-weight:600;color:#8a8a90;margin-bottom:8px}
.pl-bar{width:92px;height:4px;border-radius:4px;background:#1d1d1d}

.tips{gap:12px;opacity:0}
.tip-r{display:flex;gap:10px;align-items:flex-start;font-size:10.5px;color:var(--ink-3);font-weight:600;line-height:1.35}
.tip-r .ic{width:16px;height:16px;flex:none;color:var(--green-ink);margin-top:1px}
.tip-r b{display:block;font-size:11.5px;color:var(--ink);font-weight:700}
.rng__hint{display:block;font-size:12px;font-weight:600;color:var(--mute);margin-top:2px}
@media (max-height:820px) and (min-width:1101px){:root{--header-h:108px}.hdr__bar{padding-block:26px}.hero__copy{gap:22px}}
@media (prefers-reduced-motion:reduce){.hero__hint{display:none}}
.hero__dim{position:absolute;inset:0;background:#000;opacity:0;pointer-events:none;z-index:4}
.hero__grid{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
@media (max-width:560px){.chip[data-chip="l2"],.chip[data-chip="r1"]{display:none}}

/* split headings: lines are measured once, never re-wrapped */
[data-split]{text-wrap:wrap}
.ln{white-space:nowrap}

.tip__fx{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding-top:11px;border-top:1px dashed #333833;font-size:10.5px;line-height:1;font-weight:500;color:var(--dark-mute-2);white-space:nowrap}
.tip__fx b{font-weight:700;color:#b8b8bd}
.feed .ft em{font-style:normal;color:#e8c27a}

/* ===== economia: versão final (interruptor, seleção de período, minigráficos) ===== */
.eco__head{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:40px;align-items:end}
.chart__cv .vline{stroke:#4a4a4f;stroke-width:1;stroke-dasharray:3 4}
.chart__cv .gap{opacity:0}
.chart__cv .gap-s{opacity:0;transition:opacity .35s}
.chart__cv.is-hover .gap-s{opacity:1}
.chart__cv .pen{fill:#89f883;opacity:0;filter:drop-shadow(0 0 8px #89f883)}
.chart__cv .pen-n{fill:#d0d0d4;opacity:0;filter:drop-shadow(0 0 6px rgba(255,255,255,.6))}
.chart__cv .halo{transform-box:fill-box;transform-origin:center;animation:halo 2.2s var(--ease-out) infinite}
@keyframes halo{0%{transform:scale(.6);opacity:.35}100%{transform:scale(1.9);opacity:0}}
.chart__cv .xl{transition:opacity .25s}
.chart__cv .ln-n,.chart__cv .ln-g,.chart__cv path{transition:opacity .35s}
.chart__cv.iso-g .ln-n,.chart__cv.iso-g .a-n,.chart__cv.iso-g .dot-n,.chart__cv.iso-g .end-n{opacity:.18}
.chart__cv.iso-n .ln-g,.chart__cv.iso-n .a-g,.chart__cv.iso-n .dot-g,.chart__cv.iso-n .end-g,.chart__cv.iso-n .halo,.chart__cv.iso-n .gap{opacity:.12}
.xpill{position:absolute;left:0;bottom:16px;height:22px;padding:0 9px;display:flex;align-items:center;border-radius:7px;background:#2c2c2f;border:1px solid #3c3c40;color:#e8e8ea;font-size:10.5px;font-weight:700;white-space:nowrap;pointer-events:none;opacity:0;will-change:transform}
.legend button{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--dark-mute-2);padding:6px 10px;margin:-6px -10px;border-radius:9px;transition:background .25s,color .25s}
.legend button+button{color:#d9d9d9}
.legend button:hover{background:#262628}
/* odômetro */
.od{display:inline-flex}
.od-d{display:inline-block;height:1em;line-height:1;overflow:hidden;vertical-align:top;position:relative}
.od-s{display:flex;flex-direction:column;transition:transform 1s cubic-bezier(.2,.9,.1,1)}
.od-s>span{height:1em;line-height:1;display:block;text-align:center}
.od-c{display:inline-block;line-height:1}
.eco .money .i,.eco .money .c{display:inline-flex;align-items:flex-end;line-height:1}
.eco .money{line-height:1}
.eco .money .c{padding-bottom:.1em}
.delta{display:inline-flex;align-items:center}
/* cards: luz que segue o cursor + minigráfico */
.eco .ccard{position:relative;isolation:isolate;overflow:hidden;padding-bottom:0}
.eco .ccard::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:radial-gradient(260px circle at var(--mx,50%) var(--my,-40%),rgba(137,248,131,.55),transparent 60%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s;pointer-events:none}
.eco .ccard::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(340px circle at var(--mx,50%) var(--my,-40%),rgba(137,248,131,.06),transparent 65%);opacity:0;transition:opacity .4s;pointer-events:none}
@media (hover:hover){.eco .ccard:hover::before,.eco .ccard:hover::after{opacity:1}}
.spark{display:block;width:calc(100% + 52px);max-width:none;height:56px;margin:2px -26px 0}
.spark .sp-band{fill:rgba(137,248,131,.12);opacity:0}
.ccard:not(.ccard--g) .spark[data-spark="g"] .sp-band{fill:rgba(255,255,255,.07)}
.cpo__hint-ic{display:grid;place-items:center;width:14px;height:14px}
.cpo__hint-ic svg{width:14px;height:14px}
.cpo__hint{transition:border-color .4s,background .4s,color .4s}
.cpo__hint.is-day{border-color:var(--dg-line);background:var(--dg-bar);color:#cfe9cd}
/* interruptor */
.sw{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 22px 22px 24px;border-radius:20px;background:var(--dark-2);border:1px solid var(--dark-line);transition:background .6s,border-color .6s}
.sw.is-on{background:var(--dg-card);border-color:#2f4a2f}
.sw__txt{display:flex;flex-direction:column;gap:8px;min-width:0}
.sw__k{font-size:12px;font-weight:700;letter-spacing:.12px;color:#b2b2b8;text-transform:uppercase}
.sw__s{display:flex;flex-direction:column;gap:3px}
.sw__s b{font-size:20px;font-weight:800;color:#f5f5f5;transition:color .4s}
.sw.is-on .sw__s b{color:var(--green)}
.sw__s span{font-size:12px;font-weight:500;color:var(--dark-mute-2)}
.sw__btn{position:relative;flex:none;width:84px;height:46px;border-radius:100px;background:#323235;box-shadow:inset 0 0 0 1px #424246,inset 0 2px 6px rgba(0,0,0,.4);transition:background .5s var(--ease-out),box-shadow .5s}
.sw.is-on .sw__btn{background:var(--green);box-shadow:inset 0 0 0 1px #a8ffa4,0 0 28px -4px rgba(137,248,131,.65)}
.sw__k2{position:absolute;top:5px;left:5px;width:36px;height:36px;border-radius:100px;background:#f5f5f5;display:grid;place-items:center;color:#9a9a9f;box-shadow:0 4px 10px -2px rgba(0,0,0,.45);transition:transform .6s cubic-bezier(.34,1.56,.64,1),width .25s var(--ease-out),color .4s}
.sw__k2 svg{width:16px;height:16px}
.sw.is-on .sw__k2{transform:translateX(38px);color:#078c00}
.sw__btn:active .sw__k2,.sw__btn.is-press .sw__k2{width:44px}
.sw.is-on .sw__btn:active .sw__k2,.sw.is-on .sw__btn.is-press .sw__k2{transform:translateX(30px)}
.sw__burst{position:absolute;left:0;top:0;width:5px;height:5px;border-radius:50%;background:var(--green);pointer-events:none}
.sw .cursor{position:absolute;width:28px;height:28px;left:0;top:0;opacity:0;pointer-events:none;z-index:5;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}
/* seleção de período */
.brush{position:absolute;left:0;top:0;display:flex;align-items:center;gap:14px;padding:10px 10px 10px 14px;border-radius:12px;background:#161816;border:1px solid var(--dg-line);box-shadow:0 20px 40px -20px rgba(0,0,0,.7);font-size:12px;font-weight:600;color:#b8b8bd;white-space:nowrap;opacity:0;pointer-events:none;will-change:transform;z-index:2}
.brush.is-on{pointer-events:auto}
.brush__d{font-weight:800;color:#f5f5f5}
.brush__r{display:flex;gap:12px}
.brush__r b{font-weight:800}
.brush__r b.g{color:var(--green)}
.brush__x{width:24px;height:24px;border-radius:7px;background:#262628;color:#b8b8bd;font-size:15px;line-height:1;display:grid;place-items:center}
.brush__x:hover{background:#333;color:#fff}
.chart__cv .br-r{fill:rgba(137,248,131,.07)}
.chart__cv .br-d{fill:rgba(24,24,24,.62)}
.chart__cv .br-e{stroke:var(--green);stroke-width:1.5}
.chart__cv .br-h{fill:#161816;stroke:var(--green);stroke-width:1.5}
@media (max-width:1100px){.eco__head{grid-template-columns:1fr}.sw{max-width:420px}}
@media (max-width:640px){
  .xpill{bottom:12px}
  .brush{flex-wrap:wrap;white-space:normal;max-width:240px;gap:4px 12px}
  .brush__r{flex-direction:column;gap:2px}
  .sw{padding:18px}.sw__s b{font-size:18px}
  .spark{height:48px}
}
@media (prefers-reduced-motion:reduce){.chart__cv .halo{animation:none}}
.eco .ccard .spark{margin-top:auto}
@media (max-width:640px){.brush{flex-wrap:nowrap;white-space:nowrap;max-width:none;padding:8px 8px 8px 12px;gap:10px;font-size:11px}.brush [data-b-days],.brush .po{display:none}.brush__x{width:22px;height:22px}}

/* interruptor compacto, junto dos controles do gráfico */
.eco__head--solo{grid-template-columns:1fr}
.ctrl{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.sw.sw--mini{display:inline-flex;align-items:center;gap:16px;height:48px;padding:6px 7px 6px 16px;border-radius:16px;background:var(--dark-3);border:1px solid var(--dark-line-2)}
.sw.sw--mini.is-on{background:var(--dg-bar);border-color:#35503a}
.sw__lbl{display:flex;flex-direction:column;gap:3px;line-height:1}
.sw__lbl b{font-size:12px;font-weight:700;color:#f5f5f5}
.sw__lbl span{font-size:10.5px;font-weight:600;color:#7b7b80;white-space:nowrap;transition:color .4s}
.sw.is-on .sw__lbl span{color:var(--green)}
.sw--mini .sw__btn{width:60px;height:34px}
.sw--mini .sw__k2{top:4px;left:4px;width:26px;height:26px}
.sw--mini .sw__k2 svg{width:13px;height:13px}
.sw.sw--mini.is-on .sw__k2{transform:translateX(26px)}
.sw--mini .sw__btn:active .sw__k2,.sw--mini .sw__btn.is-press .sw__k2{width:32px}
.sw.sw--mini.is-on .sw__btn:active .sw__k2,.sw.sw--mini.is-on .sw__btn.is-press .sw__k2{transform:translateX(20px)}
@media (max-width:640px){.ctrl{width:100%}.sw.sw--mini{width:100%;justify-content:space-between}}
.logos__t strong span{font-size:inherit;color:inherit;font-weight:inherit}

/* ===== hero · teste A (com USDT) x B (termos neutros) ===== */
html[data-v="a"] .vB, html[data-v="b"] .vA{display:none!important}

/* ícones vivos dentro do título */
.hico{display:inline-grid!important;place-items:center;vertical-align:middle;width:.84em;height:.84em;margin:-.14em .1em 0 .02em;border-radius:.26em;position:relative;transform:rotate(var(--r,-7deg));animation:hicoBob 4.2s var(--ease-io) infinite}
@keyframes hicoBob{0%,100%{transform:rotate(var(--r,-7deg)) translateY(0)}50%{transform:rotate(calc(var(--r,-7deg) * -.4)) translateY(-.04em)}}

/* A · moeda USDT que gira de tempos em tempos */
.hico--usdt{--r:-8deg;perspective:400px;background:none}
.hico--usdt .coin{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 32% 28%,#4cc79d,#26a17b 55%,#1b7a5c);box-shadow:inset 0 0 0 .045em rgba(255,255,255,.35),0 .12em .3em -.08em rgba(10,60,40,.55);display:grid;place-items:center;transform-style:preserve-3d;animation:coinFlip 4.8s cubic-bezier(.65,0,.35,1) infinite;overflow:hidden}
.hico--usdt .coin b{font-size:.5em;font-weight:800;color:#fff;line-height:1;font-style:normal;transform:translateY(.02em)}
.hico--usdt .coin::after{content:"";position:absolute;inset:-20%;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.55) 50%,transparent 60%);transform:translateX(-120%);animation:coinGlint 4.8s ease-in-out infinite}
@keyframes coinFlip{0%,58%{transform:rotateY(0)}78%{transform:rotateY(360deg)}100%{transform:rotateY(360deg)}}
@keyframes coinGlint{0%,80%{transform:translateX(-120%)}95%,100%{transform:translateX(120%)}}

/* B · setas que trocam de lugar (operação indo e vindo) */
.hico--ops{--r:6deg;background:var(--green);box-shadow:0 .1em .28em -.08em rgba(7,140,0,.45)}
.hico--ops svg{width:58%;height:58%;overflow:visible}
.hico--ops path{fill:none;stroke:var(--green-ink);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.hico--ops .a1{animation:arR 2.6s var(--ease-io) infinite}
.hico--ops .a2{animation:arL 2.6s var(--ease-io) infinite}
@keyframes arR{0%,20%{transform:translateX(0)}45%{transform:translateX(3px)}70%,100%{transform:translateX(0)}}
@keyframes arL{0%,30%{transform:translateX(0)}55%{transform:translateX(-3px)}80%,100%{transform:translateX(0)}}

/* A · marca da rede no subtítulo, pequena, com pulso */
.sico{display:inline-grid;place-items:center;vertical-align:-.28em;width:1.45em;height:1.45em;margin:0 .22em 0 .12em;border-radius:.4em;background:#fff;box-shadow:0 0 0 1px #ececec;position:relative}
.sico svg{width:62%;height:auto}
.sico::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 0 rgba(235,0,41,.35);animation:sPing 2.8s var(--ease-out) infinite}
@keyframes sPing{0%{box-shadow:0 0 0 0 rgba(235,0,41,.35)}70%,100%{box-shadow:0 0 0 .5em rgba(235,0,41,0)}}

/* barra do teste */
@media (prefers-reduced-motion:reduce){.hico,.hico--usdt .coin,.hico--usdt .coin::after,.hico--ops .a1,.hico--ops .a2,.sico::after{animation:none}}

/* ---- celular vivo ---- */
.pui.is-live{pointer-events:auto;cursor:pointer}
.pui__toast{position:absolute;left:11px;right:11px;top:30px;z-index:6;display:flex;gap:8px;align-items:center;padding:8px 10px;border-radius:14px;background:rgba(255,255,255,.95);box-shadow:0 12px 24px -12px rgba(0,0,0,.35),0 0 0 .7px rgba(0,0,0,.05);opacity:0;pointer-events:none}
.pui__toast .pt-ic{width:22px;height:22px;border-radius:6px;background:var(--green);display:grid;place-items:center;flex:none;color:var(--ink)}
.pui__toast .pt-ic svg{width:10px;height:auto}
.pui__toast .pt-t{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.pui__toast b{font-size:9.5px;font-weight:800;color:var(--ink)}
.pui__toast small{font-size:8px;color:var(--ink-3)}
.pui__toast em{font-style:normal;font-size:7px;color:var(--mute);align-self:flex-start}
.pui__val{transition:color .6s}
.pui__val.is-flash{animation:valFlash 1.4s ease-out}
@keyframes valFlash{0%,30%{color:#078c00}100%{color:var(--ink)}}
.chip.is-flash{animation:chipFlash 1.4s ease-out}
@keyframes chipFlash{0%,25%{box-shadow:0 0 0 4px rgba(137,248,131,.55),0 14px 30px -18px rgba(0,0,0,.3);border-color:#89f883}100%{box-shadow:0 0 0 0 rgba(137,248,131,0),0 14px 30px -18px rgba(0,0,0,.3)}}
.hcur{position:fixed;left:0;top:0;z-index:70;pointer-events:none;margin:18px 0 0 16px;height:30px;padding:0 12px;border-radius:10px;background:var(--ink);color:var(--green);font-size:12px;font-weight:700;line-height:30px;white-space:nowrap;opacity:0;transform-origin:0 0;scale:.85;transition:opacity .2s,scale .3s var(--ease-out)}
.hcur.is-on{opacity:1;scale:1}

/* hero do tamanho do celular inteiro, sem cortina */
.hero__stage{position:relative}
.eco{margin-top:0}
.hero__hint{top:calc(100svh - 70px);bottom:auto}

/* ---- painel do celular: proporções e legibilidade ---- */
.hero__hint{display:none}
/* proporções voltam a ser as do Figma 393:1716 (base em styles.css); só os textos com "R$ " ganham o espaço */
.pui__toast{background:#fff}
.pui__pop .tot{white-space:nowrap}
@media (max-width:719px){.hero .chip{display:none!important}}

/* =========== animações ligáveis (painel) =========== */
/* 1 · preço caindo */
.fx-price{display:none;align-items:center;gap:6px;vertical-align:middle;height:1.75em;margin:0 .2em;padding:0 .35em 0 .45em;border-radius:.55em;background:#fff;box-shadow:0 0 0 1px #e6e6e6;font-weight:700;white-space:nowrap;transform:translateY(-.08em);opacity:0;transition:opacity .4s}
html.fx-1 .fx-price{display:inline-flex}
.fx-price.is-in{opacity:1}
.fx-price s{position:relative;text-decoration:none;color:#707077;font-weight:600}
.fx-price s::after{content:"";position:absolute;left:-2px;right:-2px;top:52%;height:1.5px;background:#e5484d;transform-origin:0 50%;transform:scaleX(0);transition:transform .4s var(--ease-out)}
.fx-price.is-cut s::after{transform:scaleX(1)}
.fx-price b{display:inline-flex;align-items:center;height:1.35em;padding:0 .35em;border-radius:.35em;background:var(--green);color:var(--green-ink);font-variant-numeric:tabular-nums;opacity:0;transform:scale(.85);transition:opacity .35s,transform .5s var(--ease-out)}
.fx-price.is-on b{opacity:1;transform:none}
.fx-price .sl{display:inline-block;height:1.2em;line-height:1.2em;overflow:hidden;vertical-align:top}
.fx-price .sl__c{display:flex;flex-direction:column}
.fx-price .sl__c i{font-style:normal;height:1.2em;line-height:1.2em;text-align:center}
.fx-price.is-tick b{animation:tick .9s ease-out}
@keyframes tick{0%{box-shadow:0 0 0 0 rgba(137,248,131,.6)}40%{box-shadow:0 0 0 4px rgba(137,248,131,.35)}100%{box-shadow:0 0 0 0 rgba(137,248,131,0)}}
/* 2 · sublinhado */
.fx-u{background:linear-gradient(var(--green),var(--green)) 0 100%/0 3px no-repeat}
html.fx-2 .fx-u.is-draw{animation:uDraw 2.6s var(--ease-out)}
@keyframes uDraw{0%{background-size:0 3px}35%,70%{background-size:100% 3px;background-position:0 100%}100%{background-size:0 3px;background-position:100% 100%}}
/* 3 · status ao vivo */
.fx-status{display:none;align-items:center;gap:8px;font-style:normal}
.fx-status i{width:8px;height:8px;border-radius:50%;background:#3ecf36;box-shadow:0 0 0 0 rgba(62,207,54,.5);animation:stPing 1.6s var(--ease-out) infinite}
@keyframes stPing{0%{box-shadow:0 0 0 0 rgba(62,207,54,.5)}80%,100%{box-shadow:0 0 0 7px rgba(62,207,54,0)}}
.fx-status .sep{color:#c4c4c8}
.fx-status b{font-variant-numeric:tabular-nums;min-width:3.4em;display:inline-block}
html.fx-3 .proof>span:nth-child(2){display:none}
html.fx-3 .fx-status{display:inline-flex}
/* 4 · bolinhas */
.avatars>span{position:relative;border-radius:50%}
.avatars>span.is-ping::after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid var(--green);animation:avRing .9s var(--ease-out) forwards}
@keyframes avRing{0%{opacity:1;transform:scale(.8)}100%{opacity:0;transform:scale(1.5)}}
/* 5 · pulso da rede */
.fx-net{position:absolute;left:0;top:0;width:100%;z-index:1;pointer-events:none}
/* 6 · respiração */
html.fx-6 .sil,html.fx-6 .pui{animation:breath 5.2s ease-in-out infinite}
@keyframes breath{0%,100%{translate:0 0}50%{translate:0 -5px}}
/* 7 · balões (usa .chip.is-flash, já definido) */
html:not(.fx-7) .chip.is-flash{animation:none}
/* 8 · raio da pílula */
.hero__top .pill svg{transition:transform .3s}
.hero__top .pill.is-zap{animation:pillZap 1s ease-out}
.hero__top .pill.is-zap svg{animation:boltZap .7s ease-out}
@keyframes pillZap{0%,30%{box-shadow:0 0 0 5px rgba(137,248,131,.45)}100%{box-shadow:0 0 0 0 rgba(137,248,131,0)}}
@keyframes boltZap{0%{transform:scale(1) rotate(0)}30%{transform:scale(1.45) rotate(-12deg)}55%{transform:scale(.9) rotate(6deg)}100%{transform:scale(1) rotate(0)}}
/* 9 · botão "como funciona" ---------------------------------------- */
.cta-x{isolation:isolate}
.cta-x .cx-fill,.cta-x .cx-spec,.cta-x .cx-morph,.cta-x .cx-chars,.cta-x .cx-arr,.cta-x .cx-dot{display:none}
.cx-dot{position:relative;flex:none;overflow:hidden}
.cx-dot>span{position:absolute;inset:0;display:grid;place-items:center}
.cx-dot .ic{width:16px;height:16px}
.cx-dot .b{transform:translateY(-120%)}
.cta-x:hover .cx-dot .a,.cta-x.is-op .cx-dot .a{animation:arOut .6s cubic-bezier(.7,0,.2,1) forwards}
.cta-x:hover .cx-dot .b,.cta-x.is-op .cx-dot .b{animation:arIn .6s cubic-bezier(.7,0,.2,1) forwards}
@keyframes arOut{to{transform:translateY(120%)}}
@keyframes arIn{from{transform:translateY(-120%)}to{transform:translateY(0)}}

/* seta que troca */
html.fx-9.fx9-seta .cta-x .cx-dot{display:inline-block;width:16px;height:16px}

/* círculo que cresce: o círculo verde da seta enche o botão; o texto vira escuro */
html.fx-9.fx9-grow .cta-x{padding-right:7px;gap:14px}
html.fx-9.fx9-grow .cta-x .cx-dot{display:inline-block;width:42px;height:42px;border-radius:50%;color:var(--ink)}
html.fx-9.fx9-grow .cta-x .cx-fill{display:block;position:absolute;z-index:-1;right:7px;top:50%;width:42px;height:42px;margin-top:-21px;border-radius:50%;background:var(--green);transform:scale(1);transition:transform .8s cubic-bezier(.7,0,.15,1)}
html.fx-9.fx9-grow .cta-x:hover .cx-fill{transform:scale(10)}
html.fx-9.fx9-grow .cta-x .btn__roll{transition:color .45s cubic-bezier(.7,0,.15,1) .08s}
html.fx-9.fx9-grow .cta-x:hover .btn__roll{color:var(--ink)}
html.fx-9.fx9-grow .cta-x.is-op .cx-fill{animation:growPing 1s ease-out}
@keyframes growPing{0%{box-shadow:0 0 0 0 rgba(137,248,131,.55)}100%{box-shadow:0 0 0 10px rgba(137,248,131,0)}}

/* letras em cascata + seta que estica */
html.fx-9.fx9-chars .cta-x .btn__roll{display:none}
html.fx-9.fx9-chars .cta-x .cx-chars{display:inline-flex}
html.fx-9.fx9-chars .cta-x .cx-arr{display:inline-block;width:12px;height:12px}
.cx-chars .ch{display:inline-flex;flex-direction:column;height:1.25em;line-height:1.25;overflow:hidden}
.cx-chars .ch>span{display:block;transition:transform .6s cubic-bezier(.7,0,.15,1);transition-delay:calc(var(--i) * 22ms)}
.cx-chars .ch>span+span{color:#fff}
.cta-x:hover .cx-chars .ch>span{transform:translateY(-100%)}
.cx-arr svg{width:12px;height:12px;overflow:visible}
.cx-arr path{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cx-arr .st{stroke-dasharray:8;stroke-dashoffset:8;transition:stroke-dashoffset .4s cubic-bezier(.7,0,.15,1)}
.cx-arr .hd{transform:translateY(-3px);transition:transform .4s cubic-bezier(.7,0,.15,1)}
.cta-x:hover .cx-arr .st{stroke-dashoffset:0}
.cta-x:hover .cx-arr .hd{transform:translateY(0)}
html.fx-9.fx9-chars .cta-x:hover .cx-arr{color:#fff;transition:color .3s .2s}

/* toque 3D: inclina pro mouse, reflexo branco e borda verde onde o mouse está */
html.fx-9.fx9-tilt .cta-x{transform-style:preserve-3d;box-shadow:0 18px 30px -18px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.08)}
html.fx-9.fx9-tilt .cta-x .cx-spec{display:block;position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:var(--son,0);
  background:radial-gradient(140px circle at var(--sx,50%) var(--sy,50%),rgba(255,255,255,.16),transparent 65%)}
html.fx-9.fx9-tilt .cta-x::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;opacity:var(--son,0);
  background:radial-gradient(110px circle at var(--sx,50%) var(--sy,50%),#89f883,rgba(137,248,131,0) 70%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}

/* ponto vira seta */
html.fx-9.fx9-morph .cta-x{padding-left:22px}
html.fx-9.fx9-morph .cta-x .cx-morph{display:inline-block;width:18px;height:18px;flex:none;order:-1}
.cx-morph svg{width:18px;height:18px;overflow:visible}
.cx-morph circle{fill:var(--green);transform-origin:9px 9px;transition:transform .35s cubic-bezier(.7,0,.15,1)}
.cx-morph path{fill:none;stroke:var(--green);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:26;stroke-dashoffset:26;transition:stroke-dashoffset .5s cubic-bezier(.7,0,.15,1) .12s}
.cta-x:hover .cx-morph circle{transform:scale(0)}
.cta-x:hover .cx-morph path{stroke-dashoffset:0}
.cta-x.is-op .cx-morph circle{animation:dotPing 1s ease-out}
@keyframes dotPing{0%{transform:scale(1)}30%{transform:scale(1.6)}100%{transform:scale(1)}}
html.fx-9.fx9-morph .cta-x .btn__roll{transition:transform .5s cubic-bezier(.7,0,.15,1)}
html.fx-9.fx9-morph .cta-x:hover .btn__roll{transform:translateX(3px)}

/* tecla: o botão tem altura, sobe no hover e afunda no clique */
html.fx-9.fx9-depth .hero__ctas{padding-bottom:6px}
html.fx-9.fx9-depth .cta-x{overflow:visible;box-shadow:0 5px 0 0 #5fd657,0 14px 22px -12px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.09);transition:translate .18s cubic-bezier(.3,0,.2,1),box-shadow .18s cubic-bezier(.3,0,.2,1)}
html.fx-9.fx9-depth .cta-x:hover{translate:0 -2px;box-shadow:0 7px 0 0 #5fd657,0 18px 26px -12px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.09)}
html.fx-9.fx9-depth .cta-x:active{translate:0 4px;box-shadow:0 1px 0 0 #5fd657,0 6px 12px -8px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.09);transform:none}
@media (prefers-reduced-motion:reduce){html.fx-6 .sil,html.fx-6 .pui,.fx-status i,html.fx-9 .hero__ctas .btn--ink::before,html.fx-9 .hero__ctas .btn--ink::after{animation:none}}

/* painel das animações */
.fxp{position:fixed;left:16px;bottom:16px;z-index:80;width:300px;border-radius:16px;background:rgba(22,22,26,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 18px 40px -16px rgba(0,0,0,.6);color:#d8d8dc;font-size:12px;overflow:hidden}
.fxp__hd{display:flex;align-items:center;gap:10px;width:100%;height:44px;padding:0 14px;font-weight:700;color:#fff;text-align:left}
.fxp__hd span{flex:1}
.fxp__hd b{font-weight:600;color:var(--green);font-size:11px}
.fxp__hd i{width:8px;height:8px;border-right:2px solid #8d8d94;border-bottom:2px solid #8d8d94;transform:rotate(45deg) translateY(-2px);transition:transform .3s}
.fxp.is-closed .fxp__hd i{transform:rotate(-135deg) translateY(-2px)}
.fxp.is-closed .fxp__body{display:none}
.fxp ul{list-style:none;margin:0;padding:0 8px;border-top:1px solid #2c2c31}
.fxp li label{display:flex;align-items:center;gap:10px;padding:7px 6px;border-radius:9px;cursor:pointer}
.fxp li label:hover{background:rgba(255,255,255,.05)}
.fxp li input{position:absolute;opacity:0;pointer-events:none}
.fxp__sw{position:relative;width:28px;height:16px;border-radius:8px;background:#3a3a40;flex:none;transition:background .25s}
.fxp__sw::after{content:"";position:absolute;left:2px;top:2px;width:12px;height:12px;border-radius:50%;background:#bdbdc4;transition:transform .3s var(--ease-out),background .25s}
.fxp li input:checked+.fxp__sw{background:var(--green)}
.fxp li input:checked+.fxp__sw::after{transform:translateX(12px);background:#111}
.fxp li input:focus-visible+.fxp__sw{outline:2px solid var(--green);outline-offset:2px}
.fxp li em{font-style:normal;font-weight:700;color:#7b7b82;width:12px}
.fxp__ft{display:flex;gap:6px;padding:10px 14px 14px;border-top:1px solid #2c2c31;margin-top:6px}
.fxp__ft button{flex:1;height:30px;border-radius:8px;background:#2a2a30;color:#e6e6ea;font-size:11px;font-weight:700}
.fxp__ft button:hover{background:#34343b}
.fxp__ft button[data-pre="mine"]{background:var(--green);color:#111}
@media (max-width:600px){.fxp{left:8px;right:8px;width:auto;bottom:8px}}

.fx-price .sl__t{white-space:pre}
.fxp__sub{display:flex;flex-wrap:wrap;gap:4px;padding:2px 14px 4px 50px}
.fxp.no9 .fxp__body>.fxp__sub{display:none}
.fxp__grp .fxp__sub{padding:0}
.fxp.no-gr .fxp__grp .fxp__sub--bg{opacity:.35;pointer-events:none}
.fxp__new{font-style:normal;font-size:9px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#111;background:var(--green);border-radius:4px;padding:1px 4px;margin-left:4px;vertical-align:1px}
.fxp__sub label{position:relative;cursor:pointer}
.fxp__sub input{position:absolute;opacity:0;pointer-events:none}
.fxp__sub span{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:7px;background:#2a2a30;color:#bdbdc4;font-size:11px;font-weight:600;transition:background .2s,color .2s}
.fxp__sub label:hover span{color:#fff}
.fxp__sub input:checked+span{background:var(--green);color:#111}
.fxp__sub input:focus-visible+span{outline:2px solid var(--green);outline-offset:2px}

/* =========== grão de filme =========== */
.fx-grain{position:absolute;inset:0;pointer-events:none;opacity:0;mix-blend-mode:overlay;background-size:220px 220px;transition:opacity .5s}
html.bgx-grain .fx-grain{opacity:calc(var(--grain,.4) * .45)}
/* grão por cima de tudo: uma camada fixa sobre a página inteira (texto, celular, seções) */
html.grain-top .fx-grain{position:fixed;z-index:75}
/* 11 · FRAKTO do fundo com peso variável */
.hero__word .wl{display:inline-block;font-weight:800}
/* painel: grupo do fundo */
.fxp__grp{padding:10px 14px 6px;border-top:1px solid #2c2c31;margin-top:6px;display:flex;flex-direction:column;gap:8px}
.fxp__lbl{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#7b7b82}
.fxp__rng{display:flex;align-items:center;gap:10px}
.fxp__rng input{flex:1;accent-color:#89f883}
.fxp__rng b{min-width:62px;text-align:right;font-weight:600;color:#d8d8dc}
.fxp__body{max-height:calc(100svh - 120px);overflow:auto}

/* =========== transição hero → gráfico =========== */
:root{--hero-extra:0}
html[data-tr="fundo"],html[data-tr="linha"]{--hero-extra:.24}
html[data-tr="curva"]{--hero-extra:.1}
.hero__fade{display:none;position:absolute;left:0;right:0;bottom:0;height:calc(var(--hero-extra) * 100svh + 40px);z-index:3;pointer-events:none;
  background:linear-gradient(to bottom,rgba(29,29,29,0) 0%,rgba(29,29,29,.55) 45%,rgba(29,29,29,.92) 75%,#1d1d1d 100%)}
html[data-tr="fundo"] .hero__fade,html[data-tr="linha"] .hero__fade{display:block}
html[data-tr="fundo"] #economia>.band,html[data-tr="linha"] #economia>.band{display:none}
.hero__seam{display:none;position:absolute;left:0;right:0;bottom:0;height:10px;z-index:4;background:var(--green);transform-origin:50% 50%;transform:scaleX(0);box-shadow:0 0 30px rgba(137,248,131,.45)}
html[data-tr="linha"] .hero__seam{display:block}
html[data-tr="curva"] #economia{margin-top:calc(var(--hero-extra) * -100svh);overflow:hidden;border-top-left-radius:50% 160px;border-top-right-radius:50% 160px}
/* subtítulo em 3 linhas equilibradas no desktop */
.hero__sub{max-width:640px;line-height:1.55}
@media (max-width:719px){.d-br{display:none}}

/* subtítulo entra palavra por palavra */
.hero__sub .hsw{display:inline-block}
.fx-price{transform:translateY(-.08em) scale(.92);filter:blur(4px);transition:opacity .45s,transform .6s var(--ease-out),filter .45s}
.fx-price.is-in{opacity:1;transform:translateY(-.08em);filter:none}

/* =========== painel do celular: hover (só mouse) =========== */
/* menu de baixo translúcido como no Figma: o card de créditos passa desfocado por trás */
/* vidro do Figma (efeito Glass, raio 24): quase sem branco, desfoque forte, conteúdo vira mancha atrás dos ícones */
.pui__tab{background:rgba(255,255,255,.1);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:inset 0 .7px 0 rgba(255,255,255,.6)}
.pui__tab::before{display:none}
/* camada de vidro atrás do menu: começa um pouco acima e entra em degradê, assim a borda de cima não "corta" o desfoque */
.pui__glass{position:absolute;left:0;right:0;bottom:0;height:69px;z-index:3;pointer-events:none;background:rgba(250,250,250,.16);
  -webkit-backdrop-filter:blur(9px) saturate(1.2) brightness(1.04);backdrop-filter:blur(9px) saturate(1.2) brightness(1.04);
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 7px);mask-image:linear-gradient(to bottom,transparent 0,#000 7px)}
.pui__tab{z-index:4}
.pui__bot{z-index:5}
.pui__chat{z-index:6}
.pui__bot-tip{position:absolute;right:calc(100% + 6px);top:50%;transform:translate(4px,-50%);white-space:nowrap;height:20px;line-height:20px;padding:0 7px;border-radius:6px;background:var(--ink);color:#fff;font-size:8px;font-weight:700;opacity:0;pointer-events:none}
.pd-guide{stroke:#d4d4d8;stroke-width:.6;stroke-dasharray:1.4 1.8;opacity:0;pointer-events:none}
.pd-halo{opacity:0;pointer-events:none}
.pui__pop{transition:box-shadow .3s}
.pui__pop.is-hover .pp-h span,.pui__pop.is-hover [data-q-pop-g],.pui__pop.is-hover [data-q-pop-f],.pui__pop.is-hover [data-q-pop-s]{font-variant-numeric:tabular-nums}
/* hover do painel: tudo no mesmo ritmo (entra devagar, sai um pouco mais rápido), movimentos de 1px, luz que segue o mouse */
.pui{--e-soft:cubic-bezier(.22,1,.36,1)}
.pui__card::after,.pui__cr::after,.pui__btns>span::after,.pui__search::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;
  background:radial-gradient(120px circle at var(--mx,50%) var(--my,50%),rgba(137,248,131,.10),transparent 60%);transition:opacity .6s var(--e-soft)}
.pui__btns>span,.pui__search,.pui__cr{position:relative}
.pui__btns>.a::after{background:radial-gradient(70px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.16),transparent 65%)}
.pui__tab>span{position:relative}
.pui__tab>span::before{content:"";position:absolute;inset:-7px;border-radius:9px;background:rgba(17,17,17,.045);opacity:0;transform:scale(.7);transition:opacity .45s var(--e-soft),transform .55s var(--e-soft)}
.pui__bot-tip{transition:opacity .4s var(--e-soft),transform .55s var(--e-soft)}
@media (hover:hover) and (pointer:fine){
  .pui.is-live .pui__card{cursor:crosshair}
  .pui.is-live .pui__btns>span,.pui.is-live .pui__bell,.pui.is-live .pui__search,.pui.is-live .pui__bot,.pui.is-live .pui__cr,.pui.is-live .pui__tab>span{cursor:pointer;
    transition:transform .5s var(--e-soft),background-color .45s var(--e-soft),border-color .45s var(--e-soft),box-shadow .6s var(--e-soft),color .45s var(--e-soft)}
  .pui.is-live .pui__card:hover::after,.pui.is-live .pui__cr:hover::after,.pui.is-live .pui__btns>span:hover::after,.pui.is-live .pui__search:hover::after{opacity:1}
  .pui.is-live .pui__btns>.a:hover{background:#262629;box-shadow:0 6px 14px -9px rgba(0,0,0,.5);transform:translateY(-1px)}
  .pui.is-live .pui__btns>.b:hover{border-color:#d6d6da;color:var(--ink);box-shadow:0 6px 14px -11px rgba(0,0,0,.22);transform:translateY(-1px)}
  .pui.is-live .pui__btns>span svg{transition:transform .5s var(--e-soft)}
  .pui.is-live .pui__btns>span:hover svg{transform:rotate(90deg)}
  .pui.is-live .pui__bell:hover{border-color:#d6d6da;box-shadow:0 6px 14px -10px rgba(0,0,0,.22)}
  .pui.is-live .pui__bell svg{transform-origin:50% 8%;transition:transform .7s var(--e-soft)}
  .pui.is-live .pui__bell:hover svg{transform:rotate(-9deg)}
  .pui.is-live .pui__search:hover{border-color:#d6d6da;box-shadow:0 6px 14px -11px rgba(0,0,0,.2)}
  .pui.is-live .pui__search svg{transition:transform .55s var(--e-soft),color .45s}
  .pui.is-live .pui__search:hover svg{transform:translateX(1px) scale(1.06);color:var(--ink)}
  .pui.is-live .pui__search:hover span::after{content:"";display:inline-block;width:.8px;height:11px;margin-left:2px;vertical-align:-2px;background:var(--ink);animation:caret 1.1s ease-in-out infinite}
  .pui.is-live .pui__bot:hover{transform:translateY(-1px) scale(1.04)}
  .pui.is-live .pui__bot:hover .pui__bot-tip{opacity:1;transform:translate(0,-50%)}
  .pui.is-live .pui__cr:hover{transform:translateY(-1px);box-shadow:0 10px 22px -16px rgba(0,0,0,.25)}
  .pui.is-live .pui__tab>span:hover{color:var(--ink)}
  .pui.is-live .pui__tab>span:hover::before{opacity:1;transform:none}
}
@keyframes caret{0%,40%{opacity:1}55%,90%{opacity:0}}

/* ajuda da IA: balão de conversa */
.pui__chat{position:absolute;right:14.67px;width:170px;padding:10px 11px;border-radius:12px 12px 4px 12px;background:#fff;box-shadow:0 14px 26px -14px rgba(0,0,0,.3),0 0 0 .7px #ececec;display:flex;flex-direction:column;gap:5px;font-size:8.5px;line-height:1.35;z-index:4;opacity:0;transform:translateY(6px) scale(.96);transform-origin:100% 100%;pointer-events:none;transition:opacity .25s,transform .4s var(--ease-out)}
.pui__chat b{font-size:7.5px;letter-spacing:.02em;color:#2fbf2a}
.pui__chat span{font-weight:600;color:var(--ink)}
.pui__chat em{display:flex;align-items:center;gap:2px;font-style:normal;font-size:7px;color:var(--mute);font-weight:600}
.pui__chat em i{width:2.5px;height:2.5px;border-radius:50%;background:var(--mute);animation:dotT 1s infinite}
.pui__chat em i:nth-child(2){animation-delay:.15s}.pui__chat em i:nth-child(3){animation-delay:.3s}
.pui__chat.is-on{opacity:1;transform:none}
.pui__bot.is-open .pui__bot-tip{opacity:0!important}
@keyframes dotT{0%,60%,100%{transform:none;opacity:.4}30%{transform:translateY(-2px);opacity:1}}
.pui .is-press{animation:press .45s cubic-bezier(.22,1,.36,1)}
@keyframes press{30%{scale:.975}}
.pui.is-live{cursor:default}

/* 12 · pílula do topo: desligada, o hero sobe */
html:not(.fx-12) .hero__top .pill{display:none}

/* logo da rede com o nome, no meio do subtítulo (pequeno, com um brilho que passa de vez em quando) */
.tlogo{display:none;position:relative;vertical-align:-.17em;align-items:center;height:1.65em;padding:0 .5em;margin:0 .3em 0 .1em;border-radius:.5em;background:#fff;box-shadow:0 0 0 1px #ececec,0 .3em .7em -.4em rgba(0,0,0,.25);overflow:hidden}
.tlogo svg{width:auto;height:.95em}
.tlogo svg path[fill="white"]{fill:#333}
.tlogo::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:45%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.95),transparent);transform:skewX(-18deg);animation:tlShine 5.5s 2.6s cubic-bezier(.45,0,.2,1) infinite}
.tlogo svg path[fill="#EA0029"]{transform-box:fill-box;transform-origin:50% 50%;animation:tlMark 5.5s 2.6s cubic-bezier(.22,1,.36,1) infinite}
@keyframes tlShine{0%{left:-60%}22%,100%{left:130%}}
@keyframes tlMark{0%,100%{transform:none}8%{transform:scale(1.14) rotate(-6deg)}18%{transform:none}}
.tl-da{display:none}
html.tl-on .tlogo{display:inline-flex}
html.tl-on .tl-de{display:none}
html.tl-on .tl-da{display:inline-block}
@media (prefers-reduced-motion:reduce){.tlogo::after,.tlogo svg path{animation:none}}

/* celular: o texto começa logo abaixo do menu de verdade (mede a barra; não soma a área segura duas vezes) */
@media (max-width:719px){.hero__copy{padding-top:var(--copy-pt,calc(var(--header-h) + env(safe-area-inset-top,0px)))}}

/* grão no toque: camada fixa maior que a tela, sem blend; só a posição pula (steps), na GPU */
.fx-grain.fx-grain--m{position:fixed;inset:-200px;z-index:75;mix-blend-mode:normal;background-size:200px 200px;will-change:transform;transform:translateZ(0);animation:grainJump .9s steps(1) infinite}
html.bgx-grain .fx-grain.fx-grain--m{opacity:calc(var(--grain,.4) * var(--grain-m,.075))}
@keyframes grainJump{0%{transform:translate3d(0,0,0)}11%{transform:translate3d(-37px,61px,0)}22%{transform:translate3d(83px,-29px,0)}33%{transform:translate3d(-112px,-77px,0)}44%{transform:translate3d(49px,118px,0)}55%{transform:translate3d(-71px,13px,0)}66%{transform:translate3d(127px,96px,0)}77%{transform:translate3d(-19px,-131px,0)}88%{transform:translate3d(101px,-58px,0)}}
@media (prefers-reduced-motion:reduce){.fx-grain.fx-grain--m{animation:none}}
/* FRAKTO do fundo começa invisível e só aparece pela entrada do intro (evita o flash no primeiro carregamento) */
.hero__word{opacity:0}
@media (prefers-reduced-motion:reduce){.hero__word{opacity:.32}}

/* =====================================================================
   Próxima seção depois do hero · 6 caminhos pra comparar (painel "Próxima seção")
   Mesmo vocabulário do hero: fundo claro, pontos com brilho no mouse, palavra gigante desfocada,
   cards brancos do app, balões itálicos, verde só pra economia, grão por cima.
   ===================================================================== */
#economia.nx-off{display:none}
.nx{position:relative;z-index:3;background:var(--bg);overflow:clip;display:none;box-shadow:0 -40px 80px -40px rgba(0,0,0,.25)}
.nx.is-on{display:block}
.nx__in{position:relative;z-index:2;max-width:1280px;margin-inline:auto;padding-inline:var(--gutter)}
.nx__grid{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.nx__word{position:absolute;left:50%;top:50%;z-index:1;transform:translate(-50%,-50%);font-weight:800;font-size:clamp(120px,24vw,360px);line-height:1;letter-spacing:-.03em;color:#333;opacity:.07;filter:blur(clamp(10px,1.4vw,20px));white-space:nowrap;pointer-events:none;user-select:none;will-change:transform}
.nx__pill{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 14px;border-radius:16px;background:#fff;border:1px solid var(--line);font-size:11px;font-weight:700;font-style:italic;color:var(--ink);white-space:nowrap}
.nx__pill i{width:7px;height:7px;border-radius:50%;background:#3ecf36;box-shadow:0 0 0 0 rgba(62,207,54,.5);animation:nxPing 1.8s var(--ease-out) infinite}
@keyframes nxPing{0%{box-shadow:0 0 0 0 rgba(62,207,54,.45)}100%{box-shadow:0 0 0 8px rgba(62,207,54,0)}}
.nx__head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px}
.nx__head .h1{font-size:clamp(32px,3.6vw,54px)}
.nx__sub{font-size:15px;line-height:1.5;color:var(--ink-2);max-width:520px;margin:0}
.nx .w{display:inline-block}
.nx .hl::before{transform:scaleX(var(--hl,1))}
.tnum{font-variant-numeric:tabular-nums}

/* card do app (mesmo da tela do celular) */
.nx-card{position:relative;background:#fff;border-radius:18px;box-shadow:0 0 0 1px var(--line),0 30px 60px -36px rgba(0,0,0,.28)}
.nx-card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(137,248,131,.12),transparent 60%);transition:opacity .6s cubic-bezier(.22,1,.36,1)}
@media (hover:hover){.nx-card:hover::after{opacity:1}}
.nx-tag{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:7px;background:var(--green);color:var(--green-ink);font-size:11px;font-weight:700;white-space:nowrap}
.nx-tag--soft{background:#f1f1f2;color:var(--ink-3)}
.nx-logo{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--green)}
.nx-logo svg{width:15px;height:15px}
.nx-logo svg path{fill:#111}

/* balão do hero, versão com texto */
.nx-chip{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 34px -18px rgba(0,0,0,.28);max-width:300px}
.nx-chip svg{width:20px;height:20px;flex:none;margin-top:1px}
.nx-chip b{display:block;font-size:13.5px;font-style:italic;font-weight:500;color:var(--ink)}
.nx-chip span{display:block;font-size:12.5px;line-height:1.45;color:var(--ink-3);margin-top:3px}

/* ---------------------------------------------------------------- 1 · a tela de perto */
.nx1__pin{position:relative;height:100svh;min-height:680px}
.nx1__head{position:absolute;left:0;right:0;top:9svh;z-index:3}
.nx1__stage{position:absolute;inset:0;z-index:2}
.nx1__screen{position:absolute;left:50%;top:56%;width:286px;height:470px;transform:translate(-50%,-50%);border-radius:34px;background:var(--bg);overflow:hidden;box-shadow:0 0 0 7px #111,0 40px 80px -40px rgba(0,0,0,.5)}
.nx1__mini{position:absolute;inset:0;padding:40px 16px 16px;display:flex;flex-direction:column;gap:12px}
.nx1__mini .sb{display:flex;justify-content:space-between;font-size:11px;font-weight:700;padding:0 6px;position:absolute;left:16px;right:16px;top:14px}
.nx1__mini .hello{font-size:18px;font-weight:700;margin-top:6px}
.nx1__mini .crumb{font-size:9px;color:var(--mute);font-weight:700}
.nx1__mini .card{background:#fff;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:8px}
.nx1__mini .card small{font-size:9px;color:var(--ink-3);font-weight:600}
.nx1__mini .card strong{font-size:24px;font-weight:800;letter-spacing:-.02em}
.nx1__toast{position:absolute;left:12px;right:12px;top:34px;display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:13px;background:#fff;box-shadow:0 10px 24px -14px rgba(0,0,0,.35);z-index:2}
.nx1__toast b{display:block;font-size:10px}
.nx1__toast small{display:block;font-size:8.5px;color:var(--ink-3);font-weight:600}
.nx1__toast em{margin-left:auto;font-size:8px;color:var(--mute);font-style:normal;font-weight:700}
.nx1__op{position:absolute;inset:0;padding:clamp(22px,3vw,40px);display:flex;flex-direction:column;gap:16px;background:#fff;opacity:0}
.nx1__op .top{display:flex;align-items:center;gap:12px}
.nx1__op .top b{font-size:16px}
.nx1__op .top small{display:block;font-size:12px;color:var(--ink-3);font-weight:600}
.nx1__op .top .nx-tag{margin-left:auto}
.nx1__row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);font-size:15px;color:var(--ink-2)}
.nx1__row b{font-size:20px;color:var(--ink);font-weight:700}
.nx1__row s{position:relative;text-decoration:none;color:#9a9aa0;font-weight:600;font-size:20px}
.nx1__row s::after{content:"";position:absolute;left:-3px;right:-3px;top:52%;height:2px;background:#e5484d;transform-origin:0 50%;transform:scaleX(var(--cut,0))}
.nx1__row .g{background:var(--green);color:var(--green-ink);padding:2px 10px;border-radius:9px}
.nx1__save{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:auto}
.nx1__save small{display:block;font-size:13px;color:var(--ink-3);font-weight:600}
.nx1__save strong{display:block;font-size:clamp(40px,4.4vw,64px);font-weight:800;letter-spacing:-.03em;line-height:1;color:var(--ink)}
.nx1__save .nx-tag{height:30px;font-size:14px;padding:0 12px}
.nx1__note{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-3);font-weight:600}
.nx1__note i{width:7px;height:7px;border-radius:50%;background:#3ecf36;animation:nxPing 1.8s var(--ease-out) infinite}
.nx1__chips .nx-chip{position:absolute;opacity:0;z-index:3}
@media (max-width:719px){
  .nx1__pin{height:auto;min-height:0;padding:90px 0 80px}
  .nx1__head{position:relative;top:0}
  .nx1__stage{position:relative;inset:auto;display:flex;flex-direction:column;gap:14px;padding:36px var(--gutter) 0}
  .nx1__screen{position:relative;left:auto;top:auto;transform:none;width:100%;height:auto;border-radius:22px;box-shadow:0 0 0 1px var(--line),0 30px 60px -36px rgba(0,0,0,.28);background:#fff}
  .nx1__mini{display:none}
  .nx1__op{position:relative;opacity:1;padding:22px}
  .nx1__chips{display:flex;flex-direction:column;gap:10px}
  .nx1__chips .nx-chip{position:relative;opacity:1;max-width:none}
}

/* ---------------------------------------------------------------- 2 · lado a lado */
.nx2{padding:120px 0 130px}
.nx2__duo{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(20px,4vw,64px);margin-top:64px;justify-items:center}
.nx2__ph{width:min(300px,100%);border-radius:36px;padding:7px;background:#111;box-shadow:0 40px 80px -44px rgba(0,0,0,.55)}
.nx2__sc{position:relative;height:520px;border-radius:30px;background:var(--bg);overflow:hidden;padding:44px 14px 14px;display:flex;flex-direction:column;gap:12px}
.nx2__sc .sb{position:absolute;left:24px;right:24px;top:14px;display:flex;justify-content:space-between;font-size:11px;font-weight:700}
.nx2__lab{display:flex;align-items:center;justify-content:space-between}
.nx2__lab b{font-size:15px}
.nx2__tot{background:#fff;border-radius:14px;padding:16px}
.nx2__tot small{display:block;font-size:10px;color:var(--ink-3);font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.nx2__tot strong{display:block;font-size:30px;font-weight:800;letter-spacing:-.02em;margin-top:6px}
.nx2__tot em{display:block;font-style:normal;font-size:11px;color:var(--ink-3);font-weight:600;margin-top:4px}
.nx2__feed{position:relative;flex:1;overflow:hidden;-webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent)}
.nx2__row{display:flex;align-items:center;gap:10px;background:#fff;border-radius:12px;padding:10px 12px;margin-bottom:8px;font-size:11.5px}
.nx2__row .ic{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#f1f1f2}
.nx2__row .ic svg{width:13px;height:13px}
.nx2__row div{flex:1;min-width:0}
.nx2__row div b{display:block;font-size:11.5px}
.nx2__row div small{display:block;font-size:9.5px;color:var(--mute);font-weight:600}
.nx2__row > span{font-weight:700;white-space:nowrap}
.nx2--g .nx2__row > span{color:var(--green-ink)}
.nx2--n .nx2__tot strong{color:#8c8c91}
.nx2--g .nx2__tot strong{color:var(--ink)}
.nx2__mid{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.nx2__mid small{font-size:12px;color:var(--ink-3);font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.nx2__mid strong{font-size:clamp(34px,3.6vw,52px);font-weight:800;letter-spacing:-.03em;line-height:1;background:var(--green);color:#111;padding:8px 16px 10px;border-radius:18px}
.nx2__mid span{font-size:13px;color:var(--ink-3);max-width:180px;line-height:1.4}
.nx2__mid .arr{display:flex;gap:6px;color:#c4c4c8}
@media (max-width:899px){
  .nx2__duo{grid-template-columns:1fr 1fr;gap:12px}
  .nx2__mid{grid-column:1/-1;order:3;margin-top:18px}
  .nx2__ph{border-radius:26px;padding:5px}
  .nx2__sc{height:420px;border-radius:22px;padding:36px 9px 9px}
  .nx2__tot strong{font-size:20px}
  .nx2__row{padding:8px;gap:7px}.nx2__row .ic{display:none}
}

/* ---------------------------------------------------------------- 3 · passo a passo */
.nx3__pin{position:relative;min-height:100svh;display:flex;align-items:center}
.nx3__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(30px,6vw,110px);align-items:center;width:100%;padding-block:90px}
.nx3__head{align-items:flex-start;text-align:left}
.nx3__steps{position:relative;margin-top:44px;display:flex;flex-direction:column;gap:30px;padding-left:44px}
.nx3__line{position:absolute;left:13px;top:8px;bottom:8px;width:2px;background:#e3e3e5;border-radius:2px;overflow:hidden}
.nx3__line i{position:absolute;left:0;right:0;top:0;height:100%;background:var(--green);transform-origin:50% 0;transform:scaleY(var(--p,0))}
.nx3__st{position:relative;opacity:.38;transition:opacity .6s cubic-bezier(.22,1,.36,1)}
.nx3__st.is-on{opacity:1}
.nx3__st .n{position:absolute;left:-44px;top:-2px;width:28px;height:28px;border-radius:50%;background:#fff;border:1px solid var(--line);display:grid;place-items:center;font-size:12px;font-weight:800;transition:background .5s,border-color .5s}
.nx3__st.is-on .n{background:var(--green);border-color:var(--green)}
.nx3__st b{display:block;font-size:20px;letter-spacing:-.01em}
.nx3__st span{display:block;font-size:14.5px;line-height:1.5;color:var(--ink-3);margin-top:4px;max-width:420px}
.nx3__ph{justify-self:center;width:300px;border-radius:38px;padding:7px;background:#111;box-shadow:0 40px 80px -44px rgba(0,0,0,.55)}
.nx3__sc{position:relative;height:560px;border-radius:32px;background:var(--bg);overflow:hidden}
.nx3__v{position:absolute;inset:0;padding:48px 16px 16px;display:flex;flex-direction:column;gap:12px;opacity:0}
.nx3__v .sb{position:absolute;left:24px;right:24px;top:15px;display:flex;justify-content:space-between;font-size:11px;font-weight:700}
.nx3__v h4{margin:6px 0 4px;font-size:18px}
.nx3__box{background:#fff;border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:10px}
.nx3__box small{font-size:10px;color:var(--ink-3);font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.nx3__box strong{font-size:26px;font-weight:800;letter-spacing:-.02em}
.nx3__kv{display:flex;justify-content:space-between;font-size:12.5px;color:var(--ink-3);font-weight:600}
.nx3__kv b{color:var(--ink)}
.nx3__btn{margin-top:auto;height:46px;border-radius:13px;background:var(--ink);color:#f5f5f5;display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:700;position:relative}
.nx3__btn::after{content:"";position:absolute;inset:-4px;border-radius:16px;border:2px solid var(--green);opacity:0;animation:nxRing 2.2s var(--ease-out) infinite}
@keyframes nxRing{0%{opacity:.8;transform:scale(.96)}100%{opacity:0;transform:scale(1.06)}}
.nx3__price{display:flex;align-items:baseline;gap:12px}
.nx3__price s{position:relative;text-decoration:none;color:#9a9aa0;font-weight:700;font-size:20px}
.nx3__price s::after{content:"";position:absolute;left:-3px;right:-3px;top:52%;height:2px;background:#e5484d;transform-origin:0 50%;transform:scaleX(var(--cut,0))}
.nx3__price strong{background:var(--green);padding:2px 10px;border-radius:10px}
.nx3__ok{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;color:var(--green-ink)}
.nx3__ok i{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--green)}
.nx3__ok i svg{width:10px;height:10px}
@media (max-width:899px){
  .nx3__grid{grid-template-columns:1fr;padding-block:90px 70px}
  .nx3__ph{display:none}
  .nx3__st{opacity:1}
  .nx3__st .n{background:var(--green);border-color:var(--green)}
  .nx3__line i{transform:none}
}

/* ---------------------------------------------------------------- 4 · a conta aberta (recibo) */
.nx4__pin{position:relative;min-height:100svh;display:flex;align-items:center}
.nx4__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,100px);align-items:center;width:100%;padding-block:90px}
.nx4__head{align-items:flex-start;text-align:left}
.nx4__pts{display:flex;flex-direction:column;gap:12px;margin-top:30px}
.nx4__dev{justify-self:center;align-self:center;width:min(380px,100%);position:relative}
.nx4__slot{position:relative;z-index:2;height:58px;border-radius:20px;background:#151515;display:flex;align-items:center;gap:12px;padding:0 18px;box-shadow:0 30px 50px -30px rgba(0,0,0,.6)}
.nx4__slot .nx-logo{width:28px;height:28px}
.nx4__slot b{color:#f5f5f5;font-size:13px}
.nx4__slot small{color:#8c8c91;font-size:11px;font-weight:600;margin-left:auto;display:flex;align-items:center;gap:6px}
.nx4__slot small i{width:7px;height:7px;border-radius:50%;background:#3ecf36;animation:nxPing 1.8s var(--ease-out) infinite}
.nx4__slot::after{content:"";position:absolute;left:18px;right:18px;bottom:8px;height:5px;border-radius:5px;background:#000}
.nx4__mouth{position:relative;margin:-14px 30px 0;overflow:hidden;height:var(--h,0px);padding-top:4px}
.nx4__paper{position:relative;background:#fff;padding:26px 24px 34px;box-shadow:0 30px 50px -34px rgba(0,0,0,.35);
  -webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/14px 100%;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/14px 100%}
.nx4__paper header{text-align:center;padding-bottom:16px;border-bottom:1px dashed #d8d8dc}
.nx4__paper header b{display:block;font-size:15px;letter-spacing:.02em}
.nx4__paper header small{display:block;font-size:11.5px;color:var(--ink-3);font-weight:600;margin-top:3px}
.nx4__ln{display:flex;align-items:baseline;gap:8px;padding:11px 0;font-size:14px;color:var(--ink-2)}
.nx4__ln::before{content:"";order:1;flex:1;border-bottom:1.5px dotted #cfcfd4;transform:translateY(-4px)}
.nx4__ln span{order:0}
.nx4__ln b{order:2;font-weight:700;color:var(--ink);white-space:nowrap}
.nx4__ln.is-minus b{color:var(--green-ink)}
.nx4__tot{display:flex;justify-content:space-between;align-items:baseline;padding:14px 0 6px;border-top:1px dashed #d8d8dc;margin-top:6px}
.nx4__tot span{font-size:14px;font-weight:700}
.nx4__tot strong{font-size:34px;font-weight:800;letter-spacing:-.03em}
.nx4__ck{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--ink-3);padding:5px 0}
.nx4__ck i{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:var(--green)}
.nx4__ck i svg{width:9px;height:9px}
.nx4__stamp{position:absolute;right:16px;bottom:30px;transform:rotate(-8deg) scale(var(--st,0));opacity:var(--st,0);border:2px solid var(--green-ink);color:var(--green-ink);border-radius:10px;padding:6px 10px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:rgba(137,248,131,.12)}
@media (max-width:899px){
  .nx4__grid{grid-template-columns:1fr;padding-block:90px 70px}
}

/* ---------------------------------------------------------------- 5 · no seu mês */
.nx5{padding:130px 0 140px}
.nx5 .nx__word{opacity:.09;font-size:clamp(90px,17vw,260px);transition:filter .5s cubic-bezier(.22,1,.36,1),opacity .5s}
.nx5.is-drag .nx__word{filter:blur(4px);opacity:.14}
.nx5__card{max-width:860px;margin:56px auto 0;padding:clamp(22px,3vw,40px);display:flex;flex-direction:column;gap:26px}
.nx5__q{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
.nx5__q label{font-size:14px;color:var(--ink-3);font-weight:600}
.nx5__q strong{display:block;font-size:clamp(34px,4vw,54px);font-weight:800;letter-spacing:-.03em;line-height:1;margin-top:8px}
.nx5__q strong small{font-size:.38em;font-weight:600;color:var(--ink-3);letter-spacing:0;margin-left:6px}
.nx5__rng{position:relative;height:36px;display:flex;align-items:center}
.nx5__rng input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer;margin:0}
.nx5__track{position:relative;flex:1;height:8px;border-radius:8px;background:#ececee}
.nx5__track i{position:absolute;left:0;top:0;bottom:0;width:var(--p,50%);border-radius:inherit;background:var(--green)}
.nx5__track b{position:absolute;top:50%;left:var(--p,50%);width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px var(--line),0 6px 14px -6px rgba(0,0,0,.35);transition:transform .4s cubic-bezier(.22,1,.36,1)}
.nx5__rng:hover .nx5__track b,.nx5.is-drag .nx5__track b{transform:scale(1.12)}
.nx5__ticks{position:relative;height:14px;font-size:11px;color:var(--mute);font-weight:700;margin:-14px 13px 0}
.nx5__ticks span{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}
.nx5__res{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:12px}
.nx5__r{border-radius:14px;background:#f6f6f7;padding:16px 18px;display:flex;flex-direction:column;gap:8px}
.nx5__r small{font-size:11px;font-weight:700;color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;display:flex;align-items:center;gap:6px}
.nx5__r small i{width:8px;height:8px;border-radius:50%;background:#d6d6da}
.nx5__r strong{font-size:22px;font-weight:800;letter-spacing:-.02em}
.nx5__r--g{background:var(--green)}
.nx5__r--g small{color:#1d4d1b}.nx5__r--g small i{background:#111}
.nx5__r--g strong{font-size:28px;color:#111}
.nx5__r--g em{font-style:normal;font-size:12px;font-weight:700;color:#1d4d1b}
.nx5__note{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-3);font-weight:600}
.nx5__note i{width:7px;height:7px;border-radius:50%;background:#3ecf36;animation:nxPing 1.8s var(--ease-out) infinite}
@media (max-width:719px){.nx5__res{grid-template-columns:1fr}}

/* ---------------------------------------------------------------- 6 · a seção atual, refinada */
html.nx6-on #economia{overflow:clip}
html.nx6-on #economia .eco__inner{position:relative;z-index:2}
.nx6__grid{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.nx6__word{position:absolute;left:50%;top:38%;z-index:1;transform:translate(-50%,-50%);font-weight:800;font-size:clamp(140px,26vw,400px);line-height:1;letter-spacing:-.03em;color:#fff;opacity:.05;filter:blur(clamp(12px,1.6vw,22px));white-space:nowrap;pointer-events:none;will-change:transform}
html.nx6-on #economia .pill--dark .ic{animation:none}
html.nx6-on #economia .pill--dark{position:relative}
html.nx6-on #economia .pill--dark::before{content:"";width:7px;height:7px;border-radius:50%;background:#3ecf36;margin-right:2px;animation:nxPing 1.8s var(--ease-out) infinite}
html.nx6-on #economia .ccard{position:relative;overflow:hidden}
/* luz dos cards: posição e intensidade vêm do JS, suavizadas quadro a quadro (nada de liga/desliga seco) */
html.nx6-on #economia .ccard{transition:border-color 1s cubic-bezier(.22,1,.36,1),transform 1.1s cubic-bezier(.22,1,.36,1),box-shadow 1.1s cubic-bezier(.22,1,.36,1)}
html.nx6-on #economia .ccard::before{background:radial-gradient(360px circle at var(--sx,50%) var(--sy,-40%),rgba(137,248,131,.30),transparent 62%);opacity:var(--son,0)!important;transition:none}
html.nx6-on #economia .ccard::after{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;pointer-events:none;background:radial-gradient(460px circle at var(--sx,50%) var(--sy,-40%),rgba(137,248,131,.055),transparent 66%);opacity:var(--son,0)!important;transition:none}
@media (hover:hover){html.nx6-on #economia .ccard:hover{transform:translateY(-2px);border-color:#3c3f3c;box-shadow:0 24px 40px -30px rgba(0,0,0,.8)}}
html.nx6-on #economia .chart{position:relative}
html.nx6-on #economia .guard{position:relative;overflow:hidden}
.nx6-h .w6{display:inline-block}

/* ---------------------------------------------------------------- painel */
.nxp{position:fixed;left:16px;bottom:16px;z-index:80;width:300px;border-radius:16px;background:rgba(22,22,26,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 18px 40px -16px rgba(0,0,0,.6);color:#d8d8dc;font-size:12px;overflow:hidden}
.nxp__hd{display:flex;align-items:center;gap:8px;width:100%;padding:13px 14px;color:#fff;font-weight:700;font-size:12.5px;text-align:left}
.nxp__hd b{margin-left:auto;color:var(--green);font-weight:700}
.nxp__hd i{width:8px;height:8px;border-right:1.5px solid #9a9aa0;border-bottom:1.5px solid #9a9aa0;transform:rotate(45deg) translateY(-2px);transition:transform .3s}
.nxp.is-closed .nxp__hd i{transform:rotate(-135deg) translateY(-2px)}
.nxp__body{padding:0 8px 10px;display:flex;flex-direction:column;gap:2px}
.nxp.is-closed .nxp__body{display:none}
.nxp label{display:flex;gap:10px;padding:9px 8px;border-radius:10px;cursor:pointer;transition:background .2s}
.nxp label:hover{background:rgba(255,255,255,.05)}
.nxp input{position:absolute;opacity:0;pointer-events:none}
.nxp em{flex:none;width:20px;height:20px;border-radius:50%;border:1.5px solid #4a4a50;display:grid;place-items:center;font-style:normal;font-size:10px;font-weight:800;color:#9a9aa0;margin-top:1px}
.nxp input:checked+em{background:var(--green);border-color:var(--green);color:#111}
.nxp input:focus-visible+em{outline:2px solid var(--green);outline-offset:2px}
.nxp label span b{display:block;color:#f2f2f4;font-weight:700;font-size:12.5px}
.nxp label span small{display:block;color:#8c8c91;font-size:11px;line-height:1.35;margin-top:2px}
@media (max-width:600px){.nxp{left:8px;right:8px;width:auto;bottom:8px}}

/* 6 · gráfico como no Figma: sem interruptor, área cinza sob a linha tracejada, verde só pra Frakto */
html.nx6-on #economia .sw{display:none}
html.nx6-on #economia .chart__cv .gap,html.nx6-on #economia .chart__cv .gap-s{display:none}
#economia{box-shadow:0 -40px 80px -40px rgba(0,0,0,.35)}
/* painel: extras */
.nxp__ex{border-top:1px solid #2c2c31;margin:6px 6px 0;padding:10px 4px 2px}
.nxp__ex label{align-items:center}
.nxp__ex .tg{position:relative;flex:none;width:30px;height:18px;border-radius:10px;background:#3a3a40;transition:background .25s}
.nxp__ex .tg::after{content:"";position:absolute;left:2px;top:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .3s cubic-bezier(.22,1,.36,1)}
.nxp__ex input:checked+.tg{background:var(--green)}
.nxp__ex input:checked+.tg::after{transform:translateX(12px)}
/* 6 · logo da rede com o nome no título do gráfico, como no Figma */
html.nx6-on #economia .chart__ttl h3 .vA{display:inline-flex!important;align-items:center;vertical-align:-.2em;margin-left:.35em}
html.nx6-on #economia .chart__ttl h3 .vA svg{height:1.05em;width:auto}
@media (max-width:719px){.nx4__stamp{bottom:auto;top:88px}}

/* 6 · vida discreta */
/* ponto de hoje: fica verde por fora e escuro por dentro (como o cinza); o pulso é um anel separado que nasce dele */
html.nx6-on #economia .chart__cv .end-g{fill:#1d1d1d;stroke:#89f883;stroke-width:2.5}
html.nx6-on #economia .chart__cv .end-pulse{fill:none;stroke:#89f883;stroke-width:1.2;transform-box:fill-box;transform-origin:center;opacity:0;animation:nx6Beat 3.2s cubic-bezier(.22,1,.36,1) infinite;pointer-events:none}
@keyframes nx6Beat{0%{transform:scale(1);opacity:.55}75%,100%{transform:scale(3.4);opacity:0}}
html.nx6-on #economia .sp-run{fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-dasharray:18 118;vector-effect:non-scaling-stroke;opacity:0;filter:drop-shadow(0 0 3px rgba(137,248,131,.8))}
html.nx6-on #economia .ccard--g .sp-run{stroke:#d9ffd6}
.nx6-uw{position:relative;display:inline}
.nx6-u{position:absolute;left:0;right:0;bottom:-.08em;height:.09em;border-radius:.1em;background:var(--green);transform-origin:0 50%;transform:scaleX(0)}
/* pílula e selo: um brilho que passa de vez em quando (mesmo do logo do hero) */
html.nx6-on #economia .pill--dark,html.nx6-on #economia .guard__p{overflow:hidden}
html.nx6-on #economia .pill--dark::after,html.nx6-on #economia .guard__p::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.12),transparent);transform:skewX(-18deg);animation:tlShine 7s 1.5s cubic-bezier(.45,0,.2,1) infinite;pointer-events:none}
html.nx6-on #economia .guard__p{position:relative}
html.nx6-on #economia .guard__p::after{animation-delay:4.5s}
html.nx6-on #economia .guard .sh{animation:nx6Shield 7s 4.2s cubic-bezier(.22,1,.36,1) infinite;transform-origin:50% 50%}
@keyframes nx6Shield{0%,100%{transform:none;filter:none}6%{transform:scale(1.08);filter:drop-shadow(0 0 8px rgba(137,248,131,.55))}16%{transform:none;filter:none}}
@media (prefers-reduced-motion:reduce){html.nx6-on #economia .chart__cv .end-pulse,html.nx6-on #economia .guard .sh,html.nx6-on #economia .pill--dark::after,html.nx6-on #economia .guard__p::after{animation:none}}

/* ---------------------------------------------------------------- hover da seção (6) */
.nxp .nxp__ft{display:flex;gap:6px;padding:8px 8px 4px}
.nxp .nxp__ft button{flex:1;height:30px;border-radius:8px;background:#2a2a30;color:#e6e6ea;font-size:11px;font-weight:700}
.nxp .nxp__ft button:hover{background:#34343b}
/* transições longas em tudo que acende e apaga no gráfico */
html.nx6-on #economia .chart__cv .ln-n,html.nx6-on #economia .chart__cv .ln-g,html.nx6-on #economia .chart__cv .a-n,html.nx6-on #economia .chart__cv .a-g,html.nx6-on #economia .chart__cv .dot-n,html.nx6-on #economia .chart__cv .dot-g,html.nx6-on #economia .chart__cv .end-n,html.nx6-on #economia .chart__cv .end-g,html.nx6-on #economia .chart__cv .halo{transition:opacity .7s cubic-bezier(.22,1,.36,1)}
/* 1 · card acende a linha */
html.h6-1 .chart__cv.h-iso-n .ln-g,html.h6-1 .chart__cv.h-iso-n .a-g,html.h6-1 .chart__cv.h-iso-n .dot-g,html.h6-1 .chart__cv.h-iso-n .end-g,html.h6-1 .chart__cv.h-iso-n .halo,html.h6-1 .chart__cv.h-iso-n .end-pulse{opacity:.14}
html.h6-1 .chart__cv.h-iso-g .ln-n,html.h6-1 .chart__cv.h-iso-g .a-n,html.h6-1 .chart__cv.h-iso-g .dot-n,html.h6-1 .chart__cv.h-iso-g .end-n{opacity:.16}
html.h6-1 .chart__cv.h-iso-n .ln-n{filter:drop-shadow(0 0 4px rgba(255,255,255,.35))}
html.h6-1 .chart__cv.h-iso-g .ln-g{filter:drop-shadow(0 0 5px rgba(137,248,131,.6))}
html.nx6-on #economia .chart__cv .gap{display:block!important;opacity:0!important;transition:opacity .8s cubic-bezier(.22,1,.36,1)}
html.h6-1.nx6-on #economia .chart__cv.h-iso-d .gap{opacity:1!important}
html.h6-1 .chart__cv.h-iso-d .a-n,html.h6-1 .chart__cv.h-iso-d .a-g{opacity:.25}
/* 4 · legenda que isola: desligada, a legenda não apaga nada */
html:not(.h6-4) .chart__cv.iso-g .ln-n,html:not(.h6-4) .chart__cv.iso-g .a-n,html:not(.h6-4) .chart__cv.iso-g .dot-n,html:not(.h6-4) .chart__cv.iso-g .end-n,
html:not(.h6-4) .chart__cv.iso-n .ln-g,html:not(.h6-4) .chart__cv.iso-n .a-g,html:not(.h6-4) .chart__cv.iso-n .dot-g,html:not(.h6-4) .chart__cv.iso-n .end-g,html:not(.h6-4) .chart__cv.iso-n .halo{opacity:1}
/* 2 · régua */
.chart__cv .rul{transition:opacity .4s}
.chart__cv .rul-l,.chart__cv .rul-c{stroke:#89f883;stroke-width:1.2;stroke-linecap:round}
.chart__cv .rul-l{stroke-dasharray:2 3}
.chart__cv .rul-bg{fill:#1a251a;stroke:#476b47;stroke-width:1}
.chart__cv .rul-t{fill:#89f883;font-size:11px;font-weight:700;text-anchor:middle;font-family:var(--font);font-variant-numeric:tabular-nums}
/* 3 · prévia do período */
.chart__cv .ghost{opacity:0;pointer-events:none}
.chart__cv .gh-n,.chart__cv .gh-g{fill:none;stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round}
.chart__cv .gh-n{stroke:rgba(255,255,255,.22);stroke-dasharray:3 4}
.chart__cv .gh-g{stroke:rgba(137,248,131,.38)}
/* 5 · marcador na linha pequena */
.ccard .sp-mark{position:absolute;bottom:0;width:1px;height:56px;background:linear-gradient(to top,rgba(137,248,131,.6),transparent);opacity:0;transform:translateX(-.5px);transition:opacity .4s;pointer-events:none}
.ccard .sp-mark.is-on{opacity:1}
html.h6-5 .ccard [data-spark]{cursor:crosshair}
/* 6 · faixa de autocustódia */
.guard .guard__t b span{transition:text-shadow .8s cubic-bezier(.22,1,.36,1)}
html.h6-6 .guard:hover .guard__t b span{text-shadow:0 0 14px rgba(137,248,131,.55)}
.guard .sh-p{stroke-linecap:round}
.guard__tip{position:absolute;right:0;bottom:calc(100% + 10px);white-space:nowrap;padding:8px 12px;border-radius:10px;background:#111;border:1px solid #333336;color:#d8d8dc;font-size:12px;font-weight:600;opacity:0;transform:translateY(4px);transition:opacity .45s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1);pointer-events:none;z-index:5}
html.h6-6 .guard__p:hover .guard__tip{opacity:1;transform:none}
html.nx6-on #economia .guard__p{overflow:visible}
html.nx6-on #economia .guard__p::after{display:none}
/* 7 · pílula que se estende */
.pill--dark .pill-x{display:inline-flex;align-items:center;gap:8px;max-width:0;opacity:0;overflow:hidden;white-space:nowrap;font-weight:500;font-size:11px;color:#99999e;transition:max-width .8s cubic-bezier(.22,1,.36,1),opacity .5s cubic-bezier(.22,1,.36,1),margin .8s cubic-bezier(.22,1,.36,1)}
html.h6-7 .pill--dark:hover .pill-x{max-width:220px;opacity:1;margin-left:2px}

/* ---------------------------------------------------------------- seção 2 · ajustes */
.nxp__grp{padding:8px 8px 4px}
.nxp__grp+.nxp__grp{border-top:1px solid #2c2c31}
.nxp__lbl{display:block;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#7b7b82;margin:2px 0 8px}
.nxp__ch{display:flex;flex-wrap:wrap;gap:4px}
.nxp__ch label{padding:0;position:relative;cursor:pointer}
.nxp__ch label:hover{background:none}
.nxp__ch span{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:7px;background:#2a2a30;color:#bdbdc4;font-size:11px;font-weight:600;transition:background .2s,color .2s}
.nxp__ch input:checked+span{background:var(--green);color:#111}
.nxp__ch input:focus-visible+span{outline:2px solid var(--green);outline-offset:2px}

/* logo da rede no título do gráfico */
.chart__ttl h3 .vA{position:relative;overflow:hidden;border-radius:4px}
html.lg-a .chart__ttl h3 .vA::after{content:"";position:absolute;top:-20%;bottom:-20%;left:-70%;width:45%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-18deg);animation:tlShine 6.5s 2s cubic-bezier(.45,0,.2,1) infinite;pointer-events:none;mix-blend-mode:overlay}
html.lg-b .chart__ttl h3 .vA svg path[fill="#EA0029"]{transform-box:fill-box;transform-origin:50% 50%;animation:lgBreath 5s 1s cubic-bezier(.22,1,.36,1) infinite}
@keyframes lgBreath{0%,100%{transform:none;filter:none}12%{transform:scale(1.14);filter:drop-shadow(0 0 4px rgba(234,0,41,.7))}28%{transform:none;filter:none}}

/* destaque em "sem pensar nisso" */
.nx6-uw .w6{transition:color 1s cubic-bezier(.22,1,.36,1)}
html:not(.hl-a):not(.hl-b):not(.hl-e):not(.hl-f):not(.hl-g) .nx6-u{display:none}
/* caixa verde atrás das palavras, como o "muito" do hero (cresce da esquerda pra direita quando o título entra) */
html.hl-e .nx6-uw,html.hl-f .nx6-uw,html.hl-g .nx6-uw{z-index:0;isolation:isolate;padding-inline:.16em;margin-inline:.08em}
html.hl-e .nx6-u,html.hl-f .nx6-u,html.hl-g .nx6-u{top:.06em;bottom:-.04em;height:auto;z-index:-1;border-radius:.32em}
html.hl-e .nx6-u{background:var(--green)}
html.hl-e .nx6-uw.is-lit .w6{color:#111;transition-delay:.35s}
html.hl-f .nx6-u{background:rgba(137,248,131,.16)}
html.hl-f .nx6-uw.is-lit .w6{color:var(--green);transition-delay:.35s}
html.hl-g .nx6-u{background:rgba(137,248,131,.05);box-shadow:inset 0 0 0 1.5px rgba(137,248,131,.75)}
html.hl-b .nx6-u{bottom:.04em;height:.82em;z-index:-1;border-radius:.18em;background:rgba(137,248,131,.16);box-shadow:inset 0 -.08em 0 rgba(137,248,131,.55)}
html.hl-b .nx6-uw{z-index:0;isolation:isolate}
html.hl-c .nx6-uw.is-lit .w6{color:var(--green);transition-delay:calc(var(--d,0) * .14s)}
html.hl-d .nx6-uw .w6{animation:hlWave 7s calc(2s + var(--d,0) * .16s) cubic-bezier(.45,0,.2,1) infinite}
@keyframes hlWave{0%,100%{color:inherit}8%{color:var(--green);text-shadow:0 0 18px rgba(137,248,131,.35)}20%{color:inherit;text-shadow:none}}
@media (prefers-reduced-motion:reduce){html.lg-a .chart__ttl h3 .vA::after,html.lg-b .chart__ttl h3 .vA svg path,html.hl-d .nx6-uw .w6{animation:none}}
/* texto de abertura: as palavras mudam devagar */
html.nx6-on .eco__h .w6{will-change:opacity,transform}

/* logo da rede na seção 2 · mesmo efeito do hero: brilho que passa + a marca dá um leve giro, no mesmo ritmo */
/* o logo vira uma etiqueta escura, a versão da seção escura da etiqueta branca do hero */
html.lg-h.nx6-on #economia .chart__ttl h3 .vA{height:1.6em;padding:0 .55em;margin-left:.15em;border-radius:.5em;background:#262626;box-shadow:0 0 0 1px #3a3a3d,0 .4em .9em -.5em rgba(0,0,0,.6);vertical-align:-.3em}
html.lg-h.nx6-on #economia .chart__ttl h3 .vA svg{height:.86em;width:auto}
html.lg-h .chart__ttl h3 .vA::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:45%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.16),transparent);transform:skewX(-18deg);animation:tlShine 5.5s 2.6s cubic-bezier(.45,0,.2,1) infinite;pointer-events:none}
html.lg-h .chart__ttl h3 .vA svg path[fill="#EA0029"]{transform-box:fill-box;transform-origin:50% 50%;animation:tlMark 5.5s 2.6s cubic-bezier(.22,1,.36,1) infinite}
@media (prefers-reduced-motion:reduce){html.lg-h .chart__ttl h3 .vA::after,html.lg-h .chart__ttl h3 .vA svg path{animation:none}}
/* seleção de período no gráfico: sem escurecer o resto (era um retângulo escuro por cima do fundo) */
html.nx6-on #economia .chart__cv .br-d{fill:none}
/* botão de fechar da seleção: x desenhado, centralizado de verdade */
html.nx6-on #economia .brush__x{position:relative;font-size:0;color:transparent;transition:background .4s cubic-bezier(.22,1,.36,1)}
html.nx6-on #economia .brush__x::before,html.nx6-on #economia .brush__x::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:1.6px;border-radius:2px;background:#b8b8bd;transform:translate(-50%,-50%) rotate(45deg);transition:background .3s}
html.nx6-on #economia .brush__x::after{transform:translate(-50%,-50%) rotate(-45deg)}
html.nx6-on #economia .brush__x:hover::before,html.nx6-on #economia .brush__x:hover::after{background:#fff}

.es-band{--bg:#f5f5f5;--ink:#151517;--mute:#7d7d84;--soft:#5d5d64;--line:rgba(0,0,0,.07);--card:#fff;--lime:#89f883;--limeInk:#1f8a1a;--body:'Plus Jakarta Sans',system-ui,sans-serif;position:relative;z-index:3;background:var(--bg);color:var(--ink);font-family:var(--body);overflow:clip}
#como-funciona *,#como-funciona *::before,#como-funciona *::after{box-sizing:border-box}
#como-funciona{max-width:1280px;margin:0 auto;padding:72px 24px 40px}
#como-funciona .es-pill{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 17px 0 14px;border-radius:16px;background:#242424;border:1px solid #383838;color:#f5f5f5;font-size:10px;line-height:1;font-weight:700;letter-spacing:.3px;white-space:nowrap}
#como-funciona .es-pill::before{content:"";width:7px;height:7px;border-radius:50%;background:#3ecf36;margin-right:2px;animation:esPing 1.8s cubic-bezier(.16,1,.3,1) infinite}
@keyframes esPing{0%{box-shadow:0 0 0 0 rgba(62,207,54,.55)}70%,100%{box-shadow:0 0 0 7px rgba(62,207,54,0)}}
#como-funciona .es-pill .pi{width:14px;height:14px;fill:none;stroke:var(--lime);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
#como-funciona .es-pill .sep{width:1px;height:8px;background:#475247}
#como-funciona .es-pill .sub{font-weight:500;font-size:11px;color:#99999e;letter-spacing:0}
#como-funciona .es-pill b{color:var(--lime);font-size:12px;letter-spacing:0;margin-left:-3px}
#como-funciona .es-pill::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.12),transparent);transform:skewX(-18deg);animation:esShine 7s 1.5s cubic-bezier(.45,0,.2,1) infinite;pointer-events:none}
@keyframes esShine{0%{left:-60%}22%,100%{left:130%}}
#como-funciona h2{font-size:clamp(32px,4.4vw,58px);letter-spacing:-.04em;line-height:1;margin:18px 0 14px;font-weight:800;max-width:14ch}
#como-funciona h2 span{font-weight:400;color:#8a8a90}
#como-funciona .lead{max-width:560px;color:var(--soft);font-size:16px;line-height:1.55;margin:0 0 32px}
#como-funciona .cards{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:0}
#como-funciona .cd{position:relative;padding:20px 20px 22px;border-radius:22px;background:var(--card);border:1px solid var(--line);outline:none;cursor:default;transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s,border-color .45s}
#como-funciona .cd .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
#como-funciona .cd .n{display:inline-grid;place-items:center;min-width:34px;height:26px;padding:0 9px;border-radius:999px;background:#f0f0f2;font-size:12px;font-weight:800;letter-spacing:.02em;transition:background .35s,color .35s}
#como-funciona .cd .st{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:#a3a3a9;transition:color .35s}
#como-funciona .cd .st i{width:6px;height:6px;border-radius:50%;background:#cfcfd4;transition:background .35s,box-shadow .35s}
#como-funciona .cd h3{margin:0 0 6px;font-size:20px;letter-spacing:-.025em;line-height:1.15}
#como-funciona .cd p{margin:0;font-size:14px;line-height:1.5;color:var(--soft)}
#como-funciona .cd.live .n{background:var(--ink);color:var(--lime)}
#como-funciona .cd.done .n{background:var(--lime);color:#0d0d0e}
#como-funciona .cd.done .st{color:#1f8a1a}
#como-funciona .cd.done .st i{background:var(--lime);box-shadow:none}
#como-funciona .cd.done .st b{opacity:1;transform:none}
#como-funciona .cd .st b{white-space:nowrap}
#como-funciona .cd .st b{opacity:1;transition:color .3s}
#como-funciona .cd .pg{position:absolute;left:20px;right:20px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--lime);transform-origin:left center;transform:scaleX(0);opacity:0;transition:opacity .6s .15s}
#como-funciona .cd.live .pg{opacity:1;transition:opacity .2s}
#como-funciona .cd.live .st{color:var(--ink)}
#como-funciona .cd.live .st i{background:#3ecf36;box-shadow:0 0 0 3px rgba(62,207,54,.2)}
#como-funciona .cd.es-hl{transform:translateY(-4px);border-color:rgba(0,0,0,.12);box-shadow:0 22px 40px -26px rgba(0,0,0,.35)}
#como-funciona .cd:focus-visible{box-shadow:0 0 0 2px var(--ink)}
#como-funciona .stage{position:relative;z-index:1;width:100vw;margin-left:calc(50% - 50vw);margin-top:-150px;height:clamp(560px,72vh,760px);overflow:hidden}
#como-funciona .stage canvas{display:block;width:100%;height:100%;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 13%,#000 87%,transparent 100%),linear-gradient(240deg,transparent 0,transparent clamp(30px,3.2vw,64px),#000 clamp(235px,19vw,380px));-webkit-mask-composite:source-in;mask-image:linear-gradient(to bottom,transparent 0,#000 13%,#000 87%,transparent 100%),linear-gradient(240deg,transparent 0,transparent clamp(30px,3.2vw,64px),#000 clamp(235px,19vw,380px));mask-composite:intersect}
#como-funciona .tags{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:2}
#como-funciona .tip{z-index:3}
#como-funciona .pt{position:absolute;left:0;top:0;display:flex;gap:6px;align-items:center;white-space:nowrap;font-size:11.5px;font-weight:800;padding:5px 7px;border-radius:9px;background:rgba(255,255,255,.92);box-shadow:0 8px 18px -10px rgba(0,0,0,.4);opacity:0;transition:opacity .35s}
#como-funciona .pt s{color:#9a9aa0;font-weight:600;text-decoration-color:#e5484d}
#como-funciona .pt b{background:var(--lime);color:#0d0d0e;padding:2px 6px;border-radius:6px}
#como-funciona .tip{position:absolute;left:0;top:0;width:max-content;max-width:250px;padding:12px 14px 13px;border-radius:16px;background:rgba(21,21,23,.92);color:#fff;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 18px 40px -20px rgba(0,0,0,.6);opacity:0;transition:opacity .25s;pointer-events:none}
#como-funciona .tip.on{opacity:1}
#como-funciona .tip .h{display:flex;gap:8px;align-items:center;margin-bottom:4px}
#como-funciona .tip em{font-style:normal;font-size:11px;font-weight:800;color:var(--ink);background:var(--lime);padding:2px 7px;border-radius:999px}
#como-funciona .tip b{font-size:14.5px;letter-spacing:-.01em}
#como-funciona .tip span{display:block;font-size:12.5px;line-height:1.45;color:#c3c3c8}
#como-funciona .hud{position:absolute;left:0;top:0;align-items:flex-start;display:flex;flex-direction:column;align-items:flex-end;gap:2px;padding:11px 15px;border-radius:15px;background:rgba(255,255,255,.88);backdrop-filter:blur(10px);box-shadow:0 12px 28px -18px rgba(0,0,0,.45);opacity:0;transition:opacity .6s}
#como-funciona .hud.on{opacity:1}
#como-funciona .hud small{font-size:11px;font-weight:600;color:var(--mute)}
#como-funciona .hud b{font-size:22px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
#como-funciona .hint{display:flex;margin:-14px 0 22px;font-size:12.5px;font-weight:600;color:#8a8a90;display:flex;gap:8px;align-items:center;transition:opacity .4s}
#como-funciona .hint::before{content:"";width:14px;height:14px;border-radius:50%;border:1.5px solid #a9a9af}
#como-funciona .hint .t{display:none}
@media (hover:none){#como-funciona .hint .m{display:none}
#como-funciona .hint .t{display:inline}}
#como-funciona .es-eco{position:absolute;z-index:3;left:max(24px,calc(50vw - 616px));top:186px;min-width:270px;padding:20px 20px 20px;border-radius:22px;background:#151517;color:#fff;box-shadow:0 30px 60px -30px rgba(0,0,0,.55);opacity:0;transform:translateY(14px);transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.2,1),box-shadow .5s}
#como-funciona .es-eco.on{opacity:1;transform:none}
#como-funciona .es-eco.gone{visibility:hidden}
#como-funciona .es-eco small{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:#a9a9b0}
#como-funciona .es-eco small em{font-style:normal;font-size:10.5px;font-weight:700;color:#7d7d84;border:1px solid #3a3a3e;border-radius:999px;padding:1px 7px}
#como-funciona .odo{display:flex;align-items:flex-end;margin:10px 0 12px;font-size:clamp(34px,3vw,44px);font-weight:800;letter-spacing:-.035em;line-height:1.08;height:1.08em;overflow:hidden;font-variant-numeric:tabular-nums;color:#fff}
#como-funciona .oc{display:inline-block;height:1.08em}
#como-funciona .oc.dg{overflow:hidden}
#como-funciona .col{display:flex;flex-direction:column;transition:transform 1s cubic-bezier(.2,.8,.2,1)}
#como-funciona .col i{font-style:normal;height:1.08em;display:block}
#como-funciona .es-eco .sub{font-size:13px;color:#c3c3c8}
#como-funciona .es-eco .sub b{color:#0d0d0e;background:var(--lime);padding:2px 7px;border-radius:7px;margin-right:4px}
#como-funciona .es-eco.bump{animation:es-bump .7s cubic-bezier(.2,.8,.2,1)}
@keyframes es-bump{0%{box-shadow:0 30px 60px -30px rgba(0,0,0,.55),0 0 0 0 rgba(137,248,131,.55)}40%{box-shadow:0 30px 60px -30px rgba(0,0,0,.55),0 0 0 8px rgba(137,248,131,.0)}100%{box-shadow:0 30px 60px -30px rgba(0,0,0,.55),0 0 0 0 rgba(137,248,131,0)}}
#como-funciona .es-chip{position:absolute;left:0;top:0;z-index:4;pointer-events:none;font-size:13px;font-weight:800;color:#0d0d0e;background:var(--lime);padding:5px 10px;border-radius:999px;box-shadow:0 10px 24px -10px rgba(62,207,54,.8)}
#como-funciona .insp{position:absolute;z-index:3;right:max(24px,calc(50vw - 616px));bottom:64px;width:300px;padding:16px 18px 14px;border-radius:22px;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--line);box-shadow:0 30px 60px -36px rgba(0,0,0,.4);opacity:0;transform:translateY(14px);transition:opacity .8s .15s,transform .8s .15s cubic-bezier(.2,.7,.2,1),border-color .4s}
#como-funciona .insp.on{opacity:1;transform:none}
#como-funciona .insp.sel{border-color:rgba(62,207,54,.55)}
#como-funciona .ih{display:flex;flex-direction:column;gap:2px;margin-bottom:12px}
#como-funciona .ik{font-size:11.5px;font-weight:700;color:#3ecf36;letter-spacing:.01em}
#como-funciona .insp:not(.sel) .ik{color:var(--mute)}
#como-funciona .ih b{font-size:16px;letter-spacing:-.02em}
#como-funciona .itl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 10px}
#como-funciona .itl li{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:#a3a3a9;transition:color .3s}
#como-funciona .itl li i{width:16px;height:16px;border-radius:50%;border:1.5px solid #d4d4d9;display:grid;place-items:center;flex:none;transition:all .3s}
#como-funciona .itl li.ok{color:var(--ink)}
#como-funciona .itl li.ok i{background:var(--lime);border-color:var(--lime)}
#como-funciona .itl li.ok i::after{content:"";width:6px;height:3px;border-left:2px solid #0d0d0e;border-bottom:2px solid #0d0d0e;transform:rotate(-45deg) translate(1px,-1px)}
#como-funciona .itl li.now{color:var(--ink)}
#como-funciona .itl li.now i{border-color:#3ecf36;animation:es-ring 1.2s infinite}
@keyframes es-ring{0%{box-shadow:0 0 0 0 rgba(62,207,54,.45)}100%{box-shadow:0 0 0 7px rgba(62,207,54,0)}}
#como-funciona .ipr{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;max-height:0;overflow:hidden;opacity:0;margin-top:0;transition:max-height .5s,opacity .4s,margin .4s}
#como-funciona .ipr.on{max-height:70px;opacity:1;margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}
#como-funciona .ipr s{font-size:13px;font-weight:600}
#como-funciona .ipr .ar{color:#a3a3a9;font-size:13px}
#como-funciona .ipr em{flex-basis:100%;font-style:normal;font-size:12px;font-weight:600;color:#1f8a1a}
#como-funciona .ipr s{color:#9a9aa0;text-decoration-color:#e5484d}
#como-funciona .ipr b{background:var(--lime);color:#0d0d0e;padding:2px 7px;border-radius:7px;font-size:13px}
#como-funciona .ipr .sv strong{color:var(--ink);font-size:14px}
#como-funciona .ipr .nf em{font-style:normal;font-weight:700;color:#1f8a1a}
#como-funciona .ifoot{display:block;margin-top:10px;font-size:11px;color:#9a9aa0}
@media (min-width:981px){#como-funciona h2{max-width:none;white-space:nowrap}
#como-funciona .lead{max-width:none;white-space:nowrap}}
@media (max-width:980px){#como-funciona .stage{margin-top:8px;height:min(640px,96vw)}
#como-funciona .stage canvas{-webkit-mask-image:none;mask-image:none}
#como-funciona .es-eco{top:auto;bottom:18px;left:16px;min-width:0;padding:14px 16px}
#como-funciona .odo{font-size:30px}
#como-funciona .insp{display:none}}
#como-funciona{position:relative}
#como-funciona .insp.pop{position:absolute;opacity:0;pointer-events:none;transition:opacity .3s}
#como-funciona .insp.pop.show{opacity:1}
#como-funciona .cd.cd4p{position:absolute;z-index:3}
#como-funciona .cd.cd4{position:absolute;z-index:3;background:#151517;border-color:#151517;color:#fff;box-shadow:0 34px 70px -34px rgba(0,0,0,.6)}
#como-funciona .cd.cd4 h3{color:#fff}
#como-funciona .cd.cd4 p{color:#a9a9b0}
#como-funciona .cd.cd4 .n{background:#2a2a2e;color:#fff}
#como-funciona .cd.cd4.live .n{background:var(--lime);color:#0d0d0e}
#como-funciona .cd.cd4.done .n{background:var(--lime);color:#0d0d0e}
#como-funciona .cd.cd4 .st{color:#8a8a90}
#como-funciona .cd.cd4.live .st,#como-funciona .cd.cd4.done .st{color:var(--lime)}
#como-funciona .cd.cd4.hl{box-shadow:0 34px 70px -30px rgba(0,0,0,.7),0 0 0 2px rgba(137,248,131,.5)}
#como-funciona .es-eco.in4{position:static;opacity:1;transform:none;background:none;box-shadow:none;border-radius:0;padding:16px 0 0;margin-top:16px;border-top:1px solid #2c2c30;min-width:0}
#como-funciona .es-eco.in4 .odo{font-size:clamp(32px,2.6vw,40px);margin:8px 0 10px}
#como-funciona .es-eco.in4.bump{animation:none}
#como-funciona .cd4.bump{animation:es-bump .7s cubic-bezier(.2,.8,.2,1)}
#como-funciona .es-pill,#como-funciona h2,#como-funciona .lead,#como-funciona .hint,#como-funciona .cd{opacity:0;transform:translateY(22px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1),box-shadow .45s,border-color .45s}
#como-funciona.in .es-pill,#como-funciona.in h2,#como-funciona.in .lead,#como-funciona.in .hint,#como-funciona.in .cd{opacity:1;transform:none}
#como-funciona.in h2{transition-delay:.08s}
#como-funciona.in .lead{transition-delay:.16s}
#como-funciona.in .hint{transition-delay:.22s}
#como-funciona.in .cd:nth-child(1){transition-delay:.3s}
#como-funciona.in .cd:nth-child(2){transition-delay:.42s}
#como-funciona.in .cd:nth-child(3){transition-delay:.54s}
#como-funciona.in .cd:nth-child(4){transition-delay:.66s}
#como-funciona.in .cd.es-hl{transform:translateY(-4px);transition-delay:0s}
@media (prefers-reduced-motion:reduce){#como-funciona .es-pill,#como-funciona h2,#como-funciona .lead,#como-funciona .hint,#como-funciona .cd{opacity:1;transform:none;transition:none}}
@media (max-width:980px){#como-funciona .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){#como-funciona .es-pill .sub,#como-funciona .es-pill .sep{display:none}
#como-funciona .es-pill b{margin-left:2px}
#como-funciona{padding:48px 16px}
#como-funciona .cards{gap:8px}
#como-funciona .cd{padding:16px}
#como-funciona .cd .top{margin-bottom:14px}
#como-funciona .cd h3{font-size:16.5px}
#como-funciona .cd p{font-size:13px}
#como-funciona .cd .st b{display:none}
#como-funciona .stage{height:min(560px,132vw);margin-top:4px}
#como-funciona .es-eco{display:grid;grid-template-columns:1fr auto;column-gap:14px;align-items:end;left:12px;right:12px;bottom:12px;padding:12px 16px 13px;border-radius:18px}
#como-funciona .es-eco small{grid-column:1/-1}
#como-funciona .es-eco .odo{font-size:28px;margin:6px 0 0}
#como-funciona .es-eco .sub{max-width:118px;font-size:11.5px;line-height:1.35;text-align:right;padding-bottom:3px}
#como-funciona .es-eco .sub b{display:inline-block;margin:0 0 3px}
#como-funciona .hud b{font-size:18px}}
/* v121 · reserva sem 3D: imagem da cena */
#como-funciona .stage.es-static{background:url(/assets/esteira_reserva.webp) center/cover no-repeat}
@media (max-width:980px){#como-funciona .stage.es-static{background-size:contain}}

/* ===== teste de estilo contínuo (seção 3 nas outras): cada item liga/desliga no painel ===== */

/* 1 · etiquetas em volta do celular: plaquinha branca com volume e luz verde, como as fichas da esteira */
html.st-tags .hero .chip{background:linear-gradient(#ffffff,#f4f4f1);border:1px solid rgba(40,46,40,.62);border-radius:12px;font-style:normal;font-weight:600;color:#2b2f2b;
  box-shadow:inset 0 1px 0 #fff,0 3px 0 -1px #dcdcd7,0 3px 0 0 rgba(40,46,40,.55),0 18px 30px -16px rgba(0,0,0,.35)}
html.st-tags .hero .chip svg{display:none}
html.st-tags .hero .chip::before{content:"";flex:none;width:9px;height:9px;border-radius:50%;
  background:radial-gradient(circle at 35% 32%,#f2fff0 0 18%,#89f883 46%,#4fcf49 100%);
  box-shadow:0 0 0 1.5px rgba(40,70,40,.75),0 0 8px 2px rgba(137,248,131,.65);animation:stLed 2.6s ease-in-out infinite}
@keyframes stLed{0%,100%{box-shadow:0 0 0 1.5px rgba(40,70,40,.75),0 0 6px 1px rgba(137,248,131,.45)}50%{box-shadow:0 0 0 1.5px rgba(40,70,40,.75),0 0 11px 3px rgba(137,248,131,.8)}}

/* 2 · seção 2: bolinhas viram luzes com volume (cápsula acesa, apagada ou meia-luz) */
html.st-leds .eco .sq{width:17px;height:9px;border:0;border-radius:999px;
  background:linear-gradient(#77777d,#4a4a4f);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 1px rgba(0,0,0,.35),0 0 0 1px rgba(0,0,0,.55)}
html.st-leds .eco .sq--g{background:radial-gradient(ellipse at 40% 30%,#f0ffee 0 14%,#a6fba1 34%,#6fe068 70%,#45bd3f 100%);
  box-shadow:inset 0 -1px 1px rgba(0,60,0,.35),0 0 0 1px rgba(10,40,10,.7),0 0 10px 2px rgba(137,248,131,.55);animation:stLedG 2.8s ease-in-out infinite}
html.st-leds .eco .sq--d{width:19px;height:10px;background:linear-gradient(#4f7a4c,#2f4d2e);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 0 0 1px rgba(0,0,0,.55),0 0 6px rgba(137,248,131,.22)}
@keyframes stLedG{0%,100%{filter:brightness(1)}50%{filter:brightness(1.12)}}

/* 3 · ponta da linha verde vira LED, com pulso de luz correndo pela linha */
html.st-pulse #chart .end-g{fill:#e6ffe3;stroke:#89f883;stroke-width:2.5;filter:drop-shadow(0 0 4px rgba(137,248,131,.95))}
#chart .st-halo,#chart .st-pulse{display:none;pointer-events:none}
html.st-pulse #chart .st-halo{display:inline;fill:url(#stHaloG);transform-box:fill-box;transform-origin:center;animation:stHalo 2.4s ease-in-out infinite}
html.st-pulse #chart .st-halo.hit{animation:stHit .9s ease-out}
html.st-pulse #chart .st-pulse{display:inline;fill:none;stroke:#eaffe6;stroke-width:3.2;stroke-linecap:round;filter:drop-shadow(0 0 5px #89f883) drop-shadow(0 0 10px rgba(137,248,131,.7))}
.chart__cv.iso-n .st-halo,.chart__cv.iso-n .st-pulse{opacity:0}
@keyframes stHalo{0%,100%{opacity:.55;transform:scale(.85)}50%{opacity:.95;transform:scale(1.1)}}
@keyframes stHit{0%{opacity:1;transform:scale(1.6)}100%{opacity:.6;transform:scale(.9)}}

/* 5 · números dos cards em módulos de virar, no desenho do placar da seção 3:
   caixa preta funda, plaquinhas com dobradiça no meio, pinos nas laterais, centavos do mesmo tamanho */
html.st-flip .ccard .money{font-size:34px}
html.st-flip .ccard .money .i,html.st-flip .ccard .money .c{font-size:1em;align-items:center;padding-bottom:0}
html.st-flip .ccard .money .i{gap:.18em}
.money .o.flp,.tip__f .o.flp{display:inline-flex;flex-direction:row;align-items:center;gap:.06em;padding:.09em;border-radius:.2em;background:#0c0c0e;
  box-shadow:inset 0 .05em .12em rgba(0,0,0,.8),inset 0 0 0 1px rgba(255,255,255,.04),0 1px 0 rgba(255,255,255,.06)}
.money .c .o.flp{margin-left:.06em}
.fl-d{position:relative;display:inline-block;width:.8em;height:1.22em;border-radius:.12em;perspective:5em;line-height:1;
  box-shadow:0 .04em .06em rgba(0,0,0,.7)}
.fl-h{position:absolute;left:0;right:0;height:calc(50% - .025em);overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.fl-t,.fl-ft{top:0;border-radius:.12em .12em .03em .03em;background:linear-gradient(#303036,#26262b);box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}
.fl-b,.fl-fb{bottom:0;border-radius:.03em .03em .12em .12em;background:linear-gradient(#202024,#19191c)}
.fl-h b{position:absolute;left:0;right:0;height:calc(200% + .05em);display:flex;align-items:center;justify-content:center;font-weight:800;font-variant-numeric:tabular-nums;font-size:.8em}
.fl-t b,.fl-ft b{top:0}
.fl-b b,.fl-fb b{bottom:0}
.fl-ft{transform-origin:50% 100%;z-index:2;visibility:hidden}
.fl-fb{transform-origin:50% 0;z-index:2;visibility:hidden}
.fl-d::after{content:"";position:absolute;left:0;right:0;top:calc(50% - .02em);height:.04em;background:#08080a;box-shadow:0 1px 0 rgba(255,255,255,.05);z-index:3}
.fl-d::before{content:"";position:absolute;top:50%;left:-.035em;right:-.035em;height:.13em;margin-top:-.065em;z-index:4;
  background:radial-gradient(circle at .05em 50%,#4a4a50 .03em,transparent .04em),radial-gradient(circle at calc(100% - .05em) 50%,#4a4a50 .03em,transparent .04em)}
.ccard--g .fl-h b{color:var(--green);text-shadow:0 0 .25em rgba(137,248,131,.25)}
/* tooltip do gráfico: "Você economiza" no mesmo placar dos cards */
html.st-flip .tip__f strong[data-t-s]{display:inline-flex;align-items:center;gap:.14em;font-size:19px;line-height:1}
.tip__f strong .tv-r{font-size:.68em;font-weight:700;color:var(--dark-mute-2);margin-right:.08em}
.tip__f strong .tv-v{font-size:.9em;margin:0 -.04em}
.tip__f strong .fl-h b{color:var(--green);text-shadow:0 0 .25em rgba(137,248,131,.25)}
@media (max-width:760px){html.st-flip .tip__f strong[data-t-s]{font-size:17px}}

/* plaquinha acende quando passa uma operação (no lugar do contorno verde chapado) */
html.st-tags .hero .chip.is-flash{animation:stChipFlash 1.4s ease-out}
html.st-tags .hero .chip.is-flash::before{animation:stLedHit 1.4s ease-out}
@keyframes stChipFlash{0%,25%{border-color:#3d7a39}100%{border-color:rgba(40,46,40,.62)}}
@keyframes stLedHit{0%,30%{box-shadow:0 0 0 1.5px rgba(40,70,40,.75),0 0 14px 5px rgba(137,248,131,.95);filter:brightness(1.25)}100%{box-shadow:0 0 0 1.5px rgba(40,70,40,.75),0 0 6px 1px rgba(137,248,131,.45)}}

/* ===== conta (criar conta / entrar) ===== */
.hdr__login{position:relative;display:inline-flex;align-items:center;height:46px;padding:0 4px;font-size:14px;font-weight:700;color:var(--ink);transition:color .3s}
.hdr__login::after{content:"";position:absolute;left:4px;right:4px;bottom:11px;height:2px;border-radius:2px;background:var(--green);transform:scaleX(0);transform-origin:0 50%;transition:transform .45s var(--ease-out)}
.hdr__login:hover::after,.hdr__login:focus-visible::after{transform:scaleX(1)}
.hdr.on-dark .hdr__login{color:#f2f2f0}
.hdr__right{gap:16px}
@media (max-width:1100px){
  .hdr__login{display:none}
  html .hdr .hdr__right .hdr__cta{display:inline-flex;height:40px;padding:0 16px;font-size:13px;border-radius:12px}
}
@media (max-width:380px){html .hdr .hdr__right .hdr__cta{padding:0 12px}}

.hero__login{margin:-10px 0 0;font-size:13px;color:#77777c}
.hero__login a{color:var(--ink);font-weight:700;text-decoration:underline;text-decoration-color:var(--green);text-decoration-thickness:2px;text-underline-offset:3px}
.hero__login a:hover{text-decoration-color:var(--ink)}

/* seta do botão principal do hero: troca pra direita */
.cx-dot--r .b{transform:translateX(-120%)}
.cta-x:hover .cx-dot--r .a,.cta-x.is-op .cx-dot--r .a{animation:arOutR .6s cubic-bezier(.7,0,.2,1) forwards}
.cta-x:hover .cx-dot--r .b,.cta-x.is-op .cx-dot--r .b{animation:arInR .6s cubic-bezier(.7,0,.2,1) forwards}
@keyframes arOutR{to{transform:translateX(120%)}}
@keyframes arInR{from{transform:translateX(-120%)}to{transform:translateX(0)}}

/* seção 3: ação depois da esteira */
#como-funciona .es-cta{position:relative;z-index:3;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 22px;margin-top:8px}
#como-funciona .es-cta .btn{--bh:54px}
#como-funciona .es-cta .btn .ic{width:16px;height:16px}
#como-funciona .es-cta>span{font-size:13px;color:#77777c}
#como-funciona .es-cta>span a{color:var(--ink);font-weight:700;text-decoration:underline;text-decoration-color:var(--lime);text-decoration-thickness:2px;text-underline-offset:3px}

/* ===== suporte flutuante ===== */
.sup{--sup-ink:#1d1d1f;--sup-mute:#7a7a80;--sup-line:rgba(20,20,22,.08);position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:85;font-family:var(--font,"Plus Jakarta Sans",system-ui,sans-serif);color:var(--sup-ink)}
.sup__btn{appearance:none;border:0;position:relative;display:flex;align-items:center;height:56px;padding:0 18px 0 16px;gap:0;border-radius:999px;background:#1d1d1f;color:#fff;cursor:pointer;
  box-shadow:0 14px 34px -14px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.08);opacity:0;transform:translateY(14px) scale(.9);transition:opacity .5s ease,transform .6s cubic-bezier(.2,.9,.3,1.15),gap .45s cubic-bezier(.2,.8,.2,1),background .3s}
.sup.in .sup__btn{opacity:1;transform:none}
.sup__btn svg{width:23px;height:23px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sup__lbl{max-width:0;overflow:hidden;white-space:nowrap;font-size:14px;font-weight:700;transition:max-width .5s cubic-bezier(.2,.8,.2,1)}
.sup__btn:hover,.sup.open .sup__btn{gap:10px}
.sup__btn:hover .sup__lbl,.sup.open .sup__lbl{max-width:160px}
.sup__btn:focus-visible{outline:2px solid var(--green,#89f883);outline-offset:3px}
.sup__led{position:absolute;left:36px;top:12px;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 32%,#f2fff0 0 18%,#89f883 46%,#4fcf49 100%);box-shadow:0 0 0 2px #1d1d1f,0 0 10px 2px rgba(137,248,131,.7);animation:supLed 2.6s ease-in-out infinite}
.sup.off .sup__led{background:radial-gradient(circle at 35% 32%,#d8d8dc 0 18%,#9a9aa0 60%,#77777c 100%);box-shadow:0 0 0 2px #1d1d1f;animation:none}
@keyframes supLed{0%,100%{box-shadow:0 0 0 2px #1d1d1f,0 0 6px 1px rgba(137,248,131,.5)}50%{box-shadow:0 0 0 2px #1d1d1f,0 0 13px 4px rgba(137,248,131,.85)}}

.sup__panel{position:absolute;right:0;bottom:70px;width:360px;max-width:calc(100vw - 32px);border-radius:22px;background:#fff;border:1px solid var(--sup-line);
  box-shadow:0 40px 80px -30px rgba(0,0,0,.35),0 12px 24px -12px rgba(0,0,0,.15);transform-origin:calc(100% - 24px) 100%;opacity:0;transform:translateY(10px) scale(.96);pointer-events:none;visibility:hidden;
  transition:opacity .25s ease,transform .35s cubic-bezier(.2,.9,.3,1.1),visibility 0s .35s;overflow:hidden}
.sup.open .sup__panel{opacity:1;transform:none;pointer-events:auto;visibility:visible;transition:opacity .25s ease,transform .4s cubic-bezier(.2,.9,.3,1.1)}
.sup__hd{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 20px 14px}
.sup__hd h3{margin:0;font-size:19px;font-weight:800;letter-spacing:-.01em}
.sup__st{display:flex;align-items:center;gap:7px;margin-top:6px;font-size:12.5px;color:var(--sup-mute)}
.sup__st i{width:8px;height:8px;border-radius:50%;background:#6ee868;box-shadow:0 0 0 3px rgba(137,248,131,.25)}
.sup.off .sup__st i{background:#a3a3a8;box-shadow:0 0 0 3px rgba(0,0,0,.06)}
.sup__x,.sup__back{appearance:none;border:0;display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:50%;background:#f2f2f0;color:var(--sup-ink);cursor:pointer;transition:background .2s}
.sup__x:hover,.sup__back:hover{background:#e7e7e4}
.sup__x svg,.sup__back svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.sup__list{display:flex;flex-direction:column;gap:8px;padding:0 12px 12px}
.sup__opt{appearance:none;border:1px solid var(--sup-line);background:#fff;display:flex;align-items:center;gap:14px;width:100%;padding:12px 14px 12px 12px;border-radius:16px;text-align:left;font:inherit;color:inherit;cursor:pointer;text-decoration:none;
  transition:border-color .25s,background .25s,transform .25s cubic-bezier(.2,.8,.2,1)}
.sup__opt:hover,.sup__opt:focus-visible{border-color:rgba(20,20,22,.16);background:#fafaf8;transform:translateX(2px);outline:none}
.sup__ic{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:13px;background:#f2f2f0;color:var(--sup-ink);transition:background .25s,color .25s}
.sup__ic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.sup__ic svg .fl{fill:currentColor;stroke:none}
.sup__opt:hover .sup__ic{background:#1d1d1f;color:#89f883}
.sup__tx{flex:1;min-width:0}
.sup__tx b{display:block;font-size:14.5px;font-weight:700}
.sup__tx small{display:block;margin-top:2px;font-size:12.5px;color:var(--sup-mute)}
.sup__tag{flex:none;font-size:10.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:4px 8px;border-radius:999px;background:#eafbe8;color:#2c7a28}
.sup__go{width:16px;height:16px;flex:none;fill:none;stroke:#a3a3a8;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:stroke .2s,transform .25s}
.sup__opt:hover .sup__go{stroke:var(--sup-ink);transform:translateX(2px)}
.sup__ft{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 20px 16px;border-top:1px solid var(--sup-line);font-size:12px;color:var(--sup-mute)}
.sup__mail{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--sup-ink);user-select:all}
.sup__copy{appearance:none;border:0;background:none;padding:2px;cursor:pointer;color:var(--sup-mute);display:grid;place-items:center}
.sup__copy svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sup__copy.ok{color:#2c7a28}

.sup__view{display:none}
.sup__view.on{display:block;animation:supIn .35s cubic-bezier(.2,.8,.2,1)}
@keyframes supIn{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}}
.sup__fhd{display:flex;align-items:center;gap:12px;padding:18px 20px 6px}
.sup__fhd h3{margin:0;font-size:17px;font-weight:800;flex:1}
.sup__form{display:flex;flex-direction:column;gap:10px;padding:10px 20px 20px}
.sup__f{display:flex;flex-direction:column;gap:5px}
.sup__f label{font-size:12px;font-weight:700;color:#55555a}
.sup__f label em{font-style:normal;font-weight:500;color:var(--sup-mute)}
.sup__f input,.sup__f textarea{font:inherit;font-size:14px;color:var(--sup-ink);padding:11px 13px;border-radius:12px;border:1px solid rgba(20,20,22,.14);background:#fafaf9;outline:none;transition:border-color .2s,box-shadow .2s,background .2s;resize:none}
.sup__f input:focus,.sup__f textarea:focus{border-color:#1d1d1f;background:#fff;box-shadow:0 0 0 3px rgba(137,248,131,.35)}
.sup__f.err input,.sup__f.err textarea{border-color:#e5484d}
.sup__err{font-size:11.5px;color:#d13b40;min-height:0}
.sup__send{appearance:none;border:0;display:flex;align-items:center;justify-content:center;gap:8px;height:48px;margin-top:4px;border-radius:14px;background:#1d1d1f;color:#89f883;font:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:background .2s,opacity .2s}
.sup__send:hover{background:#000}
.sup__send[disabled]{opacity:.6;cursor:default}
.sup__send svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.sup__done{padding:30px 24px 26px;text-align:center}
.sup__ok{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 14px;border-radius:50%;background:#1d1d1f;color:#89f883;box-shadow:0 0 0 6px rgba(137,248,131,.18)}
.sup__ok svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:30;stroke-dashoffset:30;animation:supCk .6s .15s cubic-bezier(.6,0,.2,1) forwards}
@keyframes supCk{to{stroke-dashoffset:0}}
.sup__done h3{margin:0 0 6px;font-size:18px;font-weight:800}
.sup__done p{margin:0 0 18px;font-size:13.5px;line-height:1.5;color:var(--sup-mute)}
.sup__done .sup__send{width:100%}

@media (max-width:560px){
  .sup{right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px))}
  .sup__btn{height:52px;padding:0 15px 0 14px}
  .sup__led{left:33px;top:11px}
  .sup__btn:hover .sup__lbl{max-width:0}
  .sup.open .sup__btn{gap:0}
  .sup.open .sup__lbl{max-width:0}
  .sup__panel{position:fixed;left:12px;right:12px;bottom:calc(76px + env(safe-area-inset-bottom,0px));width:auto;max-width:none;transform-origin:calc(100% - 30px) 100%}
}
@media (prefers-reduced-motion:reduce){.sup__btn,.sup__panel,.sup__view.on{transition:none;animation:none}.sup__led{animation:none}}
.sup__err a{color:inherit;text-decoration:underline;font-weight:700}

/* ===================== 4 · SEGURANÇA ===================== */
.sg{--sg-card:#fff;--sg-line:#ececec;--sg-mute:#6b6b72;--sg-lime:#89f883;position:relative;z-index:3;color:#151517;font-family:'Plus Jakarta Sans',system-ui,sans-serif}
.sg__in{max-width:1280px;margin:0 auto;padding:clamp(96px,9vw,140px) 24px clamp(110px,10vw,150px)}
.sg [data-sg]{opacity:0;transform:translateY(22px)}
.sg.is-pre [data-sg],html.rm .sg [data-sg]{opacity:1;transform:none}

/* pílula (a mesma da seção 2) */
.sg-pill{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 17px 0 14px;border-radius:16px;background:#242424;border:1px solid #383838;color:#f5f5f5;font-size:10px;line-height:1;font-weight:700;letter-spacing:.3px;white-space:nowrap}
.sg-pill::before{content:"";width:7px;height:7px;border-radius:50%;background:#3ecf36;margin-right:2px;animation:sgPing 1.8s cubic-bezier(.16,1,.3,1) infinite}
.sg-pill::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.12),transparent);transform:skewX(-18deg);animation:sgShine 7s 1.5s cubic-bezier(.45,0,.2,1) infinite;pointer-events:none}
.sg-pill svg{width:14px;height:14px;fill:none;stroke:var(--sg-lime);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sg-pill .sep{width:1px;height:8px;background:#475247}
.sg-pill .sub{font-weight:500;font-size:11px;color:#99999e;letter-spacing:0}
@keyframes sgPing{0%{box-shadow:0 0 0 0 rgba(62,207,54,.55)}70%,100%{box-shadow:0 0 0 7px rgba(62,207,54,0)}}
@keyframes sgShine{0%,70%{left:-60%}100%{left:140%}}

/* título no formato da seção 2: palavra por palavra + lanterna no hover */
.sg__h{margin:22px 0 0;font-size:clamp(24px,2.36vw,34px);line-height:1.47;font-weight:800;letter-spacing:-.015em;max-width:960px;text-wrap:pretty;color:#151517}
.sg__h .g{background:linear-gradient(transparent 60%,rgba(137,248,131,.8) 60%,rgba(137,248,131,.8) 90%,transparent 90%);-webkit-box-decoration-break:clone;box-decoration-break:clone}
.sg__h .reg{font-weight:400;color:#5d5d64}
.sg__h .sg-w{display:inline-block;will-change:transform,opacity,filter}

/* rótulos com linha que se desenha */
.sg-hd{display:flex;align-items:center;gap:12px;margin-top:64px;padding-bottom:14px}
.sg-hd b{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#3a3a3e;white-space:nowrap}
.sg-hd i{flex:1;height:1px;background:#e2e2e0;transform-origin:0 50%;transform:scaleX(0);transition:transform 1.2s cubic-bezier(.16,1,.3,1) .15s}
.sg-hd.is-in i{transform:none}
.sg-hd--f{margin-top:80px}

/* a Frakto nunca: faixa de 4, ícone riscado, balança "não" no hover/toque */
.sg-nv{position:relative;display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #e2e2e0;
  background:radial-gradient(260px 160px at var(--mx,-30%) var(--my,50%),rgba(137,248,131,.14),transparent 70%)}
.sg-n{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:24px 26px 30px 0;outline:none;cursor:default;opacity:0;transform:translateY(22px)}
.sg-n+.sg-n{padding-left:26px}
.sg-n+.sg-n::before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:#e2e2e0;transform-origin:50% 0;transform:scaleY(0);transition:transform 1s cubic-bezier(.16,1,.3,1) .3s}
.sg-nv.is-in .sg-n+.sg-n::before{transform:none}
.sg-n__ic{position:relative;display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:#fff;border:1px solid #e4e4e2;color:#7d7d84;box-shadow:0 10px 20px -14px rgba(0,0,0,.25);transition:background .35s,border-color .35s,color .35s}
.sg-n__ic svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.sg-n__ic::after{content:"";position:absolute;left:10px;right:10px;top:50%;height:2px;margin-top:-1px;border-radius:2px;background:#151517;box-shadow:0 0 0 2px #fff;transform:rotate(45deg) scaleX(0);transition:transform .5s cubic-bezier(.6,0,.2,1),background .35s,box-shadow .35s}
.sg-n.x .sg-n__ic::after{transform:rotate(45deg) scaleX(1)}
.sg-n b{display:block;font-size:17px;font-weight:700;letter-spacing:-.015em;color:#151517}
.sg-n small{display:block;margin-top:-12px;font-size:13.5px;color:#7d7d84;transition:color .35s}
.sg-n:hover .sg-n__ic,.sg-n:focus-visible .sg-n__ic,.sg-n.tap .sg-n__ic{background:#151517;border-color:#151517;color:#8c8c91}
.sg-n:hover .sg-n__ic::after,.sg-n:focus-visible .sg-n__ic::after,.sg-n.tap .sg-n__ic::after{background:#89f883;box-shadow:0 0 0 2px #151517,0 0 10px rgba(137,248,131,.6)}
.sg-n:hover small,.sg-n:focus-visible small,.sg-n.tap small{color:#3a3a3e}
.sg-n.no .sg-n__ic{animation:sgNo .55s cubic-bezier(.36,.07,.19,.97)}
/* peças 3D (seg3d.js): no lugar do ícone, a peça no pedestal + selo "não" */
.sg-n__ob{position:relative;display:block;width:190px;height:152px;margin:-20px 0 -12px -16px}
.sg-c__v canvas.sg-3d{position:absolute;inset:0;width:100%;height:100%;display:block}
/* o canvas passa da caixa da peça pra nada ser cortado quando ela pula ou gira (a caixa continua do mesmo tamanho no layout) */
.sg-n__ob canvas{position:absolute;top:-60px;left:-56px;width:calc(100% + 112px);height:calc(100% + 120px);max-width:none;display:block;pointer-events:none}
.sg:not(.g3) .sg-n__ob,.sg:not(.g3) canvas.sg-3d{display:none}
.sg.g3 .sg-n__ic,.sg.g3 .sg-ob{display:none}
.sg-no{position:absolute;left:142px;top:16px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#151517;box-shadow:0 0 0 3px #f4f4f2,0 8px 16px -8px rgba(0,0,0,.5);transform:scale(0) rotate(-90deg);transition:transform .55s cubic-bezier(.3,1.6,.5,1),background .3s,box-shadow .3s}
.sg-no svg{width:18px;height:18px;fill:none;stroke:#89f883;stroke-width:2.6;stroke-linecap:round;transition:stroke .3s}
.sg-n.x .sg-no{transform:none}
.sg-n:hover .sg-no,.sg-n:focus-visible .sg-no,.sg-n.tap .sg-no{background:#89f883;box-shadow:0 0 0 3px #f4f4f2,0 0 18px rgba(137,248,131,.7)}
.sg-n:hover .sg-no svg,.sg-n:focus-visible .sg-no svg,.sg-n.tap .sg-no svg{stroke:#151517}
.sg-n.no .sg-no{animation:sgNo .55s cubic-bezier(.36,.07,.19,.97)}
.sg.g3 .sg-n{gap:14px}
.sg.g3 .sg-n small{margin-top:-8px}
.sg.g3 .sg-c__v{height:212px}
@keyframes sgNo{15%{transform:translateX(-5px) rotate(-4deg)}35%{transform:translateX(5px) rotate(4deg)}55%{transform:translateX(-3px) rotate(-2deg)}75%{transform:translateX(2px)}100%{transform:none}}

/* fatos: card escuro com uma peça branca; luz verde segue o mouse na borda; peça inclina */
.sg-fc{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.sg-c{position:relative;isolation:isolate;display:flex;flex-direction:column;border-radius:20px;background:var(--sg-card);border:1px solid var(--sg-line);overflow:hidden;outline:none;opacity:0;transform:translateY(26px);
  transition:border-color .5s,box-shadow .6s cubic-bezier(.22,1,.36,1)}
.sg-c::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;z-index:2;pointer-events:none;
  background:radial-gradient(260px circle at var(--mx,50%) var(--my,-40%),rgba(137,248,131,.55),transparent 60%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s}
.sg-c::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(340px circle at var(--mx,50%) var(--my,-40%),rgba(137,248,131,.1),transparent 65%);opacity:0;transition:opacity .4s}
.sg-c:hover::before,.sg-c:hover::after,.sg-c:focus-visible::before{opacity:1}
.sg-c{box-shadow:0 1px 0 rgba(0,0,0,.02)}
.sg-c:hover{border-color:#dcdcda;box-shadow:0 30px 60px -36px rgba(0,0,0,.28)}
.sg-c__v{position:relative;display:grid;place-items:center;height:168px;border-bottom:1px solid #efefed;perspective:700px;
  background:radial-gradient(300px 160px at 50% 45%,#fbfbfa,transparent 70%),#f3f3f1}
.sg-ob{position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.22,1,.36,1)}
.sg-c__t{display:flex;align-items:flex-start;gap:12px;padding:18px 20px 20px}
.sg-c b{display:block;font-size:16px;letter-spacing:-.015em}
.sg-c small{display:block;margin-top:3px;font-size:13px;line-height:1.45;color:var(--sg-mute)}
.sg-led{flex:none;display:inline-block;width:17px;height:9px;margin-top:5px;border-radius:999px;background:linear-gradient(#dcdcd8,#c4c4c0);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 0 0 1px rgba(0,0,0,.18);transition:background .5s,box-shadow .5s}
.sg-c.on .sg-led{background:radial-gradient(ellipse at 40% 30%,#f0ffee 0 14%,#a6fba1 34%,#6fe068 70%,#45bd3f 100%);box-shadow:inset 0 -1px 1px rgba(0,60,0,.35),0 0 0 1px rgba(10,40,10,.7),0 0 10px 2px rgba(137,248,131,.55)}

/* peças de papel (mesmo acabamento das plaquinhas do site) */
.sg-p{position:relative;background:#fbfbf9;color:#1d1d1f;border:1px solid rgba(40,46,40,.6);border-radius:12px;
  box-shadow:inset 0 1px 0 #fff,0 3px 0 -1px #d9d9d4,0 3px 0 0 rgba(40,46,40,.45),0 22px 30px -16px rgba(0,0,0,.28)}
.sg-p .l{height:5px;margin-top:7px;border-radius:3px;background:#e2e2de;width:var(--w,100%);transform-origin:0 50%;transform:scaleX(0);transition:transform .6s cubic-bezier(.22,1,.36,1)}
.sg-c.on .sg-p .l{transform:none}
.sg-c.on .sg-p .l:nth-of-type(2){transition-delay:.08s}.sg-c.on .sg-p .l:nth-of-type(3){transition-delay:.16s}.sg-c.on .sg-p .l:nth-of-type(4){transition-delay:.24s}.sg-c.on .sg-p .l:nth-of-type(5){transition-delay:.32s}
/* CNPJ */
.sg-cnpj{width:214px;padding:13px 15px 14px}
.sg-cnpj .t{display:flex;align-items:center;justify-content:space-between;font-size:9.5px;font-weight:800;letter-spacing:.1em;color:#8a8a90}
.sg-cnpj .t i{display:inline-flex;gap:2px}
.sg-cnpj .t i span{width:10px;height:7px;border-radius:1.5px;transform:scaleY(0);transition:transform .4s cubic-bezier(.3,1.6,.5,1)}
.sg-cnpj .t i span:nth-child(1){background:#2c9a3a}.sg-cnpj .t i span:nth-child(2){background:#f4c430;transition-delay:.06s}.sg-cnpj .t i span:nth-child(3){background:#2a5bd7;transition-delay:.12s}
.sg-c.on .sg-cnpj .t i span{transform:none}
.sg-cnpj .n{margin-top:8px;font-size:13px;font-weight:800;letter-spacing:.02em;white-space:nowrap;font-variant-numeric:tabular-nums}
.sg-cnpj .ok{position:absolute;right:-9px;bottom:-9px;display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 9px 0 8px;border-radius:999px;background:#1d1d1f;color:var(--sg-lime);font-size:9.5px;font-weight:800;transform:scale(0);transition:transform .45s cubic-bezier(.3,1.6,.5,1) .45s}
.sg-cnpj .ok em{width:6px;height:6px;border-radius:50%;background:var(--sg-lime);box-shadow:0 0 6px var(--sg-lime);animation:sgBlink 2.2s ease-in-out infinite}
.sg-c.on .sg-cnpj .ok{transform:none}
@keyframes sgBlink{0%,100%{opacity:1}50%{opacity:.35}}
/* contrato: a assinatura se desenha e o selo cai */
.sg-doc{width:152px;padding:13px 14px 16px;transform:rotate(-3deg)}
.sg-doc .t{font-size:9.5px;font-weight:800;letter-spacing:.1em;color:#8a8a90}
.sg-doc .l{height:4px;margin-top:6px}
.sg-doc .sig{display:block;margin-top:10px;width:84px;height:22px;fill:none;stroke:#1d1d1f;stroke-width:1.8;stroke-linecap:round;stroke-dasharray:190;stroke-dashoffset:190}
.sg-c.on .sg-doc .sig{transition:stroke-dashoffset 1.1s cubic-bezier(.45,0,.2,1) .45s;stroke-dashoffset:0}
.sg-doc .seal{position:absolute;right:-11px;bottom:-11px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--sg-lime);border:1.5px solid #2f6b2b;color:#0d0d0e;transform:scale(0) rotate(-40deg);box-shadow:0 6px 14px -6px rgba(0,0,0,.6)}
.sg-c.on .sg-doc .seal{transform:none;transition:transform .5s cubic-bezier(.3,1.6,.5,1) 1.45s}
.sg-doc .seal svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24}
.sg-c.on .sg-doc .seal svg{transition:stroke-dashoffset .4s ease 1.7s;stroke-dashoffset:0}
/* nota fiscal: sai da fenda */
.sg-slot{position:relative;z-index:2;width:168px;height:12px;margin:0 auto;border-radius:7px;background:#0e0e10;border:1px solid #333337;box-shadow:inset 0 3px 5px rgba(0,0,0,.8)}
.sg-slot::after{content:"";position:absolute;left:14px;right:14px;top:4px;height:2px;border-radius:2px;background:var(--sg-lime);box-shadow:0 0 8px 1px rgba(137,248,131,.8);opacity:.25;transition:opacity .3s}
.sg-c.printing .sg-slot::after{opacity:1}
.sg-nfw{height:118px;margin-top:-6px;overflow:hidden;filter:drop-shadow(0 16px 14px rgba(0,0,0,.18)) drop-shadow(0 0 1px rgba(40,46,40,.6))}
.sg-nf{width:140px;margin:0 auto;padding:14px 12px 16px;border:0;border-radius:0 0 4px 4px;box-shadow:none;
  -webkit-mask:linear-gradient(#000 0 0) top/100% calc(100% - 7px) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/14px 7px repeat-x;mask:linear-gradient(#000 0 0) top/100% calc(100% - 7px) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/14px 7px repeat-x}
.sg-nf .t{display:flex;justify-content:space-between;font-size:10px;font-weight:800}
.sg-nf .t span{color:#2c7a28;transform:scale(0);transition:transform .45s cubic-bezier(.3,1.6,.5,1)}
.sg-c.stamped .sg-nf .t span{transform:none}
.sg-nf .l{height:4px;margin-top:7px;transform:none}
.sg-nf .bc{margin-top:10px;height:16px;background:repeating-linear-gradient(90deg,#1d1d1f 0 2px,transparent 2px 4px,#1d1d1f 4px 5px,transparent 5px 8px)}

/* faixa de autocustódia (veio da seção 2), versão clara: fecha a seção */
.sg-gd{position:relative;isolation:isolate;display:flex;align-items:center;gap:18px;margin-top:44px;padding:18px 22px 18px 18px;border-radius:18px;background:#fff;border:1px solid #e8e8e5;outline:none;box-shadow:0 1px 0 rgba(0,0,0,.02);transition:border-color .5s,box-shadow .6s cubic-bezier(.22,1,.36,1)}
.sg-gd::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;pointer-events:none;background:radial-gradient(300px circle at var(--mx,50%) var(--my,-60%),rgba(137,248,131,.75),transparent 60%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s}
.sg-gd::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(380px circle at var(--mx,50%) var(--my,-60%),rgba(137,248,131,.12),transparent 65%);opacity:0;transition:opacity .4s}
.sg-gd:hover,.sg-gd:focus-visible{border-color:#dcdcd9;box-shadow:0 26px 50px -34px rgba(0,0,0,.3)}
.sg-gd:hover::before,.sg-gd:hover::after,.sg-gd:focus-visible::before{opacity:1}
.sg-gd__ic{flex:none;display:grid;place-items:center;width:54px;height:54px;border-radius:15px;background:#151517;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 20px -12px rgba(0,0,0,.55);transition:transform .5s cubic-bezier(.3,1.6,.5,1)}
.sg-gd:hover .sg-gd__ic{transform:translateY(-2px) rotate(-4deg)}
.sg-gd__ic svg{width:32px;height:32px;stroke:#89f883;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px rgba(137,248,131,.35))}
.sg-gd__ic .p{stroke-dasharray:120;stroke-dashoffset:120;transition:stroke-dashoffset 1.3s cubic-bezier(.45,0,.2,1) .25s}
.sg-gd__ic .c{stroke-dasharray:40;stroke-dashoffset:40;transition:stroke-dashoffset .7s ease 1.1s}
.sg-gd.is-in .sg-gd__ic .p,.sg-gd.is-in .sg-gd__ic .c,.sg.is-pre .sg-gd__ic .p,.sg.is-pre .sg-gd__ic .c{stroke-dashoffset:0}
.sg-gd.dr .sg-gd__ic .p{animation:sgDraw 1.1s cubic-bezier(.45,0,.2,1)}
.sg-gd.dr .sg-gd__ic .c{animation:sgDrawC .9s ease .35s backwards}
@keyframes sgDraw{0%{stroke-dashoffset:120}100%{stroke-dashoffset:0}}
@keyframes sgDrawC{0%{stroke-dashoffset:40}100%{stroke-dashoffset:0}}
.sg-gd__t{display:flex;flex-direction:column;gap:4px;min-width:0}
.sg-gd__t b{font-size:17px;font-weight:700;letter-spacing:-.015em;color:#151517}
.sg-gd__t b span{background:linear-gradient(transparent 58%,rgba(137,248,131,.85) 58%,rgba(137,248,131,.85) 92%,transparent 92%);background-size:0 100%;background-repeat:no-repeat;transition:background-size .9s cubic-bezier(.65,0,.35,1) .5s}
.sg-gd.is-in .sg-gd__t b span,.sg.is-pre .sg-gd__t b span{background-size:100% 100%}
.sg-gd__t p{font-size:13.5px;line-height:1.5;color:#6b6b72}
.sg-gd__p{position:relative;margin-left:auto;flex:none;display:flex;align-items:center;gap:7px;padding:8px 14px 8px 12px;border-radius:100px;background:#151517;color:#89f883;font-size:11px;font-weight:700;white-space:nowrap;cursor:default}
.sg-gd__p::before{content:"";width:6px;height:6px;border-radius:50%;background:#89f883;animation:sgPing 2.4s cubic-bezier(.16,1,.3,1) infinite}
.sg-gd__tip{position:absolute;right:0;bottom:calc(100% + 10px);padding:9px 12px;border-radius:10px;background:#151517;color:#f5f5f5;font-style:normal;font-size:12px;font-weight:600;white-space:nowrap;box-shadow:0 14px 30px -14px rgba(0,0,0,.6);opacity:0;transform:translateY(6px) scale(.96);transform-origin:90% 100%;transition:opacity .3s,transform .45s cubic-bezier(.3,1.5,.5,1);pointer-events:none}
.sg-gd__tip::after{content:"";position:absolute;right:22px;top:100%;border:6px solid transparent;border-top-color:#151517}
.sg-gd:hover .sg-gd__tip,.sg-gd:focus-visible .sg-gd__tip,.sg-gd.tap .sg-gd__tip{opacity:1;transform:none}
@media (max-width:980px){
  .sg-nv{grid-template-columns:1fr 1fr}
  .sg-n:nth-child(3){padding-left:0}
  .sg-n:nth-child(3)::before{display:none}
  .sg-n:nth-child(n+3){border-top:1px solid #e2e2e0}
}
@media (max-width:760px){.sg-fc{grid-template-columns:1fr}.sg-hd--f{margin-top:56px}
  .sg-gd{flex-wrap:wrap;align-items:flex-start;padding:18px}.sg-gd__t{flex:1 1 200px}.sg-gd__p{margin-left:72px}.sg-gd__tip{right:auto;left:0;transform-origin:10% 100%}.sg-gd__tip::after{right:auto;left:22px}}
@media (max-width:560px){
  .sg__in{padding:64px 16px 84px}
  .sg-hd{margin-top:44px}
  .sg-n{padding:18px 12px 22px 0;gap:14px}.sg-n+.sg-n{padding-left:16px}.sg-n:nth-child(3){padding-left:0}
  .sg-n__ic{width:46px;height:46px;border-radius:14px}.sg-n__ic svg{width:20px;height:20px}
  .sg-n__ob{width:150px;height:120px;margin:-14px 0 -10px -12px}.sg-no{left:110px;top:10px;width:26px;height:26px}.sg-no svg{width:15px;height:15px}
  .sg.g3 .sg-c__v{height:196px}
  .sg-n b{font-size:15px}.sg-n small{font-size:12.5px;margin-top:-8px}
}
@media (prefers-reduced-motion:reduce){.sg [data-sg],.sg-n,.sg-c{opacity:1!important;transform:none!important}.sg-nf{transform:none}}

/* v124 · marca-texto do título entra depois das palavras (antes aparecia a faixa verde sem texto) */
.sg__h .g{background-repeat:no-repeat;background-size:0% 100%;transition:background-size .9s cubic-bezier(.65,0,.35,1)}
.sg__h.hl-in .g{background-size:100% 100%}

/* ============ 05 · Dúvidas (versão simples, 13/out) ============
   Título e ajuda fixos à esquerda, perguntas à direita; luz em cápsula e linha verde ao abrir. Fundo escuro. */
.fq{--fq-sec:#1d1d1d;--fq-card:#212121;--fq-card2:#242424;--fq-line:#333336;--fq-line2:#383838;--fq-text:#f5f5f5;--fq-sub:#adadb2;--fq-mute:#8c8c91;--fq-mute2:#6b6b70;--fq-g:#89f883;--fq-gs:#bbffb8;--fq-gi:#1d3b1b;
  position:relative;z-index:3;background:var(--fq-sec);color:var(--fq-text);
  max-width:none;padding:90px var(--gutter) clamp(88px,8vw,120px);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,88px);align-items:start}
/* faixa verde de 10px no topo e na base, igual à seção 2 */
.fq::before,.fq::after{content:"";position:absolute;left:0;right:0;height:10px;background:var(--fq-g);z-index:2;pointer-events:none}
.fq::before{top:0}.fq::after{bottom:0}
/* cortina: a seção entra por cima da anterior (que vai perdendo velocidade) */
.fq{box-shadow:0 -40px 80px -40px rgba(0,0,0,.45)}
/* fundo igual ao da seção 2: pontos que esverdeiam perto do mouse + "?" gigante desfocado que fica pra trás no scroll */
.fq-grid{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.fq-word{position:absolute;left:62%;top:42%;z-index:0;transform:translate(-50%,-50%);font-weight:800;font-size:clamp(260px,40vw,640px);line-height:1;color:#fff;opacity:.05;filter:blur(clamp(12px,1.6vw,22px));pointer-events:none;will-change:transform}
@media (min-width:861px){.fq>.fq-side{grid-column:1;grid-row:1}.fq>div:not(.fq-side):not(.fq-word){grid-column:2;grid-row:1}}
.fq-side{z-index:1}.fq>div:not(.fq-side):not(.fq-word){position:relative;z-index:1}
@media (min-width:1441px){.fq{padding-inline:calc((100vw - 1440px) / 2 + 80px)}}
.fq-side{position:sticky;top:110px;display:flex;flex-direction:column;gap:40px}
.fq-head{display:flex;flex-direction:column;gap:24px}
.fq-pill{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 17px 0 14px;border-radius:16px;background:var(--fq-card2);border:1px solid var(--fq-line2);font-size:11px;line-height:1;font-weight:700;letter-spacing:.3px;white-space:nowrap;align-self:flex-start}
.fq-dot{width:7px;height:7px;border-radius:50%;background:#3ecf36;animation:fqPing 1.8s var(--ease-out) infinite}
.fq-sep{width:1px;height:8px;background:#475247}
.fq-sub{font-weight:500;color:#99999e;letter-spacing:0}
.fq-pill::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.1),transparent);transform:skewX(-18deg);animation:fqShine 7s 1.5s cubic-bezier(.45,0,.2,1) infinite;pointer-events:none}
@keyframes fqPing{0%{box-shadow:0 0 0 0 rgba(62,207,54,.5)}70%,100%{box-shadow:0 0 0 7px rgba(62,207,54,0)}}
@keyframes fqShine{0%,70%{left:-60%}100%{left:130%}}
.fq-h2{margin:0;font-size:clamp(24px,2.36vw,34px);line-height:1.42;font-weight:800;letter-spacing:-.015em;text-wrap:pretty;color:var(--fq-text)}
.fq-g{color:var(--fq-g)}
.fq-reg{font-weight:400;color:var(--fq-sub)}

.fq-help{display:flex;flex-direction:column;gap:14px;padding:22px;border-radius:20px;background:var(--fq-card);border:1px solid var(--fq-line);max-width:420px}
.fq-help__st{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--fq-mute)}
.fq-help b{font-size:16px}
.fq-help p{margin:0;font-size:13.5px;color:var(--fq-sub)}
.fq-help__btns{display:flex;gap:10px;flex-wrap:wrap}
.fq-wa{display:inline-flex;align-items:center;gap:9px;height:46px;padding:0 18px;border-radius:14px;background:var(--fq-g);color:var(--fq-gi);font-weight:800;font-size:13px;text-decoration:none;border:1px solid var(--fq-gs);transition:box-shadow .35s}
.fq-wa:hover{box-shadow:0 10px 30px -10px rgba(76,200,70,.55)}
.fq-wa svg{width:16px;height:16px}
.fq-ghost{display:inline-flex;align-items:center;height:46px;padding:0 16px;border-radius:14px;border:1px solid var(--fq-line2);font-size:13px;font-weight:700;text-decoration:none;color:var(--fq-text);transition:border-color .3s}
.fq-ghost:hover{border-color:#55555b}

.fq-cap{flex:none;display:inline-block;width:17px;height:9px;border-radius:999px;background:linear-gradient(#5f5f65,#3c3c41);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 1px rgba(0,0,0,.35),0 0 0 1px rgba(0,0,0,.55);transition:background .35s,box-shadow .35s}
.fq-cap.on{background:radial-gradient(ellipse at 40% 30%,#f0ffee 0 14%,#a6fba1 34%,#6fe068 70%,#45bd3f 100%);box-shadow:inset 0 -1px 1px rgba(0,60,0,.35),0 0 0 1px rgba(10,40,10,.7),0 0 10px 2px rgba(137,248,131,.55)}

.fq-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--fq-line)}
.fq-it{position:relative;border-bottom:1px solid var(--fq-line)}
.fq-it::before{content:"";position:absolute;left:0;top:-1px;height:1px;width:0;background:var(--fq-g);box-shadow:0 0 8px rgba(137,248,131,.6);transition:width .8s var(--ease-out)}
.fq-it.open::before{width:100%}
.fq-it h3{margin:0;font:inherit}
.fq-q{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) 36px;align-items:center;gap:18px;padding:24px 4px;text-align:left}
.fq-t{font-size:clamp(17px,1.45vw,20px);font-weight:700;letter-spacing:-.01em;color:#c9c9ce;transition:color .3s;text-wrap:pretty}
.fq-q:hover .fq-t,.fq-it.open .fq-t{color:var(--fq-text)}
.fq-pl{position:relative;width:36px;height:36px;border-radius:11px;border:1px solid var(--fq-line2);display:grid;place-items:center;transition:background .3s,border-color .3s}
.fq-pl::before,.fq-pl::after{content:"";position:absolute;width:12px;height:2px;border-radius:2px;background:var(--fq-sub);transition:transform .5s var(--ease-out),background .3s}
.fq-pl::after{transform:rotate(90deg)}
.fq-q:hover .fq-pl{border-color:#55555b}
.fq-it.open .fq-pl{background:var(--fq-g);border-color:var(--fq-gs)}
.fq-it.open .fq-pl::before,.fq-it.open .fq-pl::after{background:var(--fq-gi)}
.fq-it.open .fq-pl::after{transform:rotate(0)}
.fq-acc{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s var(--ease-out)}
.fq-acc>div{overflow:hidden;min-height:0}
.fq-it.open .fq-acc{grid-template-rows:1fr}
.fq-a{padding:0 56px 28px 39px;display:flex;flex-direction:column;gap:16px}
.fq-a p{margin:0;font-size:16px;line-height:1.7;color:var(--fq-sub);max-width:60ch}
.fq-a p b{color:var(--fq-g);font-weight:700}
.fq-a p a{color:var(--fq-g);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.fq-copy{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--fq-mute2);transition:color .3s}
.fq-copy:hover{color:var(--fq-text)}
.fq-copy svg{width:14px;height:14px}
.fq-copy.done{color:var(--fq-g)}
.fq-upd{margin:20px 0 0;font-size:12px;color:var(--fq-mute2)}
.fq-help--end{display:none}
/* entrada: título, ajuda e perguntas sobem em sequência */
.fq.fq-pre .fq-head,.fq.fq-pre .fq-side>.fq-help,.fq.fq-pre .fq-it{opacity:0;transform:translateY(16px)}
.fq .fq-head,.fq .fq-side>.fq-help,.fq .fq-it{transition:opacity .7s var(--ease-out),transform .8s var(--ease-out)}
@media (max-width:860px){
  .fq{grid-template-columns:1fr;padding:56px var(--gutter) 64px;gap:36px}
  .fq-side{position:static;gap:0}
  .fq-side>.fq-help{display:none}
  .fq-h2{font-size:24px}
  .fq-sub,.fq-sep{display:none}
  .fq-q{gap:14px;padding:19px 0;grid-template-columns:auto minmax(0,1fr) 32px}
  .fq-t{font-size:16px}
  .fq-pl{width:32px;height:32px}
  .fq-a{padding:0 0 22px 31px}
  .fq-a p{font-size:15px}
  .fq-help--end{display:flex;margin-top:28px}
}
@media (prefers-reduced-motion:reduce){.fq *{animation:none!important;transition:none!important}}
.fq.fq--glide .fq-side{position:relative;top:auto;align-self:start;will-change:transform}

/* ============ 07 · Chamada final (v4, 14/out): fundo escuro com grade de pontos e ruído (igual à seção 2 e às Dúvidas).
   D = texto à esquerda + cartão com a conta à direita · F = tudo centralizado, sem a conta. O rodapé segue no mesmo escuro. ============ */
.ct{position:relative;z-index:3;background:var(--footer,#111214);color:#f5f5f5;overflow:hidden;padding:clamp(120px,11vw,168px) var(--gutter) clamp(56px,6vw,96px)}
@media (min-width:1441px){.ct{padding-inline:max(80px,calc((100% - 1440px) / 2 + 80px))}}
.ct::before{content:"";position:absolute;left:0;right:0;top:0;height:10px;background:var(--green);z-index:2;pointer-events:none}
.ct::after,.footer::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.06;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.footer{position:relative}
.footer>*{position:relative;z-index:1}
.ct-grid,.ft-grid{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
/* luz verde suave atrás do conteúdo */
.ct-card{position:relative;z-index:1;margin:0 auto;max-width:1280px}
.ct-card::before{content:"";position:absolute;z-index:-1;pointer-events:none;width:760px;height:520px;left:var(--gx,30%);top:50%;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(137,248,131,.10),transparent);filter:blur(20px)}
.ct-copy{display:flex;flex-direction:column;align-items:flex-start;gap:24px;min-width:0}
.ct-pill{display:inline-flex;align-items:center;gap:9px;height:32px;padding:0 14px 0 12px;border-radius:99px;background:#1c1c1f;border:1px solid #2c2c30;font-size:12px;font-weight:700;color:#f5f5f5}
.ct-pill i{width:7px;height:7px;border-radius:99px;background:var(--green);box-shadow:0 0 0 3px rgba(137,248,131,.16),0 0 10px rgba(137,248,131,.9)}
.ct-pill em{width:1px;height:12px;background:#3a3a3e}
.ct-pill small{font-size:11.5px;font-weight:600;color:#8c8c91}
.ct-h{margin:0;max-width:13ch;font-size:clamp(38px,4.3vw,64px);line-height:1.06;letter-spacing:-.035em;font-weight:800;text-wrap:balance;color:#f5f5f5}
.ct-reg{font-weight:400;color:#bdbdc2}
.ct-tag{display:inline-flex;align-items:center;gap:.28em;height:.98em;padding:0 .24em;border-radius:.2em;background:#232326;box-shadow:inset 0 0 0 1px #34343a;vertical-align:.06em;font-size:.6em;letter-spacing:-.01em;white-space:nowrap}
.ct-tag s{color:#7d7d84;font-weight:600;text-decoration-thickness:2px}
.ct-tag b{color:var(--green);font-weight:800}
.ct-lead{margin:0;font-size:clamp(15px,1.2vw,17px);line-height:1.65;color:#adadb2;max-width:46ch}
.ct-btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}
.ct-small{margin:0;font-size:13px;color:#8c8c91}
.ct-small a{color:#f5f5f5;font-weight:800;text-decoration:none;border-bottom:1.5px solid rgba(245,245,245,.5);transition:border-color .3s,color .3s}
.ct-small a:hover{color:var(--green);border-color:var(--green)}
.ct :focus-visible{outline:2px solid var(--green);outline-offset:3px}
/* entrada */
.ct-copy>*,.ct-rc{opacity:0;transform:translateY(18px);transition:opacity .8s var(--ease-out),transform 1s var(--ease-out)}
.ct.in .ct-copy>*,.ct.in .ct-rc{opacity:1;transform:none}
.ct.in .ct-copy>:nth-child(2){transition-delay:.06s}.ct.in .ct-copy>:nth-child(3){transition-delay:.12s}.ct.in .ct-copy>:nth-child(4){transition-delay:.18s}.ct.in .ct-copy>:nth-child(5){transition-delay:.24s}.ct.in .ct-rc{transition-delay:.2s}
/* cartão da conta */
.ct-vis{display:none}
.ct-rc{position:relative;display:flex;flex-direction:column;gap:18px;padding:28px 28px 24px;border-radius:24px;background:linear-gradient(180deg,#1d1d20,#161618);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),inset 0 1px 0 rgba(255,255,255,.08),0 40px 80px -30px rgba(0,0,0,.8)}
.ct-rc::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:.05;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.ct-rc__hd{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:16px;border-bottom:1px solid #2a2a2e}
.ct-rc__hd span{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#8c8c91}
.ct-rc__hd em{font-style:normal;font-size:11.5px;font-weight:600;color:#5f5f66}
.ct-rc__it{display:flex;flex-direction:column;gap:10px}
.ct-rc__row{display:flex;align-items:baseline;justify-content:space-between;gap:16px;font-size:13px;font-weight:600;color:#adadb2}
.ct-rc__row s{font-size:20px;font-weight:700;color:#6f6f76;text-decoration-thickness:1.5px;font-variant-numeric:tabular-nums}
.ct-rc__it--g .ct-rc__row{color:#f5f5f5}
.ct-rc__row b{font-size:30px;font-weight:800;color:var(--green);letter-spacing:-.025em;line-height:1;font-variant-numeric:tabular-nums}
.ct-rc__bar{height:6px;border-radius:99px;background:#252528;overflow:hidden}
.ct-rc__bar i{display:block;height:100%;width:var(--w);border-radius:99px;background:#4a4a50;transform:scaleX(0);transform-origin:left;transition:transform 1.4s cubic-bezier(.16,1,.3,1) .5s}
.ct-rc__it--g .ct-rc__bar i{background:linear-gradient(90deg,#5fd659,var(--green));box-shadow:0 0 12px rgba(137,248,131,.5);transition-delay:.75s}
.ct.in .ct-rc__bar i{transform:none}
.ct-rc__ft{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:2px;padding:16px 18px;border-radius:16px;background:#232326;box-shadow:inset 0 0 0 1px #2e2e32}
.ct-rc__ft small{display:block;font-size:11.5px;font-weight:600;color:#8c8c91;margin-bottom:3px}
.ct-rc__ft b{font-size:22px;font-weight:800;color:#f5f5f5;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.ct-rc__chip{display:inline-grid;place-items:center;height:30px;padding:0 12px;border-radius:99px;background:rgba(137,248,131,.12);color:var(--green);font-size:13px;font-weight:800;box-shadow:inset 0 0 0 1px rgba(137,248,131,.25)}
.ct-rc__ex{margin:0;font-size:12.5px;line-height:1.5;color:#8c8c91}
.ct-rc__ex b{color:#f5f5f5}
/* D · texto à esquerda, conta à direita */
.ct[data-v="d"] .ct-card{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:center;gap:clamp(40px,7vw,120px)}
.ct[data-v="d"] .ct-vis{display:block;max-width:440px;width:100%;justify-self:end}
/* F · centralizado, sem a conta */
.ct[data-v="f"] .ct-card{--gx:50%;max-width:860px;text-align:center}
.ct[data-v="f"] .ct-copy{align-items:center}
.ct[data-v="f"] .ct-h{max-width:15ch;font-size:clamp(40px,4.8vw,72px)}
.ct[data-v="f"] .ct-lead{max-width:52ch}
.ct[data-v="f"] .ct-btns{justify-content:center}
/* menu "Banner" (prévia) */
.ct-pick{position:absolute;top:40px;left:50%;transform:translateX(-50%);z-index:4;display:flex;align-items:center;gap:2px;padding:4px;border-radius:14px;background:rgba(30,30,33,.86);border:1px solid #2e2e32;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 12px 30px -12px rgba(0,0,0,.6);max-width:calc(100% - 28px);overflow-x:auto;scrollbar-width:none}
.ct-pick span{padding:0 10px 0 8px;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#6b6b70;white-space:nowrap}
.ct-pick button{height:32px;padding:0 12px;border:0;border-radius:10px;background:none;font:inherit;font-size:12px;font-weight:700;color:#a3a3a9;white-space:nowrap;cursor:pointer;transition:background .3s,color .3s}
.ct-pick button:hover{color:#fff}
.ct-pick button[aria-pressed="true"]{background:var(--green);color:#10210f}
/* rodapé: assinatura com a setinha */
.ft__sig{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.ft__sig a{display:inline-flex;align-items:center;gap:4px;color:#cfcfd4;text-decoration:none;transition:color .3s}
.ft__sig a svg{width:12px;height:12px;opacity:.6;transition:transform .4s var(--ease-out),opacity .3s}
.ft__sig a:hover{color:var(--green)}
.ft__sig a:hover svg{opacity:1;transform:translate(2px,-2px)}
@media (max-width:900px){.ct[data-v="d"] .ct-card{grid-template-columns:1fr;gap:48px}.ct[data-v="d"] .ct-vis{justify-self:stretch;max-width:none}}
@media (max-width:700px){.ct{padding:104px 20px 56px}.ct-h,.ct[data-v="f"] .ct-h{font-size:36px}.ct-btns{flex-direction:column;align-self:stretch;width:100%}.ct-b1,.ct-b2{width:100%}.ct-rc{padding:22px 20px 20px}.ct-pick{top:26px}}
@media (prefers-reduced-motion:reduce){.ct-copy>*,.ct-rc,.ct-rc__bar i{opacity:1!important;transform:none!important;transition:none!important}}
@media (min-width:1181px){.ft ul a{white-space:nowrap}}
/* ---------- v5 (14/out): centralizada, refinada ---------- */
.ct{padding-top:clamp(128px,12vw,184px);padding-bottom:clamp(88px,8vw,128px)}
/* luz verde que segue o mouse devagar (em vez de parada) */
.ct-card::before{left:var(--gx,50%);top:var(--gy,45%);width:860px;height:440px;background:radial-gradient(closest-side,rgba(137,248,131,.11),rgba(137,248,131,.035) 55%,rgba(137,248,131,0));filter:none}
/* pílula igual às das outras seções, com o LED respirando */
.ct-pill{height:34px;padding:0 15px 0 13px;background:rgba(28,28,31,.8);border-color:#2e2e32;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 10px 24px -14px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.05)}
.ct-pill i{position:relative}
.ct-pill i::after{content:"";position:absolute;inset:-4px;border-radius:99px;border:1px solid rgba(137,248,131,.5);animation:ct-led 2.4s cubic-bezier(.16,1,.3,1) infinite}
@keyframes ct-led{0%{transform:scale(.6);opacity:.9}80%,100%{transform:scale(1.8);opacity:0}}
/* entrada: pílula, título palavra por palavra (sobe e entra em foco), etiqueta risca o preço cheio e mostra o novo, depois texto e botões */
.ct .ct-h{opacity:1;transform:none;transition:none}
.ct-w{display:inline-block;opacity:0;transform:translateY(.38em);filter:blur(10px);transition:opacity .9s var(--ease-out),transform 1.1s var(--ease-out),filter .9s var(--ease-out);transition-delay:calc(.12s + var(--i) * .07s)}
.ct.in .ct-w{opacity:1;transform:none;filter:none}
.ct-tag{opacity:0;transform:translateY(.25em) scale(.96);transition:opacity .7s var(--ease-out) .55s,transform .9s var(--ease-out) .55s}
.ct.in .ct-tag{opacity:1;transform:none}
.ct-tag s{position:relative;text-decoration:none}
.ct-tag s::after{content:"";position:absolute;left:-3%;right:-3%;top:54%;height:2px;border-radius:2px;background:#8a8a90;transform:scaleX(0);transform-origin:left;transition:transform .55s cubic-bezier(.65,0,.35,1) 1.05s}
.ct.in .ct-tag s::after{transform:none}
.ct-tag b{display:inline-block;opacity:0;transform:translateX(-.25em);filter:blur(4px);transition:opacity .6s var(--ease-out) 1.45s,transform .8s var(--ease-out) 1.45s,filter .6s var(--ease-out) 1.45s}
.ct.in .ct-tag b{opacity:1;transform:none;filter:none;animation:ct-glow 1.6s ease-out 1.9s 1}
@keyframes ct-glow{0%{text-shadow:0 0 0 rgba(137,248,131,0)}35%{text-shadow:0 0 18px rgba(137,248,131,.75)}100%{text-shadow:0 0 0 rgba(137,248,131,0)}}
.ct.in .ct-copy>.ct-pill{transition-delay:0s}
.ct.in .ct-copy>.ct-lead{transition-delay:.7s}.ct.in .ct-copy>.ct-btns{transition-delay:.82s}.ct.in .ct-copy>.ct-small{transition-delay:.94s}
/* botões: ímã leve, brilho que passa no principal */
@media (prefers-reduced-motion:reduce){.ct-w,.ct-tag,.ct-tag b{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}.ct-tag s::after{transform:none!important;transition:none!important}.ct-pill i::after{animation:none}}
/* FRAKTO no fundo (14/out, veio das Dúvidas): branco bem apagado e desfocado, atrás do texto */
.ct-word{position:absolute;left:50%;top:54%;z-index:0;transform:translate(-50%,-50%);font-weight:800;font-size:clamp(140px,22vw,360px);line-height:1;letter-spacing:-.02em;white-space:nowrap;color:#fff;opacity:.06;filter:blur(clamp(12px,1.6vw,22px));pointer-events:none;will-change:transform;user-select:none}
.ct-word span{display:inline-block;font-weight:800}
@media (max-width:700px){.ct-word{font-size:27vw;top:50%}}

/* botões (v6, 14/out): os mesmos do site (.btn--lime com o texto que rola e ímã; .btn--line no escuro), sem efeito próprio */
.ct .ct-btns .btn{--bh:56px}
@media (max-width:700px){.ct .ct-btns .btn{width:100%}}

/* "Já tem conta? Entrar" igual ao da capa (14/out): traço verde embaixo que, no hover, enche o fundo de verde */
.ct-small a{color:#f5f5f5;font-weight:700;text-decoration:none;border:0;padding:0 3px 1px;margin:0 -1px;border-radius:3px;background:linear-gradient(var(--green),var(--green)) 0 100%/100% 2px no-repeat;transition:background-size .45s var(--ease-out),color .3s}
.ct-small a:hover,.ct-small a:focus-visible{background-size:100% 100%;color:#10210f;outline:none;border:0}
/* botão de contato fixo (14/out): some quando a chamada final ou o rodapé aparecem (os dois já têm o contato) e volta quando sobe */
.sup{transition:opacity .45s var(--ease-out),transform .6s var(--ease-out)}
.sup.is-away{opacity:0;transform:translateY(18px) scale(.94);pointer-events:none}
@media (min-width:861px){.sup{right:28px;bottom:calc(28px + env(safe-area-inset-bottom,0px))}}

/* FRAKTO do rodapé (14/out): o mesmo de antes no lugar de antes (letras sobem quando aparece), agora desfocado e apagado como o da capa;
   perto do mouse cada letra afina e entra um pouco em foco */
.footer .ft__word{color:#fff;opacity:.07;overflow:visible;padding-block:.06em .1em}
.footer .ft__word span{filter:blur(clamp(10px,1.4vw,20px))}
.footer .ft__word span:hover{color:#fff}

/* ===================== PADRÃO DE RITMO (13/out) =====================
   As mesmas distâncias em todas as seções (escala de 8px, menor no celular):
   --sec-y   topo da seção até a tag (e fim da seção)          80 → 56
   --g-pill  tag até o título                                    24 visível (16 de caixa nos títulos-frase, que têm entrelinha alta)
   --g-head  título até o conteúdo                               56 visível → 40
   --g-block entre blocos dentro da seção                        48 → 32
   --g-label rótulo pequeno até o que ele nomeia                 16
   --r-card  arredondamento dos cards                            20
   Margem esquerda: todas as seções usam o mesmo --gutter do menu (80px em 1440). */
:root{--sec-y:clamp(56px,5.6vw,80px);--g-pill:16px;--g-head:clamp(32px,3.4vw,48px);--g-block:clamp(32px,3.4vw,48px);--g-label:16px;--r-card:20px}

/* rótulo pequeno em maiúsculas: um só jeito no site todo */
.eyebrow,#seguranca .sg-hd b{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}

/* ---------- seção 2 (versão enxuta, opção A) ---------- */
#economia .eco__inner{padding-block:calc(var(--sec-y) - 10px);gap:var(--g-block)}   /* -10: faixa verde de 10px no topo e no pé */
#economia .eco__top{gap:var(--g-pill)}
#economia .pill--dark{padding:0 17px 0 14px}
#economia .chart{gap:16px}
#economia .chart__cv{height:330px}
#economia .cpo{gap:var(--g-label)}
#economia .ccard{gap:12px;padding:24px 24px 0;border-radius:var(--r-card)}
#economia .ccard hr{display:none}
#economia .spark{height:44px;width:calc(100% + 48px);margin:0 -24px}
@media (max-width:860px){#economia .chart__cv{height:280px}}
@media (max-width:560px){#economia .ccard{padding:20px 20px 0}#economia .spark{width:calc(100% + 40px);margin:0 -20px}}

/* ---------- seção 3 ---------- */
#como-funciona{max-width:1440px;padding:var(--sec-y) var(--gutter) 40px}
#como-funciona h2{margin:24px 0 16px}
#como-funciona .cd{border-radius:var(--r-card)}

/* ---------- seção 4 ---------- */
#seguranca .sg__in{max-width:1440px;padding:var(--sec-y) var(--gutter) calc(var(--sec-y) + 16px)}
#seguranca .sg__h{margin-top:var(--g-pill)}
#seguranca .sg-hd{margin-top:var(--g-head);padding-bottom:var(--g-label)}
#seguranca .sg-gd{margin-top:var(--g-block);border-radius:var(--r-card);padding:20px 24px 20px 20px}

/* ===================== BOAS PRÁTICAS (13/out) =====================
   Contraste: texto pequeno com pelo menos 4,5:1 contra o fundo (WCAG AA).
   Toque: em tela de toque, botões pequenos ganham área maior sem mudar o visual. */
:root{--dark-mute:#8e8e94;--ink-3:#6b6b70}
.nav a{color:#707076}
.chart__ttl p,.chart__src{color:#8e8e94}.chart__ttl p::before{background:#8e8e94}
.seg button{color:#9c9ca2}
#como-funciona .cd .st{color:#707076}
#como-funciona .hint{color:#707076}
#como-funciona .ipr s,#como-funciona .pt s,#como-funciona .ifoot{color:#707076}
.sg-n small{color:#6b6b72}
.pill,.sg-pill,#como-funciona .es-pill{font-size:11px}
@media (pointer:coarse){
  .seg button{height:40px}
  .legend button{padding:12px 10px;margin:-12px -10px}
  .brush__x{width:32px!important;height:32px!important}
  .sup__x,.sup__back{width:40px;height:40px}
  .sup__copy{padding:12px;margin:-10px}
}

/* "FRAKTO" grande no fundo do hero: fora por enquanto (13/out). Pra voltar, é só apagar esta linha. */
.hero__word{display:none!important}

/* v118 · acessibilidade (auditoria): pular pro conteúdo, foco visível nos cards que recebem foco, contraste */
.skip{position:fixed;left:16px;top:-80px;z-index:10001;padding:12px 18px;border-radius:12px;background:#111214;color:#fff;font-size:14px;font-weight:700;text-decoration:none;transition:top .2s}
.skip:focus,.skip:focus-visible{top:16px;outline:2px solid var(--green);outline-offset:3px}
#como-funciona .cd[tabindex]:focus-visible,.cd[tabindex]:focus-visible,.sg-n[tabindex]:focus-visible,.sg-gd[tabindex]:focus-visible{outline:2px solid var(--green-ink);outline-offset:4px;border-radius:20px}
.pill--lime{color:#0b6b06}
.ft__legal small{color:#8a8a90}
.ft h2.ft__h{margin:0 0 16px;font-size:13px;font-weight:700;color:#7c7c82;letter-spacing:0;line-height:1.3}

/* v120 · rodapé em 5 colunas no computador (veio do skel.css, que saiu) */
@media (min-width:1000px){.ft{grid-template-columns:minmax(0,1.2fr) repeat(4,minmax(0,.62fr))}}

/* v123 · cópia do texto que rola no hover dos botões vem daqui, não do HTML */
.btn__roll>span[data-t]::before{content:attr(data-t)}

/* v124 · gráfico da seção 2 no celular: balão compacto (data e os dois preços); a economia já aparece nos cards logo abaixo */
@media (max-width:600px){#economia .tip{width:178px;padding:11px 12px}#economia .tip hr,#economia .tip__f,#economia .tip__fx{display:none}#economia .tip__h{margin-bottom:8px}}

/* ===================== MENU DO TOPO (13/out): entrar vira botão, idioma ganha menu ===================== */
/* entrar: botão branco da mesma família do botão de idioma, ao lado do criar conta */
.hdr__login{display:inline-flex;align-items:center;gap:9px;height:56px;padding:0 20px 0 18px;border-radius:16px;background:#fff;border:1px solid var(--line);color:var(--ink);font-size:14px;font-weight:700;letter-spacing:-.15px;transition:height .6s var(--ease-out),background .35s,border-color .35s,color .3s,box-shadow .35s}
.hdr__login::after{display:none}
.hdr__login-ic{display:grid;place-items:center;width:18px;height:18px}
.hdr__login-ic svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.hdr__login-ic .ar{transition:transform .5s var(--ease-out)}
@media (hover:hover){
  .hdr__login:hover{border-color:#dcdcda;box-shadow:0 10px 24px -16px rgba(0,0,0,.35)}
  .hdr__login:hover .btn__roll>span{transform:translateY(-100%)}
  .hdr__login:hover .hdr__login-ic .ar{transform:translateX(2.5px)}
}
.hdr.is-compact .hdr__login{height:46px}
.hdr.on-dark .hdr__login{background:#262626;border-color:#333;color:#eee}
@media (hover:hover){.hdr.on-dark .hdr__login:hover{border-color:#4a4a4e;box-shadow:none}}
.hdr__right{gap:10px}
.hdr__right .iconpill{display:none}

/* idioma (escolhido 13/out, "plaquinha compacta"): quadrado com o globo; no hover folheia as bandeiras;
   no clique abre um cartão pequeno com o contorno de tinta das etiquetas do hero, bandeira e nome, e o aviso no pé */
.lng{position:relative}
.lng__btn{display:grid;place-items:center;width:56px;height:56px;padding:0;border-radius:16px;background:#fff;border:1px solid var(--line);color:var(--ink);cursor:pointer;perspective:220px;transition:height .6s var(--ease-out),width .6s var(--ease-out),background .35s,border-color .35s,color .3s,box-shadow .35s,transform .4s cubic-bezier(.3,1.3,.45,1)}
.lng__btn:active{transform:scale(.95)}
@media (hover:hover){.lng__btn:hover{border-color:#dcdcda;box-shadow:0 10px 24px -16px rgba(0,0,0,.35)}}
.lng__face{display:grid;place-items:center;width:30px;height:30px;backface-visibility:hidden}
.lng__gl{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.lng__fl{display:inline-block;width:26px;height:19px;border-radius:6px;overflow:hidden;flex:none;box-shadow:0 0 0 1.5px rgba(40,46,40,.62);transition:transform .45s cubic-bezier(.3,1.3,.45,1)}
.lng__fl svg{display:block;width:100%;height:100%}
.lng.open .lng__btn{border-color:#151517}
.hdr.is-compact .lng__btn{width:46px;height:46px}
.hdr.on-dark .lng__btn{background:#262626;border-color:#333;color:#eee}
.hdr.on-dark .lng.open .lng__btn{border-color:#89f883}
.lng__menu{position:absolute;right:0;top:calc(100% + 10px);z-index:60;width:204px;padding:6px;border-radius:18px;background:#fbfbf9;border:1.5px solid rgba(40,46,40,.62);
  box-shadow:inset 0 1px 0 #fff,0 4px 0 -1px #d9d9d4,0 4px 0 0 rgba(40,46,40,.45),0 30px 50px -26px rgba(0,0,0,.35);
  transform-origin:calc(100% - 28px) 0;opacity:0;visibility:hidden;transform:translateY(-8px) scale(.96);transition:opacity .2s,transform .45s cubic-bezier(.3,1.3,.45,1),visibility 0s .45s}
.lng.open .lng__menu{opacity:1;visibility:visible;transform:none;transition:opacity .2s,transform .5s cubic-bezier(.3,1.3,.45,1),visibility 0s}
.lng__menu button{position:relative;display:flex;align-items:center;gap:11px;width:100%;height:44px;padding:0 10px;border:0;border-radius:12px;background:none;color:#151517;font:inherit;font-size:14px;font-weight:600;text-align:left;cursor:pointer;
  opacity:0;transform:translateY(-5px);transition:background .25s,opacity .3s,transform .45s var(--ease-out)}
.lng.open .lng__menu button{opacity:1;transform:none}
.lng.open .lng__menu button:nth-of-type(2){transition-delay:0s,.05s,.05s}.lng.open .lng__menu button:nth-of-type(3){transition-delay:0s,.1s,.1s}
.lng__menu button[aria-checked="true"]{background:#f3f3f1}
.lng__menu button[aria-checked="true"]::before{content:"";position:absolute;left:3px;top:50%;width:4px;height:18px;margin-top:-9px;border-radius:0 3px 3px 0;background:#89f883}
.lng__menu button:hover,.lng__menu button:focus-visible{background:#f3f3f1;outline:none}
@media (hover:hover){.lng__menu button:hover .lng__fl{transform:translateY(-1px) rotate(-4deg)}}
.lng__menu button.soon{animation:langNo .45s cubic-bezier(.36,.07,.19,.97)}
.lng__ft{display:flex;align-items:center;gap:7px;margin:4px 6px 2px;padding:9px 6px 4px;border-top:1px dashed rgba(40,46,40,.25);font-size:11px;font-weight:600;color:#707076;transition:color .3s}
.lng__ft::before{content:"";width:6px;height:6px;border-radius:50%;background:#89f883;box-shadow:0 0 6px #89f883}
.lng__ft.on{color:#151517}
.hdr.on-dark .lng__menu{background:#232325;border-color:#45454a;box-shadow:0 4px 0 -1px #111,0 4px 0 0 #45454a,0 30px 50px -26px rgba(0,0,0,.6)}
.hdr.on-dark .lng__menu button{color:#f2f2f0}
.hdr.on-dark .lng__menu button[aria-checked="true"],.hdr.on-dark .lng__menu button:hover,.hdr.on-dark .lng__menu button:focus-visible{background:#2c2c2f}
.hdr.on-dark .lng__ft{border-top-color:#45454a;color:#9c9ca2}.hdr.on-dark .lng__ft.on{color:#fff}
@keyframes langNo{20%{transform:translateX(-4px)}45%{transform:translateX(4px)}70%{transform:translateX(-2px)}100%{transform:none}}
@media (max-width:1100px){.hdr__right .lng,.hdr__right .hdr__login{display:none}}

/* idioma no menu do celular */
.mlang{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.mlang__t{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#707076}
.mlang__seg{display:flex;gap:4px;padding:4px;border-radius:12px;background:#fff;border:1px solid var(--line)}
.mlang__seg button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;min-width:48px;height:36px;border-radius:9px;border:0;background:none;font:inherit;font-size:12px;font-weight:800;letter-spacing:.04em;color:#707076;cursor:pointer;transition:background .25s,color .25s}
.mlang__seg button[aria-pressed="true"]{background:#151517;color:#89f883}
.mlang__seg .lng__fl{width:18px;height:13px;border-radius:4px;box-shadow:0 0 0 1px rgba(40,46,40,.5)}
.mlang__seg button.soon{animation:langNo .45s cubic-bezier(.36,.07,.19,.97)}
.mlang__soon{font-size:12px;font-weight:600;color:#707076;opacity:0;transform:translateX(-4px);transition:opacity .3s,transform .4s var(--ease-out)}
.mlang__soon.on{opacity:1;transform:none}

/* "Já tem conta? Entrar" no hero: a linha verde vira marca-texto no hover (o mesmo marca-texto dos títulos) */
.hero__login a{text-decoration:none;padding:0 3px 1px;margin:0 -1px;border-radius:3px;background:linear-gradient(var(--green),var(--green)) 0 100%/100% 2px no-repeat;transition:background-size .45s var(--ease-out),color .3s}
.hero__login a:hover,.hero__login a:focus-visible{background-size:100% 100%;outline:none}
@media (prefers-reduced-motion:reduce){.lng__menu,.lng__menu button,.hero__login a{transition:none}}

/* ============ 06 · Blog na home (opção B refinada, 13/out) ============
   Fundo claro entre as Dúvidas (escuras) e a chamada final (verde). Mesmo vocabulário das seções 3 e 4:
   pílula escura com ícone e brilho, título com trecho grifado em verde, rótulo com linha que se desenha,
   cards brancos que sobem no hover, luz de borda que segue o mouse, barra verde no pé do card. */
.bl{--bl-bg:#f5f5f5;--bl-ink:#151517;--bl-soft:#5d5d64;--bl-mute:#7d7d84;--bl-line:#e6e6e4;--bl-card:#fff;--bl-lime:#89f883;--bl-limeInk:#1f8a1a;--bl-ease:cubic-bezier(.16,1,.3,1);
  position:relative;z-index:3;background:var(--bl-bg);color:var(--bl-ink);font-family:'Plus Jakarta Sans',system-ui,sans-serif;padding:110px var(--gutter,clamp(16px,5.56vw,80px)) 120px}
@media (min-width:1441px){.bl{padding-inline:max(80px,calc((100% - 1440px) / 2 + 80px))}}
.bl-in{position:relative}

/* topo */
.bl-hd{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}
.bl-hd__l{display:flex;flex-direction:column;gap:22px;max-width:1060px}
.bl-pill{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 17px 0 14px;border-radius:16px;background:#242424;border:1px solid #383838;color:#f5f5f5;font-size:10px;line-height:1;font-weight:700;letter-spacing:.3px;white-space:nowrap;align-self:flex-start}
.bl-pill::before{content:"";width:7px;height:7px;border-radius:50%;background:#3ecf36;margin-right:2px;animation:blPing 1.8s var(--bl-ease) infinite}
.bl-pill::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.12),transparent);transform:skewX(-18deg);animation:blShine 7s 1.5s cubic-bezier(.45,0,.2,1) infinite;pointer-events:none}
.bl-pill svg{width:14px;height:14px;fill:none;stroke:var(--bl-lime);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bl-pill .sep{width:1px;height:8px;background:#475247}
.bl-pill .sub{font-weight:500;font-size:11px;color:#99999e;letter-spacing:0}
@keyframes blPing{0%{box-shadow:0 0 0 0 rgba(62,207,54,.55)}70%,100%{box-shadow:0 0 0 7px rgba(62,207,54,0)}}
@keyframes blShine{0%,72%{left:-60%}100%{left:130%}}
.bl-h{margin:0;font-size:clamp(24px,2.36vw,34px);line-height:1.47;font-weight:800;letter-spacing:-.015em;text-wrap:pretty;color:var(--bl-ink)}
.bl-h .g{background:linear-gradient(transparent 60%,rgba(137,248,131,.8) 60%,rgba(137,248,131,.8) 90%,transparent 90%);-webkit-box-decoration-break:clone;box-decoration-break:clone}
.bl-h .reg{font-weight:400;color:var(--bl-soft)}
.bl-h .bl-w{display:inline-block;will-change:transform,opacity,filter}
.bl-all{flex:none;display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 18px 0 20px;border-radius:14px;background:var(--bl-ink);color:#fff;font-weight:700;font-size:13.5px;text-decoration:none;box-shadow:0 1px 0 rgba(255,255,255,.08) inset;transition:transform .5s var(--bl-ease),box-shadow .5s var(--bl-ease)}
.bl-all svg{width:16px;height:16px;color:var(--bl-lime);transition:transform .5s var(--bl-ease)}
.bl-all:hover{transform:translateY(-2px);box-shadow:0 18px 30px -18px rgba(0,0,0,.55)}
.bl-all:hover svg{transform:translateX(3px)}
.bl-all:focus-visible{outline:2px solid var(--bl-ink);outline-offset:3px}

/* rótulo com linha (igual ao "A Frakto nunca" da seção 4) */
.bl-lb{display:flex;align-items:center;gap:14px;margin:64px 0 18px}
.bl-lb b{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#3a3a3e;white-space:nowrap}
.bl-lb i{flex:1;height:1px;background:#e2e2e0;transform-origin:0 50%;transform:scaleX(0);transition:transform 1.2s var(--bl-ease) .15s}
.bl-lb span{font-size:12px;font-weight:600;color:var(--bl-mute);white-space:nowrap}
.bl-lb.is-in i{transform:none}

/* cards */
.bl-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.bc{position:relative;isolation:isolate;display:flex;flex-direction:column;padding:12px;border-radius:24px;background:var(--bl-card);border:1px solid var(--bl-line);
  transition:transform .6s var(--bl-ease),box-shadow .6s var(--bl-ease),border-color .4s}
.bc::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;pointer-events:none;z-index:2;
  background:radial-gradient(240px circle at var(--mx,50%) var(--my,-40%),rgba(62,207,54,.75),transparent 62%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .45s}
.bc::after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;background:radial-gradient(360px circle at var(--mx,50%) var(--my,-40%),rgba(137,248,131,.10),transparent 65%);opacity:0;transition:opacity .45s}
.bc:hover{transform:translateY(-4px);border-color:rgba(0,0,0,.1);box-shadow:0 28px 46px -32px rgba(0,0,0,.38)}
@media (hover:hover){.bc:hover::before,.bc:hover::after{opacity:1}}
.bc:has(.bc-a:focus-visible){box-shadow:0 0 0 2px var(--bl-ink)}
.bc .bc-a:focus{outline:none}

.bc-cv{position:relative;border-radius:16px;overflow:hidden}
.bc-cv .cv{position:relative;display:block;background:#1d1d1d;aspect-ratio:16/10;isolation:isolate;transition:transform 1s var(--bl-ease)}
.bc-cv .cv::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);border-radius:16px;pointer-events:none}
.bc-cv .cv svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.bc:hover .bc-cv .cv{transform:scale(1.035)}
.bc-cv .draw{stroke-dasharray:var(--len,600);stroke-dashoffset:var(--len,600);transition:stroke-dashoffset 1.6s var(--bl-ease) calc(var(--i,0) * .12s + .25s)}
.bc-cv .pop{opacity:0;transform:translateY(8px);transform-box:fill-box;transition:opacity .8s var(--bl-ease) calc(var(--i,0) * .12s + .7s),transform .9s var(--bl-ease) calc(var(--i,0) * .12s + .7s)}
.bc.in .bc-cv .draw{stroke-dashoffset:0}
.bc.in .bc-cv .pop{opacity:1;transform:none}
.bc-cv .float{transition:transform 1.1s var(--bl-ease)}
.bc:hover .bc-cv .float{transform:translateY(-6px)}
.bc-cv .glow{opacity:0;transition:opacity .8s var(--bl-ease)}
.bc:hover .bc-cv .glow{opacity:1}
/* categoria e "novo" por cima da capa, nas pílulas escuras do site */
.bc-chip{position:absolute;left:12px;top:12px;z-index:2;display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 11px 0 9px;border-radius:13px;background:rgba(36,36,36,.86);border:1px solid #383838;color:#f5f5f5;font-size:10.5px;font-weight:700;letter-spacing:.2px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.bc-chip i{width:15px;height:8px;border-radius:99px;background:linear-gradient(#5f5f65,#3c3c41);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 0 0 1px rgba(0,0,0,.55);transition:background .35s,box-shadow .35s}
.bc:hover .bc-chip i{background:radial-gradient(ellipse at 40% 30%,#f0ffee 0 14%,#a6fba1 34%,#6fe068 70%,#45bd3f 100%);box-shadow:0 0 0 1px rgba(10,40,10,.7),0 0 8px 2px rgba(137,248,131,.5)}
.bc-new[hidden]{display:none}
.bc-new{position:absolute;right:12px;top:12px;z-index:2;display:inline-flex;align-items:center;height:26px;padding:0 11px;border-radius:13px;background:var(--bl-lime);color:#1d3b1b;font-size:10.5px;font-weight:800;letter-spacing:.3px}

.bc-tx{display:flex;flex-direction:column;gap:10px;padding:20px 10px 0;flex:1}
.bc-meta{margin:0;display:flex;align-items:center;gap:9px;font-size:12px;font-weight:600;color:var(--bl-mute);font-variant-numeric:tabular-nums}
.bc-meta .dot{width:3px;height:3px;border-radius:50%;background:#c4c4c8}
.bc-h{margin:0;font-size:20px;line-height:1.25;font-weight:800;letter-spacing:-.025em;text-wrap:balance}
.bc-a{color:inherit;text-decoration:none}
.bc-a::after{content:"";position:absolute;inset:0;z-index:3;border-radius:24px}
.bc-d{margin:0;color:var(--bl-soft);font-size:14px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bc-ft{display:flex;align-items:center;justify-content:space-between;margin:20px 10px 4px;padding-top:16px;border-top:1px solid #efefed}
.bc-go{font-size:13px;font-weight:800;color:var(--bl-ink)}
.bc-ar{width:36px;height:36px;border-radius:11px;border:1px solid #dcdcda;display:grid;place-items:center;color:var(--bl-ink);transition:background .35s,border-color .35s,transform .6s var(--bl-ease)}
.bc-ar svg{width:15px;height:15px;transition:transform .6s var(--bl-ease)}
.bc:hover .bc-ar{background:var(--bl-lime);border-color:#6fdc69}
.bc:hover .bc-ar svg{transform:translateX(2px)}
.bc-pg{position:absolute;left:24px;right:24px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--bl-lime);transform-origin:left center;transform:scaleX(0);transition:transform .9s var(--bl-ease)}
.bc:hover .bc-pg{transform:scaleX(1)}
.bl-dots{display:none}

/* entrada */
.bl.bl-pre [data-bl],.bl.bl-pre .bc{opacity:0;transform:translateY(26px)}
.bl [data-bl],.bl .bc{transition:opacity .8s var(--bl-ease),transform 1s var(--bl-ease),box-shadow .6s var(--bl-ease),border-color .4s}
.bl .bc{transition-delay:calc(var(--i,0) * .1s)}
.bl .bc:hover,.bl.bl-done .bc{transition-delay:0s}

/* celular: carrossel de arrastar com pontinhos */
@media (max-width:760px){
  .bl{padding:80px 20px 88px}
  .bl-hd{flex-direction:column;align-items:flex-start;gap:24px}
  .bl-pill .sep,.bl-pill .sub{display:none}
  .bl-all{align-self:stretch;justify-content:center}
  .bl-lb{margin:44px 0 14px}
  .bl-lb span{display:none}
  .bl-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-inline:-20px;padding:6px 20px 14px;scrollbar-width:none;scroll-padding-inline:20px}
  .bl-row::-webkit-scrollbar{display:none}
  .bc{flex:0 0 84%;scroll-snap-align:start}
  .bc:hover{transform:none}
  .bc-meta .ml{display:none}
  .bc-h{font-size:18px}
  .bl-dots{display:flex;justify-content:center;gap:6px;margin-top:10px}
  .bl-dots i{width:6px;height:6px;border-radius:99px;background:#cfcfcd;transition:width .45s var(--bl-ease),background .45s}
  .bl-dots i.on{width:22px;background:var(--bl-ink)}
}
@media (prefers-reduced-motion:reduce){
  .bl *,.bl *::before,.bl *::after{animation:none!important;transition:none!important}
  .bl.bl-pre [data-bl],.bl.bl-pre .bc{opacity:1;transform:none}
  .bc-cv .draw{stroke-dashoffset:0}.bc-cv .pop{opacity:1;transform:none}
}
.bl-br{display:none}@media (min-width:1025px){.bl-br{display:inline}}
/* moedas em parallax no fundo (14/out): o conteúdo fica por cima da camada de trás; overflow:clip corta a moeda grande na lateral sem quebrar o sticky */
.bl{overflow:clip}.bl-in{z-index:1}

/* v124 · tablet (761 a 1024 px): os 3 cards viram carrossel com 2 visíveis e o terceiro aparecendo, em vez de 3 colunas espremidas */
@media (min-width:761px) and (max-width:1024px){
  .bl-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;margin-inline:calc(-1 * var(--gutter,40px));padding:6px var(--gutter,40px) 14px;scrollbar-width:none;scroll-padding-inline:var(--gutter,40px)}
  .bl-row::-webkit-scrollbar{display:none}
  .bc{flex:0 0 calc(50% - 30px);scroll-snap-align:start}
  .bl-dots{display:flex;justify-content:center;gap:6px;margin-top:10px}
  .bl-dots i{width:6px;height:6px;border-radius:99px;background:#cfcfcd;transition:width .45s var(--bl-ease),background .45s}
  .bl-dots i.on{width:22px;background:var(--bl-ink)}
}

/* ============ 06 · Blog na home (opção B refinada, 13/out) ============
   Fundo claro entre as Dúvidas (escuras) e a chamada final (verde). Mesmo vocabulário das seções 3 e 4:
   pílula escura com ícone e brilho, título com trecho grifado em verde, rótulo com linha que se desenha,
   cards brancos que sobem no hover, luz de borda que segue o mouse, barra verde no pé do card. */
.bl{--bl-bg:#f5f5f5;--bl-ink:#151517;--bl-soft:#5d5d64;--bl-mute:#7d7d84;--bl-line:#e6e6e4;--bl-card:#fff;--bl-lime:#89f883;--bl-limeInk:#1f8a1a;--bl-ease:cubic-bezier(.16,1,.3,1);
  position:relative;z-index:3;background:var(--bl-bg);color:var(--bl-ink);font-family:'Plus Jakarta Sans',system-ui,sans-serif;padding:110px var(--gutter,clamp(16px,5.56vw,80px)) 120px}
@media (min-width:1441px){.bl{padding-inline:max(80px,calc((100% - 1440px) / 2 + 80px))}}
.bl-in{position:relative}

/* topo */
.bl-hd{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}
.bl-hd__l{display:flex;flex-direction:column;gap:22px;max-width:1060px}
.bl-pill{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 17px 0 14px;border-radius:16px;background:#242424;border:1px solid #383838;color:#f5f5f5;font-size:10px;line-height:1;font-weight:700;letter-spacing:.3px;white-space:nowrap;align-self:flex-start}
.bl-pill::before{content:"";width:7px;height:7px;border-radius:50%;background:#3ecf36;margin-right:2px;animation:blPing 1.8s var(--bl-ease) infinite}
.bl-pill::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.12),transparent);transform:skewX(-18deg);animation:blShine 7s 1.5s cubic-bezier(.45,0,.2,1) infinite;pointer-events:none}
.bl-pill svg{width:14px;height:14px;fill:none;stroke:var(--bl-lime);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bl-pill .sep{width:1px;height:8px;background:#475247}
.bl-pill .sub{font-weight:500;font-size:11px;color:#99999e;letter-spacing:0}
@keyframes blPing{0%{box-shadow:0 0 0 0 rgba(62,207,54,.55)}70%,100%{box-shadow:0 0 0 7px rgba(62,207,54,0)}}
@keyframes blShine{0%,72%{left:-60%}100%{left:130%}}
.bl-h{margin:0;font-size:clamp(24px,2.36vw,34px);line-height:1.47;font-weight:800;letter-spacing:-.015em;text-wrap:pretty;color:var(--bl-ink)}
.bl-h .g{background:linear-gradient(transparent 60%,rgba(137,248,131,.8) 60%,rgba(137,248,131,.8) 90%,transparent 90%);-webkit-box-decoration-break:clone;box-decoration-break:clone}
.bl-h .reg{font-weight:400;color:var(--bl-soft)}
.bl-h .bl-w{display:inline-block;will-change:transform,opacity,filter}
.bl-all{flex:none;display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 18px 0 20px;border-radius:14px;background:var(--bl-ink);color:#fff;font-weight:700;font-size:13.5px;text-decoration:none;box-shadow:0 1px 0 rgba(255,255,255,.08) inset;transition:transform .5s var(--bl-ease),box-shadow .5s var(--bl-ease)}
.bl-all svg{width:16px;height:16px;color:var(--bl-lime);transition:transform .5s var(--bl-ease)}
.bl-all:hover{transform:translateY(-2px);box-shadow:0 18px 30px -18px rgba(0,0,0,.55)}
.bl-all:hover svg{transform:translateX(3px)}
.bl-all:focus-visible{outline:2px solid var(--bl-ink);outline-offset:3px}

/* rótulo com linha (igual ao "A Frakto nunca" da seção 4) */
.bl-lb{display:flex;align-items:center;gap:14px;margin:64px 0 18px}
.bl-lb b{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#3a3a3e;white-space:nowrap}
.bl-lb i{flex:1;height:1px;background:#e2e2e0;transform-origin:0 50%;transform:scaleX(0);transition:transform 1.2s var(--bl-ease) .15s}
.bl-lb span{font-size:12px;font-weight:600;color:var(--bl-mute);white-space:nowrap}
.bl-lb.is-in i{transform:none}

/* cards */
.bl-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.bc{position:relative;isolation:isolate;display:flex;flex-direction:column;padding:12px;border-radius:24px;background:var(--bl-card);border:1px solid var(--bl-line);
  transition:transform .6s var(--bl-ease),box-shadow .6s var(--bl-ease),border-color .4s}
.bc::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;pointer-events:none;z-index:2;
  background:radial-gradient(240px circle at var(--mx,50%) var(--my,-40%),rgba(62,207,54,.75),transparent 62%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .45s}
.bc::after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;background:radial-gradient(360px circle at var(--mx,50%) var(--my,-40%),rgba(137,248,131,.10),transparent 65%);opacity:0;transition:opacity .45s}
.bc:hover{transform:translateY(-4px);border-color:rgba(0,0,0,.1);box-shadow:0 28px 46px -32px rgba(0,0,0,.38)}
@media (hover:hover){.bc:hover::before,.bc:hover::after{opacity:1}}
.bc:has(.bc-a:focus-visible){box-shadow:0 0 0 2px var(--bl-ink)}
.bc .bc-a:focus{outline:none}

.bc-cv{position:relative;border-radius:16px;overflow:hidden}
.bc-cv .cv{position:relative;display:block;background:#1d1d1d;aspect-ratio:16/10;isolation:isolate;transition:transform 1s var(--bl-ease)}
.bc-cv .cv::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);border-radius:16px;pointer-events:none}
.bc-cv .cv svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.bc:hover .bc-cv .cv{transform:scale(1.035)}
.bc-cv .draw{stroke-dasharray:var(--len,600);stroke-dashoffset:var(--len,600);transition:stroke-dashoffset 1.6s var(--bl-ease) calc(var(--i,0) * .12s + .25s)}
.bc-cv .pop{opacity:0;transform:translateY(8px);transform-box:fill-box;transition:opacity .8s var(--bl-ease) calc(var(--i,0) * .12s + .7s),transform .9s var(--bl-ease) calc(var(--i,0) * .12s + .7s)}
.bc.in .bc-cv .draw{stroke-dashoffset:0}
.bc.in .bc-cv .pop{opacity:1;transform:none}
.bc-cv .float{transition:transform 1.1s var(--bl-ease)}
.bc:hover .bc-cv .float{transform:translateY(-6px)}
.bc-cv .glow{opacity:0;transition:opacity .8s var(--bl-ease)}
.bc:hover .bc-cv .glow{opacity:1}
/* categoria e "novo" por cima da capa, nas pílulas escuras do site */
.bc-chip{position:absolute;left:12px;top:12px;z-index:2;display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 11px 0 9px;border-radius:13px;background:rgba(36,36,36,.86);border:1px solid #383838;color:#f5f5f5;font-size:10.5px;font-weight:700;letter-spacing:.2px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.bc-chip i{width:15px;height:8px;border-radius:99px;background:linear-gradient(#5f5f65,#3c3c41);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 0 0 1px rgba(0,0,0,.55);transition:background .35s,box-shadow .35s}
.bc:hover .bc-chip i{background:radial-gradient(ellipse at 40% 30%,#f0ffee 0 14%,#a6fba1 34%,#6fe068 70%,#45bd3f 100%);box-shadow:0 0 0 1px rgba(10,40,10,.7),0 0 8px 2px rgba(137,248,131,.5)}
.bc-new[hidden]{display:none}
.bc-new{position:absolute;right:12px;top:12px;z-index:2;display:inline-flex;align-items:center;height:26px;padding:0 11px;border-radius:13px;background:var(--bl-lime);color:#1d3b1b;font-size:10.5px;font-weight:800;letter-spacing:.3px}

.bc-tx{display:flex;flex-direction:column;gap:10px;padding:20px 10px 0;flex:1}
.bc-meta{margin:0;display:flex;align-items:center;gap:9px;font-size:12px;font-weight:600;color:var(--bl-mute);font-variant-numeric:tabular-nums}
.bc-meta .dot{width:3px;height:3px;border-radius:50%;background:#c4c4c8}
.bc-h{margin:0;font-size:20px;line-height:1.25;font-weight:800;letter-spacing:-.025em;text-wrap:balance}
.bc-a{color:inherit;text-decoration:none}
.bc-a::after{content:"";position:absolute;inset:0;z-index:3;border-radius:24px}
.bc-d{margin:0;color:var(--bl-soft);font-size:14px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bc-ft{display:flex;align-items:center;justify-content:space-between;margin:20px 10px 4px;padding-top:16px;border-top:1px solid #efefed}
.bc-go{font-size:13px;font-weight:800;color:var(--bl-ink)}
.bc-ar{width:36px;height:36px;border-radius:11px;border:1px solid #dcdcda;display:grid;place-items:center;color:var(--bl-ink);transition:background .35s,border-color .35s,transform .6s var(--bl-ease)}
.bc-ar svg{width:15px;height:15px;transition:transform .6s var(--bl-ease)}
.bc:hover .bc-ar{background:var(--bl-lime);border-color:#6fdc69}
.bc:hover .bc-ar svg{transform:translateX(2px)}
.bc-pg{position:absolute;left:24px;right:24px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--bl-lime);transform-origin:left center;transform:scaleX(0);transition:transform .9s var(--bl-ease)}
.bc:hover .bc-pg{transform:scaleX(1)}
.bl-dots{display:none}

/* entrada */
.bl.bl-pre [data-bl],.bl.bl-pre .bc{opacity:0;transform:translateY(26px)}
.bl [data-bl],.bl .bc{transition:opacity .8s var(--bl-ease),transform 1s var(--bl-ease),box-shadow .6s var(--bl-ease),border-color .4s}
.bl .bc{transition-delay:calc(var(--i,0) * .1s)}
.bl .bc:hover,.bl.bl-done .bc{transition-delay:0s}

/* celular: carrossel de arrastar com pontinhos */
@media (max-width:760px){
  .bl{padding:80px 20px 88px}
  .bl-hd{flex-direction:column;align-items:flex-start;gap:24px}
  .bl-pill .sep,.bl-pill .sub{display:none}
  .bl-all{align-self:stretch;justify-content:center}
  .bl-lb{margin:44px 0 14px}
  .bl-lb span{display:none}
  .bl-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-inline:-20px;padding:6px 20px 14px;scrollbar-width:none;scroll-padding-inline:20px}
  .bl-row::-webkit-scrollbar{display:none}
  .bc{flex:0 0 84%;scroll-snap-align:start}
  .bc:hover{transform:none}
  .bc-meta .ml{display:none}
  .bc-h{font-size:18px}
  .bl-dots{display:flex;justify-content:center;gap:6px;margin-top:10px}
  .bl-dots i{width:6px;height:6px;border-radius:99px;background:#cfcfcd;transition:width .45s var(--bl-ease),background .45s}
  .bl-dots i.on{width:22px;background:var(--bl-ink)}
}
@media (prefers-reduced-motion:reduce){
  .bl *,.bl *::before,.bl *::after{animation:none!important;transition:none!important}
  .bl.bl-pre [data-bl],.bl.bl-pre .bc{opacity:1;transform:none}
  .bc-cv .draw{stroke-dashoffset:0}.bc-cv .pop{opacity:1;transform:none}
}
.bl-br{display:none}@media (min-width:1025px){.bl-br{display:inline}}
/* moedas em parallax no fundo (14/out): o conteúdo fica por cima da camada de trás; overflow:clip corta a moeda grande na lateral sem quebrar o sticky */
.bl{overflow:clip}.bl-in{z-index:1}

/* v124 · tablet (761 a 1024 px): os 3 cards viram carrossel com 2 visíveis e o terceiro aparecendo, em vez de 3 colunas espremidas */
@media (min-width:761px) and (max-width:1024px){
  .bl-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;margin-inline:calc(-1 * var(--gutter,40px));padding:6px var(--gutter,40px) 14px;scrollbar-width:none;scroll-padding-inline:var(--gutter,40px)}
  .bl-row::-webkit-scrollbar{display:none}
  .bc{flex:0 0 calc(50% - 30px);scroll-snap-align:start}
  .bl-dots{display:flex;justify-content:center;gap:6px;margin-top:10px}
  .bl-dots i{width:6px;height:6px;border-radius:99px;background:#cfcfcd;transition:width .45s var(--bl-ease),background .45s}
  .bl-dots i.on{width:22px;background:var(--bl-ink)}
}

/* ============ Página do post (frak.to/blog/<slug>) · 13/out ============
   Mesmo vocabulário da home: fundo claro, pílula escura com luz, título palavra por palavra, trecho em verde,
   cards brancos, luz em cápsula (Dúvidas), capa escura com grade de pontos, barra verde. */
body.pp-page{background:#f5f5f5}
.pp{--pp-ink:#151517;--pp-soft:#5d5d64;--pp-mute:#7d7d84;--pp-line:#e6e6e4;--pp-card:#fff;--pp-lime:#89f883;--pp-limeInk:#1f8a1a;--pp-ease:cubic-bezier(.16,1,.3,1);
  position:relative;z-index:3;background:#f5f5f5;color:var(--pp-ink);font-family:'Plus Jakarta Sans',system-ui,sans-serif;padding:150px var(--gutter,clamp(16px,5.56vw,80px)) 40px}
@media (min-width:1441px){.pp{padding-inline:max(80px,calc((100% - 1440px) / 2 + 80px))}}

/* ---------- topo do post ---------- */
.pp-crumb{display:flex;align-items:center;gap:10px;margin:0 0 34px;padding:0;list-style:none;font-size:12.5px;font-weight:700;color:var(--pp-mute)}
.pp-crumb a{display:inline-flex;align-items:center;gap:10px;color:var(--pp-ink);text-decoration:none}
.pp-crumb a .sq{width:32px;height:32px;border-radius:10px;border:1px solid #dcdcda;background:#fff;display:grid;place-items:center;transition:background .35s,border-color .35s,transform .5s var(--pp-ease)}
.pp-crumb a .sq svg{width:14px;height:14px}
.pp-crumb a:hover .sq{background:var(--pp-lime);border-color:#6fdc69;transform:translateX(-2px)}
.pp-crumb li+li::before{content:"/";margin-right:10px;color:#c4c4c8;font-weight:500}
.pp-crumb [aria-current]{color:var(--pp-mute)}

.pp-hd{max-width:980px}
.pp-pill{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 17px 0 12px;border-radius:16px;background:#242424;border:1px solid #383838;color:#f5f5f5;font-size:10.5px;line-height:1;font-weight:700;letter-spacing:.3px;white-space:nowrap}
.pp-pill::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.12),transparent);transform:skewX(-18deg);animation:ppShine 7s 1.5s cubic-bezier(.45,0,.2,1) infinite;pointer-events:none}
.pp-pill .sep{width:1px;height:8px;background:#475247}
.pp-pill .sub{font-weight:500;font-size:11px;color:#99999e;letter-spacing:0}
@keyframes ppShine{0%,72%{left:-60%}100%{left:130%}}
.led{flex:none;display:inline-block;width:17px;height:9px;border-radius:999px;background:radial-gradient(ellipse at 40% 30%,#f0ffee 0 14%,#a6fba1 34%,#6fe068 70%,#45bd3f 100%);box-shadow:inset 0 -1px 1px rgba(0,60,0,.35),0 0 0 1px rgba(10,40,10,.7),0 0 10px 2px rgba(137,248,131,.45)}
.led--off{background:linear-gradient(#5f5f65,#3c3c41);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 1px rgba(0,0,0,.35),0 0 0 1px rgba(0,0,0,.55)}
.led--l.led--off{background:linear-gradient(#e2e2e4,#c9c9cd);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 0 0 1px rgba(0,0,0,.12)}

.pp-h1{margin:24px 0 0;font-size:clamp(32px,4.2vw,58px);line-height:1.08;font-weight:800;letter-spacing:-.035em;text-wrap:balance}
.pp-h1 .pp-w{display:inline-block;will-change:transform,opacity,filter}
.pp-lead{margin:22px 0 0;max-width:760px;font-size:clamp(17px,1.4vw,20px);line-height:1.6;color:var(--pp-soft);text-wrap:pretty}

.pp-by{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:36px;padding-top:24px;border-top:1px solid var(--pp-line)}
.pp-au{display:flex;align-items:center;gap:14px}
.pp-av{width:44px;height:44px;border-radius:14px;background:#151517;display:grid;place-items:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.pp-av svg{width:20px;height:22px;color:var(--pp-lime)}
.pp-au b{display:block;font-size:14px;font-weight:800}
.pp-au span{display:block;font-size:12.5px;font-weight:600;color:var(--pp-mute)}
.pp-au .vr{width:1px;height:30px;background:var(--pp-line)}
.pp-share{display:flex;align-items:center;gap:8px}
.pp-share>span{font-size:12px;font-weight:700;color:var(--pp-mute);margin-right:4px}
.pp-sb{position:relative;width:38px;height:38px;border-radius:12px;border:1px solid #dcdcda;background:#fff;display:grid;place-items:center;color:var(--pp-ink);cursor:pointer;transition:background .35s,border-color .35s,transform .5s var(--pp-ease)}
.pp-sb svg{width:16px;height:16px}
.pp-sb:hover{background:var(--pp-lime);border-color:#6fdc69;transform:translateY(-2px)}
.pp-sb .tip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px);white-space:nowrap;padding:6px 9px;border-radius:9px;background:#151517;color:#fff;font-size:11px;font-weight:700;opacity:0;pointer-events:none;transition:opacity .25s,transform .4s var(--pp-ease)}
.pp-sb:hover .tip,.pp-sb.done .tip{opacity:1;transform:translate(-50%,0)}
.pp-sb.done{background:var(--pp-lime);border-color:#6fdc69}

/* capa grande */
.pp-cv{position:relative;margin-top:44px;border-radius:28px;overflow:hidden;background:#1d1d1d;isolation:isolate}
.pp-cv .cv{position:relative;display:block;aspect-ratio:2/1;transition:transform 1.4s var(--pp-ease)}
.pp-cv .cv svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.pp-cv::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);pointer-events:none}
.pp-cv .draw{stroke-dasharray:var(--len,600);stroke-dashoffset:var(--len,600);transition:stroke-dashoffset 1.8s var(--pp-ease) .5s}
.pp-cv .pop{opacity:0;transform:translateY(8px);transform-box:fill-box;transition:opacity .8s var(--pp-ease) 1s,transform .9s var(--pp-ease) 1s}
.pp-cv.in .draw{stroke-dashoffset:0}
.pp-cv.in .pop{opacity:1;transform:none}
.pp-cv .glow{opacity:1}
.pp-cv .float{transition:transform 1.4s var(--pp-ease)}
.pp-cv:hover .float{transform:translateY(-6px)}
.pp-cv__spot{position:absolute;inset:0;pointer-events:none;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(137,248,131,.12),transparent 62%);opacity:0;transition:opacity .5s}
.pp-cv:hover .pp-cv__spot{opacity:1}
.pp-cv__chip{position:absolute;left:20px;top:20px;z-index:2;display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 13px 0 10px;border-radius:15px;background:rgba(36,36,36,.86);border:1px solid #383838;color:#f5f5f5;font-size:11px;font-weight:700;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}

/* ---------- corpo: sumário fixo + texto ---------- */
.pp-body{display:grid;grid-template-columns:250px minmax(0,700px);justify-content:space-between;gap:64px;margin-top:72px;max-width:1120px}
.pp-toc{position:sticky;top:110px;align-self:start;display:flex;flex-direction:column;gap:22px}
.pp-lb{display:flex;align-items:center;gap:12px;font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#3a3a3e}
.pp-lb i{flex:1;height:1px;background:#e2e2e0}
.pp-toc ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.pp-toc a{display:flex;align-items:flex-start;gap:12px;padding:9px 10px;margin-inline:-10px;border-radius:12px;color:var(--pp-mute);font-size:13.5px;font-weight:700;line-height:1.35;text-decoration:none;transition:color .3s,background .3s}
.pp-toc a .led{margin-top:4px;transition:background .35s,box-shadow .35s}
.pp-toc a:hover{color:var(--pp-ink);background:#ececea}
.pp-toc a.on{color:var(--pp-ink);background:#fff;box-shadow:0 0 0 1px var(--pp-line)}
.pp-toc a.on .led{background:radial-gradient(ellipse at 40% 30%,#f0ffee 0 14%,#a6fba1 34%,#6fe068 70%,#45bd3f 100%);box-shadow:inset 0 -1px 1px rgba(0,60,0,.35),0 0 0 1px rgba(10,40,10,.5),0 0 10px 2px rgba(137,248,131,.45)}
.pp-rp{display:flex;flex-direction:column;gap:8px}
.pp-rp__t{display:flex;justify-content:space-between;font-size:12px;font-weight:700;color:var(--pp-mute);font-variant-numeric:tabular-nums}
.pp-rp__t b{color:var(--pp-ink)}
.pp-rp__b{height:4px;border-radius:4px;background:#e4e4e2;overflow:hidden}
.pp-rp__b i{display:block;height:100%;width:100%;background:var(--pp-lime);transform-origin:0 50%;transform:scaleX(var(--p,0))}
.pp-toc .pp-share{padding-top:18px;border-top:1px solid var(--pp-line)}
.pp-mtoc{display:none}

/* resumo */
.pp-tl{position:relative;margin:0 0 44px;padding:26px 28px;border-radius:22px;background:#fff;border:1px solid var(--pp-line);overflow:hidden}
.pp-tl::before{content:"";position:absolute;left:28px;right:28px;top:0;height:3px;border-radius:0 0 3px 3px;background:var(--pp-lime)}
.pp-tl__h{display:flex;align-items:center;gap:10px;margin:0 0 16px;font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--pp-limeInk)}
.pp-tl ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.pp-tl li{position:relative;padding-left:34px;font-size:15.5px;line-height:1.55;font-weight:600;color:#2c2c30}
.pp-tl li::before{content:"";position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:8px;background:#e9fde7 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f8a1a' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/13px no-repeat;box-shadow:inset 0 0 0 1px #c9f5c5}

/* texto */
.pp-art{font-size:17.5px;line-height:1.8;color:#2c2c30}
.pp-art>p{margin:0 0 20px}
.pp-art>p:first-of-type::first-line{font-weight:600;color:var(--pp-ink)}
.pp-art b,.pp-art strong{color:var(--pp-ink);font-weight:800}
.pp-art h2{position:relative;scroll-margin-top:110px;margin:56px 0 16px;font-size:clamp(22px,2vw,27px);line-height:1.25;font-weight:800;letter-spacing:-.02em;color:var(--pp-ink)}
.pp-art h2 .n{display:inline-grid;place-items:center;min-width:34px;height:26px;padding:0 9px;margin-right:12px;border-radius:999px;background:#151517;color:var(--pp-lime);font-size:12px;font-weight:800;letter-spacing:.02em;vertical-align:4px}
.pp-art h2 .hl{position:absolute;left:-44px;top:50%;width:30px;height:30px;margin-top:-15px;border-radius:9px;display:grid;place-items:center;color:var(--pp-mute);opacity:0;transition:opacity .25s,color .25s,background .25s;cursor:pointer;border:0;background:none}
.pp-art h2 .hl svg{width:15px;height:15px}
.pp-art h2:hover .hl{opacity:1}
.pp-art h2 .hl:hover{color:var(--pp-ink);background:#ececea}
.pp-art h2 .hl.done{opacity:1;color:var(--pp-limeInk)}
.pp-art a{color:var(--pp-ink);font-weight:700;text-decoration:none;background:linear-gradient(transparent 62%,rgba(137,248,131,.75) 62%,rgba(137,248,131,.75) 92%,transparent 92%) no-repeat 0 0/100% 100%;transition:background-size .5s var(--pp-ease)}
.pp-art a:hover{background-size:100% 100%;background-image:linear-gradient(transparent 0,rgba(137,248,131,.75) 0)}
.pp-art ol{list-style:none;counter-reset:pp;margin:6px 0 24px;padding:0;display:flex;flex-direction:column;gap:12px}
.pp-art ol li{counter-increment:pp;position:relative;padding:18px 20px 18px 66px;border-radius:18px;background:#fff;border:1px solid var(--pp-line);font-size:16px;line-height:1.6}
.pp-art ol li::before{content:counter(pp,decimal-leading-zero);position:absolute;left:18px;top:18px;display:grid;place-items:center;min-width:34px;height:26px;padding:0 9px;border-radius:999px;background:#f0f0f2;font-size:12px;font-weight:800;color:var(--pp-ink)}
.pp-art ol li b{display:block;margin-bottom:2px}
.pp-tbl{margin:8px 0 10px;border-radius:20px;background:#fff;border:1px solid var(--pp-line);overflow:auto;-webkit-overflow-scrolling:touch}
.pp-art table{width:100%;min-width:560px;border-collapse:collapse;font-size:14.5px;line-height:1.4;font-variant-numeric:tabular-nums}
.pp-art th,.pp-art td{padding:15px 18px;text-align:right;border-bottom:1px solid #efefed;white-space:nowrap}
.pp-art th:first-child,.pp-art td:first-child{text-align:left}
.pp-art thead th{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--pp-mute);background:#fafaf9}
.pp-art tbody tr:last-child td{border-bottom:0}
.pp-art tbody tr{transition:background .25s}
.pp-art tbody tr:hover{background:#f7fdf6}
.pp-art td:last-child{font-weight:800;color:var(--pp-limeInk)}
.pp-art td:first-child{font-weight:800;color:var(--pp-ink)}
.pp-art .note{font-size:13px;line-height:1.5;color:var(--pp-mute);margin:0 0 22px}

/* fecho: card escuro pra fazer a conta */
.pp-end{position:relative;overflow:hidden;margin-top:52px;padding:32px;border-radius:24px;background:#1d1d1d;color:#f5f5f5;isolation:isolate}
.pp-end::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(420px circle at var(--mx,85%) var(--my,0%),rgba(137,248,131,.14),transparent 62%)}
.pp-end__st{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600;color:#adadb2}
.pp-end h3{margin:14px 0 8px;font-size:clamp(20px,1.9vw,26px);line-height:1.25;font-weight:800;letter-spacing:-.02em}
.pp-end p{margin:0;font-size:15px;line-height:1.6;color:#adadb2;max-width:520px}
.pp-end__b{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.pp-end__b a{display:inline-flex;align-items:center;gap:9px;height:48px;padding:0 18px;border-radius:14px;font-weight:800;font-size:13.5px;text-decoration:none;transition:transform .5s var(--pp-ease),box-shadow .5s var(--pp-ease),border-color .3s}
.pp-end__b a svg{width:16px;height:16px;transition:transform .5s var(--pp-ease)}
.pp-end__b .b1{background:var(--pp-lime);color:#1d3b1b}
.pp-end__b .b1:hover{transform:translateY(-2px);box-shadow:0 16px 30px -16px rgba(137,248,131,.6)}
.pp-end__b .b1:hover svg{transform:translateX(3px)}
.pp-end__b .b2{border:1px solid #383838;color:#f5f5f5}
.pp-end__b .b2:hover{border-color:#5a5a60}
.pp-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:34px;padding-top:22px;border-top:1px solid var(--pp-line);font-size:12.5px;font-weight:600;color:var(--pp-mute)}
.pp-foot .pp-share{display:flex}

/* leia também (usa os cards da home) */
.pp-rel{position:relative;z-index:3;background:#f5f5f5;padding:80px var(--gutter,clamp(16px,5.56vw,80px)) 120px}
@media (min-width:1441px){.pp-rel{padding-inline:max(80px,calc((100% - 1440px) / 2 + 80px))}}
.pp-rel .bl-lb{margin-top:0}
.pp-rel .bl-lb a{font-size:12px;font-weight:800;color:var(--pp-ink);text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.pp-rel .bl-lb a svg{width:14px;height:14px;transition:transform .5s var(--pp-ease)}
.pp-rel .bl-lb a:hover svg{transform:translateX(3px)}

/* entrada */
.pp.pp-pre [data-pp]{opacity:0;transform:translateY(24px)}
.pp [data-pp]{transition:opacity .9s var(--pp-ease),transform 1.1s var(--pp-ease)}
.pp.pp-pre .pp-cv{opacity:0;transform:translateY(40px) scale(.985)}
.pp .pp-cv{transition:opacity 1.1s var(--pp-ease) .25s,transform 1.3s var(--pp-ease) .25s}
.pp-art h2,.pp-art>p,.pp-art>ol,.pp-art>.pp-tbl,.pp-tl,.pp-end{transition:opacity .8s var(--pp-ease),transform 1s var(--pp-ease)}
.pp .pre{opacity:0;transform:translateY(18px)}

/* ---------- celular ---------- */
@media (max-width:980px){
  .pp-body{grid-template-columns:minmax(0,1fr);gap:0;margin-top:44px}
  .pp-toc{display:none}
  .pp-mtoc{display:block;position:sticky;top:76px;z-index:5;margin:0 0 30px;transition:top .6s var(--pp-ease)}
  body:has(.hdr.is-hidden) .pp-mtoc{top:12px}
  .pp-mtoc button{width:100%;display:flex;align-items:center;gap:12px;height:52px;padding:0 16px;border-radius:16px;background:rgba(255,255,255,.92);border:1px solid var(--pp-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font:inherit;font-size:13px;font-weight:800;color:var(--pp-ink);cursor:pointer;box-shadow:0 10px 24px -18px rgba(0,0,0,.4)}
  .pp-mtoc button .t{flex:1;min-width:0;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .pp-mtoc button .p{font-size:12px;color:var(--pp-mute);font-variant-numeric:tabular-nums}
  .pp-mtoc button svg{width:16px;height:16px;transition:transform .4s var(--pp-ease)}
  .pp-mtoc.open button svg{transform:rotate(180deg)}
  .pp-mtoc__bar{position:absolute;left:16px;right:16px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--pp-lime);transform-origin:0 50%;transform:scaleX(var(--p,0))}
  .pp-mtoc ol{list-style:none;margin:8px 0 0;padding:8px;border-radius:16px;background:#fff;border:1px solid var(--pp-line);display:none;flex-direction:column;box-shadow:0 20px 40px -24px rgba(0,0,0,.35)}
  .pp-mtoc.open ol{display:flex}
  .pp-mtoc ol a{display:flex;gap:12px;align-items:flex-start;padding:11px 10px;border-radius:10px;font-size:14px;font-weight:700;color:var(--pp-mute);text-decoration:none;line-height:1.35}
  .pp-mtoc ol a .led{margin-top:4px}
  .pp-mtoc ol a.on{color:var(--pp-ink);background:#f5f5f5}
  .pp-art h2 .hl{display:none}
}
@media (max-width:760px){
  .pp{padding:110px 20px 32px}
  .pp-crumb{margin-bottom:26px}
  .pp-pill .sep,.pp-pill .sub{display:none}
  .pp-h1{font-size:clamp(30px,8.4vw,40px);letter-spacing:-.03em}
  .pp-by{margin-top:28px}
  .pp-au .vr,.pp-au .rt{display:none}
  .pp-cv{margin-top:30px;border-radius:22px;margin-inline:-8px}
  .pp-cv .cv{aspect-ratio:16/11}
  .pp-cv__chip{left:14px;top:14px}
  .pp-art{font-size:16.5px;line-height:1.75}
  .pp-tl{padding:22px 20px}
  .pp-tl::before{left:20px;right:20px}
  .pp-art ol li{padding:16px 16px 16px 60px}
  .pp-art ol li::before{left:14px;top:16px}
  .pp-end{padding:26px 22px}
  .pp-end__b{flex-direction:column}
  .pp-end__b a{justify-content:center}
  .pp-rel{padding:56px 20px 88px}
}
@media (prefers-reduced-motion:reduce){
  .pp *,.pp *::before,.pp *::after{animation:none!important;transition:none!important}
  .pp.pp-pre [data-pp],.pp.pp-pre .pp-cv,.pp .pre{opacity:1;transform:none}
  .pp-cv .draw{stroke-dashoffset:0}.pp-cv .pop{opacity:1;transform:none}
}

/* ================= v2 (13/out, noite): coluna central, grade de pontos no topo, blocos ricos ================= */
.pp{overflow:clip}
.pp>*:not(.pp-grid){position:relative;z-index:1}
.pp-grid{position:absolute;left:0;right:0;top:0;width:100%;height:760px;z-index:0;pointer-events:none;-webkit-mask-image:linear-gradient(#000 55%,transparent);mask-image:linear-gradient(#000 55%,transparent)}
.pp-top{max-width:880px;margin:0 auto}
.pp-hd{max-width:none}
.pp-crumb{margin-bottom:28px}
.pp-by .pp-share{flex-wrap:wrap}
.pp-cv{margin-top:52px}
.pp-body{grid-template-columns:minmax(0,1fr) minmax(0,720px) minmax(0,1fr);justify-content:stretch;gap:56px;max-width:none}
.pp-toc{grid-column:1;width:240px;justify-self:start}
.pp-col{grid-column:2;min-width:0}
.pp-art td:first-child{font-weight:400;color:inherit}
.pp-art th[scope="row"]{text-align:left;font-weight:800;color:var(--pp-ink);padding:15px 18px;border-bottom:1px solid #efefed;white-space:nowrap}
.pp-art tbody tr:last-child th{border-bottom:0}
.pp-art .pb-note,.pp-art .pb-note{font-size:13px;line-height:1.5;color:var(--pp-mute);margin:0 0 22px}
.pp-art>h3{margin:36px 0 10px;font-size:19px;letter-spacing:-.015em}
@media (max-width:1180px){.pp-body{grid-template-columns:220px minmax(0,1fr);gap:48px}.pp-toc{width:auto}}

/* blocos: base */
.pp-art .pb{margin:30px 0}
.pb-lb{display:flex;align-items:center;gap:12px;margin:34px 0 -14px;font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#3a3a3e}
.pb-lb i{flex:1;height:1px;background:#e2e2e0}
.pb-cap,.pp-art figcaption{margin:12px 2px 0;font-size:13px;line-height:1.55;color:var(--pp-mute)}
.pb-src{color:#9a9aa0}
.pb-hr{border:0;height:1px;background:var(--pp-line);margin:48px 0}
.pp-art ul.pb-ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:10px;margin:0 0 24px}
.pp-art ul.pb-ul li{position:relative;padding-left:32px;font-size:16.5px;line-height:1.65}
.pp-art ul.pb-ul li::before{content:"";position:absolute;left:0;top:4px;width:20px;height:20px;border-radius:7px;background:#e9fde7 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f8a1a' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/12px no-repeat;box-shadow:inset 0 0 0 1px #c9f5c5}

/* destaque (callout) */
.pb-call{display:flex;gap:16px;padding:20px 22px;border-radius:20px;background:#fff;border:1px solid var(--pp-line);position:relative;overflow:hidden}
.pb-call::before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:0 3px 3px 0;background:var(--c,var(--pp-lime))}
.pb-call__ic{flex:none;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--cb,#e9fde7);color:var(--ci,var(--pp-limeInk))}
.pb-call__ic svg{width:18px;height:18px}
.pb-call b{display:block;font-size:14.5px;font-weight:800;color:var(--pp-ink);margin:6px 0 4px}
.pb-call p{margin:0;font-size:15.5px;line-height:1.65;color:#3a3a3e}
.pb-call--info{--c:#151517;--cb:#f0f0f2;--ci:#151517}
.pb-call--dica{--c:var(--pp-lime);--cb:#e9fde7;--ci:var(--pp-limeInk)}
.pb-call--alerta{--c:#f2b84b;--cb:#fdf3df;--ci:#9a6a12}

/* números grandes */
.pb-stats{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:0;border-radius:22px;background:#151517;color:#f5f5f5;overflow:hidden;box-shadow:0 24px 40px -30px rgba(0,0,0,.5)}
.pb-stat{display:flex;flex-direction:column;gap:4px;padding:24px 22px;position:relative}
.pb-stat+.pb-stat::before{content:"";position:absolute;left:0;top:22px;bottom:22px;width:1px;background:#333336}
.pb-stat b{font-size:clamp(24px,2.6vw,34px);line-height:1.05;font-weight:800;letter-spacing:-.03em;color:var(--pp-lime);font-variant-numeric:tabular-nums}
.pb-stat span{font-size:13.5px;font-weight:700;color:#f5f5f5}
.pb-stat small{font-size:12px;color:#8c8c91}

/* cards */
.pb-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pb-cards--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.pb-cards--4{grid-template-columns:repeat(2,minmax(0,1fr))}
.pb-card{position:relative;display:flex;flex-direction:column;gap:8px;padding:20px;border-radius:20px;background:#fff;border:1px solid var(--pp-line);transition:transform .5s var(--pp-ease),box-shadow .5s var(--pp-ease),border-color .3s}
.pb-card:hover{transform:translateY(-3px);box-shadow:0 22px 36px -28px rgba(0,0,0,.35);border-color:rgba(0,0,0,.1)}
.pb-card__ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#fff;border:1px solid var(--pp-line);box-shadow:0 6px 14px -10px rgba(0,0,0,.3);margin-bottom:6px}
.pb-card__ic svg{width:19px;height:19px;color:var(--pp-ink)}
.pb-card__n{align-self:flex-start;display:inline-grid;place-items:center;min-width:34px;height:26px;padding:0 9px;border-radius:999px;background:#f0f0f2;font-size:12px;font-weight:800;margin-bottom:6px}
.pb-card b{font-size:16.5px;font-weight:800;letter-spacing:-.015em;color:var(--pp-ink)}
.pb-card p{margin:0;font-size:14.5px;line-height:1.6;color:var(--pp-soft)}
.pb-card small{margin-top:auto;padding-top:10px;display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--pp-mute)}
.pb-card small i{width:6px;height:6px;border-radius:50%;background:#cfcfd4}
.pb-card.is-hl{background:#151517;border-color:#151517;color:#f5f5f5}
.pb-card.is-hl b{color:#fff}.pb-card.is-hl p{color:#adadb2}.pb-card.is-hl p a{color:#fff}
.pb-card.is-hl .pb-card__n{background:var(--pp-lime);color:#1d3b1b}
.pb-card.is-hl small{color:var(--pp-lime)}.pb-card.is-hl small i{background:var(--pp-lime);box-shadow:0 0 8px rgba(137,248,131,.7)}
.pb-cards--nunca .pb-card__ic svg{color:#8c8c91}
.pb-cards--nunca .pb-card{padding:18px}

/* comparação */
.pb-cmp{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pb-cmp__c{padding:22px;border-radius:20px;border:1px solid var(--pp-line);background:#fff}
.pb-cmp__c b{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:800;margin-bottom:14px}
.pb-cmp__c ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.pb-cmp__c li{position:relative;padding-left:26px;font-size:15px;line-height:1.5;color:#3a3a3e}
.pb-cmp__c li::before{content:"";position:absolute;left:0;top:3px;width:17px;height:17px;border-radius:6px;background:#f0f0f2 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237d7d84' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M7 12h10'/%3E%3C/svg%3E") center/11px no-repeat}
.pb-cmp__c--green{background:#151517;border-color:#151517;color:#f5f5f5}
.pb-cmp__c--green li{color:#d4d4d8}
.pb-cmp__c--green li::before{background:rgba(137,248,131,.16) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2389f883' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/11px no-repeat}

/* citação */
.pb-q{position:relative;margin:40px 0;padding:34px 34px 28px;border-radius:24px;background:#fff;border:1px solid var(--pp-line);overflow:hidden}
.pb-q::after{content:"";position:absolute;right:-80px;top:-80px;width:240px;height:240px;border-radius:50%;background:radial-gradient(closest-side,rgba(137,248,131,.35),transparent);pointer-events:none}
.pb-q__m{width:38px;height:28px;color:var(--pp-lime);margin-bottom:14px}
.pb-q blockquote{margin:0}
.pb-q blockquote p{margin:0;font-size:clamp(20px,2vw,26px);line-height:1.4;font-weight:700;letter-spacing:-.02em;color:var(--pp-ink);text-wrap:pretty}
.pb-q figcaption{display:flex;align-items:center;gap:12px;margin:22px 0 0}
.pb-q__av{width:40px;height:40px;border-radius:12px;background:#151517;color:var(--pp-lime);display:grid;place-items:center;font-weight:800}
.pb-q figcaption b{display:block;font-size:14px;color:var(--pp-ink)}
.pb-q figcaption small{display:block;font-size:12.5px;color:var(--pp-mute)}

/* post do X */
.pb-x{max-width:560px;margin:34px auto;padding:20px 22px;border-radius:22px;background:#fff;border:1px solid var(--pp-line);box-shadow:0 20px 40px -32px rgba(0,0,0,.35);transition:transform .5s var(--pp-ease),box-shadow .5s var(--pp-ease)}
.pb-x:hover{transform:translateY(-2px);box-shadow:0 26px 46px -30px rgba(0,0,0,.4)}
.pb-x__hd{display:flex;align-items:center;gap:12px}
.pb-x__av{width:44px;height:44px;border-radius:50%;background:#151517;color:var(--pp-lime);display:grid;place-items:center;font-weight:800;font-size:17px}
.pb-x__who{flex:1;min-width:0;line-height:1.3}
.pb-x__who b{display:block;font-size:15px;color:var(--pp-ink)}
.pb-x__who span{font-size:13.5px;color:var(--pp-mute)}
.pb-x__logo{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:var(--pp-ink);background:#f0f0f2;transition:background .3s}
.pb-x__logo:hover{background:var(--pp-lime)}
.pb-x__logo svg{width:15px;height:15px}
.pb-x__tx{margin:14px 0 0;font-size:16.5px;line-height:1.55;color:var(--pp-ink)}
.pb-x__ft{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:16px;padding-top:14px;border-top:1px solid #efefed;font-size:13px;font-weight:600;color:var(--pp-mute)}
.pb-x__ft span{display:inline-flex;align-items:center;gap:5px}
.pb-x__ft svg{width:15px;height:15px}
.pb-x__ft a{margin-left:auto;display:inline-flex;align-items:center;gap:6px;color:var(--pp-ink);font-weight:800;text-decoration:none;background:none!important}
.pb-x__ft a svg{width:14px;height:14px}

/* imagem */
.pb-img{margin:32px 0}
.pb-img--wide{margin-inline:-90px}
.pb-img__z{position:relative;display:block;width:100%;padding:0;border:0;border-radius:20px;overflow:hidden;background:#e8e8e6;cursor:zoom-in}
.pb-img__z img{display:block;width:100%;height:auto;transition:transform 1.2s var(--pp-ease)}
.pb-img__z:hover img{transform:scale(1.025)}
.pb-img__zi{position:absolute;right:14px;bottom:14px;width:38px;height:38px;border-radius:12px;background:rgba(21,21,23,.78);color:#fff;display:grid;place-items:center;opacity:0;transform:translateY(6px);transition:opacity .3s,transform .5s var(--pp-ease);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.pb-img__zi svg{width:17px;height:17px}
.pb-img__z:hover .pb-img__zi,.pb-img__z:focus-visible .pb-img__zi{opacity:1;transform:none}
.pb-img figcaption span{color:#a3a3a9}

/* carrossel */
.pb-gal{margin:32px 0}
.pb-gal__tr{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:20px;outline:none}
.pb-gal__tr::-webkit-scrollbar{display:none}
.pb-gal__s{flex:0 0 100%;scroll-snap-align:start;display:flex;flex-direction:column;gap:10px}
.pb-gal__cap{font-size:13px;color:var(--pp-mute);padding-inline:2px}
.pb-gal__nav{display:flex;align-items:center;gap:16px;margin-top:6px}
.pb-gal__n{font-size:12.5px;font-weight:700;color:var(--pp-mute);font-variant-numeric:tabular-nums}
.pb-gal__n b{color:var(--pp-ink)}
.pb-gal__dots{flex:1;display:flex;gap:6px}
.pb-gal__dots i{width:6px;height:6px;border-radius:99px;background:#cfcfcd;transition:width .45s var(--pp-ease),background .45s}
.pb-gal__dots i.on{width:22px;background:var(--pp-ink)}
.pb-gal__btns{display:flex;gap:8px}
.pb-gal__btns button{width:38px;height:38px;border-radius:12px;border:1px solid #dcdcda;background:#fff;display:grid;place-items:center;cursor:pointer;color:var(--pp-ink);transition:background .3s,border-color .3s}
.pb-gal__btns button:hover{background:var(--pp-lime);border-color:#6fdc69}
.pb-gal__btns button:disabled{opacity:.35;pointer-events:none}
.pb-gal__btns svg{width:16px;height:16px}

/* vídeo */
.pb-vid__b{position:relative;display:flex;align-items:flex-end;width:100%;aspect-ratio:16/9;padding:22px;border:0;border-radius:20px;overflow:hidden;cursor:pointer;color:#fff;text-align:left;background:#1d1d1d radial-gradient(500px circle at 70% 30%,rgba(137,248,131,.16),transparent 60%)}
.pb-vid__b::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1.2px);background-size:22px 22px}
.pb-vid__p{position:absolute;left:50%;top:50%;width:72px;height:72px;margin:-36px 0 0 -36px;border-radius:50%;background:var(--pp-lime);color:#1d3b1b;display:grid;place-items:center;box-shadow:0 0 0 10px rgba(137,248,131,.16);transition:transform .5s var(--pp-ease),box-shadow .5s var(--pp-ease)}
.pb-vid__p svg{width:26px;height:26px;margin-left:4px}
.pb-vid__b:hover .pb-vid__p{transform:scale(1.08);box-shadow:0 0 0 16px rgba(137,248,131,.12)}
.pb-vid__t{position:relative;display:flex;flex-direction:column;gap:2px}
.pb-vid__t b{font-size:16px}.pb-vid__t small{font-size:12px;color:#adadb2}
.pb-vid iframe{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:20px;background:#000}

/* gráficos (mesmo desenho da seção 2, em versão clara) */
.pb-chart{padding:22px 22px 18px;border-radius:22px;background:#fff;border:1px solid var(--pp-line)}
.pb-chart__hd{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 14px!important;color:var(--pp-ink)!important}
.pb-chart__hd b{font-size:15px;font-weight:800;letter-spacing:-.01em}
.pb-lg{display:flex;gap:14px;flex-wrap:wrap}
.pb-lg__i{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--pp-soft)}
.pb-lg__i i{width:17px;height:9px;border-radius:99px}
.pb-lg__i--grey i{background:linear-gradient(#cfcfd4,#a9a9ae);box-shadow:0 0 0 1px rgba(0,0,0,.1)}
.pb-lg__i--green i{background:radial-gradient(ellipse at 40% 30%,#f0ffee 0 14%,#a6fba1 34%,#6fe068 70%,#45bd3f 100%);box-shadow:0 0 0 1px rgba(10,40,10,.4),0 0 8px rgba(137,248,131,.6)}
.pb-chart__box{position:relative}
.pb-chart svg{display:block;width:100%;height:auto;overflow:visible}
.pb-grid{stroke:#ececea;stroke-width:1}
.pb-ax{font-size:11px;font-weight:600;fill:#9a9aa0;font-family:'Plus Jakarta Sans',sans-serif}
.pb-ln{fill:none;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 2s var(--pp-ease)}
.pb-ln--grey{stroke:#b4b4b9;stroke-width:2}
.pb-ln--green{stroke:#45bd3f;stroke-width:3;filter:drop-shadow(0 4px 8px rgba(69,189,63,.35))}
.pb-area{opacity:0;transition:opacity 1.2s var(--pp-ease) .8s}
.pb-chart.in .pb-ln{stroke-dashoffset:0}
.pb-chart.in .pb-area{opacity:1}
.pb-chart.in .pb-ln--grey{stroke-dasharray:5 5;stroke-dashoffset:0;transition:none}
.pb-cur__l{stroke:#151517;stroke-width:1;stroke-dasharray:3 3;opacity:.4}
.pb-cur__d{stroke:#fff;stroke-width:2}
.pb-cur__d--grey{fill:#8a8a90}.pb-cur__d--green{fill:#45bd3f}
.pb-tip{position:absolute;top:0;left:0;min-width:168px;padding:12px 14px;border-radius:14px;background:#151517;color:#f5f5f5;font-size:12px;line-height:1.5;pointer-events:none;opacity:0;transform:translate(-50%,-110%);transition:opacity .2s;box-shadow:0 18px 30px -18px rgba(0,0,0,.6);z-index:3}
.pb-tip.on{opacity:1}
.pb-tip b{display:block;font-size:11px;color:#8c8c91;margin-bottom:6px;font-weight:700}
.pb-tip .r{display:flex;justify-content:space-between;gap:14px}
.pb-tip .r span{color:#adadb2}
.pb-tip .r.g strong{color:var(--pp-lime)}
.pb-tip .d{margin-top:6px;padding-top:6px;border-top:1px solid #333336}
.pb-bars{display:flex;align-items:stretch;gap:clamp(14px,3vw,36px);height:260px;padding:26px 6px 0;border-bottom:1px solid #ececea;background:repeating-linear-gradient(#fff 0 64px,#ececea 64px 65px)}
.pb-bars__g{flex:1;display:flex;flex-direction:column;align-items:stretch}
.pb-bars__c{flex:1;display:flex;align-items:flex-end;justify-content:center;gap:8px}
.pb-bar{position:relative;flex:1;max-width:64px;height:var(--h);border-radius:10px 10px 4px 4px;transform-origin:bottom;transform:scaleY(0);transition:transform 1.2s var(--pp-ease)}
.pb-bar--grey{background:linear-gradient(#e4e4e6,#cfcfd4)}
.pb-bar--green{background:linear-gradient(#a6fba1,#6fe068);box-shadow:0 10px 24px -12px rgba(69,189,63,.6)}
.pb-bar b{position:absolute;left:50%;bottom:calc(100% + 6px);transform:translateX(-50%);white-space:nowrap;font-size:11.5px;font-weight:800;color:var(--pp-ink);opacity:0;transition:opacity .6s 1s}
.pb-chart.in .pb-bar{transform:none}
.pb-chart.in .pb-bar b{opacity:1}
.pb-chart.in .pb-bars__g:nth-child(2) .pb-bar{transition-delay:.12s}.pb-chart.in .pb-bars__g:nth-child(3) .pb-bar{transition-delay:.24s}.pb-chart.in .pb-bars__g:nth-child(4) .pb-bar{transition-delay:.36s}
.pb-bars__l{margin:-1px -6px 0;padding-top:10px;text-align:center;font-size:12px;font-weight:700;color:var(--pp-soft);background:#fff}

/* perguntas do post (mesmo jeito das Dúvidas, em versão clara) */
.pp-faq{margin-top:56px}
.pp-faq h2{position:relative;scroll-margin-top:110px;margin:0 0 18px;font-size:clamp(22px,2vw,27px);line-height:1.25;font-weight:800;letter-spacing:-.02em}
.pp-faq h2 .n{display:inline-grid;place-items:center;min-width:34px;height:26px;padding:0 9px;margin-right:12px;border-radius:999px;background:#151517;color:var(--pp-lime);font-size:13px;font-weight:800;vertical-align:4px}
.pp-faq ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--pp-line)}
.pp-fq{position:relative;border-bottom:1px solid var(--pp-line)}
.pp-fq::before{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:var(--pp-limeInk);transform:scaleX(0);transform-origin:0 50%;transition:transform .6s var(--pp-ease)}
.pp-fq.open::before{transform:none}
.pp-fq h3{margin:0}
.pp-fq__q{width:100%;display:flex;align-items:center;gap:14px;padding:18px 0;border:0;background:none;cursor:pointer;text-align:left;font:inherit;font-size:16.5px;font-weight:800;color:var(--pp-ink)}
.pp-fq__q .t{flex:1}
.pp-fq__pl{width:34px;height:34px;border-radius:11px;border:1px solid #dcdcda;display:grid;place-items:center;transition:background .3s,border-color .3s,transform .5s var(--pp-ease)}
.pp-fq__pl svg{width:14px;height:14px;transition:transform .5s var(--pp-ease)}
.pp-fq.open .pp-fq__pl{background:var(--pp-lime);border-color:#6fdc69}
.pp-fq.open .pp-fq__pl svg{transform:rotate(45deg)}
.pp-fq__a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .6s var(--pp-ease)}
.pp-fq.open .pp-fq__a{grid-template-rows:1fr}
.pp-fq__a>div{overflow:hidden}
.pp-fq__a p{margin:0;padding:0 48px 20px 31px;font-size:15.5px;line-height:1.7;color:var(--pp-soft)}
.pp-fq.open .led--off{background:radial-gradient(ellipse at 40% 30%,#f0ffee 0 14%,#a6fba1 34%,#6fe068 70%,#45bd3f 100%);box-shadow:0 0 0 1px rgba(10,40,10,.5),0 0 10px 2px rgba(137,248,131,.45)}

/* fontes */
.pp-src{margin-top:44px}
.pp-src ol{list-style:none;counter-reset:src;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.pp-src li{counter-increment:src}
.pp-src a{display:flex;flex-direction:column;gap:2px;padding:12px 14px 12px 46px;position:relative;border-radius:14px;background:#fff;border:1px solid var(--pp-line);text-decoration:none;transition:border-color .3s}
.pp-src a::before{content:counter(src);position:absolute;left:14px;top:12px;width:22px;height:22px;border-radius:7px;background:#f0f0f2;display:grid;place-items:center;font-size:11px;font-weight:800;color:var(--pp-ink)}
.pp-src a:hover{border-color:#cfcfcd}
.pp-src b{font-size:14px;color:var(--pp-ink)}
.pp-src span{font-size:12.5px;color:var(--pp-mute)}

/* anterior / próximo */
.pp-pn{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}
.pp-pn__a{display:flex;flex-direction:column;gap:6px;padding:18px 20px;border-radius:18px;background:#fff;border:1px solid var(--pp-line);text-decoration:none;color:var(--pp-ink);transition:transform .5s var(--pp-ease),border-color .3s,box-shadow .5s var(--pp-ease)}
.pp-pn__a:hover{transform:translateY(-2px);border-color:rgba(0,0,0,.1);box-shadow:0 20px 34px -28px rgba(0,0,0,.35)}
.pp-pn__a small{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--pp-mute)}
.pp-pn__a small svg{width:13px;height:13px}
.pp-pn__a b{font-size:15px;line-height:1.35;letter-spacing:-.01em}
.pp-pn__a--r{text-align:right;align-items:flex-end}

/* imagem ampliada */
.pp-lb-ov{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:clamp(16px,4vw,48px);background:rgba(12,12,14,.86);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity .35s}
.pp-lb-ov[hidden]{display:none}
.pp-lb-ov.on{opacity:1}
.pp-lb-ov figure{margin:0;max-width:min(1200px,100%);display:flex;flex-direction:column;gap:12px;transform:scale(.96);transition:transform .5s cubic-bezier(.16,1,.3,1)}
.pp-lb-ov.on figure{transform:none}
.pp-lb-ov img{max-width:100%;max-height:80vh;border-radius:18px;display:block;margin:0 auto}
.pp-lb-ov figcaption{text-align:center;color:#adadb2;font-size:13.5px}
.pp-lb-x{position:absolute;top:18px;right:18px;width:44px;height:44px;border-radius:14px;border:1px solid #383838;background:#242424;color:#fff;font-size:22px;cursor:pointer}

/* aviso "em breve" pros links de ferramentas na bancada */
.pp-soon{position:fixed;left:50%;bottom:28px;z-index:210;transform:translate(-50%,20px);padding:12px 16px;border-radius:14px;background:#151517;color:#fff;font:700 13px 'Plus Jakarta Sans',sans-serif;opacity:0;pointer-events:none;transition:opacity .3s,transform .5s cubic-bezier(.16,1,.3,1)}
.pp-soon.on{opacity:1;transform:translate(-50%,0)}

/* ================= página do blog (lista) ================= */
.bx{position:relative;z-index:3;background:#f5f5f5;color:#151517;padding:150px var(--gutter,clamp(16px,5.56vw,80px)) 110px;overflow:clip;font-family:'Plus Jakarta Sans',system-ui,sans-serif}
@media (min-width:1441px){.bx{padding-inline:max(80px,calc((100% - 1440px) / 2 + 80px))}}
.bx>*:not(.pp-grid){position:relative;z-index:1}
.bx-hd{max-width:880px;display:flex;flex-direction:column;align-items:flex-start;gap:0}
.bx-h{margin-top:22px}
.bx-feat{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:0;margin-top:56px;border-radius:28px;background:#fff;border:1px solid #e6e6e4;overflow:hidden;text-decoration:none;color:inherit;transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .6s cubic-bezier(.16,1,.3,1)}
.bx-feat:hover{transform:translateY(-4px);box-shadow:0 34px 60px -40px rgba(0,0,0,.4)}
.bx-feat__cv{position:relative;display:block;background:#1d1d1d;min-height:340px}
.bx-feat__cv .cv{position:absolute;inset:0;display:block}
.bx-feat__cv svg{position:absolute;inset:0;width:100%;height:100%}
.bx-feat__cv .draw{stroke-dashoffset:0}.bx-feat__cv .glow{opacity:1}
.bx-feat:hover .float{transform:translateY(-6px)}.bx-feat .float{transition:transform 1.1s cubic-bezier(.16,1,.3,1)}
.bx-feat__tx{display:flex;flex-direction:column;gap:14px;padding:clamp(24px,3vw,40px)}
.bx-feat__k{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#1f8a1a}
.bx-feat__tx>b{font-size:clamp(24px,2.4vw,34px);line-height:1.15;letter-spacing:-.03em;font-weight:800;text-wrap:balance}
.bx-feat__d{font-size:15.5px;line-height:1.6;color:#5d5d64}
.bx-feat__go{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid #efefed;font-size:13px;font-weight:800}
.bx-feat:hover .bc-ar{background:#89f883;border-color:#6fdc69}
.bx-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:56px 0 20px}
.bx-chips{display:flex;gap:6px;flex-wrap:wrap;padding:5px;border-radius:16px;background:#fff;border:1px solid #e6e6e4}
.bx-chips button{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:11px;border:0;background:none;font:inherit;font-size:13px;font-weight:700;color:#7d7d84;cursor:pointer;transition:background .3s,color .3s}
.bx-chips button b{display:inline-grid;place-items:center;min-width:22px;height:20px;padding:0 6px;border-radius:99px;background:#f0f0f2;font-size:11px;color:#151517}
.bx-chips button:hover{color:#151517}
.bx-chips button[aria-pressed="true"]{background:#151517;color:#fff}
.bx-chips button[aria-pressed="true"] b{background:#89f883;color:#1d3b1b}
.bx-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.bx-grid .bc.is-off{display:none}


@media (max-width:980px){
  .pb-img--wide{margin-inline:0}
  .bx-feat{grid-template-columns:1fr}.bx-feat__cv{min-height:0;aspect-ratio:16/10}
  .bx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .pp-top{max-width:none}
  .pb-cards,.pb-cards--3,.pb-cards--4,.pb-cmp{grid-template-columns:1fr}
  .pb-stats{grid-template-columns:1fr}
  .pb-stat+.pb-stat::before{left:22px;right:22px;top:0;bottom:auto;width:auto;height:1px}
  .pb-q{padding:26px 22px 22px}
  .pb-chart{padding:18px 14px 14px;margin-inline:-6px}
  .pb-bars{height:220px}
  .pb-bar b{font-size:10px}
  .pp-pn{grid-template-columns:1fr}
  .pp-pn__a--r{text-align:left;align-items:flex-start}
  .pp-fq__a p{padding:0 8px 18px 31px}
  .bx{padding:110px 20px 80px}
  .bx-grid{grid-template-columns:1fr}
  .bx-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;max-width:100%}
  .bx-chips button{flex:none}
}
@media (prefers-reduced-motion:reduce){.pb-ln{stroke-dashoffset:0}.pb-bar{transform:none}.pb-bar b{opacity:1}.pb-area{opacity:1}}
.pp-art>.pb,.pp-art>ul,.pp-faq,.pp-src,.pp-pn,.pb-lb,.bx-bar{transition:opacity .8s var(--pp-ease,cubic-bezier(.16,1,.3,1)),transform 1s var(--pp-ease,cubic-bezier(.16,1,.3,1))}
.bx .pre{opacity:0;transform:translateY(18px)}
/* correções da revisão */
.pp-rel,.bx{--bl-bg:#f5f5f5;--bl-ink:#151517;--bl-soft:#5d5d64;--bl-mute:#7d7d84;--bl-line:#e6e6e4;--bl-card:#fff;--bl-lime:#89f883;--bl-limeInk:#1f8a1a;--bl-ease:cubic-bezier(.16,1,.3,1)}
.pp-art .pb-x a,.pp-art .pb-img a,.pp-art .pp-src a{background-image:none}
.pp-art .pb-x__logo{background:#f0f0f2}.pp-art .pb-x__logo:hover{background:var(--pp-lime)}
.pp-art .pb-cmp__c--green b,.pp-art .pb-vid__t b,.pp-art .pb-card.is-hl b{color:#fff}
.pp-art .pb-cmp__c--grey b{color:var(--pp-ink)}
.pp-art .pb-stat b{color:var(--pp-lime)}
@media (max-width:980px){.pp-body{grid-template-columns:minmax(0,1fr);gap:0}.pp-col{grid-column:1}.pp-toc{display:none}}
@media (max-width:760px){.pb-ax{font-size:20px}.pb-ln--green{stroke-width:4}.pb-ln--grey{stroke-width:2.6}}
.pp-art .pb-tip strong{color:#f5f5f5;font-weight:800}.pp-art .pb-tip .r.g strong{color:var(--pp-lime)}

/* ================= v3 (13/out, 22h50): correções + blocos novos ================= */
.pp-au .pp-av{display:grid;place-items:center;flex:none}
.pp-au .pp-av svg{display:block;width:20px;height:22px;margin:0}
.pp-sb .pp-tipx{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px);white-space:nowrap;padding:6px 9px;border-radius:9px;background:#151517;color:#fff;font-size:11px;font-weight:700;line-height:1.2;opacity:0;pointer-events:none;transition:opacity .25s,transform .4s var(--pp-ease);z-index:5}
.pp-sb .pp-tipx::after{content:"";position:absolute;left:50%;top:100%;margin-left:-5px;border:5px solid transparent;border-top-color:#151517}
.pp-sb:hover .pp-tipx,.pp-sb.done .pp-tipx,.pp-sb:focus-visible .pp-tipx{opacity:1;transform:translate(-50%,0)}
.pp-cv{max-width:880px;margin-inline:auto}
.pp-cv .cv{aspect-ratio:16/9}

/* definição */
.pb-def{margin:30px 0;padding:22px 24px;border-radius:20px;background:#151517;color:#f5f5f5;display:grid;grid-template-columns:200px 1fr;gap:20px;align-items:start}
.pb-def dt{display:flex;flex-direction:column;gap:6px}
.pb-def__k{font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#8c8c91}
.pb-def dfn{font-style:normal;font-size:20px;font-weight:800;letter-spacing:-.02em;color:var(--pp-lime)}
.pb-def dd{margin:0;font-size:16px;line-height:1.65;color:#d4d4d8}
.pp-art .pb-def a{color:#fff}
/* fórmula */
.pb-fx{display:flex;align-items:stretch;gap:10px;flex-wrap:wrap}
.pb-fx__t{flex:1;min-width:110px;display:flex;flex-direction:column;gap:4px;padding:16px 16px 14px;border-radius:18px;background:#fff;border:1px solid var(--pp-line)}
.pb-fx__t b{font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--pp-ink);font-variant-numeric:tabular-nums}
.pb-fx__t small{font-size:12px;font-weight:600;color:var(--pp-mute);line-height:1.35}
.pb-fx__t--r{background:#151517;border-color:#151517}.pp-art .pb-fx__t--r b{color:var(--pp-lime)}.pb-fx__t--r small{color:#adadb2}
.pb-fx__op{align-self:center;font-size:22px;font-weight:800;color:#b4b4b9}
/* divisão em barra */
.pb-split{padding:22px;border-radius:22px;background:#fff;border:1px solid var(--pp-line)}
.pb-split__bar{display:flex;gap:4px;height:64px;padding:4px;border-radius:16px;background:#f0f0f2}
.pb-split__p{position:relative;flex:0 0 var(--w);min-width:46px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0 14px;overflow:hidden;transform-origin:left;transform:scaleX(0);transition:transform 1.2s var(--pp-ease)}
.pb-split.in .pb-split__p{transform:none}
.pb-split__p b{font-size:13.5px;font-weight:800;white-space:nowrap}
.pb-split__p em{font-style:normal;font-size:13px;font-weight:800}
.pb-split__p--green{background:linear-gradient(#a6fba1,#6fe068);color:#1d3b1b}
.pb-split__p--dark{background:#151517;color:#fff}
.pb-split__p--grey{background:#cfcfd4;color:#151517;justify-content:center;padding:0 6px}
.pb-split__p--grey b{display:none}
.pb-split__lg{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:14px;font-size:13px;color:var(--pp-soft)}
.pb-split__lg b{color:var(--pp-ink)}
.pb-split__d{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.pb-split__d--green{background:#6fe068}.pb-split__d--grey{background:#cfcfd4}.pb-split__d--dark{background:#151517}
/* passo a passo */
.pp-art ol.pb-steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:10px;counter-reset:none;position:relative}
.pp-art ol.pb-steps::before{content:"";position:absolute;left:24px;right:24px;top:31px;height:2px;background:repeating-linear-gradient(90deg,#cfcfd4 0 6px,transparent 6px 12px)}
.pp-art ol.pb-steps li.pb-step{counter-increment:none;position:relative;padding:18px 16px;border-radius:18px;background:#fff;border:1px solid var(--pp-line);display:flex;flex-direction:column;gap:6px;font-size:inherit}
.pp-art ol.pb-steps li.pb-step::before{display:none}
.pb-step__n{position:relative;z-index:1;align-self:flex-start;display:inline-grid;place-items:center;min-width:34px;height:26px;padding:0 9px;border-radius:999px;background:#151517;color:var(--pp-lime);font-size:12px;font-weight:800;margin-bottom:6px;box-shadow:0 0 0 5px #fff}
.pb-step b{font-size:15px;font-weight:800;color:var(--pp-ink);line-height:1.3}
.pb-step p{margin:0;font-size:13.5px;line-height:1.55;color:var(--pp-soft)}
.pp-art ol.pb-steps li.pb-step:last-child{background:#151517;border-color:#151517}
.pp-art ol.pb-steps li.pb-step:last-child b{color:#fff}.pp-art ol.pb-steps li.pb-step:last-child p{color:#adadb2}
.pp-art ol.pb-steps li.pb-step:last-child .pb-step__n{background:var(--pp-lime);color:#1d3b1b;box-shadow:0 0 0 5px #151517}
/* chamada do produto */
.pb-promo{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 28px;border-radius:24px;background:var(--pp-lime) ;color:#1d3b1b;overflow:hidden;isolation:isolate}
.pb-promo::before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(29,59,27,.14) 1px,transparent 1.2px);background-size:18px 18px;-webkit-mask-image:linear-gradient(90deg,transparent 30%,#000);mask-image:linear-gradient(90deg,transparent 30%,#000)}
.pb-promo__t{display:flex;flex-direction:column;gap:6px;max-width:440px}
.pb-promo__k{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#24421f}
.pp-art .pb-promo b{font-size:clamp(19px,1.8vw,23px);line-height:1.25;font-weight:800;letter-spacing:-.02em;color:#141414}
.pb-promo p{margin:0;font-size:14.5px;line-height:1.55;color:#24421f}
.pb-promo__b{display:flex;flex-direction:column;gap:8px;flex:none}
.pp-art .pb-promo__b a{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:46px;padding:0 18px;border-radius:14px;font-weight:800;font-size:13.5px;text-decoration:none;background-image:none;transition:transform .5s var(--pp-ease),box-shadow .5s var(--pp-ease)}
.pp-art .pb-promo__b .b1{background:#151517;color:#fff;box-shadow:0 14px 26px -16px rgba(0,0,0,.6)}
.pp-art .pb-promo__b .b1 svg{width:15px;height:15px;color:var(--pp-lime)}
.pp-art .pb-promo__b .b2{border:1px solid rgba(29,59,27,.35);color:#141414}
.pp-art .pb-promo__b a:hover{transform:translateY(-2px)}
/* calculadora rápida */
.pb-calc{padding:26px;border-radius:24px;background:#151517;color:#f5f5f5;position:relative;overflow:hidden;isolation:isolate}
.pb-calc::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(500px circle at 100% 0%,rgba(137,248,131,.14),transparent 60%)}
.pb-calc__hd{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}
.pb-calc__k{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8c8c91}
.pp-art .pb-calc__hd b{font-size:clamp(19px,1.8vw,23px);font-weight:800;letter-spacing:-.02em;color:#fff}
.pb-calc__in{display:flex;flex-direction:column;gap:10px;font-size:12.5px;font-weight:700;color:#adadb2}
.pb-calc__row{display:flex;align-items:center;gap:14px}
.pb-calc input[type=range]{flex:1;-webkit-appearance:none;appearance:none;height:6px;border-radius:6px;background:linear-gradient(90deg,var(--pp-lime) var(--v,10%),#333336 var(--v,10%));outline:none}
.pb-calc input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:4px solid var(--pp-lime);box-shadow:0 4px 12px rgba(0,0,0,.5);cursor:grab}
.pb-calc input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:4px solid var(--pp-lime);cursor:grab}
.pb-calc input[type=number]{width:110px;height:44px;padding:0 12px;border-radius:12px;border:1px solid #383838;background:#242424;color:#fff;font:inherit;font-size:16px;font-weight:800;text-align:right;font-variant-numeric:tabular-nums}
.pb-calc input[type=number]:focus{outline:2px solid var(--pp-lime);outline-offset:1px}
.pb-calc__seg{display:inline-flex;gap:4px;padding:4px;margin-top:14px;border-radius:12px;background:#242424;border:1px solid #383838}
.pb-calc__seg button{height:32px;padding:0 12px;border:0;border-radius:9px;background:none;color:#8a8a90;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.pb-calc__seg button[aria-pressed="true"]{background:#333;color:#fff;box-shadow:inset 0 0 0 1px var(--pp-lime)}
.pb-calc__out{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:10px;margin-top:20px}
.pb-calc__out>div{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:16px;background:#212121;border:1px solid #333336}
.pb-calc__out small{font-size:11.5px;font-weight:700;color:#8c8c91}
.pp-art .pb-calc__out b{font-size:22px;font-weight:800;letter-spacing:-.02em;color:#fff;font-variant-numeric:tabular-nums}
.pb-calc__out .is-g{background:linear-gradient(160deg,#1d3b1b,#16301a);border-color:#2f5a2c}
.pp-art .pb-calc__out .is-g b{color:var(--pp-lime);font-size:26px}
.pb-calc__out .is-g span{font-size:12px;font-weight:700;color:#a6fba1}
.pb-calc__ft{margin:16px 0 0;font-size:12.5px;line-height:1.5;color:#8c8c91}
.pp-art .pb-calc__ft a{color:#fff;background-image:linear-gradient(transparent 62%,rgba(137,248,131,.45) 62%,rgba(137,248,131,.45) 92%,transparent 92%)}
/* linha do tempo */
.pp-art ol.pb-tl{list-style:none;padding:0 0 0 22px;margin:30px 0;position:relative;display:flex;flex-direction:column;gap:18px;counter-reset:none}
.pp-art ol.pb-tl::before{content:"";position:absolute;left:5px;top:8px;bottom:8px;width:2px;background:linear-gradient(var(--pp-lime),#e2e2e0)}
.pp-art ol.pb-tl li{counter-increment:none;position:relative;padding:0;background:none;border:0;font-size:inherit}
.pp-art ol.pb-tl li::before{content:"";position:absolute;left:-22px;top:6px;width:12px;height:12px;border-radius:50%;background:#fff;border:3px solid var(--pp-limeInk);display:block;min-width:0;padding:0}
.pb-tl__d{display:block;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--pp-limeInk)}
.pb-tl b{display:block;font-size:16px;color:var(--pp-ink);margin:2px 0}
.pb-tl p{margin:0;font-size:15px;line-height:1.6;color:var(--pp-soft)}
/* sobre a Frakto (autor) */
.pp-about{display:grid;grid-template-columns:56px 1fr;gap:18px;margin-top:34px;padding:24px;border-radius:22px;background:#fff;border:1px solid var(--pp-line)}
.pp-about .pp-av{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:#151517}
.pp-about .pp-av svg{width:24px;height:27px;color:var(--pp-lime)}
.pp-about b{display:block;font-size:15px;font-weight:800;margin-bottom:4px}
.pp-about p{margin:0 0 12px;font-size:14.5px;line-height:1.6;color:var(--pp-soft)}
.pp-about nav{display:flex;flex-wrap:wrap;gap:8px}
.pp-about nav a{display:inline-flex;align-items:center;height:34px;padding:0 12px;border-radius:11px;border:1px solid #dcdcda;font-size:12.5px;font-weight:800;color:var(--pp-ink);text-decoration:none;transition:background .3s,border-color .3s}
.pp-about nav a:hover{background:var(--pp-lime);border-color:#6fdc69}
.pp-src .net{display:inline-block;margin-left:6px;font-size:10.5px;font-weight:800;color:#9a6a12;background:#fdf3df;padding:1px 6px;border-radius:6px}
@media (max-width:760px){
  .pb-def{grid-template-columns:1fr;gap:8px}
  .pb-fx__op{display:none}.pb-fx__t{min-width:calc(50% - 5px)}
  .pp-art ol.pb-steps{grid-template-columns:1fr}
  .pp-art ol.pb-steps::before{left:33px;right:auto;top:24px;bottom:24px;width:2px;height:auto;background:repeating-linear-gradient(#cfcfd4 0 6px,transparent 6px 12px)}
  .pb-promo{flex-direction:column;align-items:stretch;padding:22px}
  .pb-calc{padding:20px;margin-inline:-6px}
  .pb-calc__out{grid-template-columns:1fr 1fr}.pb-calc__out .is-g{grid-column:1/-1}
  .pp-about{grid-template-columns:1fr}
}

/* ================= página do blog v2 ================= */
.bx .pp-crumb{margin-bottom:26px}
.bx-hd{max-width:920px}
.bx-h{font-size:clamp(32px,4.2vw,56px)}
.bx-top{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:20px;margin-top:56px}
.bx-feat{grid-template-columns:1fr;margin-top:0}
.bx-feat__cv{min-height:0;aspect-ratio:16/9}
.bx-feat__cv .bc-chip{left:16px;top:16px}.bx-feat__cv .bc-new{right:16px;top:16px}
.bx-feat__tx{gap:12px}
.bx-side{display:flex;flex-direction:column;gap:20px}
.bx-mini{flex:1;display:flex;flex-direction:column;border-radius:24px;background:#fff;border:1px solid #e6e6e4;overflow:hidden;text-decoration:none;color:#151517;transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .6s cubic-bezier(.16,1,.3,1)}
.bx-mini:hover{transform:translateY(-3px);box-shadow:0 26px 44px -32px rgba(0,0,0,.4)}
.bx-mini__cv{position:relative;display:block;aspect-ratio:2.2/1;background:#1d1d1d;overflow:hidden}
.bx-mini__cv .cv,.bx-mini__cv svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.bx-mini__cv .draw{stroke-dashoffset:0}.bx-mini .float{transition:transform 1.1s cubic-bezier(.16,1,.3,1)}.bx-mini:hover .float{transform:translateY(-5px)}.bx-mini:hover .glow{opacity:1}.bx-mini .glow{opacity:0;transition:opacity .6s}
.bx-mini__tx{display:flex;flex-direction:column;gap:8px;padding:18px 20px 20px}
.bx-mini__tx b{font-size:17px;line-height:1.3;letter-spacing:-.015em}
.bx-cat{font-weight:800;color:#1f8a1a}
.bx-mini__go{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:800;margin-top:auto}
.bx-mini__go svg{width:14px;height:14px;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.bx-mini:hover .bx-mini__go svg{transform:translateX(3px)}
.bx-feat__cv .bc-new{position:absolute;z-index:2;display:inline-flex;align-items:center;height:26px;padding:0 11px;border-radius:13px;background:#89f883;color:#1d3b1b;font-size:10.5px;font-weight:800}
.bx-feat__cv .bc-chip{position:absolute;z-index:2}
.bx-start{margin-top:64px}
.bx-start .bl-lb{margin:0 0 16px}
.bx-start ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.bx-start a{display:flex;align-items:center;gap:14px;padding:18px;border-radius:20px;background:#fff;border:1px solid #e6e6e4;text-decoration:none;color:#151517;transition:transform .5s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .5s}
.bx-start a:hover{transform:translateY(-2px);box-shadow:0 20px 34px -28px rgba(0,0,0,.35)}
.bx-start a:hover .bc-ar{background:#89f883;border-color:#6fdc69}
.bx-start__n{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#151517;color:#89f883;font-size:14px;font-weight:800}
.bx-start__t{flex:1;display:flex;flex-direction:column;gap:3px}
.bx-start__t b{font-size:14.5px;line-height:1.3;letter-spacing:-.01em}
.bx-start__t small{font-size:12px;font-weight:600;color:#7d7d84}
.bx-start .bc-ar{flex:none;width:34px;height:34px;border-radius:11px;border:1px solid #dcdcda;display:grid;place-items:center;transition:background .3s,border-color .3s}
.bx-start .bc-ar svg{width:14px;height:14px}
.bx-calc{margin-top:56px;font-size:16px}
.bx-calc .pb{margin:0}
.bx-bar{position:sticky;top:12px;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:64px 0 20px;padding:10px 10px 10px 18px;border-radius:20px;background:rgba(245,245,245,.86);border:1px solid #e6e6e4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:top .6s cubic-bezier(.16,1,.3,1),box-shadow .4s}
body:not(:has(.hdr.is-hidden)) .bx-bar{top:88px}
.bx-bar__l{display:flex;align-items:baseline;gap:12px}
.bx-bar__t{font-size:15px;font-weight:800}
.bx-count{font-size:12.5px;font-weight:700;color:#7d7d84}.bx-count b{color:#151517}
.bx-bar__r{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.bx-search{display:flex;align-items:center;gap:8px;height:48px;padding:0 14px;border-radius:14px;background:#fff;border:1px solid #e6e6e4;color:#7d7d84;transition:border-color .3s,box-shadow .3s}
.bx-search:focus-within{border-color:#151517;box-shadow:0 0 0 3px rgba(137,248,131,.45)}
.bx-search svg{width:16px;height:16px;flex:none}
.bx-search input{width:190px;border:0;background:none;font:inherit;font-size:13.5px;font-weight:600;color:#151517;outline:none}
.bx-empty{margin:24px 0 0;padding:28px;border-radius:20px;background:#fff;border:1px dashed #cfcfcd;text-align:center;font-size:14.5px;color:#5d5d64}
.bx-empty a{color:#151517;font-weight:800}
@media (max-width:980px){.bx-top{grid-template-columns:1fr}.bx-side{flex-direction:row}.bx-start ol{grid-template-columns:1fr}}
@media (max-width:760px){
  .bx-side{flex-direction:column}
  .bx-bar{flex-direction:column;align-items:stretch;padding:12px}
  .bx-bar__r{flex-direction:column;align-items:stretch}
  .bx-search input{width:100%}
  body:not(:has(.hdr.is-hidden)) .bx-bar{top:74px}
  .bx-calc{margin-inline:-6px}
}
.bx>.bx-bar{position:sticky;z-index:6}
@media (max-width:760px){.bx>.bx-bar{position:relative;top:auto!important}.bx-search{width:100%;min-width:0}.bx-search input{min-width:0}.bx-bar__r{min-width:0}.bx-chips{max-width:100%}}
/* alinhamento (13/out, 23h): título, texto e sumário com a mesma borda; capa sai um pouco pros dois lados, simétrica */
.pp-top{max-width:720px}
.pp-cv{max-width:880px}
.pp-h1{font-size:clamp(32px,3.8vw,52px)}
@media (max-width:1180px) and (min-width:981px){.pp-top{margin-left:268px;margin-right:0}.pp-cv{margin-left:268px;margin-right:0;max-width:none}}
@media (max-width:1180px){.pp-toc{min-width:0;overflow:hidden}.pp-toc .pp-share>span{display:none}}
/* glossário */
.pb-az{display:flex;flex-wrap:wrap;gap:6px;position:sticky;top:12px;z-index:4;padding:8px;border-radius:16px;background:rgba(245,245,245,.9);border:1px solid var(--pp-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.pp-art .pb-az a{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#fff;border:1px solid var(--pp-line);font-size:13px;font-weight:800;color:var(--pp-ink);background-image:none;transition:background .3s,border-color .3s}
.pp-art .pb-az a:hover{background:var(--pp-lime);border-color:#6fdc69}
.pb-gl{margin:20px 0}
.pb-gl__l{margin:28px 0 10px;font-size:13px;font-weight:800;color:var(--pp-limeInk);letter-spacing:.06em;scroll-margin-top:170px}
.pb-gl__i{padding:16px 18px;border-radius:16px;background:#fff;border:1px solid var(--pp-line);margin-bottom:8px;scroll-margin-top:170px}
.pb-gl__i:target{border-color:var(--pp-limeInk);box-shadow:0 0 0 3px rgba(137,248,131,.4)}
.pb-gl dt dfn{font-style:normal;font-size:16px;font-weight:800;color:var(--pp-ink)}
.pb-gl dd{margin:4px 0 0;font-size:15px;line-height:1.6;color:var(--pp-soft)}
body:not(:has(.hdr.is-hidden)) .pb-az{top:88px}
.bx-hd{max-width:1060px}
.bx-lead{max-width:none}
@media (max-width:760px){.bx-lead{max-width:none}}
/* paginação */
.bx-pg{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:32px;padding:12px 12px 12px 18px;border-radius:20px;background:#fff;border:1px solid #e6e6e4}
.bx-pg[hidden]{display:none}
.bx-pg__info{margin:0;font-size:13px;font-weight:600;color:#7d7d84;font-variant-numeric:tabular-nums}
.bx-pg__info b{color:#151517}
.bx-pg__nav{display:flex;align-items:center;gap:8px}
.bx-pg__nums{display:flex;gap:4px}
.bx-pg__nums a,.bx-pg__nums .gap{display:grid;place-items:center;min-width:40px;height:40px;padding:0 6px;border-radius:12px;font-size:13.5px;font-weight:800;color:#151517;text-decoration:none;font-variant-numeric:tabular-nums;transition:background .25s,color .25s}
.bx-pg__nums .gap{color:#9a9aa0}
.bx-pg__nums a:hover{background:#f0f0f2}
.bx-pg__nums a[aria-current]{background:#151517;color:#89f883}
.bx-pg__ar{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:12px;border:1px solid #dcdcda;font-size:13px;font-weight:800;color:#151517;text-decoration:none;transition:background .25s,border-color .25s,opacity .25s}
.bx-pg__ar svg{width:15px;height:15px}
.bx-pg__ar:hover{background:#89f883;border-color:#6fdc69}
.bx-pg__ar.off{opacity:.35;pointer-events:none}
.bx-pg__m{display:none;font-size:13px;font-weight:800;font-variant-numeric:tabular-nums;min-width:56px;text-align:center}
.bx-pg__per{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;color:#7d7d84}
.bx-pg__per select{height:40px;padding:0 30px 0 12px;border-radius:12px;border:1px solid #dcdcda;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23151517' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 10px center/14px no-repeat;-webkit-appearance:none;appearance:none;font:inherit;font-size:13px;font-weight:800;color:#151517;cursor:pointer}
.bx-pg__per select:focus-visible,.bx-pg a:focus-visible{outline:2px solid #151517;outline-offset:2px}
@media (max-width:760px){
  .bx-pg{flex-direction:column;align-items:stretch;padding:14px}
  .bx-pg__nav{justify-content:space-between}
  .bx-pg__nums{display:none}.bx-pg__m{display:block}
  .bx-pg__ar span{display:none}.bx-pg__ar{width:44px;justify-content:center;padding:0}
  .bx-pg__info,.bx-pg__per{justify-content:center;text-align:center}
}
/* destaques do topo (v6): mesmos cards da lista, alturas casadas */
.bx-top{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);grid-template-rows:1fr 1fr;gap:20px;margin-top:56px}
.bx-top .bc{height:100%;min-height:0}
.bx-top .bc--feat{grid-row:1/span 2}
.bx-top .bc-cv{flex:1;min-height:0;display:flex}
.bx-top .bc-cv .cv{flex:1;aspect-ratio:auto;min-height:160px}
.bx-top .bc--feat .bc-cv .cv{min-height:340px}
.bx-top .bc-tx{flex:none}
.bx-top .bc--feat .bc-h{font-size:clamp(24px,2.3vw,32px);line-height:1.15;letter-spacing:-.03em}
.bx-top .bc--feat .bc-d{font-size:15px;-webkit-line-clamp:2}
.bx-top .bc--side .bc-d{-webkit-line-clamp:2}
.bx-top .bc--side .bc-tx{padding-top:16px;gap:8px}
.bx-top .bc--side .bc-ft{margin-top:16px;padding-top:12px}
.bx-top .bc .bc-new{position:absolute;right:12px;top:12px;z-index:2}

@media (max-width:980px){.bx-top{grid-template-columns:1fr 1fr;grid-template-rows:auto}.bx-top .bc--feat{grid-column:1/-1;grid-row:auto}}
@media (max-width:760px){.bx-top{grid-template-columns:1fr}.bx-top .bc--feat .bc-cv .cv{min-height:0;aspect-ratio:16/10}.bx-top .bc--side .bc-cv .cv{aspect-ratio:16/10}}
.bx-top .bc--side .bc-h{min-height:2.5em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bx-top .bc--side .bc-d{min-height:3.2em}
.bx-top .bc--feat .bc-cv .cv{min-height:420px}
.bx-top .bc--side .bc-cv .cv{min-height:210px}
.bx-top .bc--side .bc-h{min-height:0}
.bx-top .bc--side .bc-d{min-height:0}
.bx-top .bc--side .bc-tx{min-height:150px}
/* barra de filtros v11 (14/out) · modelo A "Trilho": uma linha, tipos de empresa num trilho com pílula branca que desliza, lupa que abre, ordenar com menu próprio */
.bx>.bx-f{position:relative;z-index:8;margin:64px 0 0}
.bx-f input[type=search]::-webkit-search-cancel-button,.bx-f input[type=search]::-webkit-search-decoration{-webkit-appearance:none;display:none}
.fa{display:flex;align-items:center;gap:10px}
.fa-tr{position:relative;display:flex;align-items:center;gap:2px;flex:0 1 auto;min-width:0;margin-right:auto;padding:4px;border-radius:15px;background:#e9e9e7;overflow-x:auto;scrollbar-width:none}
.fa-tr::-webkit-scrollbar{display:none}
.fa-tr.cut{-webkit-mask:linear-gradient(90deg,#000 calc(100% - 48px),transparent);mask:linear-gradient(90deg,#000 calc(100% - 48px),transparent)}
.fa-tr button{position:relative;z-index:1;display:inline-flex;align-items:center;gap:7px;flex:none;height:40px;padding:0 15px;border:0;border-radius:11px;background:none;font:inherit;font-size:13.5px;font-weight:700;color:#6b6b72;white-space:nowrap;cursor:pointer;transition:color .3s}
.fa-tr button:hover,.fa-tr button[aria-pressed="true"]{color:#151517}
.fa-tr button .n{font-size:11px;font-weight:700;color:#a3a3a9;font-variant-numeric:tabular-nums;transition:color .3s}
.fa-tr button[aria-pressed="true"] .n{color:#151517}
.fa-tr button:focus-visible{outline:none;box-shadow:inset 0 0 0 2px #89f883}
.fa-ind{position:absolute;top:4px;left:0;height:40px;border-radius:11px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.06),0 6px 16px -6px rgba(0,0,0,.16);transition:transform .55s cubic-bezier(.16,1,.3,1),width .55s cubic-bezier(.16,1,.3,1)}
.fa-sep{flex:none;width:1px;height:18px;margin:0 6px;background:#d6d6d4}
.fa-s{position:relative;display:flex;align-items:center;flex:none;width:48px;height:48px;border-radius:14px;background:#fff;border:1px solid #e6e6e4;overflow:hidden;cursor:text;transition:width .65s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .3s}
.fa-s:hover{border-color:#d4d4d2}
.fa-s.open,.fa-s:focus-within{width:280px}
.fa-s:focus-within{border-color:#151517;box-shadow:0 0 0 3px rgba(137,248,131,.45)}
.fa-s>button[data-sx]{flex:none;display:grid;place-items:center;width:46px;height:46px;border:0;background:none;color:#151517;cursor:pointer}
.fa-s svg{width:17px;height:17px}
.fa-s input{flex:1;min-width:0;height:100%;padding:0 8px 0 0;border:0;background:none;outline:none;font:inherit;font-size:13.5px;font-weight:600;color:#151517;opacity:0;transition:opacity .3s}
.fa-s.open input,.fa-s:focus-within input{opacity:1}
.fa-s input::placeholder{color:#a3a3a9}
.fa-x{display:grid;place-items:center;flex:none;width:30px;height:30px;margin-right:8px;border:0;border-radius:9px;background:#f0f0f2;color:#151517;cursor:pointer;transition:background .2s}
.fa-x:hover{background:#89f883}
.fa-x[hidden]{display:none}
.fa-x svg{width:12px;height:12px}
/* ordenar: menu próprio */
.so{position:relative;flex:none}
.so-b{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 14px 0 16px;border:1px solid #e6e6e4;border-radius:14px;background:#fff;font:inherit;font-size:13.5px;color:#151517;cursor:pointer;transition:border-color .3s,box-shadow .3s}
.so-b:hover{border-color:#d4d4d2}
.so-b .l{font-size:12.5px;font-weight:600;color:#7d7d84}
.so-b b{font-weight:800}
.so-b svg{width:15px;height:15px;transition:transform .45s cubic-bezier(.16,1,.3,1)}
.so.on .so-b svg{transform:rotate(180deg)}
.so-b:focus-visible,.so-m li:focus-visible,.fa-x:focus-visible,.fa-s>button:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(137,248,131,.55)}
.so-m{position:absolute;right:0;top:calc(100% + 8px);z-index:30;min-width:236px;margin:0;padding:6px;list-style:none;border-radius:16px;background:#fff;border:1px solid #e6e6e4;box-shadow:0 24px 48px -16px rgba(0,0,0,.22),0 2px 6px rgba(0,0,0,.04);opacity:0;visibility:hidden;transform:translateY(-6px) scale(.97);transform-origin:top right;transition:opacity .25s,transform .45s cubic-bezier(.16,1,.3,1),visibility 0s .45s}
.so.on .so-m{opacity:1;visibility:visible;transform:none;transition:opacity .2s,transform .45s cubic-bezier(.16,1,.3,1)}
.so-m li{display:flex;align-items:center;gap:11px;height:44px;padding:0 10px;border-radius:11px;font-size:13.5px;font-weight:700;color:#3c3c42;cursor:pointer;transition:background .2s}
.so-m li:hover{background:#f3f3f2}
.so-m .ic{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#f2f2f1;color:#151517}
.so-m .ic svg{width:14px;height:14px}
.so-m .t{flex:1;line-height:1.2}
.so-m small{display:block;margin-top:1px;font-size:11px;font-weight:600;color:#a3a3a9}
.so-m .ok{display:grid;place-items:center;width:18px;height:18px;border-radius:99px;background:#89f883;color:#1d3b1b;opacity:0;transform:scale(.6);transition:opacity .3s,transform .4s cubic-bezier(.16,1,.3,1)}
.so-m .ok svg{width:11px;height:11px}
.so-m li[aria-selected="true"]{color:#151517}
.so-m li[aria-selected="true"] .ok{opacity:1;transform:none}
/* frase do que está na tela */
.bx-st{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-height:22px;margin:18px 2px 16px;font-size:13px;font-weight:600;color:#7d7d84}
.bx-st b{color:#151517}
.bx-st button{border:0;background:none;padding:0;font:inherit;font-size:13px;font-weight:800;color:#151517;cursor:pointer;text-decoration:underline;text-decoration-color:#89f883;text-decoration-thickness:2px;text-underline-offset:4px}
@media (max-width:760px){
  .bx>.bx-f{margin-top:48px}
  .fa{flex-wrap:wrap}
  .fa-tr{order:3;flex:1 1 100%;margin:0}
  .fa-s,.fa-s.open,.fa-s:focus-within{flex:1;width:auto}
  .fa-s input{opacity:1}
  .so-b .l{display:none}
  .bx-st{margin-top:14px}
}

/* v118 · auditoria: no celular os destaques do topo voltam a caber na tela (a altura mínima da capa grande anulava a regra do celular) */
@media (max-width:760px){.bx-top .bc--feat .bc-cv .cv{min-height:0}}
/* v118 · contraste mínimo 4,5:1 nos filtros e nos textos cinza do blog */
.fa-tr button{color:#5f5f66}
.fa-tr button .n{color:#66666d}
.pp,.bx{--pp-mute:#6a6a71}
.bx-st,.bx-pg__info{color:#6a6a71}
.bx-pg__per>span{color:#6a6a71}

/* v124 · cargo de quem assina, ao lado do nome */
.pp-au .pp-role{font-style:normal;font-weight:500;color:var(--pp-mute,#6a6a71)}

/* v125 · página 404 */
.nf{min-height:62vh}
.nf .nf-cta{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 0}
.nf .nf-b{display:inline-flex;align-items:center;height:48px;padding:0 20px;border-radius:14px;border:1px solid #e3e3e1;background:#fff;color:#151517;font-weight:700;font-size:13.5px;text-decoration:none}
.nf .nf-h{margin:48px 0 12px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#6a6a71}
.nf .nf-l{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.nf .nf-l a{color:#151517;font-weight:700;text-decoration:underline;text-underline-offset:3px}