@font-face{font-family:"Poppins";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/Poppins-Regular.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Poppins";font-style:normal;font-weight:500;font-display:swap;src:url("/assets/fonts/Poppins-Medium.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Poppins";font-style:normal;font-weight:600;font-display:swap;src:url("/assets/fonts/Poppins-SemiBold.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Poppins";font-style:normal;font-weight:700;font-display:swap;src:url("/assets/fonts/Poppins-Bold.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Poppins";font-style:normal;font-weight:800;font-display:swap;src:url("/assets/fonts/Poppins-ExtraBold.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/JetBrainsMono-Regular.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:500;font-display:swap;src:url("/assets/fonts/JetBrainsMono-Medium.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
body{margin:0}img{max-width:100%}[hidden]{display:none!important}
/* Layout: site institucional do NEXO; hero com o app roteando o pedido ao especialista certo, depois especialistas, ciclo, método, limites, demandas e contato. Rotas por hash: home, uma página por especialista, demandas e sitemap. Tokens do NEXO Design Kit, escuro por padrão. */
:root{
  color-scheme:dark;
  --floor:#0A120E; --floor-2:#0D1712; --card:#111C16; --raised:#15221B; --hover:#16241C; --selected:#132E1F;
  --text:#EAF3EE; --soft:#9DB1A5; --faint:#6F8579;
  --line:#22332A; --line-strong:#2E4538; --line-control:#587063;
  --green:#3DDC78; --green-hover:#5BE48E; --on-green:#06180E; --text-accent:#3DDC78; --soft-green:#BFE8CC;
  --tint:rgba(61,220,120,.12); --tint-line:rgba(61,220,120,.32);
  --amber:#E8B45A; --amber-tint:rgba(232,180,90,.12); --amber-line:rgba(232,180,90,.34);
  --danger:#F2857A;
  --bubble:#1A2721;
  --mark:#3DDC78;
  --deep:#0B2317; --deep-text:#F2F8F3; --deep-soft:#CFE3D6; --deep-line:rgba(255,255,255,.12);
  --glow:rgba(61,220,120,.16); --glow-strong:rgba(61,220,120,.22);
  --shadow:0 24px 64px rgba(0,0,0,.45),0 0 0 1px rgba(0,0,0,.4);
  --sans:"Poppins","Helvetica Neue",Helvetica,Arial,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,"SF Mono",Consolas,monospace;
  --r-sm:10px; --r-md:14px; --r-lg:18px; --r-xl:26px;
  --ease:cubic-bezier(.2,0,0,1);
}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]){
  color-scheme:light;
  --floor:#F6F6F2; --floor-2:#EEEEE8; --card:#FCFCF9; --raised:#FFFFFF; --hover:#E9ECE6; --selected:#E7EFE8;
  --text:#101613; --soft:#5C6A61; --faint:#7B887F;
  --line:#E0E2DC; --line-strong:#C3CAC0; --line-control:#889289;
  --green:#3DDC78; --green-hover:#5BE48E; --on-green:#06180E; --text-accent:#1C5C38; --soft-green:#1C5C38;
  --tint:#DDF1E3; --tint-line:#A9D9B8;
  --amber:#8A5F17; --amber-tint:#F8ECD4; --amber-line:#E8CD96;
  --danger:#B0271C;
  --bubble:#E7EFE8;
  --mark:#02BE73;
  --glow:rgba(2,190,115,.10); --glow-strong:rgba(2,190,115,.16);
  --shadow:0 24px 64px rgba(16,22,19,.16),0 0 0 1px rgba(16,22,19,.08);
}}
:root[data-theme="light"]{
  color-scheme:light;
  --floor:#F6F6F2; --floor-2:#EEEEE8; --card:#FCFCF9; --raised:#FFFFFF; --hover:#E9ECE6; --selected:#E7EFE8;
  --text:#101613; --soft:#5C6A61; --faint:#7B887F;
  --line:#E0E2DC; --line-strong:#C3CAC0; --line-control:#889289;
  --green:#3DDC78; --green-hover:#5BE48E; --on-green:#06180E; --text-accent:#1C5C38; --soft-green:#1C5C38;
  --tint:#DDF1E3; --tint-line:#A9D9B8;
  --amber:#8A5F17; --amber-tint:#F8ECD4; --amber-line:#E8CD96;
  --danger:#B0271C;
  --bubble:#E7EFE8;
  --mark:#02BE73;
  --glow:rgba(2,190,115,.10); --glow-strong:rgba(2,190,115,.16);
  --shadow:0 24px 64px rgba(16,22,19,.16),0 0 0 1px rgba(16,22,19,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{overflow-x:clip;background:var(--floor);color:var(--text);font:400 16px/1.6 var(--sans);-webkit-font-smoothing:antialiased;padding-inline:0}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--green);outline-offset:3px;border-radius:6px}
.wrap{max-width:1400px;margin:0 auto;padding-inline:clamp(16px,4vw,48px)}
.mk{display:inline-block;--mk:var(--mark);flex:none}
.mk svg{width:100%;height:100%;display:block;overflow:visible}
.eyebrow{font:700 12px/18px var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--text-accent);margin:0}
.label{font:600 11px/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--soft)}
.mono{font-family:var(--mono)}
h1,h2,h3{text-wrap:balance}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:50px;padding:0 24px;border-radius:999px;border:1px solid transparent;font:600 15px/1 var(--sans);text-decoration:none;cursor:pointer;white-space:nowrap;transition:background-color .12s var(--ease),border-color .12s var(--ease),transform .12s var(--ease)}
.btn:active{transform:scale(.98)}
.btn-solid{background:var(--green);color:var(--on-green)}
.btn-solid:hover{background:var(--green-hover)}
.btn-ghost{border-color:var(--line-control);color:var(--text);background:transparent}
.btn-ghost:hover{border-color:var(--text-accent)}
.btn-sm{height:38px;padding:0 16px;font-size:13.5px}
.arrow{transition:transform .15s var(--ease)}
a:hover .arrow{transform:translateX(3px)}

/* nav */
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:color-mix(in srgb,var(--floor) 88%,transparent);border-bottom:1px solid var(--line);backdrop-filter:saturate(140%) blur(10px);-webkit-backdrop-filter:saturate(140%) blur(10px)}
.nav .wrap{display:flex;align-items:center;gap:24px;height:68px}
.lockup{display:inline-flex;align-items:center;gap:10px;text-decoration:none}
.lockup .mk{width:30px;height:30px}
.wordmark{font:800 20px/1 var(--sans);letter-spacing:.06em}
.navlinks{display:flex;gap:4px;margin-left:12px}
.navlinks a{font-size:14px;color:var(--soft);text-decoration:none;padding:8px 12px;border-radius:999px}
.navlinks a:hover,.navlinks a[aria-current="page"]{color:var(--text);background:var(--hover)}
.nav .spacer{flex:1}
.themebtn{width:38px;height:38px;border-radius:999px;border:1px solid var(--line);background:transparent;display:grid;place-items:center;cursor:pointer;color:var(--soft)}
.themebtn:hover{color:var(--text);border-color:var(--line-control)}
.menubtn{display:none}
@media (max-width:900px){.navlinks{display:none}.menubtn{display:grid}.nav .cta-nav{display:none}}
.drawer{border-top:1px solid var(--line);background:var(--floor)}
.drawer .wrap{display:grid;gap:4px;padding-block:12px 18px}
.drawer a{padding:12px 4px;text-decoration:none;font-size:16px;border-bottom:1px solid var(--line)}

/* hero */
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.hero::before{content:"";position:absolute;inset:-20% -10% auto auto;width:760px;height:760px;background:radial-gradient(closest-side,var(--glow),transparent 70%);pointer-events:none}
.hero .wrap{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(28px,5vw,88px);align-items:center;padding-block:clamp(40px,7vw,88px) clamp(48px,7vw,96px)}
@media (max-width:980px){.hero .wrap{grid-template-columns:minmax(0,1fr)}}
.hero h1{font:500 clamp(40px,5vw,80px)/1.0 var(--sans);letter-spacing:-.04em;margin:18px 0 22px}
.hero h1 em{font-style:normal;color:var(--text-accent)}
.lede{font-size:clamp(17px,1.4vw,20px);line-height:1.65;color:var(--soft);max-width:56ch;margin:0 0 30px}
.ctas{display:flex;flex-wrap:wrap;gap:12px}
.trust{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:30px;font-size:13.5px;color:var(--soft)}
.trust span{display:inline-flex;align-items:center;gap:8px}
.trust svg{width:16px;height:16px;color:var(--text-accent)}

/* app window */
.appwin{border-radius:var(--r-lg);background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden;min-width:0}
.titlebar{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--floor-2);font-size:13px;color:var(--soft)}
.titlebar .mk{width:18px;height:18px}
.titlebar b{color:var(--text);font-weight:500;letter-spacing:.04em}
.titlebar .dots{margin-left:auto;display:flex;gap:6px}.titlebar .dots i{width:9px;height:9px;border-radius:50%;background:var(--line-strong)}
.roster{display:flex;gap:6px;padding:12px 14px;border-bottom:1px solid var(--line);overflow-x:auto}
.who{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:999px;border:1px solid transparent;font-size:12.5px;color:var(--soft);white-space:nowrap;transition:all .25s var(--ease);opacity:.55;background:transparent;cursor:pointer}
.who .mk{width:26px;height:26px}
.who b{font-weight:600;letter-spacing:.06em;color:var(--text)}
.who:hover{opacity:.85}
.who.on{opacity:1;background:var(--selected);border-color:var(--tint-line)}
.convo{padding:16px;display:grid;gap:12px;min-height:400px;align-content:start}
.msg{max-width:88%;font-size:14.5px;line-height:1.55;animation:none}
.msg.person{justify-self:end;background:var(--green);color:var(--on-green);padding:11px 15px;border-radius:18px 18px 6px 18px}
.agent{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;max-width:94%}
.agent .mk{width:30px;height:30px;margin-top:2px}
.agent .bub{background:var(--bubble);padding:11px 15px;border-radius:18px 18px 18px 6px;font-size:14.5px;line-height:1.55}
.agent .meta{font-size:11.5px;color:var(--faint);margin-top:5px}
.verify{margin-top:10px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--floor);padding:10px 12px}
.verify .vh{display:flex;justify-content:space-between;gap:10px;font:600 10.5px/1.4 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--soft);margin-bottom:4px}
.verify .vh span:last-child{font-family:var(--mono);letter-spacing:0;font-weight:400;text-transform:none}
.vstep{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:10px;align-items:start;padding:6px 0;font-size:13px}
.vstep svg{width:16px;height:16px;margin-top:2px;color:var(--text-accent)}
.vstep .sys{font:11px/1.8 var(--mono);color:var(--faint);white-space:nowrap}
.vstep.wait svg{color:var(--faint)}
.vstep.wait span:nth-child(2){color:var(--soft)}
@media (max-width:480px){.vstep{grid-template-columns:18px minmax(0,1fr)}.vstep .sys{grid-column:2;line-height:1.2}}
.decide{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:10px;padding:10px 12px;border-radius:var(--r-md);border:1px solid var(--amber-line);background:var(--amber-tint);font-size:13px}
.decide b{font-weight:600;color:var(--amber)}
.decide .acts{margin-left:auto;display:flex;gap:6px}
.pill{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:999px;font-size:12.5px;font-weight:600;border:1px solid var(--line-control);background:transparent;cursor:pointer}
.pill.ok{background:var(--green);color:var(--on-green);border-color:transparent}
.done{display:inline-flex;align-items:center;gap:8px;margin-top:10px;padding:5px 12px 5px 10px;border-radius:999px;background:var(--tint);border:1px solid var(--tint-line);color:var(--text-accent);font:500 12px/1.2 var(--sans)}
.done svg{width:14px;height:14px}
.typing{display:inline-flex;gap:4px;padding:4px 2px}
.typing i{width:6px;height:6px;border-radius:50%;background:var(--soft);animation:td 1.1s ease infinite}
.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@keyframes td{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
.composer{border-top:1px solid var(--line);padding:12px 14px 14px;display:grid;gap:10px}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{white-space:nowrap;display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 14px 0 11px;border-radius:999px;border:1px solid var(--line-control);background:transparent;font-size:13px;font-weight:500;cursor:pointer;transition:background-color .12s,border-color .12s}
@media (max-width:480px){.chip{font-size:12.5px;padding:0 11px 0 9px;height:32px}.composer{padding-inline:12px}}
.chip:hover{background:var(--hover);border-color:var(--text-accent)}
.chip[aria-pressed="true"]{background:var(--selected);border-color:var(--tint-line);color:var(--text-accent)}
.chip svg{width:14px;height:14px;opacity:.8}
.inputbar{display:flex;align-items:center;gap:10px;height:46px;padding:0 6px 0 16px;border-radius:var(--r-md);border:1px solid var(--line-control);background:var(--floor);color:var(--faint);font-size:14px}
.inputbar #ph{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inputbar .send{flex:none}
.inputbar .send{width:34px;height:34px;border-radius:10px;background:var(--green);display:grid;place-items:center;color:var(--on-green)}
.inputbar .send svg{width:16px;height:16px}
.perm{display:flex;justify-content:center;gap:6px;font-size:11.5px;color:var(--faint)}
.example-tag{font:500 10.5px/1 var(--mono);color:var(--faint);border:1px solid var(--line);border-radius:999px;padding:4px 8px}
.rise{animation:rise .35s var(--ease) both}
@keyframes rise{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.rise{animation:none}.typing i{animation:none}}

/* flying X */
.xslot{display:block;position:relative}
.xslot .mk{width:100%;height:100%}
.xslot-hero{width:clamp(64px,6vw,92px);height:clamp(64px,6vw,92px);margin-bottom:22px}
.xslot::after{content:"";position:absolute;inset:-60%;background:radial-gradient(closest-side,var(--glow),transparent 72%);z-index:-1;pointer-events:none}
.flying .xslot .mk{visibility:hidden}
.flying .xslot::after{display:none}
.flyx{position:absolute;left:0;top:0;z-index:15;pointer-events:none;will-change:transform,width,height;--mk:var(--mark)}
.flyx .mk{width:100%;height:100%}
.flyx::before{content:"";position:absolute;inset:-65%;background:radial-gradient(closest-side,var(--glow-strong),transparent 72%);z-index:-1}

/* compare */
.cmp{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.cmp .wrap{padding-block:clamp(72px,10vw,128px)}
.cmp-title{text-align:center;max-width:22ch;margin:0 auto;font:500 clamp(32px,4.6vw,56px)/1.04 var(--sans);letter-spacing:-.04em}
.cmp-sub{text-align:center;color:var(--soft);max-width:56ch;margin:18px auto 0;font-size:clamp(16px,1.3vw,18px)}
.cmp-head{display:grid;grid-template-columns:minmax(0,1fr) clamp(96px,10vw,148px) minmax(0,1fr);align-items:center;margin-top:clamp(40px,6vw,72px);gap:clamp(12px,2vw,28px)}
.cmp-head .side{display:grid;gap:6px}
.cmp-head .side.l{text-align:right;justify-items:end}
.cmp-head b{font:500 clamp(22px,2.6vw,34px)/1.05 var(--sans);letter-spacing:-.03em}
.cmp-head .side.l b{color:var(--soft)}
.cmp-head .side.r b{color:var(--text-accent)}
.cmp-head small{font:500 12px var(--mono);color:var(--faint)}
.xslot-cmp{width:100%;aspect-ratio:1;max-width:100%}
.cmp-rows{position:relative;margin-top:clamp(24px,3vw,36px);display:grid;gap:12px}
.cmp-rows::before{content:"";position:absolute;left:50%;top:-12px;bottom:0;width:1px;background:linear-gradient(var(--tint-line),transparent);transform:translateX(-.5px)}
.crow{display:grid;grid-template-columns:minmax(0,1fr) clamp(96px,10vw,148px) minmax(0,1fr);gap:clamp(12px,2vw,28px);align-items:stretch}
.crow .topic{display:grid;place-items:center;text-align:center;font:600 10.5px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);position:relative;z-index:1}
.crow .topic span{background:var(--floor);padding:6px 4px}
.cell{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;align-items:start;padding:18px 20px;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--card);font-size:clamp(15px,1.15vw,16.5px);line-height:1.5;transition:border-color .5s var(--ease),background-color .5s var(--ease),color .5s var(--ease),opacity .5s var(--ease)}
.cell .ic{width:28px;height:28px;border-radius:50%;display:grid;place-items:center}
.cell .ic svg{width:14px;height:14px}
.cell.sem .ic{border:1px dashed var(--amber-line);color:var(--amber)}
.cell.com .ic{background:var(--tint);color:var(--text-accent);border:1px solid var(--tint-line)}
.cell .wait{display:inline-block;margin-top:6px;font:500 11px var(--mono);color:var(--amber)}
.cell .who-tag{display:inline-block;margin-top:6px;font:500 11px var(--mono);color:var(--text-accent)}
.landed .cell.sem{color:var(--soft);background:transparent}
.landed .cell.com{border-color:var(--tint-line);background:var(--selected)}
.cmp-foot{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:clamp(32px,4vw,48px)}
@media (max-width:760px){
  .cmp-head{grid-template-columns:minmax(0,1fr) 84px minmax(0,1fr)}
  .cmp-rows::before{display:none}
  .crow{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
  .crow .topic{grid-column:1/-1;order:-1;justify-items:start;text-align:left;padding-top:10px}
  .crow .topic span{padding:0;background:none}
  .cell{grid-template-columns:minmax(0,1fr);padding:14px;gap:8px;font-size:14.5px}
}
@media (max-width:420px){.crow{grid-template-columns:minmax(0,1fr)}.cmp-head b{font-size:20px}}

/* sections */
section.sec{padding-block:clamp(64px,9vw,112px);border-bottom:1px solid var(--line)}
.sec-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px 40px;margin-bottom:clamp(28px,4vw,44px)}
.sec-head h2{font:500 clamp(30px,4.2vw,46px)/1.06 var(--sans);letter-spacing:-.035em;margin:12px 0 0;max-width:20ch}
.sec-head > p{margin:0;color:var(--soft);max-width:46ch;font-size:16.5px}

/* specialists grid */
.specs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.spec{grid-column:span 2;position:relative;display:flex;flex-direction:column;gap:14px;padding:22px;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--card);text-decoration:none;transition:border-color .15s var(--ease),transform .15s var(--ease),background-color .15s}
.spec:nth-child(4),.spec:nth-child(5){grid-column:span 3}
.spec:hover{border-color:var(--text-accent);transform:translateY(-2px);background:var(--raised)}
@media (max-width:980px){.specs{grid-template-columns:repeat(2,minmax(0,1fr))}.spec,.spec:nth-child(4),.spec:nth-child(5){grid-column:span 1}.spec:nth-child(5){grid-column:span 2}}
@media (max-width:620px){.specs{grid-template-columns:minmax(0,1fr)}.spec:nth-child(5){grid-column:span 1}}
.spec-top{display:flex;align-items:center;gap:14px}
.spec-top .mk{width:52px;height:52px}
.spec-top b{display:block;font:600 18px/1.1 var(--sans);letter-spacing:.08em}
.spec-top small{display:block;font-size:13px;color:var(--text-accent);margin-top:4px}
.spec p{margin:0;font-size:15px;line-height:1.55;color:var(--text)}
.asks{display:grid;gap:6px;margin-top:auto}
.asks span{font-size:13px;color:var(--soft);padding:8px 12px;border-radius:var(--r-sm);background:var(--floor);border:1px solid var(--line)}
.asks span::before{content:"“";color:var(--text-accent);margin-right:2px}
.asks span::after{content:"”";color:var(--text-accent);margin-left:1px}
.spec .go{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid var(--line);font-size:13.5px;font-weight:500;color:var(--text-accent)}

/* cycle */
.cycle{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid var(--line);border-radius:var(--r-xl);overflow:hidden;background:var(--card)}
.cstep{position:relative;padding:26px 22px 24px;border-left:1px solid var(--line);display:grid;gap:12px;align-content:start}
.cstep:first-child{border-left:0}
.cstep .mk{width:44px;height:44px}
.cstep .verb{font:500 24px/1.1 var(--sans);letter-spacing:-.02em}
.cstep .who2{font:600 12px/1 var(--sans);letter-spacing:.12em;color:var(--text-accent)}
.cstep p{margin:0;font-size:14.5px;color:var(--soft)}
.cstep .n{position:absolute;top:24px;right:22px;font:500 12px var(--mono);color:var(--faint)}
.cloop{display:flex;align-items:center;gap:10px;justify-content:center;padding:14px;border-top:1px solid var(--line);font-size:13.5px;color:var(--soft);grid-column:1/-1;background:var(--floor-2)}
.cloop svg{width:18px;height:18px;color:var(--text-accent)}
@media (max-width:900px){.cycle{grid-template-columns:repeat(2,minmax(0,1fr))}.cstep:nth-child(3){border-left:0}.cstep:nth-child(n+3){border-top:1px solid var(--line)}}
@media (max-width:520px){.cycle{grid-template-columns:minmax(0,1fr)}.cstep{border-left:0;border-top:1px solid var(--line)}.cstep:first-child{border-top:0}}
.side2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}
@media (max-width:720px){.side2{grid-template-columns:minmax(0,1fr)}}
.sidecard{display:flex;gap:16px;align-items:flex-start;padding:20px 22px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card);text-decoration:none}
.sidecard:hover{border-color:var(--text-accent)}
.sidecard .mk{width:40px;height:40px}
.sidecard b{font:600 13px/1 var(--sans);letter-spacing:.12em;color:var(--text-accent)}
.sidecard p{margin:6px 0 0;font-size:15px}

/* method */
.method{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media (max-width:980px){.method{grid-template-columns:minmax(0,1fr)}}
.mstep{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card);padding:22px;display:grid;gap:16px;align-content:start}
.mstep .k{display:flex;align-items:center;gap:10px;font:500 12px var(--mono);color:var(--faint)}
.mstep .k b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--tint);color:var(--text-accent);font:600 12px var(--sans)}
.mstep h3{font:500 22px/1.15 var(--sans);letter-spacing:-.02em;margin:0}
.mstep p{margin:0;font-size:15px;color:var(--soft)}
.mini{border:1px solid var(--line);border-radius:var(--r-md);background:var(--floor);padding:12px}
.files{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.file{display:inline-flex;align-items:center;gap:6px;font:12px var(--mono);color:var(--soft);border:1px solid var(--line);border-radius:8px;padding:5px 8px;background:var(--card)}
.file svg{width:13px;height:13px;color:var(--text-accent)}

/* limits */
.limits{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,64px);align-items:start}
@media (max-width:900px){.limits{grid-template-columns:minmax(0,1fr)}}
.limits h2{font:500 clamp(30px,4.2vw,46px)/1.06 var(--sans);letter-spacing:-.035em;margin:12px 0 16px}
.limits .intro{color:var(--soft);font-size:16.5px;max-width:44ch;margin:0}
.nolist{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.nolist li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}
.nolist .x{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line-strong);color:var(--soft)}
.nolist .x svg{width:14px;height:14px}
.nolist b{display:block;font-weight:500;font-size:17px}
.nolist span{display:block;font-size:14.5px;color:var(--soft);margin-top:2px}
.nolist small{display:block;font:11.5px var(--mono);color:var(--faint);margin-top:6px}

/* band */
.band{background:var(--deep);color:var(--deep-text);border-bottom:1px solid var(--line)}
.band .wrap{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(28px,5vw,64px);align-items:center;padding-block:clamp(64px,9vw,112px)}
@media (max-width:900px){.band .wrap{grid-template-columns:minmax(0,1fr)}}
.band .eyebrow{color:#3DDC78}
.band blockquote{margin:16px 0 0;font:500 clamp(28px,3.8vw,44px)/1.12 var(--sans);letter-spacing:-.03em}
.band blockquote em{font-style:normal;color:#3DDC78}
.band p{color:var(--deep-soft);margin:18px 0 0;max-width:52ch}
.band a{color:#BFE8CC}
.waits{display:grid;gap:10px}
.waitrow{display:grid;grid-template-columns:100px minmax(0,1fr);gap:14px;align-items:center;font-size:14px;color:var(--deep-soft)}
.waitrow .bar{height:10px;border-radius:999px;background:rgba(255,255,255,.08);position:relative;overflow:hidden}
.waitrow .bar i{position:absolute;inset:0 auto 0 0;border-radius:999px;background:#3DDC78}
.waitrow .bar i.gap{background:repeating-linear-gradient(-45deg,rgba(232,180,90,.75) 0 6px,rgba(232,180,90,.35) 6px 12px)}
.waitlegend{display:flex;flex-wrap:wrap;gap:16px;font-size:12.5px;color:var(--deep-soft);margin-top:6px}
.waitlegend span{display:inline-flex;align-items:center;gap:8px}
.waitlegend i{width:14px;height:8px;border-radius:999px;background:#3DDC78;display:inline-block}
.waitlegend i.gap{background:repeating-linear-gradient(-45deg,rgba(232,180,90,.75) 0 4px,rgba(232,180,90,.35) 4px 8px)}

/* demands */
.dgroups{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px}
.dgroup{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card);padding:18px 18px 10px}
.dgroup header{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.dgroup header .mk{width:26px;height:26px}
.dgroup header b{font:600 12.5px/1 var(--sans);letter-spacing:.12em}
.dgroup header small{color:var(--soft);font-size:12.5px;margin-left:auto}
.dlink{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line);text-decoration:none;font-size:15px}
.dlink:hover{color:var(--text-accent)}
.dlink svg{width:16px;height:16px;flex:none;color:var(--faint)}

/* start + models */
.starts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:14px}
.start{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card);padding:20px;display:grid;gap:12px;align-content:start}
.start .t{display:flex;align-items:center;gap:10px}
.start .t .mk{width:30px;height:30px}
.start .t b{font:600 12.5px/1 var(--sans);letter-spacing:.12em}
.start h3{margin:0;font:500 18px/1.25 var(--sans);letter-spacing:-.01em}
.start p{margin:0;font-size:14px;color:var(--soft)}
.free{justify-self:start;font:600 11px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--text-accent);background:var(--tint);border:1px solid var(--tint-line);border-radius:999px;padding:6px 10px}
.models{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;margin-top:14px}
@media (max-width:900px){.models{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.models{grid-template-columns:minmax(0,1fr)}}
.model{padding:20px;border-left:1px solid var(--line);background:var(--card)}
.model:first-child{border-left:0}
@media (max-width:900px){.model:nth-child(3){border-left:0}.model:nth-child(n+3){border-top:1px solid var(--line)}}
@media (max-width:520px){.model{border-left:0;border-top:1px solid var(--line)}.model:first-child{border-top:0}}
.model b{display:block;font-weight:500;font-size:16.5px;margin-bottom:6px}
.model p{margin:0;font-size:14px;color:var(--soft)}

/* contact */
.contact{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,64px);align-items:start}
@media (max-width:900px){.contact{grid-template-columns:minmax(0,1fr)}}
.contact h2{font:500 clamp(30px,4.2vw,46px)/1.06 var(--sans);letter-spacing:-.035em;margin:12px 0 16px}
.contact .intro{color:var(--soft);margin:0 0 22px;max-width:44ch}
.form{border:1px solid var(--line);border-radius:var(--r-xl);background:var(--card);padding:clamp(18px,3vw,28px);display:grid;gap:16px}
.row2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media (max-width:560px){.row2{grid-template-columns:minmax(0,1fr)}}
.field{display:grid;gap:7px}
.field label{font-size:13.5px;font-weight:500}
.field input,.field select,.field textarea{width:100%;min-width:0;height:46px;padding:0 14px;border-radius:var(--r-sm);border:1px solid var(--line-control);background:var(--floor);color:var(--text);font-size:15px}
.field textarea{height:auto;min-height:104px;padding:12px 14px;resize:vertical;line-height:1.5}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px var(--tint)}
.field .err{font-size:12.5px;color:var(--danger);min-height:0}
.field.bad input,.field.bad textarea{border-color:var(--danger)}
.who-picks{display:flex;flex-wrap:wrap;gap:6px}
.who-pick{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px 0 6px;border-radius:999px;border:1px solid var(--line-control);background:transparent;cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.06em}
.who-pick .mk{width:26px;height:26px}
.who-pick[aria-pressed="true"]{background:var(--selected);border-color:var(--tint-line);color:var(--text-accent)}
.who-pick.any{padding-left:14px;letter-spacing:0;font-weight:500}
.formfoot{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}
.formfoot small{font-size:12.5px;color:var(--faint);flex:1;min-width:200px}
.sent{display:grid;gap:12px;justify-items:start}
.sent .mk{width:56px;height:56px}
.sent h3{margin:0;font:500 24px/1.2 var(--sans);letter-spacing:-.02em}
.sent p{margin:0;color:var(--soft)}
.channels{display:grid;gap:10px;margin-top:8px}
.channel{display:flex;gap:12px;align-items:flex-start;font-size:14.5px}
.channel svg{width:18px;height:18px;margin-top:3px;color:var(--text-accent);flex:none}
.channel span{color:var(--soft)}

