/* Páginas de aquisição (SEO) no visual da página inicial nova (03/10/2026).
   Camada carregada DEPOIS de landing.css + seo-pages.css; substitui o antigo landing-dark.css.
   Só troca cores, fontes e o herói escuro — a estrutura das páginas é a mesma. */
@font-face{font-family:"Schibsted Grotesk";font-style:normal;font-weight:400 900;font-display:swap;src:url("/fonts/schibsted-grotesk-var-latin.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url("/fonts/ibm-plex-mono-400-latin.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500 700;font-display:swap;src:url("/fonts/ibm-plex-mono-500-latin.woff2") format("woff2")}

:root{
  --jade:#2747E8; --jade-ink:#1F3BC4; --jade-bright:#2747E8; --jade-glow:#2747E8; --jade-soft:#E3E8FD; --jade-soft-2:#F0F3FE;
  --ink:#0D1524; --slate:#5A6577; --ink-soft:#5A6577;
  --paper:#F3F5F8; --paper-2:#EEF1F5; --cream:#FFFFFF; --white:#FFFFFF; --line:#DCE1E9; --line-2:#C9D1DD;
  --font-ui:"Schibsted Grotesk",system-ui,sans-serif;
  --shadow-sm:0 1px 2px rgba(13,21,36,.05),0 2px 6px rgba(13,21,36,.04);
  --shadow-lg:0 2px 3px rgba(13,21,36,.05),0 10px 20px -6px rgba(13,21,36,.08),0 34px 64px -18px rgba(13,21,36,.16);
}
body{background:var(--paper);color:var(--ink);font-family:var(--font-ui)}

/* Cabeçalho claro e translúcido, como o da página inicial */
.nav{background:rgba(243,245,248,.85)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)!important;box-shadow:none!important}
.nav .brand-name,.nav .nav-links a,.nav .nav-login{color:var(--ink)!important}
.nav .nav-links a{color:var(--slate)!important}
.nav .nav-links a:hover,.nav .nav-login:hover{color:var(--jade-ink)!important}
.brand-mark{background:none!important;color:var(--jade)!important;box-shadow:none!important}

/* Botões no verde da página inicial */
.btn-primary,.btn-bright{border-radius:12px 12px 0 12px!important;background:var(--jade)!important;color:#FFFFFF!important;box-shadow:0 12px 30px -12px rgba(39,71,232,.9)!important}
.btn-primary:hover,.btn-bright:hover{filter:brightness(1.08)}
.btn-ghost,.btn-ghost-light{background:#FFFFFF!important;color:var(--ink)!important;border:1px solid var(--line)!important}

/* Herói: sai o fundo quase preto, entra o claro com o brilho verde da página inicial */
.seo-hero{color:var(--ink);background:radial-gradient(60% 90% at 85% 0%,rgba(39,71,232,.20),rgba(39,71,232,.06) 45%,transparent 70%),var(--paper)}
.seo-breadcrumb{color:var(--ink-soft)}
.seo-breadcrumb span{color:var(--line-2)}
.seo-breadcrumb a:hover{color:var(--jade-ink)}
.seo-kicker{color:var(--jade-ink)}
.seo-hero h1{color:var(--ink);letter-spacing:-.03em}
.seo-hero h1 em{color:var(--jade-bright);background:linear-gradient(180deg,transparent 15%,rgba(39,71,232,.16) 15%,rgba(39,71,232,.16) 86%,transparent 86%);padding:0 .05em}
.seo-hero-lede{color:var(--slate)}
.seo-side-card{background:#FFFFFF;border:1px solid var(--line);box-shadow:var(--shadow-lg);backdrop-filter:none}
.seo-side-card h2{color:var(--ink)}
.seo-side-list li{color:var(--slate)}
.seo-side-list svg{color:var(--jade)}

/* Seções e cartões */
.seo-proof,.seo-section.alt{background:#FFFFFF}
.seo-quote-box{background:var(--paper-2)}
.seo-quote-box .bubble.client{background:#D9F5D0}
.seo-final-card{background:linear-gradient(135deg,#2747E8,#1F3BC4)}

/* Rodapé claro, como o da página inicial */
.footer{background:var(--paper)!important;color:var(--slate)!important;border-top:1px solid var(--line)}
.footer .brand-name{color:var(--ink)!important}
.footer-about{color:var(--slate)!important}
.footer-col h5{color:var(--ink-soft)!important;font-family:var(--font-mono)}
.footer-col a,.footer-cookie-btn{color:var(--slate)!important}
.footer-col a:hover,.footer-cookie-btn:hover{color:var(--jade-ink)!important}
.footer-bottom{color:var(--ink-soft)!important;border-top-color:var(--line)!important}