/* Base visual do lado B2B do OND (topo, menu, rodape e botoes).
   Gerado por scripts/extrai-chrome-b2b a partir de agencias.html: nao editar a mao. */
*{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:var(--ond-color-bg);
  --surface:var(--ond-color-surface);
  --card:var(--ond-color-card);
  --border:var(--ond-color-border);
  --border-hi:color-mix(in srgb, var(--ond-color-primary) 45%, transparent);
  --blue:var(--ond-color-primary);
  --blue-dim:color-mix(in srgb, var(--ond-color-primary) 12%, transparent);
  --blue-glow:color-mix(in srgb, var(--ond-color-primary) 40%, transparent);
  --blue-light:var(--ond-color-primaryHover);
  --green:var(--ond-color-success);
  --green-dim:color-mix(in srgb, var(--ond-color-success) 10%, transparent);
  --on-green:#fff; /* claro: verde escuro → texto branco */
  --gold:var(--ond-palette-gold-500);
  --gold-dim:color-mix(in srgb, var(--ond-palette-gold-500) 12%, transparent);
  --text:var(--ond-color-text);
  --muted:var(--ond-color-muted);
  --muted2:var(--ond-color-muted); /* misturar com o fundo derrubava para 2,5:1 */
  --radius:var(--ond-radius-lg);--radius-sm:var(--ond-radius-md);
  --header-bg:color-mix(in srgb, var(--ond-color-bg) 96%, transparent);
}
[data-theme="dark"]{--on-green:#04120a;}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:var(--ond-font-family-base);overflow-x:hidden;line-height:1.6;transition:background .25s,color .25s}
*{scrollbar-width:thin;scrollbar-color:var(--border-hi) transparent}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--border-hi);border-radius:50px;border:2px solid transparent;background-clip:padding-box}
::-webkit-scrollbar-thumb:hover{background:var(--blue)}
.ond-letter{fill:var(--ond-color-text)}
.ond-diamond{fill:#7f11f4}
.header{position:sticky;top:0;z-index:200;background:var(--header-bg);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:0 5%;display:flex;align-items:center;justify-content:space-between;height:68px;gap:12px}
.theme-btn{background:none;border:1px solid var(--border);border-radius:50%;width:34px;height:34px;cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center;color:var(--muted);transition:border-color .2s,background .2s;flex-shrink:0}
.theme-btn:hover{border-color:var(--blue);background:var(--blue-dim)}
.header-logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}
.header-logo-svg{height:42px;width:auto}
.header-logo{flex:1 1 0;min-width:0;display:flex;align-items:center}
.header-actions{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:12px}
.header-badge{font-size:8px;font-weight:700;background:var(--blue);color:var(--ond-color-onPrimary);padding:2px 8px;border-radius:6px;letter-spacing:.07em;text-transform:uppercase;flex-shrink:0}
.header>nav{flex:0 0 auto;min-width:0}
.header-nav{display:flex;gap:4px;list-style:none}
.header-nav a{color:var(--muted);text-decoration:none;font-size:.84rem;font-weight:600;padding:6px 14px;border-radius:20px;transition:all .15s;white-space:nowrap}
.header-nav a:hover,.header-nav a.active{color:var(--text);background:color-mix(in srgb, var(--ond-app-white) 6%, transparent)}
.header-nav .nav-home{color:#7f11f4;border:1px solid color-mix(in srgb, #7f11f4 32%, transparent)}
.header-nav .nav-home:hover{background:color-mix(in srgb, #7f11f4 12%, transparent);color:#9d6fff}
.header-nav .nav-alt{color:var(--blue-light);border:1px solid color-mix(in srgb, var(--blue) 32%, transparent)}
.header-nav .nav-alt:hover{background:var(--blue-dim);color:var(--blue-light)}
.header-cta{background:var(--green);color:var(--on-green);padding:9px 20px;border-radius:50px;font-size:.84rem;font-weight:700;text-decoration:none;transition:all .15s;white-space:nowrap;flex-shrink:0}
.header-cta:hover{background:var(--ond-palette-green-400);transform:translateY(-1px)}
.header-login{color:var(--muted);border:1px solid var(--border);padding:8px 16px;border-radius:50px;font-size:.84rem;font-weight:600;text-decoration:none;transition:all .15s;white-space:nowrap;flex-shrink:0}
.header-login:hover{color:var(--text);border-color:var(--blue)}
.header-menu-btn{display:none;background:none;border:none;color:var(--text);font-size:1.4rem;cursor:pointer;padding:4px}
.mobile-nav{display:none;position:fixed;top:68px;left:0;right:0;background:var(--surface);border-bottom:1px solid var(--border);z-index:199;padding:20px 5%;flex-direction:column;gap:0}
.mobile-nav.open{display:flex}
.mobile-nav a{color:var(--text);text-decoration:none;font-size:1rem;padding:14px 0;border-bottom:1px solid var(--border)}
.mobile-nav a.nav-home{color:#7f11f4}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
.header-nav li{display:flex;align-items:center}
.header-nav .seg{margin-bottom:0;padding:3px;gap:2px}
.header-nav .seg-btn{padding:5px 12px;font-size:.8rem;border-radius:50px;background:none;color:var(--muted)}
.header-nav .seg-btn:hover{background:none;color:var(--text)}
.header-nav .seg-btn.active,.header-nav .seg-btn.active:hover{background:var(--blue);color:var(--ond-color-onPrimary)}
.mobile-nav .seg{margin:10px 0;padding:4px;align-self:flex-start}
.mobile-nav .seg-btn{padding:9px 22px;font-size:.92rem;border-bottom:none;color:var(--muted)}
.mobile-nav .seg-btn:hover{color:var(--text)}
.mobile-nav .seg-btn.active,.mobile-nav .seg-btn.active:hover{background:var(--blue);color:var(--ond-color-onPrimary)}
.btn-green{display:inline-flex;align-items:center;gap:8px;background:var(--green);color:var(--on-green);padding:14px 28px;border-radius:50px;font-size:.97rem;font-weight:700;text-decoration:none;transition:all .2s;box-shadow:0 4px 20px color-mix(in srgb, var(--green) 25%, transparent)}
.btn-green svg{fill:var(--on-green)}
.btn-green:hover{background:var(--ond-palette-green-400);transform:translateY(-2px);box-shadow:0 8px 32px color-mix(in srgb, var(--green) 40%, transparent)}
[data-theme="light"] .btn-green,
[data-theme="light"] .header-cta{color:#fff}
[data-theme="light"] .btn-green .ic,
[data-theme="light"] .header-cta .ic{color:#fff}
.btn-blue{display:inline-flex;align-items:center;gap:8px;background:var(--blue-dim);color:var(--blue-light);border:1.5px solid color-mix(in srgb, var(--blue) 30%, transparent);padding:13px 24px;border-radius:50px;font-size:.97rem;font-weight:600;text-decoration:none;transition:all .2s}
.btn-blue:hover{background:color-mix(in srgb, var(--blue) 20%, transparent);border-color:var(--blue);transform:translateY(-2px)}
.btn-whatsapp{display:inline-flex;align-items:center;gap:8px;background:color-mix(in srgb, var(--ond-color-whatsapp) 10%, transparent);color:var(--text);border:1.5px solid color-mix(in srgb, var(--ond-color-whatsapp) 25%, transparent);padding:13px 24px;border-radius:50px;font-size:.97rem;font-weight:600;text-decoration:none;transition:all .2s}
.btn-whatsapp svg{fill:var(--ond-color-whatsapp)}
.btn-whatsapp:hover{background:color-mix(in srgb, var(--ond-color-whatsapp) 18%, transparent);border-color:var(--ond-color-whatsapp);transform:translateY(-2px)}
.section-title{font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:800;line-height:1.2;margin-bottom:16px;letter-spacing:-.02em}
.section-sub{font-size:1rem;color:var(--muted);max-width:580px;line-height:1.7;margin:0 auto}
.ic{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0}
.ic-b{color:var(--blue)}
@keyframes lgPush{0%,100%{transform:rotate(90deg) translateX(-3px)}50%{transform:rotate(90deg) translateX(3px)}}
@keyframes lgLeadIn{0%{opacity:0;transform:translateY(14px) scale(.97)}100%{opacity:1;transform:none}}
footer{background:var(--bg);border-top:1px solid var(--border);padding:40px 5% 28px}
.footer-inner{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:32px}
.footer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:0}
.footer-logo-svg{height:28px;width:auto;margin-bottom:14px;display:block}
.footer-brand p{font-size:.82rem;color:var(--muted);max-width:240px;line-height:1.65}
.footer-col h3{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted2);margin-bottom:12px}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:8px}
.footer-col a{font-size:.84rem;color:var(--muted);text-decoration:none;transition:color .15s}
.footer-col a:hover{color:var(--text)}
.footer-col a.footer-home{color:var(--blue-light)}
.footer-col a.footer-home:hover{color:var(--blue)}
.footer-bottom{border-top:1px solid var(--border);padding-top:20px;display:flex;justify-content:space-between;align-items:center;font-size:.78rem;color:var(--muted2);flex-wrap:wrap;gap:8px}
@media(max-width:960px){
.header-nav{display:none}
.header-menu-btn{display:block}
.footer-inner{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
.header-cta{display:none}
.header-login{display:none}
.header{padding:0 20px;gap:10px}
.footer-inner{grid-template-columns:1fr}
.btn-green,.btn-whatsapp{width:100%;max-width:300px;justify-content:center}
}
:focus-visible{outline:2px solid var(--ond-color-focus);outline-offset:2px}
.hero-sub,.section-title,.section-sub,.cta-final-title,.cta-final-sub,
.journey-head h3,.journey-head p,.jstep-title,.jstep-desc,
.pp-copy h3,.pp-copy>p,
.problema-title,.problema-desc,.feat-title,.feat-desc,
.diff-title,.diff-desc,.side-block-title,.proof-quote,.wwa-sum,
.model-label,.model-desc,
.plan-name,.plan-for,.pc-text h3,.pc-text p,
.ret-card h3,.ret-card>p,
.btn-green,.btn-blue,.btn-blue-solid,.btn-whatsapp,.btn-demo,
.lg-lead-cta,.header-cta,.proof-founder-cal,.plan-cta{
  text-wrap:balance;
  text-wrap:pretty;
}

:root{
  --purple:var(--ond-app-purple);
  --purple-dim:color-mix(in srgb, var(--ond-app-purple) 12%, transparent);
  --purple-light:color-mix(in srgb, var(--ond-app-purple), white 30%);
}
.btn-blue-solid{display:inline-flex;align-items:center;gap:8px;background:var(--blue);color:var(--ond-color-onPrimary);padding:14px 28px;border-radius:50px;font-size:.97rem;font-weight:700;text-decoration:none;transition:all .2s;box-shadow:0 4px 20px var(--blue-glow)}
.btn-blue-solid:hover{background:var(--blue-light);transform:translateY(-2px);box-shadow:0 8px 32px var(--blue-glow)}
@keyframes pptype{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}
@keyframes vaiPulse{0%{box-shadow:0 8px 24px var(--blue-glow),0 0 0 0 color-mix(in srgb,var(--blue) 40%,transparent)}70%{box-shadow:0 8px 24px var(--blue-glow),0 0 0 12px transparent}100%{box-shadow:0 8px 24px var(--blue-glow),0 0 0 0 transparent}}
@keyframes ppshimmer{100%{transform:translateX(100%)}}
@keyframes orb-pulse{
  0%{box-shadow:0 8px 24px color-mix(in srgb,var(--green) 45%,transparent),0 0 0 0 color-mix(in srgb,var(--green) 45%,transparent)}
  70%{box-shadow:0 8px 24px color-mix(in srgb,var(--green) 45%,transparent),0 0 0 14px transparent}
  100%{box-shadow:0 8px 24px color-mix(in srgb,var(--green) 45%,transparent),0 0 0 0 transparent}}
@media(max-width:600px){
body{padding-bottom:calc(20px + env(safe-area-inset-bottom))}
}
[data-theme="light"] .orb-cta-btn{color:#fff}

.langsel{position:relative;flex-shrink:0}
@media(max-width:960px){
.langsel{display:none}
.header-actions{flex:0 0 auto}
}
.mobile-nav .mobile-lang a{padding:5px 10px;border:1px solid var(--border);border-radius:8px;font-size:.82rem;font-weight:700;color:var(--muted);border-bottom:1px solid var(--border)}
.mobile-nav .mobile-lang a[aria-current="true"]{color:var(--text);border-color:var(--text)}
.langsel>summary{list-style:none;display:flex;align-items:center;gap:6px;height:34px;padding:0 10px;
  border:1px solid var(--border);border-radius:17px;color:var(--muted);cursor:pointer;font-size:.82rem;
  font-weight:600;background:none;transition:border-color .2s,background .2s,color .2s}
.langsel>summary::-webkit-details-marker{display:none}
.langsel>summary:hover{border-color:var(--purple);background:var(--purple-dim);color:var(--text)}
.langsel-caret{font-size:.7rem;opacity:.7}
.langsel[open]>summary .langsel-caret{transform:rotate(180deg)}
.langsel-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:168px;list-style:none;margin:0;padding:6px;
  background:var(--surface);border:1px solid var(--border);border-radius:12px;
  box-shadow:0 12px 32px rgba(0,0,0,.28);z-index:250}
.langsel-menu li{list-style:none}
.langsel-menu a{display:block;padding:9px 12px;border-radius:8px;color:var(--text);text-decoration:none;
  font-size:.9rem;transition:background .15s}
.langsel-menu a:hover{background:var(--purple-dim)}
.langsel-menu a[aria-current="true"]{color:var(--purple-light);font-weight:700}

@keyframes pgtFadeIn{from{opacity:0}to{opacity:1}}
@keyframes pgtFadeOut{from{opacity:1}to{opacity:0}}
@keyframes pgtOrbSpring{0%{opacity:0;transform:scale(.3)}60%{opacity:1}100%{opacity:1;transform:scale(1)}}
@keyframes pgtOrbBurst{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(9)}}