/* brand page */
.bhero{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.bhero::before{content:"";position:absolute;right:-180px;top:-200px;width:700px;height:700px;background:radial-gradient(closest-side,var(--glow),transparent 70%);pointer-events:none}
.bhero .wrap{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(28px,5vw,64px);align-items:center;padding-block:clamp(36px,6vw,72px) clamp(48px,7vw,88px)}
@media (max-width:900px){.bhero .wrap{grid-template-columns:minmax(0,1fr)}.bhero .bigmark{order:-1;justify-self:start;width:120px!important;height:120px!important}}
.crumbs{display:flex;flex-wrap:wrap;gap:6px;font-size:13px;color:var(--faint);margin-bottom:22px}
.crumbs a{color:var(--soft);text-decoration:none}
.crumbs a:hover{color:var(--text)}
.crumbs span.sep{opacity:.6}
.bhero h1{font:500 clamp(38px,5.6vw,64px)/1.02 var(--sans);letter-spacing:-.04em;margin:14px 0 20px}
.bigmark{justify-self:center;width:min(300px,70vw);height:min(300px,70vw);position:relative}
.bigmark .mk{width:100%;height:100%}
.motto{display:inline-flex;flex-wrap:wrap;gap:8px;margin:0 0 28px}
.motto span{font:500 13px/1 var(--sans);padding:9px 14px;border-radius:999px;border:1px solid var(--line);background:var(--card)}
.motto span b{color:var(--text-accent);font-weight:600}
.grid-fronts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:12px}
.front{border:1px solid var(--line);border-radius:var(--r-md);background:var(--card);padding:16px 18px;display:grid;gap:6px}
.front b{font-weight:500;font-size:16px}
.front span{font-size:13.5px;color:var(--soft)}
.front .tag{justify-self:start;font:600 10.5px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--amber);background:var(--amber-tint);border:1px solid var(--amber-line);border-radius:999px;padding:5px 8px}
.team{display:flex;flex-wrap:wrap;gap:8px}
.team span{font-size:13.5px;padding:8px 13px;border-radius:999px;background:var(--card);border:1px solid var(--line)}
.flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:0;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;counter-reset:f}
.flow.vert{grid-template-columns:minmax(0,1fr)}
.flow.vert li{border-left:0;border-top:1px solid var(--line);grid-template-columns:36px minmax(0,1fr) minmax(0,1.3fr);align-items:baseline;gap:12px}
.flow.vert li:first-child{border-top:0}
@media (max-width:620px){.flow.vert li{grid-template-columns:36px minmax(0,1fr)}.flow.vert li span{grid-column:2}}
.flow li{counter-increment:f;padding:20px;border-left:1px solid var(--line);background:var(--card);display:grid;gap:8px;align-content:start}
.flow li:first-child{border-left:0}
.flow li::before{content:"0" counter(f);font:500 12px var(--mono);color:var(--text-accent)}
.flow b{font-weight:500;font-size:16px;line-height:1.35}
.flow span{font-size:13.5px;color:var(--soft)}
@media (max-width:760px){.flow li{border-left:0;border-top:1px solid var(--line)}.flow li:first-child{border-top:0}}
.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media (max-width:820px){.two{grid-template-columns:minmax(0,1fr)}}
.panel{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card);padding:22px}
.panel h3{margin:0 0 12px;font:500 20px/1.2 var(--sans);letter-spacing:-.015em}
.checks{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.checks li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;font-size:15px}
.checks svg{width:16px;height:16px;margin-top:4px;color:var(--text-accent)}
.checks.no svg{color:var(--soft)}
.startbox{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;border:1px solid var(--tint-line);background:var(--selected);border-radius:var(--r-xl);padding:clamp(20px,3vw,32px)}
@media (max-width:760px){.startbox{grid-template-columns:minmax(0,1fr)}}
.startbox h3{margin:10px 0 8px;font:500 clamp(22px,2.6vw,28px)/1.15 var(--sans);letter-spacing:-.02em}
.startbox p{margin:0;color:var(--soft);max-width:60ch}
.startbox .acts{display:flex;flex-wrap:wrap;gap:10px}
.nextbrand{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.nextbrand a{display:flex;align-items:center;gap:12px;text-decoration:none;padding:14px 18px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card);min-width:0;flex:1 1 240px}
.nextbrand a:hover{border-color:var(--text-accent)}
.nextbrand .mk{width:34px;height:34px}
.nextbrand small{display:block;font-size:12px;color:var(--faint)}
.nextbrand b{font-weight:600;letter-spacing:.08em}
.nextbrand a.r{justify-content:flex-end;text-align:right}

/* demand page */
.dhero .wrap{padding-block:clamp(36px,6vw,64px) clamp(40px,6vw,64px)}
.dhero h1{font:500 clamp(34px,5vw,56px)/1.04 var(--sans);letter-spacing:-.035em;margin:14px 0 18px;max-width:22ch}
.dhero{border-bottom:1px solid var(--line)}
.dlayout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:clamp(24px,4vw,48px);align-items:start}
@media (max-width:980px){.dlayout{grid-template-columns:minmax(0,1fr)}}
.dmain{display:grid;gap:clamp(40px,5vw,56px)}
.dmain h2{font:500 clamp(24px,3vw,32px)/1.12 var(--sans);letter-spacing:-.025em;margin:0 0 16px}
.factors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (max-width:620px){.factors{grid-template-columns:minmax(0,1fr)}}
.factor{border:1px solid var(--line);border-radius:var(--r-md);background:var(--card);padding:16px 18px;display:grid;gap:6px}
.factor .n{font:500 12px var(--mono);color:var(--text-accent)}
.factor p{margin:0;font-size:15px}
.doc{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--raised);overflow:hidden}
.doc-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--card)}
.doc-head span{font:500 12px var(--mono);color:var(--soft)}
.doc ol{list-style:none;margin:0;padding:4px 16px 8px;counter-reset:c}
.doc li{counter-increment:c;display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;padding:13px 0;border-top:1px solid var(--line);font-size:15px}
.doc li:first-child{border-top:0}
.doc li::before{content:counter(c,decimal-leading-zero);font:500 12px/1.9 var(--mono);color:var(--text-accent)}
.copied{font-size:12.5px;color:var(--text-accent);min-height:18px;margin-top:8px}
.faq{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line);padding:16px 0}
.faq summary{cursor:pointer;font-weight:500;font-size:16.5px;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--text-accent);font-weight:400;font-size:22px;line-height:1}
.faq details[open] summary::after{content:"−"}
.faq p{margin:8px 0 0;color:var(--soft);max-width:68ch}
.aside{position:sticky;top:calc(env(safe-area-inset-top,0px) + 88px);display:grid;gap:14px}
@media (max-width:980px){.aside{position:static}}
.asidecard{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card);padding:20px;display:grid;gap:14px}
.asidecard .t{display:flex;align-items:center;gap:12px}
.asidecard .t .mk{width:44px;height:44px}
.asidecard .t b{display:block;font:600 15px/1 var(--sans);letter-spacing:.1em}
.asidecard .t small{display:block;color:var(--text-accent);font-size:12.5px;margin-top:4px}
.asidecard p{margin:0;font-size:14px;color:var(--soft)}
.asidecard .btn{width:100%}
.rel{display:grid;gap:8px}
.rel a{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-md);text-decoration:none;font-size:14px;background:var(--card)}
.rel a:hover{border-color:var(--text-accent)}
.rel a .mk{width:22px;height:22px}

/* sitemap page */
.smap{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:28px 40px}
.smap h3{margin:0 0 10px;font:600 12.5px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--text-accent)}
.smap ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.smap a{display:block;padding:7px 0;text-decoration:none;font-size:15px;border-bottom:1px solid var(--line)}
.smap a:hover{color:var(--text-accent)}
.smap .sub{padding-left:14px;font-size:14px;color:var(--soft)}

/* footer */
footer.foot{padding-block:56px 40px;background:var(--floor-2)}
.fgrid{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:32px}
@media (max-width:900px){.fgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.fgrid{grid-template-columns:minmax(0,1fr)}}
.fgrid h4{margin:0 0 12px;font:600 11px/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--soft)}
.fgrid ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.fgrid a{text-decoration:none;font-size:14.5px;color:var(--text)}
.fgrid a:hover{color:var(--text-accent)}
.fgrid .about{color:var(--soft);font-size:14.5px;max-width:34ch;margin:14px 0 0}
.fbottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:44px;padding-top:20px;border-top:1px solid var(--line);font-size:13px;color:var(--faint)}
.fbottom a{color:var(--soft);text-decoration:none}
.fbottom a:hover{color:var(--text)}
.ext{display:inline-flex;align-items:center;gap:6px}
.ext svg{width:12px;height:12px;opacity:.7}

.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#app{min-height:60vh}
.page-in{animation:pagein .3s var(--ease) both}
@keyframes pagein{from{opacity:.4}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.page-in{animation:none}.spec:hover{transform:none}}

/* ---------- multipágina ---------- */
@media (max-width:1180px){.navlinks{display:none}.menubtn{display:grid}}
@media (max-width:640px){.nav .cta-nav{display:none}}
.navlinks{margin-left:16px}
.phero{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.phero::before{content:"";position:absolute;right:-200px;top:-260px;width:720px;height:720px;background:radial-gradient(closest-side,var(--glow),transparent 70%);pointer-events:none}
.phero .wrap{position:relative;padding-block:clamp(40px,6vw,80px) clamp(48px,7vw,96px)}
.phero h1{font:500 clamp(38px,5.4vw,72px)/1.02 var(--sans);letter-spacing:-.04em;margin:14px 0 20px;max-width:18ch}
.phero .lede{margin-bottom:0}
.phero .ctas{margin-top:28px}
.morelink{margin-top:28px}
.morelink a{display:inline-flex;align-items:center;gap:10px;color:var(--text-accent);text-decoration:none;font-weight:500}
.dcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px}
.dcard{display:grid;grid-template-columns:32px minmax(0,1fr) 18px;gap:14px;align-items:center;padding:18px 20px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card);text-decoration:none;font-size:16px;font-weight:500;line-height:1.35;transition:border-color .15s var(--ease),background-color .15s}
.dcard:hover{border-color:var(--text-accent);background:var(--raised)}
.dcard .mk{width:32px;height:32px}
.dcard small{display:block;font:600 11px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--text-accent);margin-bottom:6px}
.dcard svg.arrow{color:var(--faint)}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media (max-width:860px){.grid3{grid-template-columns:minmax(0,1fr)}}
.muted{margin:0;color:var(--soft);font-size:15px}
.narrow{max-width:860px}
.ctaband{border-bottom:1px solid var(--line)}
.ctaband .wrap{padding-block:clamp(48px,7vw,88px)}
.ctabox{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:clamp(18px,3vw,40px);align-items:center;padding:clamp(24px,4vw,44px);border-radius:var(--r-xl);background:var(--deep);color:var(--deep-text);position:relative;overflow:hidden}
.ctabox::before{content:"";position:absolute;left:-120px;top:-160px;width:420px;height:420px;background:radial-gradient(closest-side,rgba(61,220,120,.22),transparent 70%)}
.ctabox > *{position:relative}
.ctamark{width:clamp(56px,6vw,84px);height:clamp(56px,6vw,84px)}
.ctamark .mk{width:100%;height:100%;--mk:#3DDC78}
.ctabox h2{margin:0 0 8px;font:500 clamp(24px,3vw,36px)/1.08 var(--sans);letter-spacing:-.03em}
.ctabox p{margin:0;color:var(--deep-soft);max-width:56ch}
.ctabox .btn-solid{background:#3DDC78;color:#06180E}
@media (max-width:820px){.ctabox{grid-template-columns:minmax(0,1fr)}}
.layers{display:grid;gap:10px;max-width:880px}
.layer{display:grid;grid-template-columns:44px minmax(0,220px) minmax(0,1fr);gap:16px;align-items:baseline;padding:20px 22px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card)}
.layer:nth-child(2){border-color:var(--tint-line);background:var(--selected)}
.layer .n{font:500 12px var(--mono);color:var(--text-accent)}
.layer b{font-weight:500;font-size:18px}
.layer span:last-child{color:var(--soft);font-size:15px}
@media (max-width:640px){.layer{grid-template-columns:36px minmax(0,1fr)}.layer span:last-child{grid-column:2}}
.split{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,5vw,72px);align-items:start}
@media (max-width:900px){.split{grid-template-columns:minmax(0,1fr)}}
.h2{font:500 clamp(28px,3.8vw,44px)/1.06 var(--sans);letter-spacing:-.035em;margin:12px 0 0}
.bigtext{margin:0;font:400 clamp(19px,1.8vw,24px)/1.5 var(--sans);letter-spacing:-.01em}
.personas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:32px}
@media (max-width:560px){.personas{grid-template-columns:minmax(0,1fr)}}
.persona{padding:16px 18px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--card);display:grid;gap:4px}
.persona b{font-weight:500;font-size:16px}
.persona span{font-size:14px;color:var(--soft)}
.split2{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,4vw,56px);align-items:start}
@media (max-width:1000px){.split2{grid-template-columns:minmax(0,1fr)}}
.sticky-ex{position:sticky;top:calc(env(safe-area-inset-top,0px) + 92px)}
@media (max-width:1000px){.sticky-ex{position:static}}
.sticky-ex .convo{min-height:0}
.cats{margin:24px 0 0;color:var(--soft);font-size:14.5px;max-width:90ch}
.cats .label{margin-right:8px}
.sitebox{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:28px;padding:18px 20px;border:1px dashed var(--line-strong);border-radius:var(--r-lg)}
.sitebox > div{display:flex;align-items:center;gap:12px;color:var(--soft);font-size:15px;flex:1 1 320px;min-width:0}
.sitebox .mk{width:28px;height:28px}
.ch1{font:500 clamp(34px,4.6vw,56px)/1.04 var(--sans);letter-spacing:-.04em;margin:12px 0 16px}
.contact .intro{color:var(--soft);margin:12px 0 22px;max-width:44ch}
.bhero .bigmark .mk{--mk:var(--mark)}
section[id],[id="pedir"]{scroll-margin-top:84px}

/* ---------- versão mais enxuta ---------- */
body{font-size:15px}
.eyebrow{font-size:11px;letter-spacing:.2em}
.nav .wrap{height:60px}
.lockup .mk{width:26px;height:26px}
.wordmark{font-size:18px}
.navlinks a{font-size:13.5px;padding:7px 11px}
.themebtn{width:34px;height:34px}
.btn{height:44px;padding:0 20px;font-size:14px;gap:8px}
.btn-sm{height:34px;padding:0 14px;font-size:13px}
.hero .wrap{padding-block:clamp(36px,5vw,64px) clamp(44px,6vw,76px);gap:clamp(28px,5vw,72px)}
.hero h1{font-size:clamp(34px,3.7vw,56px);line-height:1.04;letter-spacing:-.035em;margin:14px 0 18px}
.lede{font-size:clamp(15.5px,1.1vw,17px);max-width:52ch;margin-bottom:26px}
.xslot-hero{width:clamp(48px,4vw,60px);height:clamp(48px,4vw,60px);margin-bottom:18px}
.trust{font-size:12.5px;margin-top:24px}
.trust svg{width:14px;height:14px}
.titlebar{padding:8px 12px;font-size:12px}
.roster{padding:10px 12px}
.who{font-size:11.5px;padding:5px 10px 5px 5px}
.who .mk{width:22px;height:22px}
.convo{padding:14px;gap:10px;min-height:340px}
.msg,.agent .bub{font-size:13.5px}
.msg.person{padding:9px 13px}
.agent .bub{padding:9px 13px}
.agent{grid-template-columns:26px minmax(0,1fr)}
.agent .mk{width:26px;height:26px}
.vstep{font-size:12.5px;padding:5px 0}
.decide{font-size:12.5px;padding:8px 10px}
.pill{height:28px;font-size:12px}
.inputbar{height:42px;font-size:13px}
.inputbar .send{width:30px;height:30px}
section.sec{padding-block:clamp(56px,7vw,92px)}
.sec-head{margin-bottom:clamp(24px,3vw,36px)}
.sec-head h2,.limits h2,.contact h2,.h2{font-size:clamp(26px,2.9vw,40px);letter-spacing:-.03em}
.sec-head > p{font-size:15px}
.cmp .wrap{padding-block:clamp(56px,8vw,100px)}
.cmp-title{font-size:clamp(28px,3.3vw,46px)}
.cmp-sub{font-size:clamp(15px,1.1vw,16.5px)}
.cmp-head,.crow{grid-template-columns:minmax(0,1fr) clamp(80px,7.5vw,112px) minmax(0,1fr)}
.cmp-head b{font-size:clamp(20px,2vw,28px)}
.cell{font-size:clamp(14px,1vw,15px);padding:14px 16px;gap:10px;grid-template-columns:24px minmax(0,1fr)}
.cell .ic{width:24px;height:24px}
.cell .ic svg{width:12px;height:12px}
.spec{padding:18px;gap:12px}
.spec-top .mk{width:42px;height:42px}
.spec-top b{font-size:16px}
.spec p{font-size:14px}
.asks span{font-size:12.5px;padding:7px 10px}
.mstep{padding:18px}
.mstep h3{font-size:19px}
.mstep p,.muted{font-size:14px}
.band .wrap{padding-block:clamp(56px,7vw,92px)}
.band blockquote{font-size:clamp(24px,2.8vw,38px)}
.band p{font-size:15px}
.phero .wrap{padding-block:clamp(32px,5vw,60px) clamp(40px,5vw,72px)}
.phero h1,.bhero h1{font-size:clamp(32px,3.9vw,54px);letter-spacing:-.035em}
.dhero h1{font-size:clamp(30px,3.5vw,46px)}
.ch1{font-size:clamp(30px,3.6vw,46px)}
.bhero .wrap{padding-block:clamp(32px,5vw,60px) clamp(40px,5vw,72px)}
.bigmark{width:min(220px,55vw);height:min(220px,55vw)}
.bigtext{font-size:clamp(17px,1.5vw,20px)}
.front{padding:14px 16px}
.front b,.persona b{font-size:15px}
.front span,.persona span{font-size:13px}
.flow li{padding:16px}
.flow b{font-size:15px}
.flow span{font-size:13px}
.panel{padding:18px}
.panel h3{font-size:18px}
.checks li{font-size:14px}
.startbox h3{font-size:clamp(20px,2.2vw,26px)}
.dcard{padding:14px 16px;font-size:14.5px;grid-template-columns:28px minmax(0,1fr) 16px}
.dcard .mk{width:28px;height:28px}
.faq summary{font-size:15px}
.faq p{font-size:14.5px}
.ctabox h2{font-size:clamp(22px,2.4vw,30px)}
.ctamark{width:clamp(48px,4.6vw,64px);height:clamp(48px,4.6vw,64px)}
.field input,.field select{height:42px;font-size:14px}
.field textarea{font-size:14px}
.factor p,.doc li{font-size:14px}
.dmain h2{font-size:clamp(22px,2.4vw,28px)}
.layer{padding:16px 18px}
.layer b{font-size:16px}
.cstep{padding:20px 18px}
.cstep .verb{font-size:20px}
.cstep .mk{width:36px;height:36px}
.start h3{font-size:16.5px}
.start p,.model p{font-size:13.5px}
h1 em.kw,h2 em.kw,.hero h1 em{font-style:normal;color:var(--text-accent)}
.ctabox h2 em.kw{color:#3DDC78}
[hidden]{display:none!important}

/* ================= v2: mega menu, home, blog ================= */
.navlinks{align-items:center;gap:2px}
.mm-btn,.navlinks .mm-top{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border-radius:999px;border:0;background:transparent;color:var(--soft);font:400 13.5px/1 var(--sans);cursor:pointer;text-decoration:none}
.mm-btn:hover,.navlinks .mm-top:hover,.mm.open .mm-btn{color:var(--text);background:var(--hover)}
.mm[data-current="true"] .mm-btn,.navlinks .mm-top[aria-current="page"]{color:var(--text)}
.mm[data-current="true"] .mm-btn::after,.navlinks .mm-top[aria-current="page"]::after{content:"";width:5px;height:5px;border-radius:50%;background:var(--green);margin-left:2px}
.chev{transition:transform .2s var(--ease);opacity:.7}
.mm.open .chev{transform:rotate(180deg)}
.mm-panel{position:absolute;left:0;right:0;top:100%;background:var(--floor);border-bottom:1px solid var(--line);box-shadow:0 30px 60px rgba(0,0,0,.35);animation:mmIn .18s var(--ease) both;z-index:30}
@keyframes mmIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.mm-panel{animation:none}}
.mm-panel .wrap{display:block;height:auto;padding-block:28px 30px}
.navlinks .mm-panel a{padding:0;border-radius:0;background:none;color:var(--text);font-size:inherit;text-decoration:none}
.mm-scrim{position:fixed;inset:0;top:60px;background:rgba(4,8,6,.45);z-index:-1}
.mm-label{display:flex;align-items:center;gap:8px;margin:0 0 12px;font:600 10.5px/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
.mm-label .mk{width:18px;height:18px}
.mm-grid{display:grid;gap:28px}
.mm-esp{grid-template-columns:minmax(0,1fr) 300px}
.mm-brands{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.navlinks .mm-panel .mm-brand{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;align-items:start;padding:14px;border-radius:var(--r-md);border:1px solid transparent;transition:background-color .12s,border-color .12s}
.navlinks .mm-panel .mm-brand:hover{background:var(--card);border-color:var(--line)}
.mm-brand .mk{width:40px;height:40px}
.mm-brand b{display:flex;align-items:baseline;gap:10px;font:600 14px/1.2 var(--sans);letter-spacing:.08em}
.mm-brand b small{font:500 12px var(--sans);letter-spacing:0;color:var(--text-accent)}
.mm-brand > span > span{display:block;margin-top:5px;font-size:13px;line-height:1.45;color:var(--soft)}
.mm-side{border-left:1px solid var(--line);padding-left:28px;display:grid;gap:4px;align-content:start}
.navlinks .mm-panel .mm-link{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;align-items:start;padding:10px;border-radius:var(--r-sm)}
.navlinks .mm-panel .mm-link:hover{background:var(--card)}
.mm-link > svg,.mm-link > .mk{width:30px;height:30px;padding:7px;border-radius:9px;background:var(--selected);color:var(--text-accent);box-sizing:border-box}
.mm-link > .mk{padding:5px}
.mm-link b{display:block;font-weight:500;font-size:14px}
.mm-link span span{display:block;font-size:12.5px;color:var(--soft);margin-top:2px}
.navlinks .mm-panel .mm-cta{display:grid;gap:4px;margin-top:10px;padding:16px;border-radius:var(--r-md);background:var(--deep);color:var(--deep-text)}
.mm-cta span{font-size:12.5px;color:var(--deep-soft)}
.mm-cta b{display:inline-flex;align-items:center;gap:8px;font-weight:500;font-size:14px;color:#3DDC78}
.mm-sol{grid-template-columns:repeat(5,minmax(0,1fr))}
.mm-col{display:grid;gap:2px;align-content:start}
.navlinks .mm-panel .mm-col a{display:block;padding:8px 10px;margin-inline:-10px;border-radius:8px;font-size:13.5px;line-height:1.35}
.navlinks .mm-panel .mm-col a:hover{background:var(--card);color:var(--text-accent)}
.navlinks .mm-panel .mm-col .mm-more{display:inline-flex;align-items:center;gap:6px;margin-top:6px;color:var(--text-accent);font-size:12.5px;font-weight:500}
.mm-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:22px;padding-top:16px;border-top:1px solid var(--line);font-size:13px;color:var(--soft)}
.navlinks .mm-panel .mm-foot a{display:inline-flex;align-items:center;gap:8px;color:var(--text-accent);font-weight:500}
.mm-rec{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.3fr)}
.mm-rec > div{display:grid;gap:4px;align-content:start}
.mm-feat{border-left:1px solid var(--line);padding-left:28px}
.navlinks .mm-panel .mm-featpost{display:grid;gap:6px;padding:16px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--card)}
.navlinks .mm-panel .mm-featpost:hover{border-color:var(--text-accent)}
.mm-featpost small,.mm-post small{font:600 10.5px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--text-accent)}
.mm-featpost b{font-weight:500;font-size:15.5px;line-height:1.3}
.mm-featpost span{font-size:13px;color:var(--soft);line-height:1.45}
.mm-posts{display:grid;gap:2px;margin-top:8px}
.navlinks .mm-panel .mm-post{display:grid;gap:5px;padding:9px 10px;border-radius:8px;font-size:13.5px;line-height:1.35}
.navlinks .mm-panel .mm-post:hover{background:var(--card)}
@media (max-width:1320px){.mm-sol{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* drawer (celular) */
.drawer .wrap{gap:0;padding-block:8px 20px;max-height:calc(100vh - 60px);overflow-y:auto}
.dacc{border-bottom:1px solid var(--line)}
.dacc summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:14px 4px;font-size:16px;font-weight:500;cursor:pointer}
.dacc summary::-webkit-details-marker{display:none}
.dacc[open] .chev{transform:rotate(180deg)}
.dacc-body{display:grid;gap:2px;padding:0 0 12px}
.drawer .dacc-body a{display:flex;align-items:center;gap:10px;padding:9px 6px;border:0;font-size:14.5px;color:var(--soft);text-decoration:none}
.drawer .dacc-body a small{margin-left:auto;font-size:12px;color:var(--faint)}
.drawer .dacc-body a .mk{width:22px;height:22px}
.drawer a.dplain{display:block;padding:14px 4px;font-size:16px;font-weight:500;text-decoration:none;border-bottom:1px solid var(--line)}

/* faixa de especialistas */
.bstrip{border-bottom:1px solid var(--line);background:var(--floor-2)}
.bstrip .wrap{display:flex;align-items:center;gap:24px;padding-block:18px;flex-wrap:wrap}
.bs-label{margin:0;font:600 10.5px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);flex:none}
.bs-row{display:flex;flex-wrap:wrap;gap:8px 28px;flex:1;justify-content:space-between}
.bs-item{display:flex;align-items:center;gap:10px;text-decoration:none;opacity:.85;transition:opacity .15s}
.bs-item:hover{opacity:1}
.bs-item .mk{width:30px;height:30px}
.bs-item b{display:block;font:600 13px/1.1 var(--sans);letter-spacing:.1em}
.bs-item small{display:block;font-size:11.5px;color:var(--soft);margin-top:2px}
@media (max-width:760px){.bs-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bs-label{width:100%}}

/* vitrine */
.showcase{border:1px solid var(--line);border-radius:var(--r-xl);background:var(--card);overflow:hidden}
.sc-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-bottom:1px solid var(--line);overflow-x:auto}
.sc-tab{display:flex;align-items:center;gap:10px;padding:16px 18px;border:0;border-right:1px solid var(--line);background:transparent;cursor:pointer;text-align:left;position:relative;min-width:150px}
.sc-tab:last-child{border-right:0}
.sc-tab .mk{width:28px;height:28px;opacity:.6;transition:opacity .15s}
.sc-tab b{display:block;font:600 13px/1.1 var(--sans);letter-spacing:.1em;color:var(--soft)}
.sc-tab small{display:block;font-size:11.5px;color:var(--faint);margin-top:3px}
.sc-tab:hover{background:var(--hover)}
.sc-tab[aria-selected="true"]{background:var(--floor)}
.sc-tab[aria-selected="true"] .mk{opacity:1}
.sc-tab[aria-selected="true"] b{color:var(--text)}
.sc-tab[aria-selected="true"]::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--green)}
.sc-panel{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(24px,4vw,56px);padding:clamp(22px,3.5vw,44px);background:var(--floor);animation:pagein .3s var(--ease) both}
.sc-h{margin:12px 0 12px;font:500 clamp(24px,2.6vw,34px)/1.1 var(--sans);letter-spacing:-.03em;max-width:24ch}
.sc-lede{margin:0;color:var(--soft);max-width:60ch}
.sc-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.sc-list li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;font-size:14px;color:var(--soft)}
.sc-list li b{color:var(--text);font-weight:500}
.sc-list svg{width:15px;height:15px;margin-top:3px;color:var(--text-accent)}
.sc-side{display:grid;gap:16px;align-content:start;justify-items:start}
.sc-mark{width:clamp(88px,9vw,128px);height:clamp(88px,9vw,128px);position:relative}
.sc-mark::before{content:"";position:absolute;inset:-50%;background:radial-gradient(closest-side,var(--glow),transparent 70%);z-index:0}
.sc-mark .mk{position:relative;width:100%;height:100%}
.sc-side .motto{margin:0}
.sc-side .asks{width:100%}
.sc-start{display:grid;gap:8px;padding:14px 16px;border-radius:var(--r-md);border:1px solid var(--tint-line);background:var(--selected);width:100%}
.sc-start b{font-weight:500;font-size:14.5px}
@media (max-width:900px){.sc-panel{grid-template-columns:minmax(0,1fr)}.sc-side{order:-1;grid-template-columns:auto minmax(0,1fr);align-items:center}.sc-mark{grid-row:span 2}.sc-side .asks,.sc-start{grid-column:1/-1}}
@media (max-width:760px){.sc-tabs{grid-template-columns:repeat(5,auto)}.sc-tab{min-width:0;padding:12px 14px}.sc-tab small{display:none}}

/* blog */
.pgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media (max-width:980px){.pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.pgrid{grid-template-columns:minmax(0,1fr)}}
.pgrid-home{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr)}
@media (max-width:980px){.pgrid-home{grid-template-columns:minmax(0,1fr)}}
.pgrid-feat{grid-template-columns:minmax(0,1fr);margin-bottom:28px}
.pcard{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card);text-decoration:none;overflow:hidden;transition:border-color .15s var(--ease),transform .15s var(--ease)}
.pcard:hover{border-color:var(--text-accent);transform:translateY(-2px)}
@media (prefers-reduced-motion:reduce){.pcard:hover{transform:none}}
.pcard-art{position:relative;aspect-ratio:16/8;max-width:100%;display:grid;place-items:center;background:radial-gradient(120% 120% at 20% 0%,var(--selected),var(--floor) 70%);border-bottom:1px solid var(--line);overflow:hidden}
.pcard-art::after{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:28px 28px;opacity:.35;mask-image:radial-gradient(closest-side,#000,transparent)}
.pcard-art .mk{position:relative;z-index:1;width:clamp(56px,6vw,76px);height:clamp(56px,6vw,76px)}
.pcard-body{display:grid;gap:8px;padding:18px 20px 20px;align-content:start;flex:1}
.ptag{justify-self:start;display:inline-block;font:600 10.5px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--text-accent);background:var(--tint);border:1px solid var(--tint-line);border-radius:999px;padding:5px 9px}
.pcard h3{margin:4px 0 0;font:500 17px/1.3 var(--sans);letter-spacing:-.01em}
.pcard p{margin:0;font-size:13.5px;color:var(--soft);line-height:1.55}
.pmeta{margin-top:auto;padding-top:8px;font:500 11.5px var(--mono);color:var(--faint)}
.pcard-big{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.pcard-big .pcard-art{aspect-ratio:auto;min-height:260px;border-bottom:0;border-right:1px solid var(--line)}
.pcard-big .pcard-art .mk{width:clamp(80px,9vw,120px);height:clamp(80px,9vw,120px)}
.pcard-big .pcard-body{padding:clamp(20px,3vw,32px);align-content:center}
.pcard-big h3{font-size:clamp(20px,2.2vw,28px);line-height:1.15;letter-spacing:-.025em}
.pcard-big p{font-size:15px}
.pgrid-home .pcard-big{grid-template-columns:minmax(0,1fr)}
.pgrid-home .pcard-big .pcard-art{min-height:180px;border-right:0;border-bottom:1px solid var(--line)}
@media (max-width:760px){.pcard-big{grid-template-columns:minmax(0,1fr)}.pcard-big .pcard-art{min-height:180px;border-right:0;border-bottom:1px solid var(--line)}}
.fbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.fchip{height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--line-control);background:transparent;font-size:13px;font-weight:500;cursor:pointer}
.fchip:hover{border-color:var(--text-accent)}
.fchip[aria-pressed="true"]{background:var(--green);color:var(--on-green);border-color:transparent}
.empty{color:var(--soft)}
.narrowhero{max-width:900px}
.narrowhero h1{max-width:24ch}
.dhero .ptag{margin-top:6px}
.byline{display:flex;align-items:center;gap:12px;margin-top:22px}
.byline .mk{width:34px;height:34px;padding:7px;border-radius:50%;background:var(--selected);box-sizing:border-box}
.byline b{display:block;font-weight:500;font-size:14px}
.byline small{display:block;font-size:12.5px;color:var(--soft)}
.prose{max-width:68ch;font-size:16.5px;line-height:1.75}
.prose h2{font:500 clamp(22px,2.3vw,28px)/1.2 var(--sans);letter-spacing:-.02em;margin:44px 0 14px}
.prose h2:first-child{margin-top:0}
.prose p{margin:0 0 18px;color:var(--text)}
.prose ul{margin:0 0 20px;padding-left:0;list-style:none;display:grid;gap:10px}
.prose li{position:relative;padding-left:24px}
.prose li::before{content:"";position:absolute;left:4px;top:.72em;width:8px;height:8px;border-radius:2px;background:var(--green);transform:rotate(45deg)}
.pnote{margin:28px 0;padding:20px 24px;border-radius:var(--r-lg);background:var(--selected);border:1px solid var(--tint-line)}
.pnote p{margin:0;font:500 clamp(17px,1.6vw,20px)/1.45 var(--sans);letter-spacing:-.01em;color:var(--text)}
.toc{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card);padding:18px 20px}
.toc ol{list-style:none;margin:0;padding:0;display:grid;gap:2px;counter-reset:t}
.toc li{counter-increment:t}
.toc a{display:grid;grid-template-columns:26px minmax(0,1fr);gap:6px;padding:7px 0;font-size:13.5px;line-height:1.4;color:var(--soft);text-decoration:none}
.toc a::before{content:counter(t,decimal-leading-zero);font:500 11.5px/1.7 var(--mono);color:var(--text-accent)}
.toc a:hover{color:var(--text)}
.aside{gap:14px}
.fgrid5{grid-template-columns:minmax(0,1.3fr) repeat(4,minmax(0,1fr))}
@media (max-width:1100px){.fgrid5{grid-template-columns:repeat(3,minmax(0,1fr))}.fgrid5 > div:first-child{grid-column:1/-1}}
@media (max-width:620px){.fgrid5{grid-template-columns:repeat(2,minmax(0,1fr))}}
.fgrid li a{font-size:13.5px;line-height:1.4;display:inline-block}
.nav{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--floor)}
.drawer .wrap{height:auto}
.drawer{max-height:calc(100vh - 60px);overflow-y:auto}
.drawer .wrap{max-height:none;overflow:visible}
.dhero .narrowhero{max-width:1400px}
.narrowhero .lede{max-width:60ch}
.prose h2{scroll-margin-top:84px}

/* ================= modo guiado ================= */
.g-launch{position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:50;display:flex;align-items:center;gap:10px;height:48px;padding:0 18px 0 8px;border-radius:999px;border:1px solid var(--tint-line);background:var(--raised);color:var(--text);font:600 13.5px/1 var(--sans);cursor:pointer;box-shadow:0 12px 32px rgba(0,0,0,.35);transition:transform .15s var(--ease),border-color .15s}
.g-launch:hover{transform:translateY(-2px);border-color:var(--green)}
.g-launch .mk{width:32px;height:32px;padding:4px;border-radius:50%;background:var(--selected);box-sizing:border-box}
.g-lock{overflow:hidden}
.g-pick{position:fixed;inset:0;z-index:70;display:grid;place-items:center;padding:16px;background:rgba(4,8,6,.66)}
.g-pick-card{position:relative;width:min(640px,100%);max-height:calc(100vh - 32px);overflow-y:auto;border-radius:var(--r-xl);border:1px solid var(--line-strong);background:var(--floor);padding:clamp(20px,3vw,32px);box-shadow:var(--shadow);animation:gIn .25s var(--ease) both}
@keyframes gIn{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.g-pick-card,.g-bubble.g-in{animation:none}}
.g-pick-head{display:grid;grid-template-columns:72px minmax(0,1fr);gap:18px;align-items:center;margin-bottom:22px}
.g-pick-head .mk{width:72px;height:72px}
.g-kicker{margin:0;font:700 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--text-accent)}
.g-pick-head h2{margin:8px 0 6px;font:500 clamp(20px,2.4vw,26px)/1.15 var(--sans);letter-spacing:-.02em}
.g-pick-head p{margin:0;color:var(--soft);font-size:14px}
.g-opts{display:grid;gap:8px}
.g-opt{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:14px;align-items:center;width:100%;padding:12px 16px 12px 12px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--card);color:var(--text);text-align:left;cursor:pointer;text-decoration:none;font:inherit;transition:border-color .12s,background-color .12s}
.g-opt:hover,.g-opt:focus-visible{border-color:var(--green);background:var(--raised)}
.g-opt .mk{width:40px;height:40px}
.g-opt b{display:block;font-weight:500;font-size:15px}
.g-opt small{display:block;font-size:12.5px;color:var(--soft);margin-top:2px}
.g-opt em{font:500 11.5px var(--mono);font-style:normal;color:var(--faint)}
.g-opt-plain{grid-template-columns:minmax(0,1fr);border-style:dashed}
.g-x{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--soft);font-size:20px;line-height:1;cursor:pointer}
.g-x:hover{color:var(--text);border-color:var(--line-control)}
.g-block{position:fixed;inset:0;z-index:55}
.g-spot{position:fixed;left:0;top:0;z-index:56;border-radius:18px;box-shadow:0 0 0 2px var(--green),0 0 0 200vmax rgba(4,8,6,.72);pointer-events:none;transition:transform .35s var(--ease),width .35s var(--ease),height .35s var(--ease)}
@media (prefers-reduced-motion:reduce){.g-spot{transition:none}}
.g-bubble{position:fixed;z-index:60;right:24px;bottom:24px;width:min(400px,calc(100vw - 32px));border-radius:var(--r-xl);border:1px solid var(--line-strong);background:var(--raised);padding:18px 18px 16px;box-shadow:0 24px 64px rgba(0,0,0,.5)}
.g-bubble.g-in{animation:gIn .3s var(--ease) both}
.g-b-head{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:12px;align-items:center;position:relative}
.g-b-head .mk{width:52px;height:52px}
.g-b-head b{display:block;font:600 14px/1.1 var(--sans);letter-spacing:.1em}
.g-b-head small{display:block;font-size:12px;color:var(--text-accent);margin-top:4px}
.g-b-head .g-x{position:static}
.g-bubble h3{margin:14px 0 6px;font:500 19px/1.2 var(--sans);letter-spacing:-.015em}
.g-bubble p{margin:0;font-size:14.5px;line-height:1.55;color:var(--soft)}
.g-dots{display:flex;gap:5px;margin:16px 0 0}
.g-dots i{flex:1;height:4px;border-radius:99px;background:var(--line-strong)}
.g-dots i.done{background:var(--tint-line)}
.g-dots i.on{background:var(--green)}
.g-b-foot{display:flex;align-items:center;gap:8px;margin-top:14px}
.g-count{margin-right:auto;font:500 12px var(--mono);color:var(--faint)}
.g-btn{height:38px;padding:0 16px;border-radius:999px;border:1px solid transparent;background:var(--green);color:var(--on-green);font:600 13.5px/1 var(--sans);cursor:pointer}
.g-btn:hover{background:var(--green-hover)}
.g-btn.ghost{background:transparent;color:var(--text);border-color:var(--line-control)}
.g-on .g-launch{display:none}
@media (max-width:720px){.g-bubble{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));width:auto;padding:14px}.g-b-head{grid-template-columns:42px minmax(0,1fr) auto}.g-b-head .mk{width:42px;height:42px}.g-bubble h3{font-size:17px;margin-top:10px}.g-bubble p{font-size:13.5px}.g-launch>span:not(.mk){display:none}.g-launch{padding:0 8px;width:48px;justify-content:center}}
.guided-link{display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:0;border:0;background:none;color:var(--text-accent);font:500 13.5px var(--sans);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.guided-link .mk{width:20px;height:20px}
.g-dots i{flex:1 1 0;min-width:0;display:block}
.guidebtn{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px 0 6px;border-radius:999px;border:1px solid var(--tint-line);background:var(--selected);color:var(--text);font:600 13px/1 var(--sans);cursor:pointer;transition:border-color .15s,background-color .15s}
.guidebtn:hover{border-color:var(--green)}
.guidebtn .mk{width:24px;height:24px}
.nav .wrap{gap:12px}
@media (max-width:760px){.guidebtn{width:34px;padding:0;justify-content:center}.guidebtn > span:not(.mk){display:none}.guidebtn .mk{width:22px;height:22px}}
.hvideo{display:grid;gap:10px;width:100%;min-width:0}
.hvideo video{width:100%;max-width:100%;aspect-ratio:16/9;border-radius:var(--r-xl);border:1px solid var(--line-strong);background:#000;box-shadow:var(--shadow);display:block}
.hvideo-cap{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--soft)}
.hvideo-cap .mk{width:20px;height:20px}
.bhero .wrap:has(.hvideo){grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}
@media (max-width:900px){.bhero .wrap:has(.hvideo){grid-template-columns:minmax(0,1fr)}.bhero .hvideo{order:2}}

/* ===== home v3: hero pedido → entrega ===== */
.hero-v3 h1{max-width:15ch}
.hero-v3 .lede{font-size:clamp(17px,1.35vw,20px);color:var(--text);margin-bottom:18px}
.hareas{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px}
.hareas a{font-size:13px;color:var(--soft);border:1px solid var(--line);border-radius:999px;padding:6px 12px;text-decoration:none;transition:border-color .2s,color .2s}
.hareas a:hover{border-color:var(--green);color:var(--text)}
.ctas .tlink{align-self:center;color:var(--soft);font-size:14.5px;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--line-strong)}
.ctas .tlink:hover{color:var(--text)}
.hd{border-radius:var(--r-lg);background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);padding:20px 22px 24px;min-width:0}
.hd-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}
.hd-row{display:flex;gap:6px}
.hd-who{width:40px;height:40px;border-radius:12px;border:1px solid transparent;background:none;padding:6px;cursor:pointer;opacity:.45;transition:opacity .2s,border-color .2s,background .2s}
.hd-who .mk{display:block;width:100%;height:100%}
.hd-who:hover{opacity:.8}
.hd-who.on{opacity:1;border-color:var(--tint-line);background:var(--tint)}
.hd-who:focus-visible{outline:2px solid var(--green);outline-offset:2px}
.hd-stage{min-height:236px;display:flex;flex-direction:column}
.hd-label{font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin:0 0 10px}
.hd-ask{align-self:flex-start;background:var(--green);color:var(--on-green);font-size:clamp(16px,1.3vw,19px);font-weight:500;line-height:1.4;padding:14px 18px;border-radius:18px 18px 18px 6px;max-width:92%}
.hd-work{display:flex;align-items:center;gap:10px;margin-top:26px;color:var(--soft);font-size:14.5px}
.hd-work .mk{width:30px;height:30px}
.hd-dots{display:inline-flex;gap:3px;font-style:normal}
.hd-dots i{width:5px;height:5px;border-radius:50%;background:var(--green);animation:hddot 1s infinite ease-in-out}
.hd-dots i:nth-child(2){animation-delay:.15s}.hd-dots i:nth-child(3){animation-delay:.3s}
@keyframes hddot{0%,80%,100%{opacity:.25}40%{opacity:1}}
.hd-out{margin-top:30px}
.hd-done{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;align-items:start;background:var(--raised);border:1px solid var(--tint-line);border-radius:16px;padding:16px 18px}
.hd-done .mk{width:44px;height:44px}
.hd-done p{margin:0 0 6px;font-size:clamp(16px,1.25vw,18px);line-height:1.45;color:var(--text);font-weight:500}
.hd-done small{font-size:13px;color:var(--faint)}
.hd-done small b{color:var(--text-accent);font-weight:600}
.hd-ok{width:28px;height:28px;border-radius:50%;background:var(--green);color:var(--on-green);display:grid;place-items:center}
.hd-ok svg{width:15px;height:15px}
@media (prefers-reduced-motion:reduce){.hd-dots i{animation:none;opacity:1}}
@media (max-width:560px){.hd{padding:16px}.hd-who{width:36px;height:36px}.hd-stage{min-height:250px}}

/* quem faz o quê */
.wds{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px}
.wd{position:relative;display:flex;flex-direction:column;gap:14px;padding:22px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card);text-decoration:none;color:inherit;transition:border-color .2s,transform .2s var(--ease)}
.wd:hover{border-color:var(--green);transform:translateY(-2px)}
.wd>.mk{width:48px;height:48px}
.wd b{display:block;font-size:19px;letter-spacing:-.01em}
.wd small{display:block;font-size:12.5px;color:var(--text-accent);margin-top:2px}
.wd p{margin:10px 0 0;font-size:14.5px;line-height:1.55;color:var(--soft)}
.wd-go{position:absolute;top:22px;right:20px;color:var(--faint);transition:color .2s,transform .2s}
.wd-go svg{width:18px;height:18px}
.wd:hover .wd-go{color:var(--green);transform:translateX(3px)}

/* home v3: esclarecimento */
.hero-v3 .lede2{font-size:14.5px;line-height:1.6;color:var(--soft);max-width:52ch;margin:-6px 0 20px}
.hero-v3 .lede2 b{color:var(--text-accent);font-weight:600}
.chan-cap{margin:18px auto 0;text-align:center;font-size:12.5px;color:var(--faint);max-width:70ch}


/* modo guiado: tela "como funciona" */
.g-pick-card.g-swap>div:not([hidden]){animation:gIn .22s var(--ease) both}
.g-ih{margin-bottom:16px}
.g-ih .mk{width:56px;height:56px}.g-ih{grid-template-columns:56px minmax(0,1fr)}
.g-howlink{border:0;background:none;padding:0;color:var(--text-accent);font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.g-demo{position:relative;height:178px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--card);overflow:hidden;margin-bottom:18px}
.g-demo i,.g-demo span{position:absolute;display:block}
.gd-nav{left:0;right:0;top:0;height:16px;border-bottom:1px solid var(--line);background:var(--raised)}
.gd-blk{left:5%;width:56%;border-radius:6px;background:var(--line-strong)}
.gd-b1{top:28px;height:54px}.gd-b2{top:92px;height:34px}.gd-b3{top:136px;height:30px}
.gd-spot{left:calc(5% - 5px);width:calc(56% + 10px);border-radius:9px;border:2px solid var(--green);box-shadow:0 0 0 999px rgba(4,8,6,.55);animation:gdSpot 9s infinite}
.gd-bub{right:4%;bottom:10px;width:34%;height:86px;border-radius:12px;border:1px solid var(--line-strong);background:var(--floor);box-shadow:0 10px 26px rgba(0,0,0,.45);animation:gdBub 9s infinite}
.gd-av{left:10px;top:10px;width:16px;height:16px;border-radius:5px;background:var(--green)}
.gd-l{left:10px;height:5px;border-radius:3px;background:var(--line-strong)}
.gd-l1{top:34px;width:62%;background:var(--soft);opacity:.7}.gd-l2{top:46px;width:78%}.gd-l3{top:56px;width:54%}
.gd-btn{right:10px;bottom:9px;width:38%;height:14px;border-radius:99px;background:var(--green)}
.gd-cur{right:calc(4% + 14px);bottom:2px;width:14px;height:14px;border-radius:50%;border:2px solid #fff;background:rgba(255,255,255,.25);animation:gdCur 3s infinite}
@keyframes gdSpot{0%,30%{top:23px;height:64px}33.3%,63%{top:87px;height:44px}66.6%,96%{top:131px;height:40px}100%{top:23px;height:64px}}
@keyframes gdBub{0%,1%{opacity:0;transform:translateY(8px)}5%,30%{opacity:1;transform:none}33.3%,34.3%{opacity:0;transform:translateY(8px)}38%,63%{opacity:1;transform:none}66.6%,67.6%{opacity:0;transform:translateY(8px)}71%,96%{opacity:1;transform:none}100%{opacity:0;transform:translateY(8px)}}
@keyframes gdCur{0%,60%{transform:translate(6px,6px) scale(1);opacity:0}75%{transform:none;opacity:1}88%{transform:scale(.7);opacity:1}100%{transform:scale(1);opacity:0}}
.g-how{list-style:none;counter-reset:gh;margin:0 0 20px;padding:0;display:grid;gap:10px}
.g-how li{counter-increment:gh;position:relative;padding-left:36px;font-size:14px;line-height:1.5;color:var(--soft)}
.g-how li b{color:var(--text);font-weight:500}
.g-how li::before{content:counter(gh);position:absolute;left:0;top:0;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--green);color:var(--text-accent);font:600 12px/1 var(--mono)}
.g-ifoot{display:flex;justify-content:flex-end}
.g-mb{display:none}
@media (max-width:720px){.g-dk{display:none}.g-mb{display:inline}
  .gd-bub{left:4%;right:4%;width:auto;height:58px;bottom:6px}.gd-l1{top:12px;left:34px}.gd-l2{top:24px;left:34px}.gd-l3{display:none}
  .gd-blk,.gd-spot{width:90%}.gd-spot{width:calc(90% + 10px)}.gd-b3{display:none}
  @keyframes gdSpot{0%,47%{top:23px;height:64px}50%,97%{top:87px;height:44px}100%{top:23px;height:64px}}
  .gd-cur{right:calc(4% + 14px)}.g-ifoot .g-btn{width:100%}}
@media (prefers-reduced-motion:reduce){.gd-spot,.gd-bub,.gd-cur,.g-pick-card.g-swap>div{animation:none}}
.g-pick-card>.g-x{z-index:3}
/* ===== vitrine dos canais ===== */
.sx{margin-top:4px}
.sx-bar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px 18px;margin-bottom:30px}
.sx-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:5px;border:1px solid var(--line);border-radius:999px;background:var(--card)}
.sx-tab{display:flex;align-items:center;gap:9px;height:40px;padding:0 16px 0 6px;border-radius:999px;border:0;background:none;color:var(--soft);font:500 13.5px/1 var(--sans);cursor:pointer;transition:background .25s,color .25s}
.sx-tab:hover{color:var(--text)}
.sx-tab.on{background:var(--raised);color:var(--text);box-shadow:inset 0 0 0 1px var(--tint-line)}
.sx-ti{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--floor-2);color:var(--soft);transition:background .3s,color .3s}
.sx-ti svg{width:15px;height:15px}
.sx-tab.on .sx-ti-teams{background:#5b5fc7;color:#fff}.sx-tab.on .sx-ti-slack{background:#4a154b;color:#fff}
.sx-tab.on .sx-ti-portal{background:var(--green);color:var(--on-green)}.sx-tab.on .sx-ti-whatsapp{background:#25d366;color:#fff}
.sx-mode{position:relative;display:flex;padding:4px;border:1px solid var(--line);border-radius:999px;background:var(--card)}
.sx-mode button{position:relative;z-index:1;display:flex;align-items:center;gap:7px;height:36px;padding:0 14px;border:0;background:none;color:var(--soft);font:500 13px/1 var(--sans);cursor:pointer;transition:color .25s}
.sx-mode button svg{width:16px;height:16px}
.sx-mode button.on{color:var(--on-green)}
.sx-pill{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:999px;background:var(--green);transition:transform .35s var(--ease)}
.sx-mode[data-m="mob"] .sx-pill{transform:translateX(100%)}
.sx-tab:focus-visible,.sx-mode button:focus-visible{outline:2px solid var(--green);outline-offset:2px}

.sx-stage{position:relative;max-width:1080px;margin:0 auto;min-height:200px;padding:10px 0 40px}
.sx-glow{position:absolute;inset:-6% -10% 0;pointer-events:none;
  background:radial-gradient(50% 45% at 50% 48%,rgba(61,220,120,.20),transparent 70%),
             linear-gradient(var(--line) 1px,transparent 1px) 0 0/46px 46px,linear-gradient(90deg,var(--line) 1px,transparent 1px) 0 0/46px 46px;
  -webkit-mask-image:radial-gradient(ellipse 58% 60% at 50% 48%,#000 25%,transparent 78%);mask-image:radial-gradient(ellipse 58% 60% at 50% 48%,#000 25%,transparent 78%)}

/* notebook */
.sx-laptop{position:relative;width:min(100%,960px);margin:0 auto;transition:opacity .45s var(--ease),transform .55s var(--ease)}
.lp-lid{position:relative;padding:14px 14px 18px;border-radius:22px 22px 6px 6px;background:linear-gradient(180deg,#26292b,#0b0c0d);box-shadow:inset 0 0 0 1.5px #3a3e41,inset 0 0 0 3px #0c0d0e,0 40px 80px -30px rgba(0,0,0,.65)}
.lp-cam{position:absolute;top:5px;left:50%;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:#1d2224;box-shadow:inset 0 0 0 1.5px #2c3336}
.lp-screen{position:relative;aspect-ratio:1120/700;border-radius:6px;overflow:hidden;background:#fff}
.lp-glare{position:absolute;inset:0;pointer-events:none;background:linear-gradient(118deg,rgba(255,255,255,.10),rgba(255,255,255,0) 34%);z-index:5}
.lp-base{position:relative;width:114%;margin-left:-7%;height:18px;border-radius:2px 2px 16px 16px;background:linear-gradient(180deg,#d6d9dc,#9ea3a7 55%,#6c7175);box-shadow:0 22px 40px -14px rgba(0,0,0,.6)}
.lp-base i{position:absolute;top:0;left:50%;width:15%;height:7px;margin-left:-7.5%;border-radius:0 0 8px 8px;background:linear-gradient(#8d9296,#b9bdc0)}
.vp{position:absolute;inset:0;overflow:hidden}
.scr{position:absolute;left:0;top:0;transform-origin:0 0;overflow:hidden;font-family:"Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",sans-serif;color:#242424;font-size:14px;line-height:1.4;-webkit-font-smoothing:antialiased}
.scr *{box-sizing:border-box}
.scr .i{width:18px;height:18px;flex:none}

/* iphone */
.sx-phone{display:none;position:relative;width:min(340px,82vw);margin:0 auto;transition:opacity .45s var(--ease),transform .55s var(--ease)}
.ph-body{position:relative;padding:11px;border-radius:56px;background:linear-gradient(145deg,#4a4f53,#1b1d1f 30%,#2c3033 70%,#55595d);box-shadow:inset 0 0 0 2px #0e0f10,0 50px 90px -30px rgba(0,0,0,.7)}
.ph-b{position:absolute;width:4px;border-radius:2px;background:#3a3e41}
.ph-b1{left:-3px;top:22%;height:7%}.ph-b2{left:-3px;top:32%;height:11%}.ph-b3{right:-3px;top:28%;height:15%}
.ph-screen{position:relative;aspect-ratio:390/830;border-radius:46px;overflow:hidden;background:#000}
.ph-island{position:absolute;top:2.2%;left:50%;width:31%;height:3.6%;margin-left:-15.5%;border-radius:20px;background:#000;z-index:6}
.sx-stage[data-mode="mob"] .sx-laptop{display:none}
.sx-stage[data-mode="mob"] .sx-phone{display:block;animation:sxin .5s var(--ease)}
.sx-stage[data-mode="desk"] .sx-laptop{animation:sxin .5s var(--ease)}
@keyframes sxin{from{opacity:0;transform:translateY(16px) scale(.97)}}

/* elementos flutuantes */
.sx-float{position:absolute;z-index:7;display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:16px;border:1px solid var(--line-strong);background:color-mix(in srgb,var(--raised) 82%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 20px 40px -18px rgba(0,0,0,.5);font-size:12.5px;line-height:1.35;color:var(--soft)}
.sx-float svg{width:18px;height:18px;color:var(--text-accent);flex:none}
.sx-f1{left:-2%;top:18%;animation:sxfl 6s ease-in-out infinite}
.sx-f2{right:-3%;bottom:16%;opacity:0;transform:translateY(16px) scale(.92);transition:opacity .4s var(--ease),transform .6s cubic-bezier(.2,1.5,.4,1);border-color:var(--tint-line);box-shadow:0 24px 50px -18px rgba(0,0,0,.55),0 0 0 6px rgba(61,220,120,.08),0 0 50px rgba(61,220,120,.25)}
.sx-f2.on{opacity:1;transform:none}
.sx-f2 small{display:block;font:500 10px/1.2 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
.sx-f2 b{display:block;font-size:14px;color:var(--text);margin-top:3px}
.sx-dk{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:var(--on-green);flex:none}
.sx-dk svg{width:17px;height:17px;color:inherit}
@keyframes sxfl{50%{transform:translateY(-8px)}}
.sx-mascot{position:absolute;z-index:8;right:2%;bottom:2%;width:78px;aspect-ratio:1;pointer-events:none;filter:drop-shadow(0 16px 24px rgba(0,0,0,.4));transform:rotate(9deg)}
.sx-mascot .mk{display:block;width:100%;height:100%}
.sx-mascot.pop{animation:sxpop .75s cubic-bezier(.2,1.6,.4,1)}
@keyframes sxpop{40%{transform:rotate(-6deg) scale(1.2) translateY(-10px)}100%{transform:rotate(9deg)}}
.sx-stage[data-mode="mob"] .sx-f1{left:6%;top:22%}
.sx-stage[data-mode="mob"] .sx-f2{right:4%;bottom:26%}
.sx-stage[data-mode="mob"] .sx-mascot{right:calc(50% - 230px);bottom:4%}

/* ---------- comum dentro das telas ---------- */
.scr .log{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px;overflow-y:auto;scrollbar-width:none;padding:18px 22px}
.scr .log::-webkit-scrollbar{display:none}
.scr .log>*{flex-shrink:0}
.scr .log>:first-child{margin-top:auto}
.scr .m{display:flex;gap:10px;max-width:78%;opacity:0;transform:translateY(12px);transition:opacity .35s var(--ease),transform .4s var(--ease)}
.scr .m.in{opacity:1;transform:none}
.scr .m.me{align-self:flex-end;flex-direction:column;align-items:flex-end}
.scr .bb{padding:9px 13px;border-radius:8px;white-space:pre-wrap}
.scr .av{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;overflow:hidden;font-weight:600;font-size:12px;line-height:1;font-family:inherit;color:#fff}
.scr .av.sm{width:28px;height:28px;font-size:11px}.scr .av.xs{width:20px;height:20px;font-size:9px;border-radius:5px}
.scr .av-nosa{background:#e9fbef;padding:4px}
.scr .av-nosa .mk{width:100%;height:100%}
.scr .av-nosa svg{width:100%;height:100%}
.scr .dots{display:inline-flex;gap:4px;padding:4px 2px}
.scr .dots i{width:7px;height:7px;border-radius:50%;background:#9aa0a6;animation:hddot 1s infinite ease-in-out}
.scr .dots i:nth-child(2){animation-delay:.15s}.scr .dots i:nth-child(3){animation-delay:.3s}
.scr .att{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;background:#fff;border:1px solid #e1e3e6}
.scr .att b{display:block;font-size:13.5px}.scr .att small{color:#6b7280;font-size:12px}
.scr .hb{position:absolute;bottom:8px;left:50%;width:36%;height:5px;margin-left:-18%;border-radius:3px;background:#111}
/* respostas prontas */
.scr .qr{display:none;flex-wrap:wrap;align-items:center;gap:8px;padding:0 22px 12px}
.scr .qr.on{display:flex}
.scr .qr-h{width:100%;font:600 10.5px/1 ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:#8a8f98}
.scr .chip{display:inline-flex;align-items:center;gap:10px;padding:9px 9px 9px 16px;border-radius:999px;border:1.5px solid #c7cbf3;background:#f4f5ff;color:#2d3282;font-weight:600;font-size:13.5px;line-height:1.25;font-family:inherit;cursor:pointer;text-align:left;animation:sxchip 2.2s ease-in-out infinite;transition:transform .15s}
.scr .chip:hover{transform:translateY(-1px)}
.scr .chip i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#5b5fc7;color:#fff}
.scr .chip i .i{width:14px;height:14px}
.scr .chip.nx{padding-right:16px;background:#e9fbef;border-color:#a9e8c0;color:#14532d}
@keyframes sxchip{50%{box-shadow:0 0 0 5px rgba(91,95,199,.13)}}
/* cartão de entrega */
.scr .m.card{max-width:min(440px,90%)}
.scr .cd{position:relative;overflow:hidden;border-radius:10px;background:#fff;border:1px solid #e1e3e6;padding:14px;box-shadow:0 2px 6px rgba(0,0,0,.05)}
.scr .cd-h{display:flex;align-items:center;gap:12px}
.scr .cd-h b{display:block;font-size:14.5px;line-height:1.3}
.scr .cd-h small{display:block;color:#6b7280;font-size:12px;margin-top:2px}
.scr .cd-i{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:#1fae5b;color:#fff;flex:none}
.scr .cd-i .i{width:22px;height:22px}
.scr .cd-ok{margin-left:auto;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#1fae5b;color:#fff;flex:none;transform:scale(0);transition:transform .45s .3s cubic-bezier(.2,1.7,.4,1)}
.scr .m.in .cd-ok{transform:scale(1)}
.scr .cd-ok .i{width:15px;height:15px;stroke-width:2.4}
.scr .cd-a{display:flex;gap:8px;margin-top:12px}
.scr .ca{flex:1;height:36px;border-radius:6px;border:1px solid #d1d5db;background:#fff;color:#242424;font-weight:600;font-size:13px;line-height:1;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background .15s,transform .15s}
.scr .ca:hover:not(:disabled){background:#f5f5f5}
.scr .ca.pri{background:#1fae5b;border-color:#1fae5b;color:#fff}
.scr .ca.pri:hover:not(:disabled){background:#188f4b}
.scr .ca:disabled{opacity:.45;cursor:default}
.scr .ca.sel{opacity:1;box-shadow:0 0 0 2px rgba(31,174,91,.35)}
.scr .ca:focus-visible,.scr .chip:focus-visible{outline:2px solid #1fae5b;outline-offset:2px}
.scr .shine{position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.8) 50%,transparent 70%);transform:translateX(-120%)}
.scr .m.in .shine{animation:chshine 1.1s .35s ease-out}
@keyframes chshine{to{transform:translateX(120%)}}
/* barra de status (celular) */
.scr .sb{display:flex;align-items:center;justify-content:space-between;height:54px;padding:14px 30px 0 34px;font-size:16px;color:#000;background:inherit}
.scr .sb b{font-weight:600}
.scr .sb-r{display:flex;align-items:center;gap:6px}
.scr .sig{display:flex;align-items:flex-end;gap:1.5px;height:11px}.scr .sig i{width:3px;background:currentColor;border-radius:1px}.scr .sig i:nth-child(1){height:4px}.scr .sig i:nth-child(2){height:6px}.scr .sig i:nth-child(3){height:8px}.scr .sig i:nth-child(4){height:11px}
.scr .wifi{width:15px;height:11px;border-radius:15px 15px 0 0;background:radial-gradient(circle at 50% 100%,currentColor 2px,transparent 2.5px,transparent 4.5px,currentColor 5px,currentColor 6.5px,transparent 7px,transparent 9px,currentColor 9.5px,currentColor 11px,transparent 11.5px)}
.scr .bat{width:25px;height:12px;border-radius:4px;border:1.5px solid currentColor;opacity:.9;padding:1.5px;position:relative}.scr .bat i{display:block;height:100%;width:80%;background:currentColor;border-radius:1.5px}
.scr .sb-d{color:#fff}
.scr .mh{display:flex;align-items:center;gap:10px;padding:8px 16px 12px}
.scr .mh b{display:block;font-size:16px}.scr .mh small{display:block;font-size:12px;color:#6b7280}
.scr .mh>span{margin-left:auto;display:flex;gap:18px}
.scr .mh .i{width:22px;height:22px}
.scr [class$="-m"]{position:relative;display:flex;flex-direction:column;height:100%}

/* ---------- Teams ---------- */
.tm{background:#f5f5f5;height:100%;color:#242424}
.tm-d{display:flex;flex-direction:column}
.tm-top{display:flex;align-items:center;gap:14px;height:44px;padding:0 14px;background:#ebebeb;border-bottom:1px solid #e0e0e0}
.tm-nav{display:flex;gap:6px;color:#616161;width:200px}
.tm-search{flex:0 1 520px;margin:0 auto;display:flex;align-items:center;gap:8px;height:30px;padding:0 12px;border-radius:6px;background:#fff;color:#707070;font-size:13px;border:1px solid #e0e0e0}
.tm-me{display:flex;align-items:center;gap:14px;color:#616161;width:200px;justify-content:flex-end}
.tm-body{flex:1;display:flex;min-height:0}
.tm-rail{width:68px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0;background:#ebebeb}
.tm-rail span{position:relative;width:60px;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 0;color:#616161;border-radius:6px}
.tm-rail small{font-size:10px}
.tm-rail .on{color:#5b5fc7;background:#fff}
.tm-rail .on::before{content:"";position:absolute;left:-4px;top:12px;bottom:12px;width:3px;border-radius:2px;background:#5b5fc7}
.tm-apps{margin-top:auto}
.tm-list{width:300px;background:#fafafa;border-right:1px solid #e6e6e6;padding:6px 8px;overflow:hidden}
.tm-lh{display:flex;align-items:center;justify-content:space-between;padding:10px 8px 8px}
.tm-lh b{font-size:18px}.tm-lh span{display:flex;gap:14px;color:#616161}
.tm-sec{display:flex;align-items:center;gap:4px;padding:10px 6px 4px;font-size:12px;color:#616161}
.tm-sec .i{width:13px;height:13px}
.tm-it{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px;border-radius:6px}
.tm-it b{display:block;font-size:13.5px;font-weight:600}.tm-it small{display:block;font-size:12px;color:#616161;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tm-it time{font-size:11.5px;color:#616161;align-self:start;margin-top:3px}
.tm-it.on{background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.tm-conv{flex:1;display:flex;flex-direction:column;min-width:0;background:#f5f5f5}
.tm-ch{display:flex;align-items:center;gap:12px;height:56px;padding:0 20px;background:#fff;border-bottom:1px solid #e6e6e6}
.tm-ch b{font-size:15.5px}
.tm-ch nav{display:flex;align-items:center;gap:18px;margin-left:16px;font-size:14px;color:#616161;height:100%}
.tm-ch nav span{height:100%;display:flex;align-items:center;border-bottom:3px solid transparent}
.tm-ch nav .on{color:#242424;font-weight:600;border-color:#5b5fc7}
.tm-acts{margin-left:auto;display:flex;gap:18px;color:#616161}
.tm .m.me .bb{background:#e8ebfa;border-radius:6px}
.tm .m.them .bb{background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.08);border-radius:6px}
.tm-meta{font-size:12px;color:#616161;margin-bottom:4px}.tm-meta b{color:#242424;margin-right:6px}
.tm .qr{padding:0 22px 10px}
.tm-comp{padding:0 22px 16px}
.tm-box{display:flex;align-items:center;justify-content:space-between;height:46px;padding:0 10px 0 16px;border-radius:6px;background:#fff;border-bottom:2px solid #5b5fc7;color:#8a8a8a;font-size:14px;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.tm-tools{display:flex;align-items:center;gap:12px;color:#616161}
.tm-send{color:#5b5fc7;display:flex}
.cd-tm{border:1px solid #e6e6e6;padding-left:18px}
.cd-tm .cd-bar{position:absolute;left:0;top:0;bottom:0;width:4px;background:#5b5fc7}
.cd-tm .ca{border-radius:4px}.cd-tm .ca.pri{background:#5b5fc7;border-color:#5b5fc7}.cd-tm .ca.pri:hover:not(:disabled){background:#4f52b2}
.cd-tm .cd-i{background:#5b5fc7}
.tm-m{background:#fff}
.tm-mh{border-bottom:0;padding-bottom:6px}.tm-mh>.i:first-child{color:#5b5fc7}
.tm-mtabs{display:flex;gap:22px;padding:0 20px;border-bottom:1px solid #e6e6e6;font-size:14px;color:#616161}
.tm-mtabs span{padding:10px 0}.tm-mtabs .on{color:#5b5fc7;font-weight:600;box-shadow:inset 0 -3px #5b5fc7}
.tm-m .log{background:#f5f5f5;padding:16px}
.tm-m .qr{background:#f5f5f5;padding:4px 16px 12px}
.tm-mcomp{display:flex;align-items:center;gap:12px;padding:10px 16px 34px;background:#fff;color:#616161;font-size:15px}
.tm-mcomp i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#5b5fc7;color:#fff;flex:none}
.tm-mcomp span{flex:1;padding:9px 14px;border-radius:20px;background:#f5f5f5;color:#8a8a8a}

/* ---------- Slack ---------- */
.sk{height:100%;color:#1d1c1d}
.sk-d{display:flex;flex-direction:column;background:#3f0e40}
.sk-top{display:flex;align-items:center;gap:14px;height:42px;padding:0 14px;background:#350d36;color:#d1c2d1}
.sk-nav{display:flex;gap:6px;width:200px}
.sk-search{flex:0 1 560px;margin:0 auto;display:flex;align-items:center;gap:8px;height:28px;padding:0 12px;border-radius:6px;background:#5d385e;color:#e5d9e5;font-size:13px}
.sk-top>span:last-child{width:200px;display:flex;justify-content:flex-end}
.sk-body{flex:1;display:flex;min-height:0;padding:0 6px 6px 0}
.sk-rail{width:70px;display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px 0;color:#e0d3e0}
.sk-ws{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;background:#fff;color:#3f0e40;font-weight:800;font-size:13px;margin-bottom:6px}
.sk-rail>span:not(.sk-ws):not(.av){display:flex;flex-direction:column;align-items:center;gap:3px}
.sk-rail>span .i{width:34px;height:34px;padding:7px;border-radius:9px}
.sk-rail .on .i{background:rgba(255,255,255,.2);color:#fff}
.sk-rail small{font-size:10.5px;font-weight:600}
.sk-plus{margin-top:auto}.sk-plus .i{background:rgba(255,255,255,.12);border-radius:50%!important}
.sk-me{border-radius:8px!important}
.sk-side{width:270px;background:#4a154b;color:#e3d6e4;border-radius:10px 0 0 10px;padding:10px 8px;overflow:hidden}
.sk-wsn{display:flex;align-items:center;gap:4px;padding:6px 10px 12px;color:#fff}
.sk-wsn b{font-size:17px}.sk-wsn .i{width:14px;height:14px}
.sk-new{margin-left:auto;width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:#fff;color:#4a154b}
.sk-ln{display:flex;align-items:center;gap:8px;height:28px;padding:0 10px;border-radius:6px;font-size:14.5px;opacity:.9}
.sk-ln .i{width:16px;height:16px}
.sk-ln.on{background:#1164a3;color:#fff;opacity:1;font-weight:600}
.sk-h{width:16px;text-align:center;opacity:.8}
.sk-grp{display:flex;align-items:center;gap:6px;padding:14px 10px 4px;font-size:14px;opacity:.85}
.sk-grp .i{width:13px;height:13px}
.sk-ln .av-nosa{background:#e9fbef}
.sk-conv{flex:1;min-width:0;display:flex;flex-direction:column;background:#fff;border-radius:0 10px 10px 0}
.sk-ch{display:flex;align-items:center;gap:6px;height:50px;padding:0 20px;border-bottom:1px solid #e8e8e8}
.sk-ch b{font-size:17px}.sk-ch>.i{width:14px;height:14px}
.sk-mem{margin-left:auto;display:flex;align-items:center;padding:3px 8px 3px 3px;border:1px solid #ddd;border-radius:7px}
.sk-mem i{width:22px;height:22px;border-radius:5px;margin-right:-6px;border:2px solid #fff;display:block}
.sk-mem i.n{background:#e9fbef;padding:2px;overflow:hidden}.sk-mem i.n svg{width:100%;height:100%}
.sk-mem em{font-style:normal;font-size:13px;margin-left:12px;color:#454245}
.sk-tabs{display:flex;gap:4px;padding:0 14px;border-bottom:1px solid #e8e8e8;font-size:13.5px;color:#616061}
.sk-tabs span{display:flex;align-items:center;gap:6px;padding:9px 8px}.sk-tabs .i{width:15px;height:15px}
.sk-tabs .on{color:#1d1c1d;font-weight:700;box-shadow:inset 0 -2px #1d1c1d}
.sk .log{gap:4px;padding:10px 0}
.sk-day{display:flex;justify-content:center;position:relative;margin:4px 0 8px}
.sk-day::before{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px solid #e8e8e8}
.sk-day span{position:relative;padding:3px 14px;border:1px solid #e8e8e8;border-radius:20px;background:#fff;font-size:12.5px;font-weight:700}
.sk-msg{max-width:none!important;padding:6px 20px;gap:10px!important}
.sk-msg .av.sq{width:38px;height:38px;border-radius:8px}
.sk-msg .av.ghost{visibility:hidden;height:0}
.sk-nm{display:flex;align-items:baseline;gap:8px}
.sk-nm b{font-size:15px;font-weight:900}.sk-nm time{font-size:12px;color:#616061}
.sk-app{font-style:normal;font-size:10px;font-weight:700;padding:1px 4px;border-radius:3px;background:#e8e8e8;color:#616061;margin-left:4px;vertical-align:2px}
.sk-tx{font-size:15px;line-height:1.46}
.sk-cont{padding-top:0}
.sk-files{display:flex;gap:8px;flex-wrap:wrap}
.sk-file{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #ddd;border-radius:8px;font-size:13px}
.sk-file .i{color:#e01e5a}.sk-file small{color:#616061}
.cd-sk{border-left:4px solid #1fae5b;border-radius:4px 8px 8px 4px;max-width:440px}
.cd-sk .ca{border-radius:6px;font-weight:700}.cd-sk .ca.pri{background:#007a5a;border-color:#007a5a}
.sk .qr{padding:0 20px 10px}
.sk .chip{border-color:#d7c6d8;background:#f8f4f8;color:#3f0e40}.sk .chip i{background:#007a5a}
@keyframes skchip{50%{box-shadow:0 0 0 5px rgba(74,21,75,.12)}}.sk .chip{animation-name:skchip}
.sk-comp{margin:0 20px 18px;border:1px solid #c7c7c7;border-radius:8px;overflow:hidden}
.sk-tb{display:flex;gap:14px;padding:7px 10px;background:#f8f8f8;color:#868686}.sk-tb .i{width:16px;height:16px}
.sk-ph{padding:10px 12px;font-size:15px;color:#868686}
.sk-bb{display:flex;align-items:center;gap:14px;padding:4px 8px 8px 12px;color:#616061}
.sk-send{margin-left:auto;width:32px;height:28px;border-radius:5px;display:grid;place-items:center;background:#007a5a;color:#fff}
.sk-send .i{width:15px;height:15px}
.sk-m{background:#fff}
.sk-m .sb{background:#3f0e40}
.sk-mh{background:#3f0e40;color:#fff}.sk-mh small{color:#d1c2d1!important}
.sk-mcomp{padding:10px 14px 34px;border-top:1px solid #e8e8e8}
.sk-mcomp>span{display:block;font-size:15px;color:#868686;padding:4px 2px 10px}
.sk-mcomp>div{display:flex;align-items:center;gap:18px;color:#616061}
.sk-m .sk-msg{padding:6px 14px}
.sk-m .qr{padding:0 14px 10px}

/* ---------- portal ---------- */
.pt{height:100%;background:#f4f7f5}
.pt-d{display:flex;flex-direction:column}
.br{display:flex;align-items:center;gap:14px;height:44px;padding:0 14px;background:#e9ecea;border-bottom:1px solid #d9dedb;color:#5f6662}
.br-dots{display:flex;gap:7px}.br-dots i{width:12px;height:12px;border-radius:50%;background:#ff5f57}.br-dots i:nth-child(2){background:#febc2e}.br-dots i:nth-child(3){background:#28c840}
.br-nav{display:flex;gap:8px}
.br-url{flex:0 1 520px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:7px;height:28px;border-radius:8px;background:#fff;font-size:13px;color:#3b413e}
.br-url .i{width:13px;height:13px}
.br-r{display:flex;gap:12px}
.pt-app{flex:1;display:flex;flex-direction:column;min-height:0}
.pt-top{display:flex;align-items:center;gap:28px;height:56px;padding:0 24px;background:#0c2216;color:#cfe6d8}
.pt-logo{display:flex;align-items:center;gap:9px}
.pt-logo svg,.pt-logo .mk{width:26px;height:26px}
.pt-logo b{color:#fff;font-size:15px}.pt-logo small{font-size:12px;color:#8fb9a1;padding-left:9px;border-left:1px solid #2a4a38}
.pt-top nav{display:flex;gap:6px;font-size:13.5px}
.pt-top nav span{padding:7px 12px;border-radius:8px}.pt-top nav .on{background:rgba(61,220,120,.16);color:#7af0a6;font-weight:600}
.pt-top .av{margin-left:auto}
.pt-body{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 370px;min-height:0}
.pt-main{padding:26px 28px;overflow:hidden}
.pt-crumb{font-size:12.5px;color:#6b7570}
.pt-main h3{margin:6px 0 2px;font-size:22px;letter-spacing:-.01em}
.pt-sub{margin:0 0 18px;color:#6b7570;font-size:13.5px}
.pt-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}
.pt-kpis div{padding:12px 14px;border-radius:12px;background:#fff;border:1px solid #e3e8e5}
.pt-kpis small{display:block;font-size:11.5px;color:#6b7570}.pt-kpis b{font-size:16px}
.pt-tbl{border-radius:12px;background:#fff;border:1px solid #e3e8e5;overflow:hidden}
.pt-tr{display:grid;grid-template-columns:1.4fr 1fr 1.2fr 1fr;align-items:center;gap:10px;padding:13px 16px;border-top:1px solid #eef1ef;font-size:13.5px}
.pt-th{border-top:0;background:#f8faf9;font-size:11.5px;color:#6b7570;text-transform:uppercase;letter-spacing:.05em}
.pt-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px}
.pt-sk i{display:block;height:8px;width:70%;border-radius:4px;background:linear-gradient(90deg,#edf1ee,#e2e8e4,#edf1ee);background-size:200% 100%;animation:ptsk 1.6s linear infinite}
@keyframes ptsk{to{background-position:-200% 0}}
.pt-st{font-style:normal;font-size:12px;padding:4px 9px;border-radius:20px;background:#eef1ef;color:#4b5550;transition:background .3s,color .3s}
.pt-st.ok{background:#dcf7e6;color:#13693a}
.pt-chat{display:flex;flex-direction:column;min-height:0;background:#fff;border-left:1px solid #e3e8e5}
.pt-chat header{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid #eef1ef}
.pt-chat header b{display:block;font-size:14.5px}.pt-chat header small{display:flex;align-items:center;gap:5px;font-size:11.5px;color:#13693a}
.pt-chat header small i{width:7px;height:7px;border-radius:50%;background:#2fcf6c}
.pt-chat header>.i{margin-left:auto;color:#6b7570}
.pt .log{padding:16px}
.pt .m.me .bb{background:#0c2216;color:#eafff2;border-radius:14px 14px 4px 14px}
.pt .m.them .bb{background:#f1f5f2;border-radius:4px 14px 14px 14px}
.pt .m{max-width:88%}
.pt .qr{padding:0 16px 10px}
.pt .chip{border-color:#a9e8c0;background:#ecfbf2;color:#13693a}.pt .chip i{background:#1fae5b}
@keyframes ptchip{50%{box-shadow:0 0 0 5px rgba(31,174,91,.15)}}.pt .chip{animation-name:ptchip}
.pt-comp{display:flex;align-items:center;margin:0 16px 16px;padding:8px 8px 8px 14px;border-radius:12px;border:1px solid #dfe5e1;font-size:13.5px;color:#8a938e}
.pt-comp i{margin-left:auto;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#1fae5b;color:#fff}
.pt-comp i .i{width:15px;height:15px}
.cd-pt{border-color:#bfe9cf;background:linear-gradient(135deg,#eafaf0,#fff)}
.pt-m{background:#fff}
.pt-murl{display:flex;align-items:center;justify-content:center;gap:6px;margin:0 16px 6px;height:34px;border-radius:12px;background:#eef1ef;font-size:13.5px;color:#3b413e}
.pt-murl .i{width:13px;height:13px}
.pt-mh{background:#0c2216;color:#fff}.pt-mh small{color:#8fb9a1!important}.pt-mh>.i{color:#cfe6d8}.pt-mh>.i:last-child{margin-left:auto}
.pt-m .log{background:#f4f7f5}
.pt-m .qr{background:#f4f7f5;padding-top:4px}
.pt-mcomp{margin:10px 14px 34px}

/* ---------- WhatsApp ---------- */
.wa{height:100%;color:#111b21}
.wa-d{display:flex;background:#fff}
.wa-rail{width:64px;display:flex;flex-direction:column;align-items:center;gap:18px;padding:16px 0;background:#f0f2f5;border-right:1px solid #e9edef;color:#54656f}
.wa-rail .i{width:24px;height:24px}.wa-rail .on{color:#111b21;background:#d9dbdf;border-radius:50%;padding:7px;width:40px;height:40px}
.wa-rb{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:16px}
.wa-list{width:360px;border-right:1px solid #e9edef;overflow:hidden}
.wa-lh{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 10px}
.wa-lh b{font-size:21px;font-weight:700}.wa-lh span{display:flex;gap:18px;color:#54656f}
.wa-search{display:flex;align-items:center;gap:10px;margin:0 14px;height:38px;padding:0 14px;border-radius:20px;background:#f0f2f5;color:#667781;font-size:13.5px}
.wa-search .i{width:16px;height:16px}
.wa-chips{display:flex;gap:8px;padding:12px 14px}
.wa-chips span{padding:6px 12px;border-radius:20px;background:#f0f2f5;color:#54656f;font-size:13.5px}
.wa-chips .on{background:#d9fdd3;color:#008069;font-weight:500}
.wa-it{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 14px;margin:0 6px;border-radius:10px}
.wa-it .av{width:48px;height:48px;font-size:15px}
.wa-it b{display:block;font-size:16px;font-weight:400}.wa-it small{display:block;font-size:13.5px;color:#667781;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wa-it time{font-size:12px;color:#667781;align-self:start;margin-top:4px}
.wa-it.on{background:#f0f2f5}
.wa-conv{flex:1;min-width:0;display:flex;flex-direction:column}
.wa-ch{display:flex;align-items:center;gap:12px;height:60px;padding:0 18px;background:#f0f2f5}
.wa-ch .av{width:40px;height:40px}
.wa-ch b{display:block;font-size:16px;font-weight:500}.wa-ch small{font-size:13px;color:#667781}
.wa-ch>span{margin-left:auto;display:flex;gap:22px;color:#54656f}
.wa-bg{background-color:#efeae2;background-image:radial-gradient(rgba(0,0,0,.035) 1.2px,transparent 1.3px),radial-gradient(rgba(0,0,0,.03) 1px,transparent 1.2px);background-size:22px 22px,34px 34px;background-position:0 0,11px 17px}
.wa .log{gap:6px;padding:18px 60px}
.wa-day{align-self:center;margin:6px 0}.wa-day span{display:block;padding:6px 12px;border-radius:8px;background:#fff;font-size:12.5px;color:#54656f;box-shadow:0 1px .5px rgba(11,20,26,.13)}
.wa-e2e{align-self:center;display:flex;gap:6px;align-items:center;max-width:460px;margin-bottom:8px;padding:6px 12px;border-radius:8px;background:#ffeecd;font-size:12px;color:#54656f;text-align:center}
.wa-e2e .i{width:12px;height:12px}
.wa .m{max-width:65%}
.wa .bb{position:relative;padding:7px 9px 8px 10px;border-radius:8px;font-size:14.2px;line-height:1.38;box-shadow:0 1px .5px rgba(11,20,26,.13)}
.wa .m.me .bb{background:#d9fdd3;border-top-right-radius:0}
.wa .m.them .bb{background:#fff;border-top-left-radius:0}
.wa .m.me .bb::after,.wa .m.them .bb::after{content:"";position:absolute;top:0;width:10px;height:13px}
.wa .m.me .bb::after{right:-8px;background:linear-gradient(225deg,transparent 50%,#d9fdd3 50%)}
.wa .m.them .bb::after{left:-8px;background:linear-gradient(135deg,transparent 50%,#fff 50%)}
.wa-t{float:right;margin:8px 0 -4px 12px;font-size:11px;color:#667781;display:inline-flex;align-items:center;gap:2px}
.wa-tick{display:inline-flex;color:#53bdeb}.wa-tick .i{width:14px;height:14px;stroke-width:2}.wa-tick .i+.i{margin-left:-9px}
.wa .att{background:#d9fdd3;border:0}
.cd-wa{padding:0;border:0;border-radius:8px;border-top-left-radius:0;min-width:300px;box-shadow:0 1px .5px rgba(11,20,26,.13)}
.cd-wa .cd-h{padding:12px}
.cd-wa .cd-i{background:#008069}
.cd-wa .wa-t{position:absolute;right:10px;top:54px;float:none;margin:0}
.wa-btns{display:flex;flex-direction:column;border-top:1px solid #e9edef}
.wa-btns .ca{height:42px;border:0;border-radius:0;background:#fff;color:#008069;font-weight:500;font-size:14px}
.wa-btns .ca+.ca{border-top:1px solid #e9edef}
.wa-btns .ca.pri{background:#fff;color:#008069}
.wa-btns .ca:hover:not(:disabled){background:#f5f6f6}
.wa-btns .ca.sel{box-shadow:inset 0 0 0 2px rgba(0,128,105,.3)}
.wa-qr{background:#efeae2;padding:4px 60px 10px}
.wa .chip{border-color:#b8e6c6;background:#fff;color:#075e54}.wa .chip i{background:#00a884}
@keyframes wachip{50%{box-shadow:0 0 0 5px rgba(0,168,132,.15)}}.wa .chip{animation-name:wachip}
.wa-comp{display:flex;align-items:center;gap:16px;height:62px;padding:0 18px;background:#f0f2f5;color:#54656f}
.wa-comp .i{width:24px;height:24px}
.wa-in{flex:1;display:flex;align-items:center;justify-content:space-between;height:42px;padding:0 14px;border-radius:10px;background:#fff;color:#667781;font-size:15px}
.wa-m{background:#efeae2}
.wa-m .sb{background:#f6f6f6}
.wa-mh{background:#f6f6f6;border-bottom:1px solid #e3e3e3;padding-left:10px}
.wa-mh>.i:first-child{color:#007aff;width:26px;height:26px}
.wa-mh em{font-style:normal;color:#007aff;font-size:16px;margin:0 2px 0 -8px}
.wa-mh .av{width:38px;height:38px}
.wa-mh small{color:#667781!important}
.wa-mh>span{color:#007aff}
.wa-m .log{padding:12px 16px}
.wa-m .m{max-width:82%}
.wa-m .qr{padding:2px 16px 10px}
.wa-m .cd-wa{min-width:0;width:100%}
.wa-m .m.card{max-width:88%}
.wa-mcomp{display:flex;align-items:center;gap:14px;padding:8px 14px 34px;background:#f6f6f6;color:#007aff}
.wa-mcomp .i{width:24px;height:24px}
.wa-mcomp .wa-in{height:36px;border-radius:18px;border:1px solid #e3e3e3}
.wa-mcomp .wa-in .i{color:#8e8e93;width:20px;height:20px}

/* responsivo */
@media (max-width:1100px){.sx-f1{display:none}}
@media (max-width:760px){
  .sx-mode{display:none}
  .sx-bar{margin-bottom:20px}
  .sx-tabs{border:0;background:none;padding:0}
  .sx-tab{padding:0 6px;height:44px}
  .sx-tab .sx-tl{display:none}
  .sx-tab.on .sx-tl{display:inline}
  .sx-tab.on{padding-right:14px}
  .sx-f2{left:50%;right:auto;bottom:6%;transform:translate(-50%,16px) scale(.92);white-space:nowrap}
  .sx-f2.on{transform:translate(-50%,0)}
  .sx-stage[data-mode="mob"] .sx-mascot{right:2%;bottom:16%;width:60px}
}
@media (prefers-reduced-motion:reduce){.sx-f1,.scr .chip,.scr .dots i,.pt-sk i{animation:none}.scr .m{transition:none}}
@media (max-width:760px){.sx-stage{padding-bottom:92px}.sx-f2{bottom:12px}}
.sx-stage[data-mode="desk"] .sx-f1{display:none}
.cd-wa .wa-t{display:none}
.sx-stage[data-mode="desk"] .sx-f2{bottom:7%;right:-4%}
.sx-stage[data-mode="desk"] .sx-mascot{bottom:-1%}
.sx-float{pointer-events:none}
@media (max-width:760px){.sx-f2{display:none}.sx-stage{padding-bottom:30px}.sx-stage[data-mode="mob"] .sx-mascot{width:54px;right:0;bottom:0}}

/* ===== layout com menu lateral ===== */
.sx{display:grid;grid-template-columns:minmax(260px,330px) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center}
.sx-side{display:flex;flex-direction:column;gap:26px}
.sx-head h2{font:500 clamp(30px,3vw,44px)/1.06 var(--sans);letter-spacing:-.03em;margin:12px 0 14px}
.sx-head>p:last-child{margin:0;color:var(--soft);font-size:15px;line-height:1.6}
.sx-bar{flex-direction:column;align-items:stretch;justify-content:flex-start;gap:14px;margin:0}
.sx-tabs{flex-direction:column;flex-wrap:nowrap;gap:4px;padding:6px;border-radius:18px}
.sx-tab{height:auto;padding:10px 12px;border-radius:12px;gap:12px;text-align:left}
.sx-ti{width:36px;height:36px;border-radius:11px}
.sx-ti svg{width:18px;height:18px}
.sx-tl b{display:block;font-weight:600;font-size:14.5px;color:inherit}
.sx-tl small{display:block;font-size:12px;color:var(--faint);margin-top:3px;line-height:1.3}
.sx-tab.on .sx-tl small{color:var(--soft)}
.sx-tab::after{content:"";margin-left:auto;width:6px;height:6px;border-radius:50%;background:var(--green);opacity:0;transition:opacity .25s;box-shadow:0 0 10px var(--green)}
.sx-tab.on::after{opacity:1}
.sx-mode{align-self:flex-start}
.sx-right{min-width:0}
.sx-stage{max-width:none;padding:0 0 26px}
.sx-laptop{width:100%}
.sx-phone{width:min(300px,78vw)}
.sx-glow{inset:-12% -8% -4%}
.sx-right .chan-cap{margin-top:6px}
.sx-stage[data-mode="desk"] .sx-f2{right:-2%;bottom:9%}
.sx-stage[data-mode="desk"] .sx-mascot{right:-1%;bottom:0;width:70px}
.sx-stage[data-mode="mob"] .sx-f1{left:0;top:16%}
.sx-stage[data-mode="mob"] .sx-f2{right:0;bottom:24%}
.sx-stage[data-mode="mob"] .sx-mascot{right:calc(50% - 205px);bottom:4%}
@media (max-width:1180px){.sx-stage[data-mode="mob"] .sx-f1{display:none}}
@media (max-width:980px){
  .sx{grid-template-columns:minmax(0,1fr);gap:24px}
  .sx-tabs{flex-direction:row;flex-wrap:wrap;border-radius:999px}
  .sx-tab{border-radius:999px;padding:6px 14px 6px 6px}
  .sx-tl small,.sx-tab::after{display:none}
  .sx-ti{width:28px;height:28px;border-radius:50%}
  .sx-bar{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center}
  .sx-mode{align-self:auto}
  .sx-head{text-align:left}
}
@media (max-width:760px){.sx-tab{padding:0 6px}.sx-tab.on{padding-right:14px}.sx-tab .sx-tl{display:none}.sx-tab.on .sx-tl{display:inline}}
.sx-head h2{font-size:clamp(28px,2.55vw,38px)}
.sx-laptop{width:92%}
.sx-stage[data-mode="desk"] .sx-f2{right:0}
.sx-stage[data-mode="desk"] .sx-mascot{right:1%}

/* ===== home: cada bloco cabe numa tela (modo guiado) ===== */
@media (min-width:981px){
  :is(#main[data-page="index"],#main[data-page="inicio"]) section.sec{padding-block:clamp(40px,6vh,68px)}
  :is(#main[data-page="index"],#main[data-page="inicio"]) .cmp .wrap{padding-block:clamp(40px,6vh,68px)}
  :is(#main[data-page="index"],#main[data-page="inicio"]) .sec-head{margin-bottom:clamp(20px,3vh,30px)}
  :is(#main[data-page="index"],#main[data-page="inicio"]) .hero .wrap{padding-block:clamp(28px,5vh,56px) clamp(36px,6vh,64px)}
  /* comparativo */
  .cmp-sub{margin-top:10px}
  .cmp-head{margin-top:clamp(16px,2.5vh,28px)}
  .cmp-head,.crow{grid-template-columns:minmax(0,1fr) 92px minmax(0,1fr)}
  .xslot-cmp{width:76px;margin:0 auto}
  .cmp-rows{margin-top:14px;gap:8px}
  .cell{padding:11px 16px}
  .cell .who-tag{margin-top:3px}
  /* quem faz o quê: 5 lado a lado */
  .wds{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
  .wd{padding:18px;gap:10px}
  .wd p{font-size:13.5px}
  /* limites */
  .nolist li{padding:11px 0;gap:12px}
  .nolist b{font-size:15.5px}
  .nolist span{font-size:13.5px}
  .nolist small{display:inline;margin:0 0 0 8px}
  .nolist .x{width:28px;height:28px}
  /* vitrine: o aparelho respeita a altura da tela */
  .sx-laptop{width:min(92%,calc((100vh - 250px) * 1.5))}
  .sx-phone{width:min(300px,calc((100vh - 200px) * .44))}
  .sx-stage{padding-bottom:16px}
  .sx-side{gap:20px}
  .sx-tab{padding:8px 12px}
  .sx-head>p:last-child{font-size:14.5px}
}
@media (min-width:981px){
  .cmp-title{max-width:none;font-size:clamp(28px,2.8vw,40px)}
  .cmp-sub{max-width:none}
  .cmp-head b{font-size:clamp(18px,1.6vw,24px)}
  .xslot-cmp{width:64px}
  .crow .topic{font-size:10px}
}

/* ===== dica de clique (cursor animado) ===== */
.scr .sx-hand{position:absolute;z-index:50;width:30px;height:30px;pointer-events:none;animation:sxhand 2.6s cubic-bezier(.4,0,.2,1) infinite}
.scr .sx-hand svg{width:30px;height:30px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.35))}
.scr .sx-ripple{position:absolute;left:2px;top:2px;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;border:2px solid #1fae5b;opacity:0;animation:sxrip 2.6s ease-out infinite}
.scr .sx-tip{position:absolute;left:30px;top:20px;white-space:nowrap;padding:6px 10px;border-radius:8px;background:#0c2216;color:#eafff2;font-weight:600;font-size:12.5px;line-height:1;font-family:inherit;box-shadow:0 8px 18px rgba(0,0,0,.25);animation:sxtip 2.6s ease infinite}
@keyframes sxhand{0%{transform:translate(70px,60px);opacity:0}15%{opacity:1}45%{transform:translate(0,0)}52%{transform:translate(0,0) scale(.82)}60%{transform:translate(0,0) scale(1)}85%{transform:translate(0,0);opacity:1}100%{transform:translate(0,0);opacity:0}}
@keyframes sxrip{0%,50%{opacity:0;transform:scale(.4)}55%{opacity:1}80%{opacity:0;transform:scale(2.6)}100%{opacity:0}}
@keyframes sxtip{0%,40%{opacity:0;transform:translateY(4px)}55%,85%{opacity:1;transform:none}100%{opacity:0}}
.scr .chip{box-shadow:0 0 0 0 rgba(31,174,91,0);font-size:14.5px}

/* ===== ampliar ===== */
.sx-right{position:relative}
.sx-zoom{position:absolute;top:-8px;right:0;z-index:9;display:flex;align-items:center;gap:7px;height:34px;padding:0 14px 0 11px;border-radius:999px;border:1px solid var(--line-strong);background:var(--card);color:var(--soft);font:500 12.5px/1 var(--sans);cursor:pointer;transition:color .2s,border-color .2s}
.sx-zoom:hover{color:var(--text);border-color:var(--green)}
.sx-zoom svg{width:15px;height:15px}
.sx-zoom:focus-visible{outline:2px solid var(--green);outline-offset:2px}
html.sx-lock{overflow:hidden}
.sx.zoomed .sx-right{position:fixed;inset:0;z-index:95;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 24px 20px;background:rgba(4,9,6,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:sxz .3s var(--ease)}
@keyframes sxz{from{opacity:0}}
.sx.zoomed .sx-zoom{position:fixed;top:16px;right:18px;background:var(--green);color:var(--on-green);border-color:var(--green)}
.sx.zoomed .sx-stage{width:min(1500px,100%);padding-bottom:0}
.sx.zoomed .sx-laptop{width:min(100%,calc((100vh - 110px) * 1.52))}
.sx.zoomed .sx-phone{width:min(430px,calc((100vh - 90px) * .45))}
.sx.zoomed .chan-cap{display:none}
.sx.zoomed .sx-glow{inset:0;opacity:.8}
@media (max-width:760px){.sx-zoom{display:none}}
@media (prefers-reduced-motion:reduce){.scr .sx-hand,.scr .sx-ripple,.scr .sx-tip{animation:none}}
.sx-bar{flex-direction:row;flex-wrap:wrap}
.sx-bar .sx-tabs{flex:1 1 100%}
.sx-zoom{position:static;height:46px;padding:0 16px 0 13px;font-size:13px}
.sx.zoomed .sx-zoom{position:fixed;z-index:96;height:38px}
.sx.zoomed .sx-stage[data-mode="mob"] .sx-mascot{right:calc(50% - 300px)}
.sx-bar{gap:12px 8px}.sx-zoom{padding:0 14px 0 12px}
.scr .wa-btns .ca,.scr .wa-btns .ca.pri{background:#fff;color:#008069;border:0;box-shadow:none}
.scr .wa-btns .ca:hover:not(:disabled),.scr .wa-btns .ca.pri:hover:not(:disabled){background:#f0f7f4;color:#006a57}
.scr .wa-btns .ca.sel{opacity:1;background:#e3f5ec;color:#006a57;font-weight:600}
.scr .wa-btns .ca:disabled:not(.sel){opacity:.4}
.scr .qr{position:relative;padding-top:10px}
.scr .qr::before{content:"";position:absolute;left:0;right:0;top:-18px;height:18px;pointer-events:none;background:linear-gradient(transparent,var(--qrbg,#f5f5f5))}
.wa .qr{--qrbg:#efeae2}.sk .qr,.pt-d .qr,.tm-m .qr{--qrbg:#fff}.pt-m .qr{--qrbg:#f4f7f5}.tm-d .qr{--qrbg:#f5f5f5}

/* ===== escolha do especialista ===== */
.sx-brands{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.sx-b{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 4px 8px;border-radius:14px;border:1px solid var(--line);background:var(--card);color:var(--faint);font:600 10.5px/1 var(--sans);letter-spacing:.04em;cursor:pointer;transition:border-color .2s,background .2s,color .2s,transform .2s}
.sx-b .mk{width:30px;height:30px;transition:transform .3s cubic-bezier(.2,1.6,.4,1)}
.sx-b:hover{color:var(--text);border-color:var(--line-strong)}
.sx-b:hover .mk{transform:translateY(-2px) rotate(-6deg)}
.sx-b.on{color:var(--text);border-color:var(--tint-line);background:var(--raised);box-shadow:0 0 0 3px rgba(61,220,120,.08)}
.sx-b:not(.on) .mk{filter:saturate(.35);opacity:.7}
.sx-b:focus-visible{outline:2px solid var(--green);outline-offset:2px}
.sx-soon{font-style:normal;font:600 9.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:3px 6px;border-radius:6px;background:var(--amber-tint,rgba(240,180,60,.14));color:var(--amber,#d4a017);border:1px solid var(--amber-line,rgba(240,180,60,.3));margin-left:6px;vertical-align:2px}
.scr.anim{transition:transform .55s cubic-bezier(.2,.8,.2,1)}
@media (max-width:980px){.sx-brands{max-width:420px;margin:0 auto;width:100%}}

/* ===== mascote narrador ===== */
.sx-f2{display:none!important}
.sx-nar{position:relative;z-index:8;display:flex;align-items:flex-end;justify-content:center;gap:12px;margin:2px auto 0;max-width:560px;min-height:64px}
.sx-nar .sx-mascot{position:static;flex:none;width:58px;height:58px;transform:rotate(-6deg);filter:drop-shadow(0 12px 18px rgba(0,0,0,.35))}
.sx-nar .sx-mascot.pop{animation:sxpop2 .7s cubic-bezier(.2,1.6,.4,1)}
@keyframes sxpop2{40%{transform:rotate(6deg) scale(1.18) translateY(-8px)}100%{transform:rotate(-6deg)}}
.sx-say{position:relative;flex:0 1 auto;min-width:0;padding:11px 15px 12px;border-radius:16px 16px 16px 5px;border:1px solid var(--tint-line);background:color-mix(in srgb,var(--raised) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 18px 40px -18px rgba(0,0,0,.5),0 0 34px rgba(61,220,120,.12);margin-bottom:22px}
.sx-say::before{content:"";position:absolute;left:-7px;bottom:10px;width:12px;height:12px;background:inherit;border-left:1px solid var(--tint-line);border-bottom:1px solid var(--tint-line);transform:rotate(45deg)}
.sx-say b:first-child{display:block;font:600 10.5px/1 var(--mono);letter-spacing:.08em;color:var(--text-accent);margin-bottom:5px}
.sx-say p{margin:0;font-size:14px;line-height:1.45;color:var(--text)}
.sx-say p b{color:var(--text-accent);font-weight:600}
.sx-say.pop{animation:sxsay .45s cubic-bezier(.2,1.4,.4,1)}
@keyframes sxsay{from{opacity:0;transform:translateY(8px) scale(.96)}}
/* modo celular no desktop: o narrador fica ao lado do iPhone */
@media (min-width:761px){
  .sx-stage[data-mode="mob"]+.sx-nar{position:absolute;left:calc(50% + min(150px,39vw) + 18px);right:0;bottom:22%;margin:0;justify-content:flex-start;flex-direction:column-reverse;align-items:flex-start;max-width:280px}
  .sx-stage[data-mode="mob"]+.sx-nar .sx-say{margin:0;border-radius:16px 16px 16px 5px}
  .sx-stage[data-mode="mob"]+.sx-nar .sx-say::before{left:18px;bottom:-7px;transform:rotate(-45deg)}
}
@media (min-width:981px){.sx-laptop{width:min(92%,calc((100vh - 320px) * 1.55))}}
.sx.zoomed .sx-nar{position:fixed;left:24px;bottom:24px;margin:0;z-index:97}
@media (max-width:760px){.sx-nar{justify-content:flex-start;padding:0 4px}.sx-say p{font-size:13.5px}}
@media (prefers-reduced-motion:reduce){.sx-say.pop,.sx-nar .sx-mascot.pop{animation:none}}
.sx-say b:first-child{display:inline;font:inherit;letter-spacing:0;margin:0;color:var(--text-accent);font-weight:600}
.sx-say>b:first-child{display:block;font:600 10.5px/1 var(--mono);letter-spacing:.08em;margin-bottom:5px}
@media (max-width:760px){.sx-soon{display:none}.sx-tabs{flex-wrap:nowrap;justify-content:center}.sx-tab.on .sx-tl small{display:none}}

/* ===== abertura de cada especialista ===== */
.scr .sx-intro{position:absolute;inset:0;z-index:40;display:grid;place-items:center;padding:24px;background:rgba(246,248,247,.72);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);opacity:0;transition:opacity .4s ease}
.scr .sx-intro.in{opacity:1}
.scr .sx-intro.out{opacity:0}
.scr .si-card{width:min(420px,100%);text-align:center;padding:30px 30px 24px;border-radius:22px;background:#fff;border:1px solid #e3e8e5;box-shadow:0 30px 60px -20px rgba(12,34,22,.35);transform:translateY(16px) scale(.96);transition:transform .55s cubic-bezier(.2,1.4,.4,1)}
.scr .sx-intro.in .si-card{transform:none}
.scr .si-mk{display:block;width:84px;height:84px;margin:0 auto 14px;animation:sibob 3s ease-in-out infinite}
.scr .si-mk svg,.scr .si-mk .mk{width:100%;height:100%}
@keyframes sibob{50%{transform:translateY(-6px) rotate(-3deg)}}
.scr .si-area{display:inline-block;font:700 11px/1 ui-monospace,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase;color:#13693a;background:#e7f8ee;padding:6px 10px;border-radius:999px}
.scr .si-card h4{margin:10px 0 8px;font-weight:700;font-size:30px;line-height:1.05;font-family:inherit;letter-spacing:-.02em;color:#0c2216}
.scr .si-card p{margin:0 auto 20px;max-width:34ch;font-size:15px;line-height:1.5;color:#4b5550}
.scr .si-go{display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 10px 0 24px;border:0;border-radius:999px;background:#1fae5b;color:#fff;font-weight:700;font-size:15.5px;line-height:1;font-family:inherit;cursor:pointer;box-shadow:0 10px 24px -8px rgba(31,174,91,.7);animation:sigo 2.2s ease-in-out infinite;transition:transform .15s}
.scr .si-go:hover{transform:translateY(-2px)}
.scr .si-go i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.22)}
.scr .si-go i .i{width:15px;height:15px}
.scr .si-go:focus-visible{outline:3px solid #0c2216;outline-offset:3px}
@keyframes sigo{50%{box-shadow:0 10px 24px -8px rgba(31,174,91,.7),0 0 0 7px rgba(31,174,91,.15)}}
.scr .si-ch{display:block;margin-top:12px;font-size:12.5px;color:#8a938e}
.scr [class$="-m"] .si-card{padding:24px 20px 20px}
.scr [class$="-m"] .si-card h4{font-size:26px}
@media (prefers-reduced-motion:reduce){.scr .si-mk,.scr .si-go{animation:none}}

/* respostas longas quebram linha em vez de vazar */
.scr .chip{max-width:100%;white-space:normal}
.scr .qr{min-width:0}
/* zoom no celular: o aparelho inteiro cresce, sem cortar a conversa */
@media (hover:hover) and (pointer:fine){
  .sx-stage[data-mode="mob"] .sx-phone{transition:transform .5s cubic-bezier(.2,.8,.2,1)}
  .sx-stage[data-mode="mob"] .sx-phone:hover{transform:scale(1.14);z-index:6}
  .sx.zoomed .sx-stage[data-mode="mob"] .sx-phone:hover{transform:none}
}
/* modo celular: narrador embaixo do iPhone */
@media (min-width:761px){
  .sx-stage[data-mode="mob"]+.sx-nar{position:relative;left:auto;right:auto;bottom:auto;margin:8px auto 0;flex-direction:row;align-items:flex-end;justify-content:center;max-width:520px}
  .sx-stage[data-mode="mob"]+.sx-nar .sx-say{margin-bottom:22px;border-radius:16px 16px 16px 5px}
  .sx-stage[data-mode="mob"]+.sx-nar .sx-say::before{left:-7px;bottom:10px;transform:rotate(45deg)}
}

/* ===== quem faz o quê: mascote anima no hover ===== */
.wd-mk{position:relative;display:block;width:48px;height:48px}
.wd-mk .mk{width:48px;height:48px;display:block}
.wd-p,.wd-f{position:absolute;inset:0;transition:opacity .18s ease}
.wd-f{opacity:0}
.wd-glow{position:absolute;inset:-14px;border-radius:50%;background:radial-gradient(closest-side,rgba(61,220,120,.45),transparent);opacity:0;transform:scale(.6);transition:opacity .35s ease,transform .45s cubic-bezier(.2,1.5,.4,1)}
.wd:hover .wd-p,.wd:focus-visible .wd-p{opacity:0}
.wd:hover .wd-f,.wd:focus-visible .wd-f{opacity:1}
.wd:hover .wd-glow,.wd:focus-visible .wd-glow{opacity:1;transform:scale(1)}
.wd:hover .wd-mk,.wd:focus-visible .wd-mk{animation:wdhop .7s cubic-bezier(.3,1.4,.5,1)}
@keyframes wdhop{0%{transform:none}25%{transform:translateY(-12px) rotate(-10deg) scale(1.08)}50%{transform:translateY(0) scaleX(1.12) scaleY(.88)}70%{transform:translateY(-4px) rotate(5deg)}100%{transform:none}}
@media (prefers-reduced-motion:reduce){.wd:hover .wd-mk{animation:none}}

:is(#main[data-page="index"],#main[data-page="inicio"]){overflow-x:clip}

/* ===== home: um efeito de fundo diferente em cada seção ===== */
:is(#main[data-page="index"],#main[data-page="inicio"]) > section{position:relative;overflow:hidden;isolation:isolate}
:is(#main[data-page="index"],#main[data-page="inicio"]) > section > .wrap{position:relative;z-index:1}
:is(#main[data-page="index"],#main[data-page="inicio"]) > section + section{background-image:linear-gradient(90deg,transparent,color-mix(in srgb,var(--green) 60%,transparent),transparent);background-size:min(460px,60%) 1px;background-position:center top;background-repeat:no-repeat}

/* hero: aurora */
:is(#main[data-page="index"],#main[data-page="inicio"]) .hero::after{content:"";position:absolute;inset:-25% -15%;z-index:0;pointer-events:none;
  background:radial-gradient(38% 34% at 72% 34%,rgba(61,220,120,.17),transparent 70%),radial-gradient(30% 30% at 18% 82%,rgba(28,92,56,.38),transparent 70%),radial-gradient(22% 24% at 92% 88%,rgba(61,220,120,.12),transparent 70%),radial-gradient(18% 18% at 40% 10%,rgba(120,240,170,.08),transparent 70%);
  filter:blur(8px);animation:hxaur 18s ease-in-out infinite alternate}
@keyframes hxaur{50%{transform:translate3d(-3%,2%,0) rotate(4deg) scale(1.05)}100%{transform:translate3d(3%,-2%,0) rotate(-3deg) scale(1.1)}}

/* comparativo: hoje apagado × NEXO aceso, feixe no meio */
:is(#main[data-page="index"],#main[data-page="inicio"]) .cmp::before{content:"";position:absolute;inset:0 50% 0 0;z-index:0;pointer-events:none;background:repeating-linear-gradient(135deg,var(--line) 0 1px,transparent 1px 13px);opacity:.55;-webkit-mask-image:linear-gradient(90deg,transparent,#000 55%,transparent);mask-image:linear-gradient(90deg,transparent,#000 55%,transparent)}
:is(#main[data-page="index"],#main[data-page="inicio"]) .cmp::after{content:"";position:absolute;inset:0 0 0 50%;z-index:0;pointer-events:none;background:radial-gradient(60% 55% at 15% 60%,rgba(61,220,120,.12),transparent 75%)}
.cmp-rows::after{content:"";position:absolute;left:50%;top:0;width:3px;height:90px;margin-left:-1.5px;border-radius:3px;background:linear-gradient(transparent,var(--green),transparent);box-shadow:0 0 14px var(--green);animation:hxbeam 3.4s cubic-bezier(.5,0,.5,1) infinite;pointer-events:none}
@keyframes hxbeam{0%{transform:translateY(-90px);opacity:0}15%{opacity:1}85%{opacity:1}100%{transform:translateY(calc(var(--rows-h,380px)));opacity:0}}
@media (max-width:900px){.cmp-rows::after{display:none}}

/* quem faz o quê: pontos + holofote que segue o mouse */
:is(#main[data-page="index"],#main[data-page="inicio"]) #especialistas::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(color-mix(in srgb,var(--text) 26%,transparent) 1.1px,transparent 1.6px);background-size:20px 20px;
  -webkit-mask-image:radial-gradient(340px circle at var(--mx,50%) var(--my,75%),#000 0,rgba(0,0,0,.25) 45%,transparent 75%);mask-image:radial-gradient(340px circle at var(--mx,50%) var(--my,75%),#000 0,rgba(0,0,0,.25) 45%,transparent 75%)}
:is(#main[data-page="index"],#main[data-page="inicio"]) #especialistas::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(380px circle at var(--mx,50%) var(--my,75%),rgba(61,220,120,.13),transparent 70%)}

/* como funciona: faixa de scanner varrendo + pauta */
:is(#main[data-page="index"],#main[data-page="inicio"]) [data-g="como-funciona"]::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:repeating-linear-gradient(0deg,var(--line) 0 1px,transparent 1px 36px);opacity:.5;-webkit-mask-image:linear-gradient(90deg,transparent,#000 30%,#000 70%,transparent);mask-image:linear-gradient(90deg,transparent,#000 30%,#000 70%,transparent)}
:is(#main[data-page="index"],#main[data-page="inicio"]) [data-g="como-funciona"]::after{content:"";position:absolute;top:0;bottom:0;left:0;width:26%;z-index:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(61,220,120,.10) 45%,rgba(61,220,120,.22) 50%,rgba(61,220,120,.10) 55%,transparent);animation:hxscan 7s linear infinite}
@keyframes hxscan{from{transform:translateX(-110%)}to{transform:translateX(420%)}}

/* limites: radar */
:is(#main[data-page="index"],#main[data-page="inicio"]) [data-g="limites"]::before{content:"";position:absolute;left:-180px;top:50%;width:640px;height:640px;margin-top:-320px;z-index:0;pointer-events:none;border-radius:50%;
  background:repeating-radial-gradient(circle,transparent 0 47px,var(--line-strong) 47px 48px);-webkit-mask-image:radial-gradient(closest-side,#000 40%,transparent);mask-image:radial-gradient(closest-side,#000 40%,transparent);opacity:.7}
:is(#main[data-page="index"],#main[data-page="inicio"]) [data-g="limites"]::after{content:"";position:absolute;left:-180px;top:50%;width:640px;height:640px;margin-top:-320px;z-index:0;pointer-events:none;border-radius:50%;
  background:conic-gradient(from 0deg,rgba(61,220,120,.32),rgba(61,220,120,.08) 14%,transparent 26%);-webkit-mask-image:radial-gradient(closest-side,#000 55%,transparent);mask-image:radial-gradient(closest-side,#000 55%,transparent);animation:hxradar 6s linear infinite}
@keyframes hxradar{to{transform:rotate(360deg)}}

/* por onde começar: partículas subindo */
:is(#main[data-page="index"],#main[data-page="inicio"]) #comecar::before,:is(#main[data-page="index"],#main[data-page="inicio"]) #comecar::after{content:"";position:absolute;left:0;right:0;top:0;height:200%;z-index:0;pointer-events:none;
  background-image:radial-gradient(2px 2px at 8% 12%,var(--green),transparent),radial-gradient(1.5px 1.5px at 22% 64%,var(--green),transparent),radial-gradient(2px 2px at 37% 30%,var(--green),transparent),radial-gradient(1.5px 1.5px at 51% 82%,var(--green),transparent),radial-gradient(2.5px 2.5px at 66% 18%,var(--green),transparent),radial-gradient(1.5px 1.5px at 79% 56%,var(--green),transparent),radial-gradient(2px 2px at 92% 36%,var(--green),transparent),radial-gradient(1.5px 1.5px at 14% 92%,var(--green),transparent),radial-gradient(2px 2px at 60% 48%,var(--green),transparent);
  background-size:100% 50%;opacity:.55;-webkit-mask-image:linear-gradient(transparent,#000 20%,#000 40%,transparent 50%);mask-image:linear-gradient(transparent,#000 20%,#000 40%,transparent 50%);animation:hxrise 16s linear infinite}
:is(#main[data-page="index"],#main[data-page="inicio"]) #comecar::after{opacity:.3;background-size:70% 50%;background-position:30% 0;animation-duration:24s;filter:blur(.6px)}
@keyframes hxrise{from{transform:translateY(0)}to{transform:translateY(-50%)}}

@media (prefers-reduced-motion:reduce){
  :is(#main[data-page="index"],#main[data-page="inicio"]) .hero::after,:is(#main[data-page="index"],#main[data-page="inicio"]) [data-g="como-funciona"]::after,:is(#main[data-page="index"],#main[data-page="inicio"]) [data-g="limites"]::after,:is(#main[data-page="index"],#main[data-page="inicio"]) #comecar::before,:is(#main[data-page="index"],#main[data-page="inicio"]) #comecar::after,.cmp-rows::after{animation:none}
}
:is(#main[data-page="index"],#main[data-page="inicio"]) [data-g="limites"]::after{background:conic-gradient(from 0deg,rgba(61,220,120,.24),rgba(61,220,120,.10) 10%,rgba(61,220,120,.03) 22%,transparent 30%);filter:blur(3px)}
:is(#main[data-page="index"],#main[data-page="inicio"]) [data-g="limites"]::before{opacity:.5}
:is(#main[data-page="index"],#main[data-page="inicio"]) #comecar::before,:is(#main[data-page="index"],#main[data-page="inicio"]) #comecar::after{
  background-image:radial-gradient(3px 3px at 6% 14%,#3DDC78,transparent),radial-gradient(2px 2px at 13% 70%,#3DDC78,transparent),radial-gradient(3px 3px at 21% 38%,#3DDC78,transparent),radial-gradient(2px 2px at 29% 88%,#3DDC78,transparent),radial-gradient(4px 4px at 36% 22%,#3DDC78,transparent),radial-gradient(2px 2px at 44% 58%,#3DDC78,transparent),radial-gradient(3px 3px at 52% 8%,#3DDC78,transparent),radial-gradient(2px 2px at 59% 76%,#3DDC78,transparent),radial-gradient(3px 3px at 67% 44%,#3DDC78,transparent),radial-gradient(2px 2px at 74% 16%,#3DDC78,transparent),radial-gradient(4px 4px at 82% 64%,#3DDC78,transparent),radial-gradient(2px 2px at 89% 30%,#3DDC78,transparent),radial-gradient(3px 3px at 95% 84%,#3DDC78,transparent);
  opacity:.75;filter:drop-shadow(0 0 4px rgba(61,220,120,.8))}
:is(#main[data-page="index"],#main[data-page="inicio"]) #comecar::after{opacity:.4;background-size:60% 50%;background-position:20% 0;filter:blur(.5px) drop-shadow(0 0 3px rgba(61,220,120,.6))}

/* ===== home: cada seção ocupa uma tela inteira (desktop) ===== */
@media (min-width:981px) and (min-height:600px){
  :is(#main[data-page="index"],#main[data-page="inicio"]) > section[data-g]:not([data-g="cta"]){min-height:calc(100vh - var(--navh,61px));min-height:calc(100svh - var(--navh,61px));display:flex;flex-direction:column;justify-content:center}
  :is(#main[data-page="index"],#main[data-page="inicio"]) > section[data-g]:not([data-g="cta"]) > .wrap{width:100%}
}
@media (min-width:981px){
  .sx-laptop{width:min(92%,calc((100vh - 380px) * 1.55))}
  .sx-phone{width:min(300px,calc((100vh - 230px) * .44))}
  .sx-right .chan-cap{max-width:none;font-size:12px;margin-top:4px}
  .sx-stage{padding-bottom:6px}
  .sx-nar{min-height:58px}
  .sx-nar .sx-mascot{width:50px;height:50px}
  .sx-say{margin-bottom:16px;padding:9px 14px 10px}
}
@media (min-width:761px){
  .sx-stage[data-mode="mob"]+.sx-nar{position:absolute;left:calc(50% + min(150px,(100vh - 230px) * .22) + 18px);right:0;bottom:30%;margin:0;flex-direction:column-reverse;align-items:flex-start;justify-content:flex-start;max-width:none}
  .sx-stage[data-mode="mob"]+.sx-nar .sx-say{margin:0;max-width:300px;border-radius:16px 16px 16px 5px}
  .sx-stage[data-mode="mob"]+.sx-nar .sx-say::before{left:18px;bottom:-7px;transform:rotate(-45deg)}
}
@media (min-width:981px) and (max-height:860px){
  .sx-tl small{display:none}
  .sx-tab{padding:7px 10px}
  .sx-ti{width:30px;height:30px;border-radius:9px}
  .sx-side{gap:14px}
  .sx-head h2{font-size:clamp(26px,2.3vw,34px);margin:8px 0 10px}
  .sx-head>p:last-child{font-size:13.5px;line-height:1.5}
  .sx-b{padding:8px 4px 6px}.sx-b .mk{width:26px;height:26px}
  :is(#main[data-page="index"],#main[data-page="inicio"]) #onde-pedir{padding-block:28px}
}
@media (min-width:981px) and (max-height:780px){
  :is(#main[data-page="index"],#main[data-page="inicio"]) .cmp .wrap{padding-block:22px}
  .cmp-title{font-size:30px}.cmp-sub{font-size:14px;margin-top:6px}
  .cmp-head{margin-top:10px}.xslot-cmp{width:52px}
  .cmp-rows{gap:6px;margin-top:10px}.cell{padding:8px 14px;font-size:13.5px}
}

/* ===== home: encaixe suave das seções (proximidade, sem efeito de slide) ===== */
@media (min-width:981px) and (min-height:600px) and (prefers-reduced-motion:no-preference){
  html:has(#main[data-page="index"]),html:has(#main[data-page="inicio"]){scroll-snap-type:y proximity}
  :is(#main[data-page="index"],#main[data-page="inicio"]) > section[data-g]:not([data-g="cta"]){scroll-snap-align:start;scroll-margin-top:var(--navh,61px)}
  html.g-on,html:has(body.g-on){scroll-snap-type:none!important}
}
:is(#main[data-page="index"],#main[data-page="inicio"]) [data-g="como-funciona"]::after{content:none;animation:none}

/* ===== canais enxutos ===== */
.sx-tl small{display:none!important}
.sx-tab{padding:7px 10px}
.sx-ti{width:30px;height:30px;border-radius:9px}
.sx-head>p:last-child{font-size:14.5px}
.sx-side{gap:18px}
.sx-tools{position:absolute;top:-6px;right:0;z-index:9;display:flex;align-items:center;gap:8px}
.sx-right{padding-top:40px}
.sx-ill{font:500 11px/1 var(--mono);color:var(--faint);cursor:help;margin-right:4px}
.sx-tools .sx-mode{padding:3px}
.sx-tools .sx-mode button{height:30px;padding:0 10px;gap:0}
.sx-tools .sx-mode button span{display:none}
.sx-tools .sx-mode button svg{width:15px;height:15px}
.sx-tools .sx-zoom{height:36px;width:36px;padding:0;justify-content:center;border-radius:999px}
.sx-tools .sx-zoom span{display:none}
.sx.zoomed .sx-tools .sx-zoom{width:auto;padding:0 14px}
.sx.zoomed .sx-tools .sx-zoom span{display:inline}
.sx-tools [title]{position:relative}
@media (max-width:980px){.sx-right{padding-top:0}.sx-tools{position:static;justify-content:center;margin-bottom:12px}}
.sx.zoomed .sx-tools{position:fixed;top:16px;right:18px;z-index:97}.sx.zoomed .sx-tools .sx-zoom{position:static}.sx.zoomed .sx-ill{color:#a8c9b6}
.sx.zoomed .sx-right{z-index:300}
#main > section:has(.sx.zoomed){z-index:300;overflow:visible}
/* ===== Como funciona · três opções ===== */
.opt-tag{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;padding:6px 12px;border-radius:999px;border:1px dashed rgba(240,180,60,.55);background:rgba(240,180,60,.08);color:#e3b341;font:600 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase}
.how .pill{font-style:normal}
.how .file{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:8px;border:1px solid var(--line);background:var(--floor);font:500 12px/1 var(--mono);color:var(--soft)}
.how .file svg{width:13px;height:13px;color:var(--text-accent)}

/* ---------- A · pipeline ---------- */
.ha{position:relative;margin-top:6px}
.ha-rail{position:absolute;left:16.66%;right:16.66%;top:22px;height:2px;background:var(--line);border-radius:2px}
.ha-fill{position:absolute;left:0;top:0;height:100%;width:0;border-radius:2px;background:linear-gradient(90deg,var(--green),#9af5bd);box-shadow:0 0 14px var(--green);transition:width 1.2s cubic-bezier(.6,0,.3,1)}
.ha-dot{position:absolute;top:50%;left:0;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#bfffd6;box-shadow:0 0 0 6px rgba(61,220,120,.2),0 0 24px var(--green);opacity:0;transition:left 1.2s cubic-bezier(.6,0,.3,1),opacity .3s}
.ha.p1 .ha-dot{opacity:1}.ha.f1 .ha-fill{width:50%}.ha.f1 .ha-dot{left:50%}.ha.f2 .ha-fill{width:100%}.ha.f2 .ha-dot{left:100%}.ha.ok .ha-dot{opacity:0}
.ha-steps{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ha-st{display:flex;flex-direction:column;align-items:center;text-align:center;opacity:.4;transition:opacity .5s}
.ha-n{display:flex;flex-direction:column;align-items:center;gap:8px;font:500 11.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
.ha-n b{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--line-strong);background:var(--floor);color:var(--soft);font:600 16px/1 var(--sans);transition:background .4s,color .4s,box-shadow .4s,border-color .4s}
.ha-st h3{margin:14px 0 4px;font:500 19px/1.2 var(--sans);letter-spacing:-.01em}
.ha-st p{margin:0 0 14px;font-size:14px;color:var(--soft)}
.ha-vis{width:100%;min-height:178px;padding:16px;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--card);text-align:left;display:flex;flex-direction:column;gap:10px;transition:border-color .4s,box-shadow .4s}
.ha.p1 [data-s="1"],.ha.p2 [data-s="1"],.ha.p2 [data-s="2"],.ha.p3 .ha-st{opacity:1}
.ha.p1:not(.p2) [data-s="1"] .ha-vis,.ha.p2:not(.p3) [data-s="2"] .ha-vis,.ha.p3 [data-s="3"] .ha-vis{border-color:var(--tint-line);box-shadow:0 0 0 4px rgba(61,220,120,.06),0 20px 40px -24px rgba(61,220,120,.5)}
.ha.p1:not(.p2) [data-s="1"] .ha-n b,.ha.p2:not(.p3) [data-s="2"] .ha-n b,.ha.p3 [data-s="3"] .ha-n b{background:var(--green);color:var(--on-green);border-color:var(--green);box-shadow:0 0 0 6px rgba(61,220,120,.15)}
.ha.p2 [data-s="1"] .ha-n b,.ha.p3 [data-s="1"] .ha-n b,.ha.p3 [data-s="2"] .ha-n b{border-color:var(--green);color:var(--text-accent)}
.ha-chans{display:flex;gap:8px}
.ha-ch{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--floor-2);color:var(--soft)}
.ha-ch svg{width:16px;height:16px}
.ha-msg{align-self:flex-end;max-width:92%;padding:10px 14px;border-radius:14px 14px 4px 14px;background:var(--green);color:var(--on-green);font-size:14px;font-weight:500;opacity:0;transform:translateY(10px) scale(.96);transition:opacity .4s,transform .5s cubic-bezier(.2,1.4,.4,1)}
.ha.m .ha-msg{opacity:1;transform:none}
.ha-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ha-list li{display:grid;grid-template-columns:22px 1fr auto;gap:10px;align-items:center;font-size:14px;color:var(--faint);transition:color .3s}
.ha-ck{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;border:1px dashed var(--line-strong);color:transparent;transition:all .35s cubic-bezier(.2,1.6,.4,1)}
.ha-ck svg{width:12px;height:12px}
.ha-list em{font:normal 500 11px/1 var(--mono);color:var(--faint)}
.ha.c0 li[data-i="0"],.ha.c1 li[data-i="1"],.ha.c2 li[data-i="2"]{color:var(--text)}
.ha.c0 li[data-i="0"] .ha-ck,.ha.c1 li[data-i="1"] .ha-ck,.ha.c2 li[data-i="2"] .ha-ck{border:0;background:var(--green);color:var(--on-green);transform:scale(1.08)}
.ha-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;opacity:0;transform:translateY(6px);transition:opacity .4s,transform .4s}
.ha.bd .ha-badges{opacity:1;transform:none}
.ha-badges span{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;background:var(--tint);border:1px solid var(--tint-line);color:var(--text-accent);font-size:11.5px}
.ha-badges svg{width:12px;height:12px}
.ha-files{display:flex;gap:6px;flex-wrap:wrap;opacity:0;transform:translateY(6px);transition:opacity .4s,transform .4s}
.ha.fl .ha-files{opacity:1;transform:none}
.ha-dec{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:12px;border-radius:12px;background:rgba(240,180,60,.08);border:1px solid rgba(240,180,60,.35);opacity:0;transform:translateY(10px) scale(.97);transition:opacity .4s,transform .5s cubic-bezier(.2,1.4,.4,1)}
.ha-dec b{font-size:13.5px;color:#e3b341}
.ha-dec span{display:flex;gap:6px}
.ha.dc .ha-dec{opacity:1;transform:none}
.ha.dc:not(.ok) .ha-dec .pill.ok{animation:hapulse 1.3s ease-in-out infinite}
@keyframes hapulse{50%{box-shadow:0 0 0 6px rgba(61,220,120,.25)}}
.ha-done{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-accent);opacity:0;transition:opacity .4s}
.ha-done svg{width:14px;height:14px}
.ha.ok .ha-done{opacity:1}
.ha.static .ha-st{opacity:1}.ha.static .ha-msg,.ha.static .ha-badges,.ha.static .ha-files,.ha.static .ha-dec,.ha.static .ha-done{opacity:1;transform:none}.ha.static .ha-fill{width:100%}
@media (max-width:900px){.ha-steps{grid-template-columns:1fr}.ha-rail{display:none}}

/* ---------- B · o que você vê × por trás ---------- */
.hb-steps{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:18px;flex-wrap:wrap}
.hb-steps span{display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 7px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--faint);font-size:13px;transition:all .35s}
.hb-steps b{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--floor-2);font-size:12px;transition:all .35s}
.hb-steps i{width:46px;height:1px;background:var(--line)}
.hb[data-p="1"] .hb-steps [data-p="1"],.hb[data-p="2"] .hb-steps [data-p="2"],.hb[data-p="3"] .hb-steps [data-p="3"]{color:var(--text);border-color:var(--tint-line);background:var(--raised);box-shadow:0 0 0 4px rgba(61,220,120,.07)}
.hb[data-p="1"] .hb-steps [data-p="1"] b,.hb[data-p="2"] .hb-steps [data-p="2"] b,.hb[data-p="3"] .hb-steps [data-p="3"] b{background:var(--green);color:var(--on-green)}
.hb-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:16px}
.hb-panel{position:relative;height:330px;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--card);overflow:hidden;display:flex;flex-direction:column}
.hb-ph{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--line);font:600 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}
.hb-ph em{margin-left:auto;font-style:normal;padding:3px 7px;border-radius:6px;border:1px solid var(--line);font-size:10px}
.hb-dot{width:8px;height:8px;border-radius:50%;background:var(--soft)}.hb-dot.g{background:var(--green);box-shadow:0 0 10px var(--green);animation:hbblink 1.6s infinite}
@keyframes hbblink{50%{opacity:.35}}
.hb-log{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;padding:16px}
.hb-m{display:flex;gap:9px;align-items:flex-end;max-width:90%;font-size:14px;opacity:0;transform:translateY(12px);transition:opacity .4s,transform .45s cubic-bezier(.2,1.3,.4,1)}
.hb-m.in{opacity:1;transform:none}
.hb-m .mk{width:28px;height:28px;flex:none}
.hb-m.me{align-self:flex-end;padding:10px 14px;border-radius:14px 14px 4px 14px;background:var(--green);color:var(--on-green);font-weight:500}
.hb-m.them>span:not(.mk){padding:10px 14px;border-radius:14px 14px 14px 4px;background:var(--floor-2);color:var(--text)}
.hb-card>div{padding:12px 14px;border-radius:14px 14px 14px 4px;border:1px solid var(--tint-line);background:var(--raised);display:grid;gap:8px}
.hb-card b{font-size:14px}
.hb-files{display:flex;gap:6px;flex-wrap:wrap}
.hb-acts{display:flex;gap:6px}
.hb-card.in .pill.ok{animation:hapulse 1.3s ease-in-out infinite}
.hb-term{background:#06100a;border-color:#173a25}
.hb-term .hb-ph{color:#6f9a80;border-color:#173a25}
.hb-term .hb-ph em{border-color:#1f4a31;color:#7af0a6}
.hb-lines{list-style:none;margin:0;padding:14px 16px;display:grid;gap:8px;align-content:start;flex:1;overflow:hidden;font:400 13px/1.45 var(--mono);color:#cfe6d8}
.hb-lines li{display:grid;grid-template-columns:46px 1fr auto;gap:10px;align-items:baseline;opacity:0;transform:translateX(-8px);transition:opacity .3s,transform .35s}
.hb-lines li.in{opacity:1;transform:none}
.hb-lines time{color:#4f7a61}
.hb-lines span::before{content:"✓ ";color:#3DDC78}
.hb-lines em{font-style:normal;font-size:11px;padding:2px 7px;border-radius:5px;background:#0e2318;color:#7fb596}
.hb-lines .hb-in span::before{content:"→ ";color:#7af0a6}
.hb-lines .hb-sec span::before{content:"🔒 ";filter:hue-rotate(80deg)}
.hb-lines .hb-file span::before{content:"▤ ";color:#7af0a6}
.hb-lines .hb-wait span{color:#f0c050}
.hb-lines .hb-wait span::before{content:"◷ ";color:#f0c050}
.hb-lines .hb-wait.in em{animation:hbblink 1.2s infinite;background:#2a2108;color:#f0c050}
.hb-cur{position:absolute;left:16px;bottom:14px;width:9px;height:16px;background:#3DDC78;animation:hbblink 1s steps(1) infinite}
.hb.static .hb-m,.hb.static .hb-lines li{opacity:1;transform:none}
@media (max-width:900px){.hb-grid{grid-template-columns:1fr}.hb-panel{height:auto;min-height:260px}}

/* ---------- C · passo a passo com cenas ---------- */
.hc{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(24px,4vw,56px);align-items:center}
.hc-h{font:500 clamp(26px,2.9vw,40px)/1.06 var(--sans);letter-spacing:-.03em;margin:12px 0 24px}
.hc-tabs{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.hc-tabs li{position:relative;border-radius:16px;border:1px solid var(--line);background:var(--card);overflow:hidden;transition:border-color .3s,background .3s}
.hc-tabs button{display:flex;gap:14px;align-items:flex-start;width:100%;padding:14px 16px;border:0;background:none;color:inherit;text-align:left;cursor:pointer;font:inherit}
.hc-tabs b{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--floor-2);color:var(--soft);font-size:13px;transition:all .3s}
.hc-tabs strong{display:block;font-weight:600;font-size:15.5px}
.hc-tabs small{display:block;margin-top:3px;font-size:13px;color:var(--faint);max-height:0;overflow:hidden;opacity:0;transition:max-height .4s,opacity .4s}
.hc-bar{position:absolute;left:0;right:0;bottom:0;height:2px;background:transparent}
.hc-bar i{display:block;height:100%;width:0;background:var(--green)}
.hc[data-p="1"] li[data-p="1"],.hc[data-p="2"] li[data-p="2"],.hc[data-p="3"] li[data-p="3"]{border-color:var(--tint-line);background:var(--raised)}
.hc[data-p="1"] li[data-p="1"] b,.hc[data-p="2"] li[data-p="2"] b,.hc[data-p="3"] li[data-p="3"] b{background:var(--green);color:var(--on-green)}
.hc[data-p="1"] li[data-p="1"] small,.hc[data-p="2"] li[data-p="2"] small,.hc[data-p="3"] li[data-p="3"] small{max-height:60px;opacity:1}
.hc.run[data-p="1"] li[data-p="1"] .hc-bar i,.hc.run[data-p="2"] li[data-p="2"] .hc-bar i,.hc.run[data-p="3"] li[data-p="3"] .hc-bar i{animation:hcbar 4.2s linear forwards}
@keyframes hcbar{to{width:100%}}
.hc-stage{position:relative;height:420px;border-radius:24px;border:1px solid var(--line);overflow:hidden;background:radial-gradient(60% 60% at 50% 45%,rgba(61,220,120,.14),transparent 70%),var(--card)}
.hc-stage::before{content:"";position:absolute;inset:0;background-image:radial-gradient(color-mix(in srgb,var(--text) 18%,transparent) 1px,transparent 1.4px);background-size:18px 18px;-webkit-mask-image:radial-gradient(closest-side,#000,transparent);mask-image:radial-gradient(closest-side,#000,transparent);opacity:.6}
.hc-scene{position:absolute;inset:0;display:grid;place-items:center;opacity:0;visibility:hidden;transition:opacity .5s,visibility .5s}
.hc[data-p="1"] .hc-scene[data-p="1"],.hc[data-p="2"] .hc-scene[data-p="2"],.hc[data-p="3"] .hc-scene[data-p="3"]{opacity:1;visibility:visible}
.hc-core{position:relative;width:96px;height:96px;border-radius:28px;display:grid;place-items:center;background:var(--raised);border:1px solid var(--tint-line);box-shadow:0 0 0 10px rgba(61,220,120,.06),0 0 60px rgba(61,220,120,.3)}
.hc-core .mk{width:60px;height:60px}
/* cena 1: canais convergem */
.hc-chs{position:absolute;inset:0}
.hc-bub{position:absolute;left:8%;display:flex;align-items:center;gap:8px;padding:8px 14px 8px 8px;border-radius:999px;background:var(--raised);border:1px solid var(--line-strong);font-size:13px;color:var(--soft)}
.hc-bub svg{width:26px;height:26px;padding:5px;border-radius:50%;background:var(--floor-2);color:var(--text)}
.hc-b0{top:16%}.hc-b1{top:44%}.hc-b2{top:72%}
.hc.run[data-p="1"] .hc-bub{animation:hcfly 2.6s cubic-bezier(.6,0,.2,1) both}
.hc.run[data-p="1"] .hc-b1{animation-delay:.25s}.hc.run[data-p="1"] .hc-b2{animation-delay:.5s}
@keyframes hcfly{0%{opacity:0;transform:translateX(-20px)}20%{opacity:1;transform:none}70%{opacity:1;transform:none}100%{opacity:0;transform:translateX(160px) scale(.5)}}
.hc-ask{position:absolute;right:7%;bottom:12%;max-width:58%;padding:11px 15px;border-radius:14px 14px 4px 14px;background:var(--green);color:var(--on-green);font-size:14px;font-weight:500;opacity:0}
.hc.run[data-p="1"] .hc-ask{animation:hcin .5s 2.4s cubic-bezier(.2,1.4,.4,1) both}
@keyframes hcin{from{opacity:0;transform:translateY(12px) scale(.94)}to{opacity:1;transform:none}}
/* cena 2: órbita de sistemas */
.hc-orbit{position:relative;width:400px;height:320px;display:grid;place-items:center}
.hc-wires{position:absolute;left:50%;top:50%;width:400px;height:400px;margin:-200px 0 0 -200px;color:var(--line-strong);animation:hcspin 30s linear infinite}
@keyframes hcspin{to{transform:rotate(360deg)}}
.hc-node{position:absolute;left:50%;top:50%;display:flex;align-items:center;gap:8px;padding:8px 13px 8px 8px;border-radius:999px;background:var(--raised);border:1px solid var(--line-strong);font-size:13px;white-space:nowrap;transform:translate(-50%,-50%) rotate(var(--a)) translateX(150px) rotate(calc(-1 * var(--a)));opacity:.25;transition:opacity .4s,border-color .4s}
.hc-node i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--floor-2);color:transparent;transition:all .4s}
.hc-node i svg{width:12px;height:12px}
.hc.run[data-p="2"] .hc-node{animation:hcnode .4s both}
.hc.run[data-p="2"] .hc-node[data-i="0"]{animation-delay:.5s}.hc.run[data-p="2"] .hc-node[data-i="1"]{animation-delay:1.4s}.hc.run[data-p="2"] .hc-node[data-i="2"]{animation-delay:2.3s}
@keyframes hcnode{to{opacity:1;border-color:var(--tint-line)}}
.hc.run[data-p="2"] .hc-node i{animation:hcck .4s both;animation-delay:inherit}
.hc.run[data-p="2"] .hc-node[data-i="0"] i{animation-delay:.9s}.hc.run[data-p="2"] .hc-node[data-i="1"] i{animation-delay:1.8s}.hc.run[data-p="2"] .hc-node[data-i="2"] i{animation-delay:2.7s}
@keyframes hcck{to{background:var(--green);color:var(--on-green)}}
.hc-perm{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:7px 13px;border-radius:999px;background:var(--tint);border:1px solid var(--tint-line);color:var(--text-accent);font-size:12.5px;white-space:nowrap;opacity:0}
.hc-perm svg{width:13px;height:13px}
.hc.run[data-p="2"] .hc-perm{animation:hcin .5s 3s both}
/* cena 3: decisão */
.hc-big{display:grid;justify-items:center;gap:12px;padding:26px 30px;border-radius:22px;background:var(--raised);border:1px solid var(--tint-line);box-shadow:0 30px 60px -30px rgba(61,220,120,.5);text-align:center;opacity:0}
.hc.run[data-p="3"] .hc-big{animation:hcin .6s .2s cubic-bezier(.2,1.4,.4,1) both}
.hc-big .mk{width:60px;height:60px}
.hc-big b{font-size:18px}
.hc-files{display:flex;gap:6px}
.hc-acts{display:flex;gap:8px}
.hc.run[data-p="3"] .hc-acts .pill.ok{animation:hapulse 1.3s 1s ease-in-out infinite}
.hc-reg{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-accent);opacity:0}
.hc-reg svg{width:14px;height:14px}
.hc.run[data-p="3"] .hc-reg{animation:hcin .4s 2.6s both}
.hc.static .hc-scene[data-p="3"]{opacity:1;visibility:visible}.hc.static .hc-big,.hc.static .hc-reg{opacity:1}
@media (max-width:900px){.hc{grid-template-columns:1fr}.hc-stage{height:360px}.hc-orbit{transform:scale(.8)}}
.hb-m .mk svg,.hb-card .mk svg{width:100%;height:100%;display:block}.hb-m .mk{display:block}

/* ===== B · versão limpa ===== */
.hb-head{max-width:680px;margin-bottom:clamp(22px,3vh,34px)}
.hb-head h2{margin:12px 0 0;font:500 clamp(28px,3vw,42px)/1.08 var(--sans);letter-spacing:-.03em}
.hb-grid{position:relative;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px}
.hb-link{position:absolute;left:50%;top:50%;width:56px;height:2px;margin:-1px 0 0 -28px;background:linear-gradient(90deg,var(--line-strong),var(--green));z-index:1}
.hb-link i{position:absolute;top:50%;left:0;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:#bfffd6;box-shadow:0 0 12px var(--green);animation:hblink 1.6s ease-in-out infinite}
@keyframes hblink{0%{left:0;opacity:0}20%{opacity:1}80%{opacity:1}100%{left:100%;opacity:0}}
.hb-panel{height:316px}
.hb-ph em{display:none}
.hb-lines{gap:10px;padding:16px 18px}
.hb-lines li{grid-template-columns:42px 1fr auto}
.hb-lines time{font-size:11.5px}
.hb-lines em{background:none;padding:0;color:#4a7560;font-size:11.5px}
.hb-lines span::before,.hb-lines .hb-sec span::before,.hb-lines .hb-file span::before{content:"✓ ";color:#3DDC78;filter:none}
.hb-lines .hb-in span::before{content:"→ ";color:#7af0a6}
.hb-lines .hb-wait span::before{content:"● ";color:#f0c050}
.hb-lines .hb-wait.in em{background:none;color:#f0c050}
.hb-cur{left:auto;right:18px;bottom:16px;width:7px;height:13px;opacity:.7}
.hb-m .mk{width:24px;height:24px}
@media (max-width:900px){.hb-grid{gap:16px}.hb-link{display:none}}
/* ===== Docs (mockup) ===== */
body.dk{background:var(--floor)}
.dk .spacer{flex:1}
.dk-top{position:sticky;top:0;z-index:30;height:60px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--floor) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.dk-topin{max-width:1440px;height:100%;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:14px}
.dk-logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--text)}
.dk-logo .mk{width:26px;height:26px}.dk-logo b{font-weight:800;letter-spacing:.06em}
.dk-logo>span:not(.mk){padding-left:9px;margin-left:2px;border-left:1px solid var(--line-strong);color:var(--text-accent);font-weight:600}
.dk-mock{font:600 10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:4px 7px;border-radius:6px;border:1px dashed rgba(240,180,60,.55);color:#e3b341}
.dk-search{display:flex;align-items:center;gap:10px;width:min(360px,34vw);height:38px;margin-left:18px;padding:0 8px 0 12px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--faint);font:400 13.5px/1 var(--sans);cursor:pointer}
.dk-search svg{width:16px;height:16px}.dk-search span{flex:1;text-align:left}
.dk-search kbd{font:500 10.5px/1 var(--mono);padding:4px 6px;border-radius:5px;border:1px solid var(--line-strong);color:var(--soft)}
.dk-back{font-size:13.5px;color:var(--soft);text-decoration:none}.dk-back:hover{color:var(--text)}
.dk-shell{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:260px minmax(0,1fr) 230px;gap:40px;padding:0 24px}
.dk-side{position:sticky;top:60px;height:calc(100vh - 60px);overflow-y:auto;padding:22px 6px 40px 0;border-right:1px solid var(--line);scrollbar-width:thin}
.dk-grp{margin-bottom:6px}
.dk-gh{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 10px;border:0;background:none;color:var(--text);font:600 13.5px/1 var(--sans);cursor:pointer;border-radius:8px}
.dk-gh svg{width:14px;height:14px;color:var(--faint);transition:transform .2s}
.dk-gh[aria-expanded="false"] svg{transform:rotate(-90deg)}
.dk-gh[aria-expanded="false"]+.dk-gl{display:none}
.dk-gl{margin:2px 0 8px 12px;padding-left:10px;border-left:1px solid var(--line);display:grid}
.dk-ln{padding:7px 10px;border-radius:8px;font-size:13.5px;color:var(--soft);text-decoration:none;line-height:1.35}
.dk-ln:hover{color:var(--text);background:var(--hover,rgba(255,255,255,.03))}
.dk-ln.on{color:var(--text-accent);background:var(--tint);font-weight:500}
.dk-main{min-width:0;padding:28px 0 60px;max-width:820px}
.dk-crumb{font-size:12.5px;color:var(--faint)}.dk-crumb span{margin:0 6px}
.dk-titlerow{display:flex;align-items:flex-start;gap:16px;margin:10px 0 12px}
.dk-titlerow h1{flex:1;margin:0;font:700 clamp(30px,3.2vw,42px)/1.08 var(--sans);letter-spacing:-.03em}
.dk-cp{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 10px;border-radius:9px;border:1px solid var(--line);background:var(--card);color:var(--soft);font:500 12.5px/1 var(--sans);cursor:pointer;white-space:nowrap}
.dk-cp svg{width:14px;height:14px}.dk-cp:hover{color:var(--text)}
.dk-lede{font-size:16px;line-height:1.65;color:var(--soft);margin:0 0 26px}
.dk-main h2{margin:46px 0 14px;padding-top:6px;font:600 26px/1.15 var(--sans);letter-spacing:-.02em;scroll-margin-top:80px}
.dk-main p{color:var(--soft);line-height:1.65}
/* demo animada */
.dk-demo{margin:0}
.dk-dwin{display:grid;grid-template-columns:1.1fr 1fr 1fr;min-height:330px;border-radius:16px;border:1px solid var(--line);overflow:hidden;background:#07100b;color:#d8eadf;font-family:var(--sans)}
.dk-col{position:relative;padding:18px;display:flex;flex-direction:column;gap:12px}
.dk-col+.dk-col{border-left:1px solid #15301f}
.dk-c2,.dk-c3{background:linear-gradient(180deg,rgba(61,220,120,.03),transparent)}
.dk-ch{margin:0;font:600 10.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#4f7a61}
.dk-ask{position:relative;padding:12px 14px 10px;border-radius:12px;border:1px solid #1d3c29;background:#0b1a11;font:500 14px/1.45 var(--mono);color:#eafff2;min-height:78px}
.dk-caret{display:inline-block;width:8px;height:16px;margin-left:2px;vertical-align:-3px;background:#3DDC78;animation:dkblink 1s steps(1) infinite}
@keyframes dkblink{50%{opacity:0}}
.dk-ask small{display:block;margin-top:8px;font:400 10.5px/1 var(--mono);color:#4f7a61}
.dk-route{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border-radius:12px;border:1px solid #2a5a3c;background:#0d2216;opacity:0;transform:translateY(10px);transition:all .45s cubic-bezier(.2,1.4,.4,1)}
.dk-route .mk{width:30px;height:30px}.dk-route span{font-size:13px}.dk-route em{font-style:normal;font:500 10.5px/1 var(--mono);color:#7af0a6;padding:3px 7px;border-radius:5px;background:#123020}
.dk-demo.r .dk-route{opacity:1;transform:none}
.dk-steps{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.dk-steps li{display:grid;grid-template-columns:20px 1fr auto;gap:9px;align-items:center;font-size:13px;opacity:0;transform:translateX(-6px);transition:all .35s}
.dk-steps li.in{opacity:1;transform:none}
.dk-steps i{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#3DDC78;color:#062a14}
.dk-steps i svg{width:11px;height:11px}
.dk-steps em{font:normal 400 10.5px/1 var(--mono);color:#4f7a61}
.dk-perm{margin-top:auto;display:flex;align-items:center;gap:7px;font-size:11.5px;color:#7af0a6;opacity:0;transition:opacity .4s}
.dk-perm svg{width:12px;height:12px}.dk-demo.p .dk-perm{opacity:1}
.dk-files{display:grid;gap:8px}
.dk-files span{display:flex;align-items:center;gap:8px;padding:9px 11px;border-radius:10px;border:1px solid #1d3c29;background:#0b1a11;font:500 12.5px/1 var(--mono);opacity:0;transform:translateY(8px);transition:all .4s}
.dk-files span svg{width:14px;height:14px;color:#3DDC78}
.dk-demo.f .dk-files span{opacity:1;transform:none}.dk-demo.f .dk-files span+span{transition-delay:.2s}
.dk-dec{margin-top:auto;padding:12px;border-radius:12px;border:1px solid rgba(240,180,60,.4);background:rgba(240,180,60,.07);display:grid;gap:10px;opacity:0;transform:translateY(10px) scale(.97);transition:all .5s cubic-bezier(.2,1.4,.4,1)}
.dk-dec b{font-size:13px;color:#f0c050}.dk-dec span{display:flex;gap:6px}
.dk-dec .pill{font-style:normal}
.dk-demo.d .dk-dec{opacity:1;transform:none}
.dk-demo.d .dk-dec .pill.ok{animation:hapulse 1.3s ease-in-out infinite}
.dk-demo figcaption{margin-top:10px;text-align:center;font-size:13px;color:var(--soft)}
/* cards e blocos */
.dk-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.dk-card{display:grid;gap:6px;padding:18px;border-radius:14px;border:1px solid var(--line);background:var(--card);text-decoration:none;color:var(--text);transition:border-color .2s,transform .2s}
.dk-card:hover{border-color:var(--green);transform:translateY(-2px)}
.dk-card span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--tint);color:var(--text-accent)}
.dk-card span svg{width:18px;height:18px}
.dk-card b{font-size:15px;margin-top:6px}.dk-card p{margin:0;font-size:13.5px}
.dk-flow{list-style:none;counter-reset:f;margin:0;padding:0;display:grid;gap:0}
.dk-flow li{counter-increment:f;position:relative;padding:4px 0 18px 48px}
.dk-flow li::before{content:counter(f);position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--tint);border:1px solid var(--tint-line);color:var(--text-accent);font-weight:600;font-size:13px}
.dk-flow li:not(:last-child)::after{content:"";position:absolute;left:15px;top:34px;bottom:2px;width:1px;background:var(--line-strong)}
.dk-flow b{font-size:15.5px}.dk-flow p{margin:4px 0 0;font-size:14.5px}
.dk-callout{display:flex;gap:12px;margin-top:10px;padding:14px 16px;border-radius:12px;border:1px solid var(--tint-line);border-left:3px solid var(--green);background:var(--tint)}
.dk-callout>svg{width:20px;height:20px;flex:none;color:var(--text-accent);margin-top:2px}
.dk-callout b{font-size:14.5px}.dk-callout p{margin:4px 0 0;font-size:14px}
.dk-specs{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.dk-spec{display:grid;gap:4px;padding:16px;border-radius:14px;border:1px solid var(--line);background:var(--card);text-decoration:none;color:var(--text);transition:border-color .2s}
.dk-spec:hover{border-color:var(--green)}
.dk-sm .mk{width:34px;height:34px}.dk-spec b{margin-top:6px}.dk-spec small{color:var(--text-accent);font-size:12.5px}.dk-spec p{margin:4px 0 0;font-size:13px;line-height:1.5}
.dk-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-top:12px}
.dk-tab{padding:10px 14px;border:0;background:none;color:var(--soft);font:500 13.5px/1 var(--sans);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}
.dk-tab.on{color:var(--text);border-color:var(--green)}
.dk-code{margin-top:12px;border-radius:12px;border:1px solid var(--line);overflow:hidden;background:#07100b}
.dk-codeh{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid #15301f;font:500 11px/1 var(--mono);color:#4f7a61}
.dk-copy{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:6px;border:1px solid #1d3c29;background:none;color:#a8d4b8;font:500 11px/1 var(--mono);cursor:pointer}
.dk-copy svg{width:12px;height:12px}
.dk-code pre{margin:0;padding:14px 16px;font:400 13px/1.7 var(--mono);color:#d8eadf;white-space:pre-wrap}
.dk-code .u{color:#7fb596}.dk-code .n{color:#3DDC78;font-weight:600}
.dk-more{display:inline-flex;align-items:center;gap:6px;color:var(--text-accent);text-decoration:none;font-weight:500}
.dk-more svg{width:14px;height:14px}
.dk-foot{display:flex;align-items:center;gap:12px;margin-top:46px;padding-top:18px;border-top:1px solid var(--line);font-size:13px;color:var(--soft)}
.dk-foot a{color:var(--soft)}
.dk-ft{display:flex;gap:6px}.dk-ft button{padding:5px 12px;border-radius:7px;border:1px solid var(--line);background:var(--card);color:var(--soft);cursor:pointer;font:inherit}
.dk-pager{margin-top:18px;display:flex;justify-content:flex-end}
.dk-pager a{display:grid;gap:4px;padding:14px 18px;border-radius:12px;border:1px solid var(--line);text-decoration:none;color:var(--text);text-align:right}
.dk-pager small{color:var(--faint)}
.dk-copy-r{margin-top:40px;font-size:12px!important;color:var(--faint)!important}
.dk-toc{position:sticky;top:60px;align-self:start;padding:30px 0;display:grid;gap:4px}
.dk-toc>p{margin:0 0 8px;font-weight:600;font-size:13.5px;color:var(--text)}
.dk-toc>a{padding:5px 0 5px 12px;border-left:1px solid var(--line);font-size:13px;color:var(--soft);text-decoration:none}
.dk-toc>a.on{color:var(--text-accent);border-color:var(--green)}
.dk-tocx{margin-top:18px;padding-top:14px;border-top:1px solid var(--line);display:grid;gap:8px}
.dk-tocx a{font-size:12.5px;color:var(--soft);text-decoration:none}
@media (max-width:1180px){.dk-shell{grid-template-columns:240px minmax(0,1fr)}.dk-toc{display:none}}
@media (max-width:860px){.dk-shell{grid-template-columns:1fr}.dk-side{display:none}.dk-search{display:none}.dk-dwin{grid-template-columns:1fr}.dk-col+.dk-col{border-left:0;border-top:1px solid #15301f}.dk-cards{grid-template-columns:1fr}}
@media (max-width:860px){
  .dk-topin{padding:0 16px;gap:10px}
  .dk-back{display:none}
  .dk-shell{padding:0 16px}
  .dk-titlerow{flex-direction:column;gap:12px}
  .dk-mock{display:none}
}
.dk-toast{position:fixed;left:50%;bottom:24px;z-index:90;transform:translate(-50%,20px);opacity:0;pointer-events:none;padding:12px 18px;border-radius:12px;background:var(--raised);border:1px solid var(--line-strong);color:var(--text);font-size:14px;box-shadow:0 18px 40px rgba(0,0,0,.4);transition:opacity .25s,transform .25s}
.dk-toast.on{opacity:1;transform:translate(-50%,0)}
/* ===== Home comentada ===== */
/* fundos parados (só a demo se mexe) */
:is(.ux-calm,#main[data-page="inicio"]) .hero::after,:is(.ux-calm,#main[data-page="inicio"]) [data-g="limites"]::after,:is(.ux-calm,#main[data-page="inicio"]) #comecar::before,:is(.ux-calm,#main[data-page="inicio"]) #comecar::after,:is(.ux-calm,#main[data-page="inicio"]) .cmp-rows::after{animation:none!important}
:is(.ux-calm,#main[data-page="inicio"]) #comecar::before,:is(.ux-calm,#main[data-page="inicio"]) #comecar::after,:is(.ux-calm,#main[data-page="inicio"]) .cmp-rows::after,:is(.ux-calm,#main[data-page="inicio"]) [data-g="limites"]::after{display:none}
:is(.ux-calm,#main[data-page="inicio"]) #especialistas::before{-webkit-mask-image:radial-gradient(60% 80% at 50% 70%,#000,transparent);mask-image:radial-gradient(60% 80% at 50% 70%,#000,transparent)}
:is(.ux-calm,#main[data-page="inicio"]) #especialistas::after{background:radial-gradient(40% 60% at 50% 75%,rgba(61,220,120,.08),transparent)}
/* comece de graça */
.ux-free{display:inline-grid;grid-template-columns:auto 1fr auto;align-items:center;gap:4px 14px;margin-top:18px;padding:12px 16px;border-radius:14px;border:1px solid var(--tint-line);background:var(--tint);color:var(--text);text-decoration:none;max-width:520px;transition:border-color .2s,transform .2s}
.ux-free:hover{border-color:var(--green);transform:translateY(-2px)}
.ux-free b{color:var(--text-accent);font-size:14px;white-space:nowrap}
.ux-free span{font-size:13px;color:var(--soft)}
.ux-free i{font-style:normal;color:var(--text-accent)}
/* demo com destaque */
.ux-demo{border-color:var(--tint-line)!important;box-shadow:0 0 0 6px rgba(61,220,120,.06),0 30px 70px -30px rgba(61,220,120,.45)!important}
.ux-live{display:inline-flex;align-items:center;gap:6px;font:600 10.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-accent);padding:5px 9px;border-radius:999px;border:1px solid var(--tint-line);background:var(--tint)}
.ux-live i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgba(61,220,120,.6);animation:chpulse 2s infinite}
/* painel */
body.ux-on{padding-right:340px}
body.ux-on .nav{right:340px}
.ux-panel{position:fixed;top:0;right:0;bottom:0;width:340px;z-index:80;display:flex;flex-direction:column;border-left:1px solid var(--line-strong);background:color-mix(in srgb,var(--floor) 94%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.ux-ph{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:18px 18px 12px}
.ux-ph p{margin:0 0 4px;font:600 10.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#e3b341}
.ux-ph b{font-size:17px}
.ux-x{width:30px;height:30px;border-radius:8px;border:1px solid var(--line);background:none;color:var(--soft);font-size:18px;cursor:pointer}
.ux-prog{height:2px;margin:0 18px 6px;background:var(--line)}
.ux-prog i{display:block;height:100%;background:var(--green);transform-origin:0 50%;transform:scaleX(0);transition:transform .4s}
.ux-list{list-style:none;margin:0;padding:6px 10px 20px;overflow-y:auto;flex:1;scrollbar-width:thin}
.ux-n{border-radius:12px;margin-bottom:4px;transition:background .3s}
.ux-n button{display:flex;align-items:center;gap:10px;width:100%;padding:10px;border:0;background:none;color:var(--soft);text-align:left;font:500 13.5px/1.3 var(--sans);cursor:pointer;border-radius:12px}
.ux-num{flex:none;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;border:1px solid var(--line);font:600 11px/1 var(--mono);color:var(--faint);transition:all .3s}
.ux-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.2,.8,.2,1)}
.ux-body>*{overflow:hidden}
.ux-body p{margin:0;padding:0 12px 0 46px;font-size:13.5px;line-height:1.55;color:var(--text)}
.ux-body small{display:block;padding:8px 12px 12px 46px;font:500 10.5px/1.3 var(--mono);color:var(--faint)}
.ux-n.on{background:var(--raised);box-shadow:inset 0 0 0 1px var(--tint-line)}
.ux-n.on button{color:var(--text)}
.ux-n.on .ux-num{background:var(--green);border-color:var(--green);color:var(--on-green)}
.ux-n.on .ux-body{grid-template-rows:1fr}
.ux-n.on .ux-body p{animation:uxin .45s ease both}
@keyframes uxin{from{opacity:0;transform:translateY(6px)}}
.ux-foot{margin:0;padding:12px 18px 16px;border-top:1px solid var(--line);font-size:12px;color:var(--faint)}
.ux-open{position:fixed;right:16px;bottom:16px;z-index:80;padding:11px 16px;border-radius:999px;border:1px dashed rgba(240,180,60,.6);background:var(--card);color:#e3b341;font:600 12.5px/1 var(--mono);cursor:pointer}
.ux-back{position:fixed;left:16px;bottom:16px;z-index:55;padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--soft);font-size:12.5px;text-decoration:none}
/* pinos e destaque */
.ux-has{position:relative}
.ux-pin{position:absolute;top:-12px;left:-12px;z-index:20;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#e3b341;color:#1a1300;font:700 10px/1 var(--mono);cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.35);opacity:.75;transition:transform .25s,opacity .25s}
.ux-pin.on{opacity:1;transform:scale(1.18);box-shadow:0 0 0 5px rgba(227,179,65,.25),0 4px 12px rgba(0,0,0,.35)}
body:not(.ux-on) .ux-pin{display:none}
h1.ux-has .ux-pin,h2.ux-has .ux-pin{top:-6px;left:-30px}
.ux-hl{outline:2px solid #e3b341;outline-offset:8px;border-radius:12px;animation:uxhl 1.2s ease}
@keyframes uxhl{0%{outline-color:transparent;outline-offset:22px}40%{outline-color:#e3b341}100%{outline-offset:8px}}
.ux-on #g-launch{right:356px}
@media (max-width:1100px){body.ux-on{padding-right:0}body.ux-on .nav{right:0}.ux-panel{width:min(340px,92vw);box-shadow:-20px 0 50px rgba(0,0,0,.4)}}
.ux-list{position:relative}
.ux-try{position:fixed;left:16px;bottom:16px;z-index:55;padding:10px 14px;border-radius:999px;border:1px dashed rgba(240,180,60,.6);background:var(--card);color:#e3b341;font:600 12px/1 var(--mono);text-decoration:none;box-shadow:0 10px 30px rgba(0,0,0,.35)}
/* setinha do hero */
.ux-cue{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--soft);text-decoration:none;font-size:12.5px;z-index:2;transition:opacity .4s,transform .4s}
.ux-cue b{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line-strong);color:var(--text);font-weight:400;animation:uxbob 1.8s ease-in-out infinite}
.ux-cue em{font:500 10.5px/1 var(--mono);font-style:normal;color:var(--faint);letter-spacing:.06em}
.ux-cue:hover b{border-color:var(--green);color:var(--text-accent)}
@keyframes uxbob{50%{transform:translateY(6px)}}
body.ux-scrolled .ux-cue{opacity:0;transform:translate(-50%,10px);pointer-events:none}
.hero-v3{position:relative}
/* pontinhos */
.ux-dots{position:fixed;top:50%;right:22px;transform:translateY(-50%);z-index:70;display:flex;flex-direction:column;gap:14px;transition:opacity .3s}
.ux-on .ux-dots{right:362px}
.ux-dots.off{opacity:0;pointer-events:none}
.ux-dots a{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:10px;text-decoration:none}
.ux-dots i{width:8px;height:8px;border-radius:50%;background:var(--line-strong);transition:all .3s}
.ux-dots span{font-size:12px;color:var(--soft);opacity:0;transform:translateX(6px);transition:all .25s;white-space:nowrap;padding:3px 8px;border-radius:6px;background:var(--raised);border:1px solid var(--line)}
.ux-dots a:hover span,.ux-dots a.on span{opacity:1;transform:none}
.ux-dots a:not(.on):not(:hover) span{opacity:0}
.ux-dots a.on i{height:22px;border-radius:5px;background:var(--green);box-shadow:0 0 10px rgba(61,220,120,.5)}
.ux-dots a.on span{color:var(--text)}
@media (max-width:980px){.ux-dots,.ux-cue{display:none}}
@media (prefers-reduced-motion:reduce){.ux-cue b{animation:none}}
.ux-cue .ux-pin{top:-10px;left:-14px}
/* ===== moldura do vídeo (mockup) ===== */
.vx{min-width:0}
.vx-frame{position:relative;aspect-ratio:16/9;border-radius:20px;overflow:hidden;cursor:pointer;border:1px solid var(--tint-line);background:radial-gradient(70% 90% at 70% 20%,rgba(61,220,120,.22),transparent 60%),radial-gradient(60% 80% at 10% 100%,rgba(28,92,56,.5),transparent 60%),#07120c;box-shadow:0 0 0 6px rgba(61,220,120,.05),0 40px 80px -40px rgba(61,220,120,.5)}
.vx-frame::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(70% 70% at 50% 50%,#000,transparent);mask-image:radial-gradient(70% 70% at 50% 50%,#000,transparent)}
.vx-poster{position:absolute;inset:0;padding:clamp(18px,3vw,30px);display:flex;flex-direction:column;justify-content:flex-end;gap:6px;color:#eafff2}
.vx-bigmark{position:absolute;top:clamp(18px,3vw,28px);left:clamp(18px,3vw,30px);width:44px;height:44px}
.vx-bigmark .mk{width:100%;height:100%}
.vx-kick{margin:0;font:600 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#7af0a6}
.vx-title{margin:0;font:500 clamp(24px,2.4vw,34px)/1.1 var(--sans);letter-spacing:-.02em}
.vx-marks{display:flex;gap:8px;margin-top:10px}
.vx-marks .mk{width:28px;height:28px}
.vx-play{position:absolute;top:50%;left:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#062a14;box-shadow:0 0 0 10px rgba(61,220,120,.18),0 14px 40px rgba(0,0,0,.4);transition:transform .25s cubic-bezier(.2,1.5,.4,1)}
.vx-play svg{width:30px;height:30px;margin-left:4px}
.vx-frame:hover .vx-play,.vx-frame:focus-visible .vx-play{transform:scale(1.08)}
.vx-frame:focus-visible{outline:2px solid var(--green);outline-offset:4px}
.vx-dur{position:absolute;top:clamp(18px,3vw,28px);right:clamp(18px,3vw,28px);padding:6px 10px;border-radius:999px;background:rgba(0,0,0,.45);color:#eafff2;font:500 11.5px/1 var(--mono)}
.vx-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.08)}
.vx-bar i{display:block;height:100%;width:0;background:var(--green)}
.vx-frame.playing .vx-bar i{animation:vxbar 6s linear forwards}
@keyframes vxbar{to{width:28%}}
.vx-soon{position:absolute;inset:0;display:grid;place-content:center;gap:8px;padding:30px;text-align:center;background:rgba(4,10,7,.82);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#eafff2;animation:uxin .4s ease}
.vx-soon b{font-size:18px}.vx-soon span{max-width:40ch;font-size:13.5px;color:#a8c9b6}
.vx-frame.playing .vx-play{opacity:0}
.vx-chaps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:10px}
.vx-ch{display:grid;gap:3px;padding:9px 10px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--soft);font:400 12.5px/1.25 var(--sans);text-align:left;cursor:pointer;transition:border-color .2s,color .2s}
.vx-ch b{font:500 10.5px/1 var(--mono);color:var(--text-accent)}
.vx-ch:hover,.vx-ch.on{border-color:var(--tint-line);color:var(--text)}
@media (max-width:560px){.vx-chaps{grid-template-columns:repeat(2,1fr)}}
.ux-vsec .wrap{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);gap:clamp(24px,4vw,56px);align-items:center}
.ux-vhead h2{margin:12px 0 12px;font:500 clamp(26px,2.9vw,40px)/1.08 var(--sans);letter-spacing:-.03em}
.ux-vhead>p:last-child{margin:0;color:var(--soft);font-size:15px}
.vx-chaps{grid-template-columns:repeat(6,minmax(0,1fr))}
.vx-ch{grid-template-columns:auto;justify-items:start;gap:6px}
.vx-ch .mk{width:22px;height:22px}
.vx-ch span{display:grid;gap:3px}
.vx-frame{max-height:calc(100vh - 260px);width:100%;margin-inline:auto}
@media (max-width:980px){.ux-vsec .wrap{grid-template-columns:1fr}.vx-chaps{grid-template-columns:repeat(3,1fr)}}
.hero-v3 .lede{margin-bottom:28px;max-width:46ch}
.lede-kw{color:var(--text-accent);font-weight:600}
.ctas .ux-free{display:inline;padding:0;border:0;background:none;color:var(--text-accent);font-weight:500;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--tint-line);max-width:none;transform:none}
.ctas .ux-free:hover{text-decoration-color:var(--green);transform:none}
.ctas .ux-free{align-self:center;line-height:1}
.cmp-more{text-align:center;margin-top:20px}
.lim-more{margin-top:18px;text-align:right}
.how-b .morelink{margin-top:18px}
.ux-vhead .morelink{margin-top:18px}
@media (min-width:981px) and (max-height:780px){.cmp-more{margin-top:12px}}
/* ===== página de processos ===== */
.pr-sec{padding-top:28px}
.pr-tools{position:sticky;top:calc(var(--navh,61px) + 8px);z-index:5;display:grid;gap:12px;padding:14px;border-radius:18px;border:1px solid var(--line);background:color-mix(in srgb,var(--floor) 90%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.pr-search{display:flex;align-items:center;gap:10px;height:48px;padding:0 16px;border-radius:12px;border:1px solid var(--line-strong);background:var(--card)}
.pr-search:focus-within{border-color:var(--green);box-shadow:0 0 0 4px rgba(61,220,120,.12)}
.pr-search svg{width:18px;height:18px;color:var(--faint)}
.pr-search input{flex:1;border:0;background:none;color:var(--text);font:400 16px/1 var(--sans);outline:none}
.pr-chips{display:flex;flex-wrap:wrap;gap:6px}
.pr-chip{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--soft);font:500 13px/1 var(--sans);cursor:pointer;transition:all .2s}
.pr-chip .mk{width:18px;height:18px}
.pr-chip:hover{color:var(--text);border-color:var(--line-strong)}
.pr-chip.on{color:var(--on-green);background:var(--green);border-color:var(--green)}
.pr-count{margin:18px 2px 6px;font:500 12px/1 var(--mono);color:var(--faint)}
.pr-list{display:grid;gap:26px}
.pr-grp{border-radius:20px;border:1px solid var(--line);background:var(--card);overflow:hidden}
.pr-gh{display:flex;align-items:center;gap:14px;padding:18px 20px;border-bottom:1px solid var(--line)}
.pr-gm .mk{width:40px;height:40px}
.pr-gh h2{margin:0;font:600 19px/1.2 var(--sans)}
.pr-gh p{margin:3px 0 0;font-size:13.5px;color:var(--soft)}
.pr-gh p a{color:var(--text-accent);text-decoration:none;font-weight:600}
.pr-n{margin-left:auto;font:500 11.5px/1 var(--mono);color:var(--faint)}
.pr-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.pr-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 12px;padding:15px 20px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--text);transition:background .2s}
.pr-row:nth-child(odd){border-right:1px solid var(--line)}
.pr-row:hover{background:var(--raised)}
.pr-row b{font-weight:600;font-size:15px}
.pr-row span{grid-column:1;font-size:13.5px;color:var(--soft);line-height:1.45}
.pr-row em{position:absolute;top:15px;right:46px;font:600 10px/1 var(--mono);font-style:normal;letter-spacing:.06em;text-transform:uppercase;padding:4px 7px;border-radius:6px;background:var(--tint);color:var(--text-accent)}
.pr-row i{grid-column:2;grid-row:1/3;color:var(--faint);transition:transform .2s,color .2s}
.pr-row i svg{width:16px;height:16px}
.pr-row:hover i{color:var(--text-accent);transform:translateX(3px)}
.pr-empty{display:grid;justify-items:center;gap:10px;padding:50px 20px;text-align:center}
.pr-empty span{color:var(--soft)}
@media (max-width:760px){.pr-rows{grid-template-columns:1fr}.pr-row:nth-child(odd){border-right:0}.pr-n{display:none}}
section.sec.pr-sec{padding-top:24px}
/* logo do NEXO no canto do cartão da demo (caminho curto até o comparativo) */
.hd{position:relative}
.hd .xslot-hero{position:absolute;left:-26px;bottom:-26px;z-index:3;width:56px;height:56px;margin:0;filter:drop-shadow(0 10px 18px rgba(0,0,0,.45))}
@media (max-width:980px){.hd .xslot-hero{left:auto;right:-10px;bottom:-22px;width:44px;height:44px}}
.cell.com .kb{font-weight:600;color:var(--text)}
.hb-head>p{margin:12px 0 0;max-width:560px;color:var(--soft);font-size:clamp(15px,1.1vw,17px);line-height:1.55}
@media (min-width:981px) and (max-height:860px) and (min-height:781px){:is(#main[data-page="index"],#main[data-page="inicio"]) .cmp .wrap{padding-block:30px}.cmp .cell{padding:9px 16px}}

/* ===== opções da seção comparativo ===== */
.co-intro .wrap{padding-block:40px 8px}.co-intro h1{margin:10px 0 8px;font:500 clamp(28px,3vw,40px)/1.1 var(--sans);letter-spacing:-.03em}.co-intro p{color:var(--soft);margin:0}
.co-label{max-width:var(--wrap,1240px);margin:56px auto 0;padding:14px clamp(16px,4vw,48px);display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;border-top:2px solid var(--green)}
.co-label span{font:700 11px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-accent)}
.co-label b{font:500 18px/1.2 var(--sans)}.co-label small{flex-basis:100%;color:var(--soft);font-size:14px}
.co .wrap{padding-block:clamp(40px,7vh,72px)}
.co .kb{font-weight:600;color:var(--text)}
/* A — lista */
.coa-list{max-width:1120px;margin:clamp(24px,4vh,40px) auto 0}
.coa-h,.coa-row{display:grid;grid-template-columns:132px minmax(0,1fr) 40px minmax(0,1.1fr);gap:20px;align-items:center}
.coa-h{padding:0 16px 10px;font:500 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
.coa-h span:last-child{color:var(--text-accent)}
.coa-row{padding:18px 16px;border-top:1px solid var(--line);color:var(--text);text-decoration:none;border-radius:12px;transition:background-color .2s}
.coa-row:last-child{border-bottom:1px solid var(--line)}
.coa-row:hover{background:var(--card)}
.coa-topic{font:600 10.5px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
.coa-hoje{display:flex;gap:10px;align-items:flex-start;color:var(--faint);font-size:15px;line-height:1.5}
.coa-hoje i{flex:none;width:16px;height:16px;margin-top:3px;color:#d9a640;opacity:.8}.coa-hoje i svg{width:16px;height:16px}
.coa-arr{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--line-strong);color:var(--text-accent);transition:transform .25s var(--ease),border-color .2s}
.coa-row:hover .coa-arr{transform:translateX(4px);border-color:var(--green)}
.coa-com{display:flex;gap:16px;align-items:center;justify-content:space-between;font-size:16px;line-height:1.5}
.coa-com em{flex:none;display:flex;gap:8px;align-items:center;font:500 11.5px/1 var(--mono);font-style:normal;color:var(--text-accent);letter-spacing:.06em}
.coa-com em .mk{width:24px;height:24px}
/* B — cartões */
.cob-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:clamp(24px,4vh,40px)}
.cob-card{display:grid;grid-template-rows:subgrid;grid-row:span 5;gap:14px;padding:18px;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--card);color:var(--text);text-decoration:none;transition:transform .25s var(--ease),border-color .2s,box-shadow .25s}
.cob-card:hover{transform:translateY(-4px);border-color:var(--green);box-shadow:0 18px 40px rgba(0,0,0,.28)}
.cob-top{display:flex;gap:10px;align-items:center}.cob-top .mk{width:36px;height:36px;flex:none}
.cob-top b{display:block;font-weight:600;font-size:15px}.cob-top small{display:block;font:500 10.5px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-top:3px}
.cob-hoje span,.cob-com span{display:block;font:600 10px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;margin-bottom:8px}
.cob-hoje span{color:var(--faint)}.cob-com span{color:var(--text-accent)}
.cob-hoje p{margin:0;color:var(--soft);font-size:14px;line-height:1.5}
.cob-com{flex:1}.cob-com p{margin:0;font-size:15px;line-height:1.5}
.cob-div{position:relative;height:1px;background:var(--line)}
.cob-div i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(90deg);display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--card);border:1px solid var(--line-strong);color:var(--text-accent)}
.cob-div i svg{width:13px;height:13px}
.cob-go{display:flex;gap:6px;align-items:center;font-style:normal;font-size:13px;color:var(--text-accent);opacity:.75;transition:opacity .2s}
.cob-card:hover .cob-go{opacity:1}
/* C — seletor */
.coc{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(16px,3vw,36px);margin-top:clamp(24px,4vh,40px);align-items:stretch}
.coc-tabs{display:grid;gap:8px}
.coc-tab{position:relative;overflow:hidden;display:grid;gap:4px;text-align:left;padding:14px 18px;border-radius:var(--r-md);border:1px solid var(--line);background:transparent;color:var(--soft);font:inherit;cursor:pointer;transition:border-color .2s,background-color .2s,color .2s}
.coc-tab:hover{border-color:var(--line-strong);color:var(--text)}
.coc-tab.on{background:var(--card);border-color:var(--green);color:var(--text)}
.coc-t{font:600 10px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}
.coc-tab.on .coc-t{color:var(--text-accent)}
.coc-p{font-size:15px;line-height:1.45}
.coc-bar{position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--green);transform:scaleX(0);transform-origin:left}
.coc-tab.run .coc-bar{animation:cocBar 5.2s linear forwards}
@keyframes cocBar{to{transform:scaleX(1)}}
.coc-panel{position:relative;border-radius:var(--r-xl);border:1px solid var(--line-strong);background:radial-gradient(120% 90% at 100% 0%,rgba(57,214,120,.12),transparent 60%),var(--card);min-height:340px}
.coc-pane{position:absolute;inset:0;padding:clamp(22px,3vw,36px);display:flex;flex-direction:column;gap:16px;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .35s var(--ease),transform .35s var(--ease)}
.coc-pane.on{opacity:1;transform:none;pointer-events:auto}
.coc-who{display:flex;gap:14px;align-items:center}.coc-who .mk{width:56px;height:56px}
.coc-who b{display:block;font-size:20px;font-weight:600}.coc-who small{color:var(--soft);font-size:13.5px}
.coc-q{margin:6px 0 0;padding-left:14px;border-left:2px solid rgba(217,166,64,.55);color:var(--faint);font-size:15px;line-height:1.5}
.coc-a{margin:0;flex:1;font:500 clamp(22px,2.2vw,30px)/1.25 var(--sans);letter-spacing:-.02em}
.coc-a .kb{color:var(--text-accent);font-weight:600}
@media (prefers-reduced-motion:reduce){.coc-tab.run .coc-bar{animation:none}.coc-pane{transition:none}}
@media (max-width:1100px){.cob-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(250px,72%);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.cob-card{scroll-snap-align:start}}
@media (max-width:860px){
  .coa-h{display:none}.coa-row{grid-template-columns:1fr;gap:8px;padding:16px 4px}.coa-arr{display:none}
  .coa-com{flex-direction:column;align-items:flex-start;gap:8px}
  .coc{grid-template-columns:1fr}.coc-tabs{grid-auto-flow:column;grid-auto-columns:minmax(200px,70%);overflow-x:auto;scroll-snap-type:x mandatory}.coc-tab{scroll-snap-align:start}
  .coc-panel{min-height:400px}}
/* comparativo escolhido (A) com o X */
.co-a .coa-h,.co-a .coa-row{grid-template-columns:132px minmax(0,1fr) 64px minmax(0,1.1fr)}
.co-a .coa-h{align-items:end;padding-bottom:0}
.co-a .coa-h>span:nth-child(2),.co-a .coa-h>span:nth-child(4){padding-bottom:12px}
.coa-x{display:flex;justify-content:center;align-self:stretch;background:linear-gradient(var(--line-strong),var(--line-strong)) center bottom/1px 50% no-repeat}
.coa-x .xslot-cmp{width:56px;height:56px;margin:0 0 8px}
.coa-x .xslot-cmp .mk{width:56px;height:56px}
.co-a .coa-arr{align-self:stretch;margin-block:-18px;width:auto;height:auto;border:0;border-radius:0;background:linear-gradient(var(--line-strong),var(--line-strong)) center/1px 100% no-repeat}
.co-a .coa-arr i{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--line-strong);background:var(--floor);color:var(--text-accent);transition:transform .25s var(--ease),border-color .2s}
.co-a .coa-row:hover .coa-arr{transform:none}
.co-a .coa-row:hover .coa-arr i{transform:translateX(4px);border-color:var(--green)}
@media (max-width:860px){.co-a .coa-h{display:flex;justify-content:center}.co-a .coa-h>span:not(.coa-x){display:none}.coa-x{background:none}.coa-x .xslot-cmp{margin:0}.co-a .coa-arr{display:none}}
@media (max-width:860px){.co-a .coa-row{grid-template-columns:1fr}}
@media (min-width:981px) and (max-height:880px){
  .co-a .coa-list{margin-top:18px}
  .co-a .coa-row{padding:11px 16px}.co-a .coa-arr{margin-block:-11px}
  .co-a .coa-hoje{font-size:14px}.co-a .coa-com{font-size:15px}
  .coa-x .xslot-cmp,.coa-x .xslot-cmp .mk{width:48px;height:48px}
  .co-a .coa-h,.co-a .coa-row{grid-template-columns:120px minmax(0,1fr) 56px minmax(0,1.15fr)}}
@media (min-width:981px) and (max-height:780px){
  .co-a .coa-row{padding:8px 14px}.co-a .coa-arr{margin-block:-8px}
  .co-a .coa-hoje{font-size:13.5px;line-height:1.4}.co-a .coa-com{font-size:14.5px;line-height:1.4}
  .coa-x .xslot-cmp,.coa-x .xslot-cmp .mk{width:42px;height:42px}.coa-x .xslot-cmp{margin-bottom:4px}
  .co-a .coa-arr i{width:28px;height:28px}}
/* X e linha no centro exato */
.co-a .coa-h,.co-a .coa-row{grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr)!important}
.co-a .coa-l{display:grid;grid-template-columns:112px minmax(0,1fr);gap:16px;align-items:center}
.co-a .coa-h .coa-l{align-items:end}
.co-a .coa-h>.coa-l>span:nth-child(2),.co-a .coa-h>span:nth-child(3){padding-bottom:12px}
.co-a .coa-h>span:nth-child(2){padding-bottom:0}
@media (max-width:860px){.co-a .coa-row{grid-template-columns:1fr!important}.co-a .coa-l{grid-template-columns:1fr;gap:8px}.co-a .coa-h>.coa-l{display:none}}
.co-a .coa-h .coa-l span{color:var(--faint)}
/* rótulos maiores, encostados no X */
.co-a .coa-h{align-items:center}
.co-a .coa-h>.coa-l{display:block;text-align:right;padding:0 6px 8px 0!important}
.co-a .coa-h>.coa-l>span:first-child{display:none}
.co-a .coa-h>.coa-l>span:last-child,.co-a .coa-h>span:nth-child(3){padding:0 0 8px!important;font:500 clamp(18px,1.6vw,24px)/1.1 var(--sans);letter-spacing:-.01em;text-transform:none}
.co-a .coa-h>.coa-l>span:last-child{color:var(--soft)}
.co-a .coa-h>span:nth-child(3){padding-left:6px!important;color:var(--text-accent)}

/* ===== dados e sistemas ===== */
.tr-head{max-width:760px}
.tr-head h2{margin:12px 0 0;font:500 clamp(28px,3vw,42px)/1.08 var(--sans);letter-spacing:-.03em}
.tr-head>p:last-child{margin:12px 0 0;color:var(--soft);font-size:clamp(15px,1.1vw,17px)}
.tr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2vw,24px);margin-top:clamp(22px,3.5vh,36px)}
.tr-card{border:1px solid var(--line);border-radius:var(--r-xl);background:var(--card);padding:clamp(18px,2.2vw,28px);display:flex;flex-direction:column;gap:16px}
.tr-k{display:flex;align-items:center;gap:10px;margin:0;font:600 11px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-accent)}
.tr-k svg{width:18px;height:18px}
.tr-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.tr-list li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px;align-items:start}
.tr-ic{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;border:1px solid var(--line-strong);color:var(--text-accent)}
.tr-ic svg{width:18px;height:18px}
.tr-list b,.tr-block>b{display:block;font-weight:500;font-size:15.5px;color:var(--text)}
.tr-list li>div>span,.tr-block>span{display:block;color:var(--soft);font-size:14px;line-height:1.5;margin-top:3px}
.tr-block{display:grid;gap:8px;padding-top:14px;border-top:1px solid var(--line)}
.tr-block:first-of-type{padding-top:0;border-top:0}
.tr-chips{display:flex;flex-wrap:wrap;gap:8px}
.tr-chip{padding:6px 12px;border-radius:999px;border:1px solid var(--line-strong);font:500 12.5px/1 var(--mono);color:var(--text)}
.tr-todo em{font:600 10px/1 var(--mono);font-style:normal;letter-spacing:.12em;text-transform:uppercase;color:#d9a640;border:1px dashed rgba(217,166,64,.6);border-radius:6px;padding:3px 6px;margin-left:6px;vertical-align:middle}
li.tr-todo .tr-ic{border-style:dashed;color:var(--faint)}
.tr-logos{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.tr-logo{display:grid;place-items:center;height:38px;border:1px dashed var(--line-strong);border-radius:8px;font:500 10.5px/1 var(--mono);color:var(--faint);letter-spacing:.08em;text-transform:uppercase}
.tr-sec .morelink{margin-top:clamp(16px,2.5vh,24px)}
@media (min-width:981px) and (max-height:820px){.tr-card{gap:12px;padding:18px}.tr-list{gap:10px}.tr-list li>div>span,.tr-block>span{font-size:13.5px}.tr-head>p:last-child{margin-top:8px}}
@media (max-width:860px){.tr-grid{grid-template-columns:1fr}.tr-logos{grid-template-columns:repeat(3,minmax(0,1fr))}}
.tr-todo em{display:inline-block;white-space:nowrap}
.tr-list li{grid-template-columns:36px minmax(0,1fr) auto}
.tr-mk{display:flex;gap:3px;align-self:center}
.tr-mk .mk{width:20px;height:20px}
.tr-note{display:block;color:var(--faint);font-size:12px;line-height:1.45;margin-top:auto}
@media (max-width:860px){.tr-list li{grid-template-columns:36px minmax(0,1fr)}.tr-mk{grid-column:2}}
@media (min-width:981px) and (max-height:880px){
  .tr-sec .wrap{padding-block:28px}
  .tr-head h2{font-size:clamp(26px,2.4vw,34px)}
  .tr-grid{margin-top:18px}
  .tr-card{gap:10px;padding:16px 18px}
  .tr-list{gap:9px}.tr-ic{width:30px;height:30px}.tr-list li{grid-template-columns:30px minmax(0,1fr) auto;gap:12px}
  .tr-list b,.tr-block>b{font-size:14.5px}
  .tr-list li>div>span,.tr-block>span{font-size:13px;margin-top:1px}
  .tr-block{gap:6px;padding-top:10px}.tr-chip{padding:5px 10px;font-size:11.5px}.tr-chips{gap:6px}
  .tr-sec .morelink{margin-top:12px}}
@media (min-width:981px) and (max-height:780px){
  .tr-head>p:last-child{display:none}
  .tr-sec .wrap{padding-block:20px}
  .tr-head h2{font-size:26px;margin-top:8px}
  .tr-note{font-size:11px}
  #comecar .sec-head p{font-size:14px}}
@media (min-width:981px) and (max-height:860px){
  .tr-list b,.tr-block>b{font-size:14px}.tr-list li>div>span,.tr-block>span{line-height:1.4}
  .tr-note{display:none}
  .tr-card{padding:14px 18px}}
@media (min-width:981px) and (max-height:780px){
  #comecar .start{padding:16px;gap:9px}#comecar .start p{font-size:13px;line-height:1.45}}
.tr-mk{flex-direction:row;align-items:center}.tr-mk .mk{display:inline-block;margin:0}
/* vídeo real */
.vx-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#07120c;z-index:1}
.vx-start{position:absolute;inset:0;z-index:2;border:0;padding:0;background:linear-gradient(transparent 60%,rgba(0,0,0,.35));cursor:pointer}
.vx-start .vx-play{pointer-events:none}
.vx-frame .vx-dur{z-index:3}
.vx-frame.playing .vx-start,.vx-frame.playing .vx-dur{display:none}
.vx-frame::before{z-index:0}
.vx-frame.vx-v{aspect-ratio:9/16;max-height:calc(100svh - var(--navh,64px) - 170px);margin-inline:auto}
.vx-foot{margin:8px 0 0;font-size:12.5px;color:var(--faint);display:flex;gap:6px;align-items:center}
.vx-foot::before{content:"";width:6px;height:6px;border-radius:50%;background:#d9a640;flex:none}
.vx-frame.vx-v{width:min(100%,calc((100svh - var(--navh,64px) - 170px)*9/16));max-height:none}
.vx-start .vx-play{top:auto;left:50%;bottom:clamp(16px,3vw,26px);width:auto;height:46px;margin:0;transform:translateX(-50%);padding:0 22px 0 16px;border-radius:999px;gap:8px;display:flex;align-items:center;font:600 14.5px/1 var(--sans);box-shadow:0 0 0 8px rgba(61,220,120,.16),0 14px 40px rgba(0,0,0,.4)}
.vx-start .vx-play svg{width:20px;height:20px;margin:0}
.vx-frame:hover .vx-start .vx-play,.vx-start:focus-visible .vx-play{transform:translateX(-50%) scale(1.05)}
.vx-start .vx-play{left:clamp(16px,2.4vw,26px);transform:none}
.vx-frame:hover .vx-start .vx-play,.vx-start:focus-visible .vx-play{transform:scale(1.05)}
.ux-body p b{display:block;margin:0 0 3px;font:600 10px/1.2 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-accent)}
.ux-body p+p{margin-top:10px}
.lede-kw.ux-has>.ux-pin,.ux-free.ux-has>.ux-pin{top:-22px;left:auto;right:-14px;width:20px;height:20px;font-size:9px}
/* pinos de elementos de texto: âncora estável mesmo quando a frase quebra linha */
.lede-kw.ux-has,.ux-free.ux-has{display:inline-block}
.lede-kw.ux-has>.ux-pin,.ux-free.ux-has>.ux-pin{top:-16px;right:-18px;left:auto}