/* SmartTalks.ai — home (index.html)
   Extraído do export de protótipo em 2026-07-29; tokens compartilhados com site.css. */
/* ============ TOKENS ============ */
:root{
  --primary:#6366F1; --primary-soft:rgba(99,102,241,0.12); --primary-glow:rgba(99,102,241,0.28);
  --bg-dark:#08080F; --bg-elevated:#0E0E1A; --bg-darkest:#050509;
  --ink:#0C1322; --paper:#F7F5F2; --paper-2:#FBFAF8; --soft:#EEF2FF;
  --text:#EEEEF2; --text-dim:#8888A0; --text-ghost:#44445A;
  --muted:#5A6072; --line-warm:rgba(12,19,34,0.10);
  --green:#22C55E; --green-soft:rgba(34,197,94,0.12); --amber:#F59E0B; --red:#EF4444;
  --mono:ui-monospace,'SF Mono',Menlo,Consolas,monospace; --sans:'Rubik',system-ui,sans-serif; --border:rgba(255,255,255,0.06);
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;font-size:16px;}
body{font-family:var(--sans);background:var(--bg-dark);color:var(--text);overflow-x:clip;-webkit-font-smoothing:antialiased;}
a{color:inherit;text-decoration:none;}
a:hover{color:var(--primary);}
img{max-width:100%;display:block;}
.container{max-width:1200px;margin:0 auto;width:100%;}
.container-wide{max-width:1400px;margin:0 auto;width:100%;}
.gradient-text{background:linear-gradient(135deg,var(--primary) 0%,#A78BFA 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.reveal{opacity:0;transform:translateY(40px);transition:opacity.8s cubic-bezier(.16,1,.3,1),transform.8s cubic-bezier(.16,1,.3,1);}
.reveal.visible{opacity:1 !important;transform:none !important;}/* transform:none (e nao translateY(0)) para o elemento nao criar stacking context
   depois da animacao: com contexto proprio, o blob .corner-accent::before (z-index:-1)
   subia para cima da foto em vez de ficar atras dela. */
.reveal-delay-1{transition-delay:.1s;}.reveal-delay-2{transition-delay:.2s;}.reveal-delay-3{transition-delay:.3s;}.reveal-delay-4{transition-delay:.4s;}
.blob{position:absolute;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:0;}

/* ============ NAV ============ */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:20px 40px;transition:all.4s;border-bottom:1px solid rgba(255,255,255,.14);}
.nav.scrolled{background:linear-gradient(180deg,rgba(32,34,78,.62) 0%,rgba(15,17,44,.56) 100%);backdrop-filter:blur(30px) saturate(1.9);-webkit-backdrop-filter:blur(30px) saturate(1.9);border-bottom:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.10);padding:14px 40px;border-bottom:1px solid var(--border);}
.nav-logo{font-weight:800;font-size:1.125rem;letter-spacing:-.02em;color:#fff;}
.nav-logo span{color:var(--primary);}
.nav-links{display:flex;gap:30px;}
.nav-links a{font-size:.8125rem;color:var(--text-dim);transition:color.3s;font-weight:400;}
.nav-links a:hover{color:#fff;}
.nav-cta{display:flex;align-items:center;gap:8px;font-size:.8125rem;font-weight:500;padding:9px 20px;border:1px solid rgba(99,102,241,.35);border-radius:999px;color:#fff;transition:all.3s;font-family:var(--sans);background:transparent;cursor:pointer;}
.nav-cta:hover{background:var(--primary);border-color:var(--primary);color:#fff;}
.nav-cta .mini-orb{width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,#8185F5,#4A4ED0);box-shadow:0 0 8px rgba(129,133,245,.5);animation:breathe 3s ease-in-out infinite;}
.nav-mobile-toggle{display:none;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;}

/* ============ HERO (preserved) ============ */
.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:140px 40px 80px;position:relative;overflow:hidden;
  background:radial-gradient(circle at 18% 14%,rgba(102,97,241,0.22) 0%,transparent 28%),radial-gradient(circle at 82% 20%,rgba(92,132,255,0.18) 0%,transparent 24%),radial-gradient(circle at 50% 42%,rgba(255,255,255,0.07) 0%,transparent 34%),linear-gradient(180deg,#181A2B 0%,#111422 42%,#0B0D17 100%);}
.hero::before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.35;background:radial-gradient(circle at 22% 26%,rgba(255,255,255,.9) 0 1px,transparent 1.7px),radial-gradient(circle at 68% 18%,rgba(255,255,255,.85) 0 1px,transparent 1.7px),radial-gradient(circle at 78% 58%,rgba(255,255,255,.7) 0 1px,transparent 1.5px),radial-gradient(circle at 35% 70%,rgba(255,255,255,.6) 0 1px,transparent 1.5px),radial-gradient(circle at 55% 80%,rgba(255,255,255,.5) 0 1px,transparent 1.5px);}
.hero::after{content:'';position:absolute;width:880px;height:880px;left:50%;top:44%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(123,117,255,.08) 0%,rgba(123,117,255,.03) 34%,transparent 68%);filter:blur(10px);pointer-events:none;}
.hero .blob-1{width:760px;height:760px;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(ellipse,rgba(102,97,241,.18) 0%,rgba(102,97,241,.08) 36%,transparent 68%);transition:all 1s ease;}
.hero.celebration .blob-1{width:860px;height:860px;background:radial-gradient(ellipse,rgba(102,97,241,.26) 0%,transparent 62%);}
.hero-orb{width:120px;height:120px;border-radius:50%;position:relative;z-index:2;background:radial-gradient(circle at 40% 35%,#8185F5 0%,#5A5EE0 40%,#4A4ED0 70%,#3A3EB0 100%);box-shadow:0 0 80px rgba(129,133,245,.36),0 0 150px rgba(129,133,245,.18),inset 0 -15px 30px rgba(0,0,0,.2),inset 0 8px 16px rgba(255,255,255,.12);animation:breathe 4s ease-in-out infinite;margin-bottom:72px;cursor:default;}
.hero.celebration .hero-orb{animation:celebratePulse.6s ease-in-out 3;}
@keyframes celebratePulse{0%,100%{transform:scale(1);}50%{transform:scale(1.12);box-shadow:0 0 100px rgba(129,133,245,.5),0 0 200px rgba(129,133,245,.3);}}
.hero-orb::before,.hero-orb::after{content:'';position:absolute;inset:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(156,157,255,.24);pointer-events:none;}
/* Os aneis eram 180px e 250px fixos enquanto o orbe encolhe para 96px em
   tela baixa: o de fora sobrava 65px alem do orbe, contra 40px de margem,
   e cruzava o H1. Em % eles acompanham o orbe, e a margem abaixo passa a
   ser calculada para o anel externo terminar antes do titulo. */
.hero-orb::before{width:150%;height:150%;border:2.5px solid rgba(255,255,255,.55);animation:orbitRingOne 12s linear infinite;}
.hero-orb::after{width:195%;height:195%;border-color:rgba(102,97,241,.16);animation:orbitRingTwo 18s linear infinite reverse;}
.hero-orbit-dot,.hero-orbit-dot-2{position:absolute;left:50%;top:50%;border-radius:50%;pointer-events:none;}
.hero-orbit-dot{width:180px;height:180px;margin-left:-90px;margin-top:-90px;animation:orbitDotOne 8s linear infinite;}
.hero-orbit-dot-2{width:250px;height:250px;margin-left:-125px;margin-top:-125px;animation:orbitDotTwo 14s linear infinite reverse;}
.hero-orbit-dot::after,.hero-orbit-dot-2::after{content:'';position:absolute;top:-4px;left:50%;transform:translateX(-50%);width:8px;height:8px;border-radius:50%;background:#8e89ff;box-shadow:0 0 14px rgba(142,137,255,.8);}
.hero-orbit-dot-2::after{width:6px;height:6px;background:#72d9ff;box-shadow:0 0 12px rgba(114,217,255,.8);}
@keyframes orbitRingOne{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes orbitRingTwo{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes orbitDotOne{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes orbitDotTwo{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes breathe{0%,100%{transform:scale(1);}50%{transform:scale(1.04);}}
.hero-tagline{font-size:clamp(1.8rem,4vw,3rem);font-weight:700;line-height:1.06;letter-spacing:-.03em;max-width:1120px;margin:0 auto 24px;color:#F4F5FB;}
.hero-tagline .subtitle-line{display:block;font-size:clamp(24px,3.2vw,40px);color:#DEE1F2;font-weight:500;margin-top:10px;letter-spacing:-.02em;white-space:nowrap;}
.izi-bubble{font-size:1.125rem;font-weight:300;color:var(--text-dim);max-width:520px;line-height:1.6;margin:0 auto 40px;min-height:2em;position:relative;}
.izi-bubble .typing-cursor{display:inline-block;width:2px;height:1.1em;background:var(--primary);animation:cursorBlink.6s steps(2) infinite;vertical-align:text-bottom;margin-left:2px;}
@keyframes cursorBlink{0%{opacity:1}100%{opacity:0}}
.izi-questions{max-width:580px;width:100%;margin:0 auto;position:relative;z-index:2;}
.izi-question-group{display:none;flex-direction:column;align-items:center;gap:20px;}
.izi-question-group.active{display:flex;animation:fadeUp.5s cubic-bezier(.16,1,.3,1);}
/* Setor, objetivo e volume so existem depois do clique em Comecar: o [hidden] no HTML
   e a rede de seguranca (vale mesmo sem CSS) e este seletor garante que nem uma classe
   .active perdida consiga mostrar a pergunta antes da hora. */
.izi-question-group[hidden]{display:none!important;}
@keyframes fadeUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}
.name-input-group{display:flex;gap:8px;max-width:520px;margin:0 auto;width:100%;}
.name-input-group input{flex:1;padding:13px 16px;background:rgba(255,255,255,.06);border:1px solid var(--border);border-radius:999px;color:var(--text);font-family:var(--sans);font-size:.9375rem;outline:none;transition:border.3s;}
.name-input-group input:focus{border-color:var(--primary);}
.name-input-group button{padding:13px 26px;background:var(--primary);color:#fff;border:none;border-radius:999px;font-family:var(--sans);font-size:.875rem;font-weight:500;cursor:pointer;transition:transform.3s;white-space:nowrap;}
.name-input-group button:hover{transform:translateY(-1px);}
.name-skip{display:block;margin:14px auto 0;background:none;border:none;color:var(--text-dim);font-family:var(--sans);font-size:.8125rem;cursor:pointer;transition:color.3s;}
.name-skip:hover{color:#fff;}
.chips-container{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;}
.chip{padding:10px 22px;border-radius:999px;font-size:.875rem;font-weight:500;font-family:var(--sans);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10);color:var(--text-dim);cursor:pointer;transition:all.3s cubic-bezier(.16,1,.3,1);user-select:none;box-shadow:0 2px 8px rgba(0,0,0,.15);}
.chip:hover{background:rgba(102,97,241,.12);border-color:rgba(102,97,241,.3);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.25);}
.chip.selected{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 4px 24px var(--primary-glow);transform:scale(1.02);}
.chips-container.fading .chip:not(.selected){opacity:.3;transform:scale(.95);pointer-events:none;}
.hero-completion-metric{display:none;font-family:var(--mono);font-size:.875rem;letter-spacing:.06em;color:var(--primary);margin-top:24px;padding:10px 24px;background:var(--primary-soft);border-radius:999px;animation:fadeUp.6s cubic-bezier(.16,1,.3,1);}
.hero-completion-metric.visible{display:inline-block;}
.recommended-badge{display:none;}
.recommended-badge.visible{display:inline-block;}
.skip-link{display:inline-flex;align-items:center;gap:6px;font-size:.8125rem;color:var(--text-dim);cursor:pointer;transition:color.3s;margin-top:28px;position:relative;z-index:2;background:none;border:none;font-family:var(--sans);}
.skip-link:hover{color:#fff;}
.scroll-cue{position:static;display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:38px;color:#D9DDF7;font-size:.625rem;letter-spacing:.12em;text-transform:uppercase;animation:floatY 3s ease-in-out infinite;font-family:var(--mono);z-index:2;}
@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}
.scroll-cue .line{width:2px;height:48px;border-radius:999px;background:linear-gradient(180deg,rgba(102,97,241,1) 0%,rgba(157,119,255,.92) 46%,rgba(102,97,241,0) 100%);box-shadow:0 0 18px rgba(102,97,241,.45);}
@keyframes float{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(8px)}}
@media(max-height:640px){.scroll-cue{display:none;}}
.returning-banner{display:none;position:fixed;top:80px;left:50%;transform:translateX(-50%);z-index:99;background:rgba(14,14,26,.92);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:999px;padding:12px 24px;font-size:.8125rem;color:var(--text-dim);align-items:center;gap:16px;box-shadow:0 8px 32px rgba(0,0,0,.3);}
.returning-banner.visible{display:flex;}
.returning-banner .mini-orb-banner{width:8px;height:8px;border-radius:50%;background:radial-gradient(circle,#8185F5,#4A4ED0);}
.returning-banner button{background:none;border:1px solid rgba(102,97,241,.3);color:var(--primary);font-size:.75rem;font-family:var(--sans);padding:4px 12px;border-radius:999px;cursor:pointer;}
.returning-banner button:hover{background:var(--primary);color:#fff;}
.izi-float{display:none;position:fixed;bottom:24px;right:24px;z-index:98;width:52px;height:52px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#8185F5,#5A5EE0 40%,#4A4ED0);box-shadow:0 0 24px rgba(129,133,245,.3),0 4px 16px rgba(0,0,0,.3);cursor:pointer;border:none;animation:breathe 4s ease-in-out infinite;transition:transform.3s;}
.izi-float.visible{display:block;}
.izi-float:hover{transform:scale(1.1);}
#iziFloat{display:none !important;}
/* ===== IZI NARRATOR (companion across whole site) ===== */
.izi-narrator{position:fixed;left:26px;bottom:26px;z-index:97;display:flex;align-items:flex-end;gap:16px;opacity:0;transform:translateY(22px);pointer-events:none;transition:opacity.55s cubic-bezier(.16,1,.3,1),transform.55s cubic-bezier(.16,1,.3,1);}
.izi-narrator.visible{opacity:1 !important;transform:none !important;pointer-events:auto;}
.izi-narrator-orb{width:48px;height:48px;flex-shrink:0;border-radius:50%;background:radial-gradient(circle at 40% 35%,#8185F5 0%,#5A5EE0 40%,#4A4ED0 70%,#3A3EB0 100%);box-shadow:0 0 28px rgba(129,133,245,.42),0 6px 18px rgba(0,0,0,.36),inset 0 -6px 12px rgba(0,0,0,.2),inset 0 4px 8px rgba(255,255,255,.12);animation:breathe 4s ease-in-out infinite;cursor:pointer;position:relative;}
/* mesmo problema em miniatura: 66px fixos sobre um orbe que vira 42px no
   celular faziam o anel entrar 3px por baixo do balao */
.izi-narrator-orb::before{content:'';position:absolute;inset:50%;transform:translate(-50%,-50%);width:138%;height:138%;border-radius:50%;border:1px solid rgba(156,157,255,.28);animation:orbitRingOne 10s linear infinite;}
.izi-narrator-bubble{max-width:256px;background:rgba(16,17,32,.94);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border:1px solid rgba(255,255,255,.10);border-radius:18px 18px 18px 6px;padding:12px 16px;font-size:.84rem;line-height:1.5;color:#EDEEF5;box-shadow:0 16px 40px rgba(0,0,0,.4);opacity:0;transform:translateY(10px) scale(.94);transform-origin:bottom left;transition:opacity.38s cubic-bezier(.16,1,.3,1),transform.38s cubic-bezier(.16,1,.3,1);pointer-events:none;}
.izi-narrator-bubble.show{opacity:1;transform:none;}
.izi-narrator-bubble:empty{display:none;}
.izi-narrator-bubble b{color:#B8B5FF;font-weight:600;}
.izi-narrator-mute{position:absolute;top:-6px;left:36px;width:22px;height:22px;border-radius:50%;background:rgba(16,17,32,.96);border:1px solid rgba(255,255,255,.12);color:var(--text-dim);font-size:.82rem;line-height:1;cursor:pointer;z-index:3;display:flex;align-items:center;justify-content:center;padding:0;transition:color.3s,background.3s,border-color.3s;font-family:var(--sans);}
.izi-narrator-mute:hover{color:#fff;background:var(--primary);border-color:var(--primary);}
.izi-narrator.muted .izi-narrator-bubble,.izi-narrator.muted .izi-narrator-mute{display:none;}
.izi-narrator.muted .izi-narrator-orb::after{content:'Ligar a Izi';position:absolute;left:60px;bottom:14px;white-space:nowrap;font-size:.72rem;color:var(--text-dim);font-family:var(--sans);opacity:.75;}
@media(max-width:640px){.izi-narrator{left:14px;bottom:14px;gap:13px;}.izi-narrator-orb{width:42px;height:42px;}.izi-narrator-bubble{max-width:190px;font-size:.78rem;padding:10px 13px;}}

/* ============ BUTTONS ============ */
.btn-primary{padding:14px 30px;background:var(--primary);color:#fff;border-radius:999px;font-size:.9375rem;font-weight:500;font-family:var(--sans);border:none;cursor:pointer;transition:all.3s;box-shadow:0 4px 24px var(--primary-glow);display:inline-flex;align-items:center;gap:8px;}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 34px var(--primary-glow);color:#fff;}
.btn-secondary{padding:14px 30px;background:transparent;color:var(--text-dim);border-radius:999px;font-size:.9375rem;font-weight:400;font-family:var(--sans);border:1px solid var(--border);cursor:pointer;transition:all.3s;display:inline-flex;align-items:center;gap:8px;}
.btn-secondary:hover{color:#fff;border-color:rgba(255,255,255,.2);}
.btn-dark{padding:14px 30px;background:var(--ink);color:#fff;border-radius:999px;font-size:.9375rem;font-weight:500;border:none;cursor:pointer;transition:all.3s;display:inline-flex;align-items:center;gap:8px;}
.btn-dark:hover{transform:translateY(-2px);color:#fff;box-shadow:0 12px 30px rgba(12,19,34,.25);}
.btn-outline{padding:14px 30px;background:transparent;color:var(--ink);border-radius:999px;font-size:.9375rem;font-weight:500;border:1px solid var(--line-warm);cursor:pointer;transition:all.3s;display:inline-flex;align-items:center;gap:8px;}
.btn-outline:hover{background:var(--soft);color:var(--ink);border-color:var(--primary);}

/* ============ EDITORIAL SYSTEM (redesigned body) ============ */
.ed{padding:clamp(84px,10vw,148px) 0;position:relative;}
.wrap{width:min(1180px,90vw);margin:0 auto;}
.wrap-narrow{width:min(880px,90vw);margin:0 auto;}
.on-paper{background:var(--paper);color:var(--ink);}
.on-paper2{background:var(--paper-2);color:var(--ink);}
.on-ink{background:var(--ink);color:#EDEEF5;}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--primary);margin-bottom:22px;}
.eyebrow::before{content:'';width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#8185F5,#4A4ED0);box-shadow:0 0 10px rgba(129,133,245,.55);flex-shrink:0}
.on-ink .eyebrow{color:#A9A5FF;}
.display{font-weight:600;letter-spacing:-.035em;line-height:1.02;font-size:clamp(2.2rem,5vw,4.2rem);text-wrap:balance;}
.display-sm{font-weight:600;letter-spacing:-.03em;line-height:1.06;font-size:clamp(1.8rem,3.4vw,2.9rem);text-wrap:balance;}
.lead{font-size:clamp(1.05rem,1.4vw,1.3rem);line-height:1.62;color:var(--muted);font-weight:400;max-width:62ch;}
.on-ink .lead{color:#B9BDD2;}
em.hl{font-style:italic;color:var(--primary);}
.on-ink em.hl{color:#A9A5FF;}

/* trust band */
.trust-band{display:flex;flex-wrap:wrap;justify-content:space-between;gap:40px 24px;padding:44px 0;border-top:1px solid var(--line-warm);border-bottom:1px solid var(--line-warm);}
.trust-item{display:flex;flex-direction:column;gap:6px;}
.trust-num{font-size:clamp(2.2rem,3.6vw,3.2rem);font-weight:600;letter-spacing:-.03em;line-height:1;color:var(--ink);}
.trust-label{font-size:.82rem;color:var(--muted);letter-spacing:.02em;max-width:20ch;}
.logo-row{display:flex;flex-wrap:wrap;align-items:center;gap:14px 44px;margin-top:40px;}
.logo-row span{font-size:1.05rem;font-weight:600;color:#9AA0B0;letter-spacing:-.01em;transition:color.3s;}
.logo-row span:hover{color:var(--ink);}

/* anatomy (kept logic, restyled) */
.an-tabs{display:flex;flex-direction:column;gap:2px;}
.anatomy-tab{text-align:left;cursor:pointer;font-size:clamp(1.2rem,1.8vw,1.7rem);font-weight:600;letter-spacing:-.02em;color:#B7BCCB;background:transparent;border:none;padding:14px 0;transition:color.3s,padding.3s;font-family:var(--sans);border-bottom:1px solid var(--line-warm);}
.on-ink .anatomy-tab{color:#5B617A;border-bottom:1px solid rgba(255,255,255,.08);}
.anatomy-tab:hover{color:var(--ink);}.on-ink .anatomy-tab:hover{color:#C7CBDE;}
.anatomy-tab.active{color:var(--primary);padding-left:18px;}.on-ink .anatomy-tab.active{color:#fff;}
.anatomy-tab.active::before{content:'';position:absolute;}
.an-flow-wrap{position:relative;}
.anatomy-flow{display:none;}
.anatomy-flow.active{display:block;animation:fadeUp.5s cubic-bezier(.16,1,.3,1);}
.flow-steps{display:flex;flex-direction:column;gap:0;position:relative;}
.flow-steps::before{content:'';position:absolute;left:19px;top:14px;bottom:14px;width:1px;background:linear-gradient(180deg,var(--primary),rgba(99,102,241,.15));}
.flow-step{display:flex;align-items:flex-start;gap:20px;padding:16px 0;position:relative;z-index:1;}
.flow-step-num{width:40px;height:40px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:.72rem;color:var(--primary);background:var(--paper);border:1px solid var(--primary);}
.on-ink .flow-step-num{background:var(--ink);}
.flow-step-text{font-size:1.02rem;line-height:1.5;color:var(--muted);padding-top:8px;}
.on-ink .flow-step-text{color:#B9BDD2;}
.flow-step-text strong{color:var(--ink);font-weight:600;}.on-ink .flow-step-text strong{color:#fff;}

/* case conversation card (kept, elegant) */
.case-conversation-card{position:relative;background:linear-gradient(180deg,#111322 0%,#0C0E1A 100%);border:1px solid rgba(255,255,255,.10);border-radius:28px;box-shadow:0 30px 90px rgba(12,19,34,.28);overflow:hidden;}
.case-conv-topbar{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.08);}
.case-conv-brand{display:flex;align-items:center;gap:10px;color:#F4F5FB;font-weight:600;font-size:.9rem;}
.case-conv-mini-orb{width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#8B87FF,#6366F1 48%,#3C3AB8);box-shadow:0 0 18px rgba(102,97,241,.35);}
.case-conv-status{font-family:var(--mono);color:#A8AED2;font-size:.72rem;}
.case-conv-body{padding:18px;display:grid;gap:12px;}
.case-bubble{max-width:88%;border-radius:18px;padding:13px 14px;font-size:.92rem;line-height:1.55;}
.case-bubble.user{background:#1B2237;color:#E4EDFF;margin-left:auto;border:1px solid rgba(90,212,255,.15);border-bottom-right-radius:5px;}
.case-bubble.ai{background:#171A2B;color:#F2F3FA;border:1px solid rgba(255,255,255,.06);border-bottom-left-radius:5px;}
.case-bubble.note{background:rgba(102,97,241,.12);color:#DAD9FF;border:1px solid rgba(102,97,241,.28);font-size:.82rem;}
.case-payment-card{margin-top:6px;padding:14px;border-radius:18px;background:linear-gradient(180deg,rgba(102,97,241,.18),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.10);}
.case-payment-row{display:flex;justify-content:space-between;gap:12px;color:#EEF0FA;font-size:.9rem;margin-bottom:8px;}
.case-payment-row span:last-child{color:#AFC7FF;font-weight:600;}
.case-payment-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;background:rgba(16,185,129,.12);color:#B8F7D7;border:1px solid rgba(16,185,129,.24);font-size:.78rem;font-family:var(--mono);}
.case-payment-chip::before{content:'';width:8px;height:8px;border-radius:50%;background:#10B981;}

/* metric row editorial */
.metric-row{display:flex;flex-wrap:wrap;gap:36px 48px;}
.metric-cell{display:flex;flex-direction:column;gap:4px;}
.metric-val{font-size:clamp(1.7rem,2.6vw,2.4rem);font-weight:600;letter-spacing:-.03em;color:var(--primary);line-height:1;}
.metric-lbl{font-size:.8rem;color:var(--muted);max-width:16ch;}

/* journey */
.journey-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px 34px;position:relative;}
.journey-grid::before{content:'';position:absolute;left:0;right:0;top:22px;height:1px;background:linear-gradient(90deg,var(--primary),#8B87FF 40%,#63A8F2 72%,rgba(99,102,241,0));}
.journey-node{position:relative;padding-top:52px;}
.journey-node::before{content:'';position:absolute;top:16px;left:0;width:14px;height:14px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 6px var(--paper);}
.on-paper2 .journey-node::before{box-shadow:0 0 0 6px var(--paper-2);}
.journey-node .jn-step{font-family:var(--mono);font-size:.68rem;color:var(--primary);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;}
.journey-node h4{font-size:1.12rem;font-weight:600;letter-spacing:-.01em;margin-bottom:8px;color:var(--ink);}
.journey-node p{font-size:.92rem;line-height:1.5;color:var(--muted);}

/* soft feature list */
.feat-list{display:grid;gap:2px;}
.feat-row{display:flex;gap:18px;align-items:flex-start;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.08);}
.feat-idx{font-family:var(--mono);font-size:.78rem;color:#A9A5FF;flex-shrink:0;width:28px;padding-top:4px;}
.feat-row h4{font-size:1.15rem;font-weight:600;color:#fff;margin-bottom:6px;}
.feat-row p{font-size:.95rem;color:#B9BDD2;line-height:1.55;max-width:52ch;}

/* agent console */
.agent-console{display:grid;gap:12px;}
.agent-flow-card{padding:20px;border-radius:20px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);transition:all.3s;}
.agent-flow-card.active{background:linear-gradient(135deg,rgba(99,102,241,.28),rgba(99,102,241,.06));border-color:rgba(99,102,241,.42);}
.agent-flow-card small{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#AEB7FF;font-size:.66rem;}
.agent-flow-card strong{display:block;color:#fff;font-size:1.1rem;margin:8px 0 4px;font-weight:600;}
.agent-flow-card p{color:#BFC4D8;margin:0;font-size:.92rem;line-height:1.5;}

/* izi chat */
.izi-chat{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.10);border-radius:24px;padding:22px;max-width:420px;box-shadow:0 24px 70px rgba(0,0,0,.28);}
.izi-chat-header{display:flex;align-items:center;gap:10px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08);}
.izi-chat-avatar{width:30px;height:30px;border-radius:50%;background:radial-gradient(circle,#8185F5,#4A4ED0);}
.izi-chat-name{font-size:.85rem;font-weight:600;color:#fff;}
.izi-chat-status{font-size:.66rem;color:var(--green);font-family:var(--mono);}
.chat-messages{display:flex;flex-direction:column;gap:12px;}
.chat-msg{padding:12px 15px;border-radius:16px;font-size:.86rem;line-height:1.5;max-width:88%;}
.chat-msg.bot{background:var(--primary-soft);color:#EDEEF5;border-bottom-left-radius:5px;}
.chat-msg.user{background:rgba(255,255,255,.06);color:#B9BDD2;align-self:flex-end;border-bottom-right-radius:5px;}

/* founder */
.founder-photo{position:relative;border-radius:32px;overflow:hidden;background:#111322;min-height:520px;box-shadow:0 30px 90px rgba(12,19,34,.30);}
.founder-caption{position:absolute;left:22px;right:22px;bottom:22px;padding:18px 20px;border-radius:20px;background:rgba(8,9,18,.62);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);}
.founder-caption strong{display:block;color:#fff;font-size:1rem;margin-bottom:3px;}
.founder-caption span{color:#C6CADD;font-size:.84rem;}

/* eco cards */
.eco-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}
.eco-card{background:#fff;border:1px solid var(--line-warm);border-radius:22px;padding:26px;box-shadow:0 12px 30px rgba(64,110,164,.06);transition:transform.3s,box-shadow.3s;}
.eco-card:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(64,110,164,.12);}
.eco-card small{font-family:var(--mono);color:var(--primary);letter-spacing:.1em;text-transform:uppercase;font-size:.68rem;}
.eco-card h4{color:var(--ink);margin:12px 0 8px;font-size:1.08rem;font-weight:600;}
.eco-card p{color:var(--muted);font-size:.92rem;line-height:1.5;}

/* faq */
.faq-item{border-bottom:1px solid var(--line-warm);cursor:pointer;}
.faq-q{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px 0;font-size:clamp(1.02rem,1.4vw,1.2rem);font-weight:500;color:var(--ink);}
.faq-toggle{color:var(--primary);font-size:1.6rem;transition:transform.35s;flex-shrink:0;line-height:1;}
.faq-item.open .faq-toggle{transform:rotate(45deg);}
.faq-a{max-height:0;overflow:hidden;transition:max-height.4s ease;}
.faq-item.open .faq-a{max-height:340px;}
.faq-a p{padding-bottom:26px;font-size:1rem;color:var(--muted);line-height:1.7;max-width:70ch;}

/* footer */
.footer{padding:72px 40px 40px;background:var(--bg-darkest);border-top:1px solid var(--border);}
.footer-grid{display:grid;grid-template-columns:1.8fr repeat(4,1fr);gap:36px;margin-bottom:48px;}
.footer-brand p{font-size:.9rem;color:#A9AFC4;line-height:1.6;max-width:300px;margin-top:16px;}
.footer-col h4{font-family:var(--mono);font-size:.66rem;letter-spacing:.15em;text-transform:uppercase;color:#9AA0B5;margin-bottom:20px;}
.footer-col a{display:block;font-size:.88rem;color:#A9AFC4;margin-bottom:12px;transition:color.3s;}
.footer-col a:hover{color:#fff;}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:32px;border-top:1px solid var(--border);flex-wrap:wrap;gap:8px;}
.footer-bottom p{font-size:.74rem;color:#8E93A8;}

/* contact form */
.contact-form{background:#fff;border:1px solid var(--line-warm);border-radius:28px;padding:30px;box-shadow:0 20px 60px rgba(64,110,164,.10);display:flex;flex-direction:column;gap:12px;}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;background:var(--paper);border:1px solid var(--line-warm);border-radius:14px;padding:14px 16px;font-family:var(--sans);color:var(--ink);outline:none;font-size:.95rem;transition:border.3s;}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--primary);}
.contact-form textarea{min-height:110px;resize:vertical;}
.contact-form button{width:100%;border:0;background:var(--primary);color:#fff;border-radius:14px;padding:15px;font-family:var(--sans);font-weight:600;cursor:pointer;transition:all.3s;}
.contact-form button:hover{transform:translateY(-2px);box-shadow:0 12px 30px var(--primary-glow);}

/* ============ RESPONSIVE ============ */
@media(max-width:960px){
 .nav-links{display:none;}.nav-mobile-toggle{display:block;}
 .footer-grid{grid-template-columns:1fr 1fr;}
 .journey-grid{grid-template-columns:repeat(2,1fr);}.journey-grid::before{display:none;}
 .eco-grid{grid-template-columns:1fr;}
  #platGrid{grid-template-columns:1fr 1fr !important;}
 .split-2{grid-template-columns:1fr !important;gap:44px !important;}
 .founder-photo{min-height:auto;}
}
@media(max-width:640px){
 .nav{padding:16px 20px;}.nav.scrolled{padding:12px 20px;}
 .nav-cta{white-space:nowrap;font-size:.75rem;padding:8px 14px;}
 .hero{padding:120px 20px 70px;}
 .wrap,.wrap-narrow{width:92vw;}
 .footer{padding:48px 20px 28px;}.footer-grid{grid-template-columns:1fr;}
 .journey-grid{grid-template-columns:1fr;}
 .trust-band{gap:28px;}
  #platGrid{grid-template-columns:1fr !important;}
 .name-input-group{flex-direction:column;}
}
.split-2{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}
.split-a{display:grid;grid-template-columns:1.05fr.95fr;gap:56px;align-items:center;}
.split-b{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center;}
@media(max-width:960px){.split-a,.split-b{grid-template-columns:1fr;gap:44px;}}

/* v11 enablement refinements */
.enablement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.enablement-card{background:#fff;border:1px solid rgba(12,19,34,.08);border-radius:22px;padding:22px;box-shadow:0 16px 50px rgba(12,19,34,.06)}
.enablement-card span{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:12px;background:rgba(99,102,241,.12);color:var(--primary);font-family:var(--mono);font-weight:700;font-size:.78rem;margin-bottom:14px}
.enablement-card h3{font-size:1.02rem;letter-spacing:-.02em;color:var(--ink);margin-bottom:8px}
.enablement-card p{font-size:.94rem;line-height:1.65;color:var(--muted)}
@media(max-width:760px){.enablement-grid{grid-template-columns:1fr}}


/* === V12 home enxuta + personalização === */
.hero-tagline{font-size:clamp(1.85rem,3.45vw,2.75rem)!important;max-width:780px!important;line-height:1.05!important;}
.hero-tagline .subtitle-line{font-size:clamp(1.75rem,3.4vw,3rem)!important;margin-top:8px!important;font-weight:600!important;}
#platGrid{grid-template-columns:repeat(4,1fr)!important;}
#platGrid .eco-card{min-height:210px;transition:transform.3s, box-shadow.3s, border-color.3s;}
#platGrid .eco-card.is-recommended{border-color:rgba(99,102,241,.45)!important;box-shadow:0 22px 50px rgba(99,102,241,.13);transform:translateY(-2px);}
#platGrid .eco-card small::before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--primary);margin-right:8px;vertical-align:middle;}
#aquariumMoment{padding-top:clamp(70px,8vw,100px)!important;padding-bottom:clamp(70px,8vw,100px)!important;}
/* margin:0 (e nao 0 auto): com a caixa centralizada o titulo desalinhava do
   eyebrow e do lead, que sao alinhados a esquerda. */
#resultTitle{max-width:34ch;margin:0;}
#manifestoPoints .feat-row{transition:.25s;}
#manifestoPoints .feat-row.is-active{background:rgba(99,102,241,.08);border-radius:18px;padding-left:18px;padding-right:18px;}
#journeyGrid .journey-node{transition:.25s;}
#journeyGrid .journey-node.is-active{background:#fff;border-radius:18px;padding:52px 16px 16px;box-shadow:0 20px 50px rgba(64,110,164,.10);}
#journeyGrid .journey-node.is-active::before{left:16px;}
.ed.on-paper2#education{padding-bottom:clamp(72px,8vw,110px)!important;}
section[data-screen-label="CTA"]{padding-top:clamp(72px,8vw,110px)!important;padding-bottom:clamp(72px,8vw,110px)!important;}
.footer-grid{grid-template-columns:1.8fr repeat(4,1fr)!important;}
@media(max-width:1100px){#platGrid{grid-template-columns:repeat(2,1fr)!important;}}
@media(max-width:720px){#platGrid{grid-template-columns:1fr!important}.hero-tagline{font-size:clamp(1.7rem,8vw,2.5rem)!important}.hero-tagline .subtitle-line{font-size:clamp(1.35rem,6.4vw,2.35rem)!important;white-space:normal!important}}


.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:120;display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;background:#25D366;color:#fff;box-shadow:0 16px 40px rgba(0,0,0,.28);font-size:28px;text-decoration:none}
.whatsapp-float:hover{transform:translateY(-2px);color:#fff}


/* ===== Braze-inspired organization, preserving v13 hero ===== */
.braze-logos{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}
.braze-logo-pill{border:1px solid rgba(12,19,34,.10);background:#fff;border-radius:999px;padding:10px 15px;color:var(--ink);font-weight:700;font-size:.9rem;box-shadow:0 10px 24px rgba(64,110,164,.05)}
.braze-pillars{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:34px}
.braze-pillar{background:#fff;border:1px solid rgba(12,19,34,.17);border-radius:22px;padding:22px;box-shadow:0 16px 40px rgba(64,110,164,.06)}
.braze-pillar-icon{width:44px;height:44px;border-radius:14px;background:rgba(99,102,241,.12);display:grid;place-items:center;font-size:1.25rem;margin-bottom:14px}
.braze-pillar small{font-family:var(--mono);color:var(--primary);letter-spacing:.12em;text-transform:uppercase;font-size:.68rem}
.braze-pillar h3{margin:6px 0 9px;color:var(--ink);font-size:1.04rem}
.braze-pillar p{color:var(--muted);font-size:.9rem;line-height:1.55}
.braze-boutique-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);border-radius:26px;padding:24px;color:#fff}
.braze-boutique-card small{font-family:var(--mono);color:#A9A5FF;letter-spacing:.12em;text-transform:uppercase;font-size:.68rem}
.braze-boutique-card h3{margin:10px 0 8px;color:#fff}
.braze-boutique-card p{margin:0;color:#C4CADC;line-height:1.55}
.braze-photo{min-height:360px;border-radius:30px;overflow:hidden;background-size:cover;background-position:center;position:relative;box-shadow:0 24px 70px rgba(12,19,34,.20)}
.braze-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,9,18,.06),rgba(8,9,18,.68))}
.braze-photo .caption{position:absolute;left:24px;right:24px;bottom:24px;z-index:1;color:#fff}
.braze-photo .caption h3{margin:0 0 6px;font-size:1.2rem;letter-spacing:-.02em}
.braze-photo .caption p{margin:0;color:#D5D9EA;font-size:.92rem;line-height:1.5}
.braze-newsletter{background:#fff;border:1px solid var(--line-warm);border-radius:24px;padding:26px;box-shadow:0 20px 50px rgba(64,110,164,.10)}
.braze-newsletter input{flex:1;min-width:220px;padding:15px 16px;border-radius:999px;border:1px solid var(--line-warm);font-family:var(--sans);font-size:.95rem}
.braze-price-link{display:inline-flex;padding:12px 22px;border-radius:999px;background:var(--ink);color:#fff;font-weight:700}
@media(max-width:1100px){.braze-pillars{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.braze-pillars{grid-template-columns:1fr}}

/* ===== v13.1: personalização religada ===== */
.braze-logo-pill img,.braze-logo-pill svg{height:20px;width:auto;display:block;opacity:.82;transition:opacity.3s}
.braze-logo-pill:hover img,.braze-logo-pill:hover svg{opacity:1}
.braze-logo-pill[data-brand="accor"] img{height:42px}
.braze-logo-pill[data-brand="beach-park"] img{height:40px}
.braze-logo-pill[data-brand="wyndham"] img{height:22px}
.braze-logo-pill[data-brand="atlantica"] img{height:22px}
.braze-logo-pill[data-brand="enotel"] img{height:34px}
.braze-logo-pill[data-brand="club-med"] img{height:24px}
.braze-logo-pill[data-brand="jurema"] img{height:34px}
.braze-logo-pill[data-brand="criamigos"] img{height:38px}
.braze-logo-pill[data-brand="befly"] img{height:16px}
.braze-logo-pill[data-brand="aviva"] img{height:15px}
.braze-logo-pill[data-brand="novotel"] svg{height:12px}
#casesGrid{grid-template-columns:repeat(3,1fr)}
@media(max-width:960px){#casesGrid{grid-template-columns:1fr}}
@media(max-width:960px){#journeyGrid{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:640px){#journeyGrid{grid-template-columns:1fr!important}}
.journey-node .jn-step{white-space:nowrap;letter-spacing:.06em}
.braze-logo-pill{display:inline-flex;align-items:center;min-height:42px}
.braze-pillar{position:relative;transition:transform.3s,box-shadow.3s,border-color.3s}
.braze-pillar.is-recommended{border-color:rgba(99,102,241,.5);box-shadow:0 22px 50px rgba(99,102,241,.14);transform:translateY(-3px)}
.braze-pillar.is-recommended::after{content:'foco pra você';position:absolute;top:16px;right:16px;font-family:var(--mono);font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;color:var(--primary);background:var(--primary-soft);padding:5px 10px;border-radius:999px}
.eco-card.is-first{border-color:rgba(99,102,241,.45);box-shadow:0 22px 50px rgba(99,102,241,.13)}
.case-spotlight{display:none;margin:34px 0 10px;padding:30px 34px;border-radius:26px;background:#fff;border:1px solid rgba(99,102,241,.28);box-shadow:0 24px 60px rgba(99,102,241,.10)}
.case-spotlight.visible{display:block;animation:fadeUp.5s cubic-bezier(.16,1,.3,1)}
.case-spotlight small{font-family:var(--mono);color:var(--primary);letter-spacing:.12em;text-transform:uppercase;font-size:.66rem}
.case-spotlight h3{margin:10px 0 12px;color:var(--ink);font-size:clamp(1.15rem,1.8vw,1.5rem);letter-spacing:-.02em}
.case-spotlight blockquote{margin:0;color:var(--muted);font-size:1.02rem;line-height:1.6;font-style:italic;border-left:3px solid var(--primary);padding-left:18px}
/* momento CRM (aquário) */
.crm-card{background:#fff;border:1px solid var(--line-warm);border-radius:26px;box-shadow:0 30px 80px rgba(64,110,164,.14);overflow:hidden}
.crm-card-top{display:flex;align-items:center;gap:14px;padding:20px 22px;border-bottom:1px solid var(--line-warm);background:linear-gradient(180deg,#FBFAFF,#fff)}
.crm-avatar{width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#8185F5,#4A4ED0);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.05rem;flex-shrink:0}
.crm-card-top strong{display:block;color:var(--ink);font-size:1rem;letter-spacing:-.01em}
.crm-card-top span.crm-company{display:block;color:var(--muted);font-size:.8rem}
.crm-status{margin-left:auto;font-family:var(--mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--green);background:var(--green-soft);padding:6px 12px;border-radius:999px}
.crm-rows{padding:8px 22px}
.crm-row{display:flex;align-items:baseline;gap:14px;padding:13px 0;border-bottom:1px dashed var(--line-warm)}
.crm-row:last-child{border-bottom:none}
.crm-row>span{font-family:var(--mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);width:74px;flex-shrink:0}
.crm-row>b{color:var(--ink);font-weight:600;font-size:.95rem}
.crm-src{margin-left:auto;font-size:.7rem;color:var(--primary);font-style:normal;font-family:var(--mono);opacity:.85;white-space:nowrap}
.crm-mods{padding:16px 22px 22px;border-top:1px solid var(--line-warm)}
.crm-mods>span{display:block;font-family:var(--mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.crm-mods div{display:flex;gap:8px;flex-wrap:wrap}
.crm-mods div span{font-family:var(--mono);font-size:.68rem;padding:6px 12px;border-radius:999px;background:var(--primary-soft);color:var(--primary)}
.aquarium-how{display:grid;gap:0;margin-top:26px}
.aquarium-how .flow-step-text{padding-top:6px}
/* Estilos da captura de e-mail no aquario removidos: o bloco nao tem mais formulario. */
@media(max-width:640px){.crm-src{display:none}}
.anatomy-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.anatomy-scroll svg{min-width:900px;display:block}


/* faixa Decoded (identidade da série: Fraunces + Space Mono, papel creme) */
.decoded-band{background:#F4F0E6;color:#15131D;padding-top:clamp(64px,7vw,96px)!important;padding-bottom:clamp(64px,7vw,96px)!important;position:relative;overflow:hidden}
.decoded-band::after{content:'';position:absolute;right:-140px;bottom:-140px;width:420px;height:420px;border-radius:50%;border:1.5px solid rgba(110,102,255,.35);pointer-events:none}
.decoded-band::before{content:'';position:absolute;right:-70px;bottom:-70px;width:280px;height:280px;border-radius:50%;border:1.5px solid rgba(224,87,62,.3);pointer-events:none}
.decoded-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center}
.decoded-kicker{font-family:var(--mono);font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:#6E66FF;margin-bottom:10px}
.decoded-logo{font-family:var(--sans);font-weight:700;font-size:clamp(3.4rem,6.5vw,5.4rem);line-height:1;letter-spacing:-.02em;color:#15131D}
.decoded-logo span{color:#6E66FF}
.decoded-stamps{display:flex;gap:10px;margin-top:18px}
.decoded-stamp{font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;padding:7px 14px;border-radius:4px}
.decoded-stamp.live{border:1.5px solid #E0573E;color:#E0573E;transform:rotate(-2deg)}
.decoded-stamp.free{border:1.5px solid #15131D;color:#15131D;transform:rotate(1.5deg)}
.decoded-title{font-family:var(--sans);font-weight:600;font-style:italic;font-size:clamp(1.5rem,2.6vw,2.1rem);line-height:1.2;letter-spacing:-.01em;color:#15131D;margin:0 0 14px}
.decoded-lead{font-family:var(--sans);font-weight:300;font-size:1.05rem;line-height:1.65;color:#5a5648;margin:0 0 24px;max-width:54ch}
.decoded-cta{display:inline-flex;align-items:center;gap:8px;padding:14px 30px;border-radius:999px;background:#15131D;color:#F4F0E6;font-family:var(--mono);font-weight:700;font-size:.88rem;letter-spacing:.04em;transition:transform .3s,background .3s}
.decoded-cta:hover{transform:translateY(-2px);background:#6E66FF;color:#fff}
@media(max-width:960px){.decoded-grid{grid-template-columns:1fr;gap:34px}}

/* ===== mobile: rodapé, anti-overflow e carrosséis (home) ===== */
html{overflow-x:clip}
@media(max-width:960px){.footer-grid{grid-template-columns:1fr 1fr!important;gap:28px 18px}.footer-brand{grid-column:1/-1}}
@media(max-width:640px){.footer-grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:720px){
#pillarGrid,#casesGrid,.enablement-grid,.boutique-cards{display:grid!important;grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:62%;gap:14px;overflow-x:auto;scroll-snap-type:x proximity;padding:4px 2px 18px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
#pillarGrid::-webkit-scrollbar,#casesGrid::-webkit-scrollbar,.enablement-grid::-webkit-scrollbar,.boutique-cards::-webkit-scrollbar{display:none}
#pillarGrid>*,#casesGrid>*,.enablement-grid>*,.boutique-cards>*{scroll-snap-align:start;min-width:0}
}

/* arquitetura: horizontal no desktop, vertical no mobile */
.arch-vertical-wrap{display:none}
.arch-vertical-wrap svg{width:100%;max-width:440px;height:auto;display:block;margin:0 auto}
@media(max-width:720px){
.anatomy-scroll{display:none}
.arch-vertical-wrap{display:block;margin-top:34px}
}

/* banda ByeByeBot */

/* (rascunho antigo do seletor de idiomas removido em 2026-09-11 — vive no fim do arquivo) */

/* detalhe roxo no canto superior das fotos de mercado */
.corner-accent{position:relative;overflow:visible!important}
.corner-accent::before{content:'';position:absolute;top:-26px;right:-26px;width:160px;height:160px;border-radius:46% 54% 48% 52%/52% 46% 54% 48%;background:linear-gradient(135deg,#8B5CF6,#6366F1);z-index:-1;transform:rotate(14deg)}
.corner-accent::after{border-radius:inherit}
.split-a{isolation:isolate}
.nav-right{display:flex;align-items:center;gap:12px}
.pillar-icon-img{width:72px;height:72px;margin-bottom:4px;display:block}

.braze-pillar{display:block}
.card-go{position:absolute;right:16px;bottom:14px;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--primary-soft);color:var(--primary);font-weight:700;font-size:.9rem;transition:background .3s,color .3s,transform .3s}
.braze-pillar:hover{transform:translateY(-3px);box-shadow:0 22px 50px rgba(99,102,241,.14)}

/* a conversa que conta a arquitetura (substitui o fluxograma) */
/* "A arquitetura em uma conversa": duas colunas, laterais com função e não com vazio */
.convo-block{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,4vw,60px);align-items:center}
.convo-block .convo-anatomy{max-width:560px;margin:0}
.convo-side .eyebrow{margin-bottom:16px}
.convo-block .convo-anatomy{justify-self:start}
.convo-side-title{margin:0;font-size:clamp(1.3rem,2.1vw,1.75rem);font-weight:600;letter-spacing:-.022em;line-height:1.25;color:var(--ink);max-width:22ch;text-wrap:balance}
.convo-side-lead{margin:12px 0 0;color:var(--muted);font-size:.98rem;line-height:1.65;max-width:44ch}
/* Quatro cards, um por etapa. Cada um tem tag + uma frase, entao viram uma grade
   2x2 e nao uma pilha alta de blocos meio vazios. */
.backstage{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.backstage li{position:relative;display:flex;flex-direction:column;justify-content:center;
  background:#fff;border:1px solid var(--line-warm);border-radius:16px;
  padding:16px 18px 16px 20px;box-shadow:0 10px 26px rgba(64,110,164,.05)}
.backstage li::before{content:'';position:absolute;left:0;top:16px;bottom:16px;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(180deg,var(--primary),#A78BFA)}
.bs-tag{display:block;font-family:var(--mono);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--primary);margin-bottom:6px}
.backstage b{display:block;color:var(--ink);font-size:.92rem;font-weight:600;line-height:1.45}
@media(max-width:520px){.backstage{grid-template-columns:1fr}}
@media(max-width:960px){.convo-block{grid-template-columns:1fr;gap:36px}
  .convo-block .convo-anatomy{max-width:560px;margin:0 auto}
  .convo-side-title,.convo-side-lead{max-width:none}}

.convo-anatomy{max-width:560px;margin:44px auto 0}
.ca-card{background:#fff;border-radius:26px;padding:22px 26px 24px;box-shadow:0 30px 80px rgba(12,19,34,.16);border:1px solid rgba(12,19,34,.10)}
.ca-head{display:flex;align-items:center;gap:11px;padding-bottom:14px;margin-bottom:16px;border-bottom:1px solid rgba(12,19,34,.08)}
.ca-avatar{width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#8185F5,#4A4ED0);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}
.ca-head b{display:block;color:var(--ink);font-size:.92rem}
.ca-head i{display:block;font-style:normal;color:#22C55E;font-size:.7rem}
.ca-msg{position:relative;max-width:82%;border-radius:16px;padding:11px 14px;font-size:.9rem;line-height:1.5;margin:20px 0 0;color:var(--ink)}
.ca-msg.user{background:#EEF2FF;margin-left:auto;border-bottom-right-radius:5px}
.ca-msg.bot{background:#F7F7FB;border:1px solid rgba(12,19,34,.08);border-bottom-left-radius:5px}
.ca-msg.pay{background:rgba(34,197,94,.10);border:1px solid rgba(34,197,94,.28);color:#15803D;font-weight:600}
.ca-msg.note{background:rgba(99,102,241,.08);border:1px dashed rgba(99,102,241,.35);color:#4338CA;max-width:100%}
.ca-tag{position:absolute;top:-11px;left:12px;font-style:normal;font-family:var(--mono);font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;background:var(--ink);color:#C9CDFF;padding:4px 9px;border-radius:999px;white-space:nowrap;box-shadow:0 6px 16px rgba(12,19,34,.25)}
.ca-msg.user .ca-tag{left:auto;right:12px}
.ca-loop{margin:18px 0 0;text-align:center;font-family:var(--mono);font-size:.7rem;letter-spacing:.08em;color:var(--primary)}
.on-ink .ca-loop{color:#A9A5FF}
@media(max-width:640px){.convo-anatomy{margin-top:30px}.ca-msg{max-width:92%}}

/* nav de vidro claro (sobre secoes claras) */
.nav.light{background:linear-gradient(180deg,rgba(255,255,255,.68) 0%,rgba(255,255,255,.55) 100%)!important;border-bottom:1px solid rgba(12,19,34,.10)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 10px 30px rgba(12,19,34,.06)!important}
.nav.light .nav-links a{color:#4a4f63}
.nav.light .nav-links a:hover{color:var(--primary)}
.nav.light .nav-cta{color:#0C1322;border-color:rgba(99,102,241,.45)}
.nav.light .nav-cta:hover{color:#fff}
.nav.light .lang-btn{color:#0C1322;opacity:.9;border-color:rgba(12,19,34,.22)}
.nav.light .lang-btn:hover{opacity:1;border-color:rgba(99,102,241,.45)}
.nav.light .lang-caret{opacity:.55}
.nav.light .nav-mobile-toggle{color:#0C1322}
.nav.light .nav.light.open .nav-links{border-top-color:rgba(12,19,34,.10)}

/* ===== Menu do celular =====
   Antes o painel vinha de estilo inline no JS: fundo rgba(8,8,15,.96) com os
   links em --text-dim, ou seja, cinza claro sobre quase preto. Agora a barra
   aberta vira superficie opaca da marca e o texto sobe para contraste AA. */
@media(max-width:960px){
  .nav{flex-wrap:wrap}
/* "Falar com o time" sai do header no celular: ocupava uma faixa inteira da
   barra e o botao flutuante de WhatsApp ja cobre o contato ali. */
.nav .nav-cta{display:none}
  /* seletor de idioma sai da barra no celular (brigava com o hamburguer); vira linha do menu aberto */
  .nav .nav-right,.nav .lang-switch{display:none}
  .nav.open .lang-switch{display:flex;flex-wrap:wrap;order:7;width:100%;margin:6px 0 0;padding-top:10px;border-top:1px solid rgba(255,255,255,.14);justify-content:flex-start}
  .nav.light.open .lang-switch{border-top-color:rgba(12,19,34,.12)}
  /* dropdown de idioma no fluxo (era position:absolute e o overflow do menu cortava) */
  .nav.open .lang-menu{position:static;inset:auto;margin-top:8px;width:100%;min-width:0;box-shadow:none}
  .nav.open{background:#0E1030!important;backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;box-shadow:0 24px 48px rgba(5,7,25,.45)!important}
  /* teto do painel: sobra tela para ver o site por tras */
  .nav.open{max-height:82vh;overflow-y:auto;overscroll-behavior:contain;border-radius:0 0 20px 20px}
  .nav.open .nav-links{padding-bottom:6px}
  .nav.open .nav-links{display:flex;flex-direction:column;align-items:flex-start;width:100%;
    order:5;gap:6px;margin-top:12px;padding:14px 0 10px;border-top:1px solid rgba(255,255,255,.14)}
  .nav.open .nav-links>a,.nav.open .nav-item-sub>a{display:flex;align-items:center;width:100%;
    padding:11px 2px;font-size:.98rem;font-weight:500;color:#F4F5FA}
  .nav.open .nav-submenu{display:block;position:static;transform:none;padding:2px 0 6px 14px}
  .nav.open .nav-submenu-panel{background:transparent;border:0;box-shadow:none;padding:0;min-width:0}
  .nav.open .nav-submenu-panel a{padding:9px 0;font-size:.9rem;color:#C3C9DE}
  .nav.open .nav-cta{width:100%;justify-content:center;margin-top:10px}
  /* variante clara, ligada pelo i18n.js conforme a secao sob a barra */
  .nav.light.open{background:#fff!important;box-shadow:0 24px 48px rgba(12,19,34,.16)!important}
  .nav.light.open .nav-links>a,.nav.light.open .nav-item-sub>a{color:#0C1322}
  .nav.light.open .nav-submenu-panel a{color:#4A4F63}
}

/* ============ REFINO 2026-07 (briefing especialistas) ============ */
.hero-sub{font-size:1.02rem;font-weight:300;color:var(--text-dim);max-width:640px;margin:0 auto 26px;line-height:1.65;}
.shot-caption{margin:12px 6px 2px;font-size:.82rem;color:var(--muted);line-height:1.5;text-align:left;}
.case-spotlight{display:block;}
.boutique-timeline{list-style:none;margin:0;padding:0 0 0 6px;position:relative;}
.boutique-timeline::before{content:'';position:absolute;left:13px;top:14px;bottom:14px;width:2px;background:linear-gradient(180deg,rgba(99,102,241,.65),rgba(99,102,241,.12));}
.boutique-timeline li{position:relative;display:flex;gap:22px;padding:0 0 34px;}
.boutique-timeline li:last-child{padding-bottom:0;}
.bt-dot{flex:none;width:16px;height:16px;border-radius:50%;margin-top:6px;background:radial-gradient(circle at 40% 35%,#8185F5,#4A4ED0);box-shadow:0 0 0 4px rgba(99,102,241,.18),0 0 14px rgba(129,133,245,.5);position:relative;z-index:1;}
.boutique-timeline small{font-family:var(--mono);color:#A9A5FF;letter-spacing:.12em;text-transform:uppercase;font-size:.66rem;}
.boutique-timeline h3{margin:6px 0 6px;color:#fff;font-size:1.06rem;}
.boutique-timeline p{margin:0;color:#C4CADC;line-height:1.55;font-size:.92rem;}

/* ===== Pilares padronizados v2 (revisão 2026-07-30) ===== */
.braze-pillar h3{min-height:2.35em}

/* ===== Tipografia do guide (2026-07-30): Rubik títulos/UI, League Spartan corpo ===== */
body{font-family:'League Spartan',var(--sans)}
h1,h2,h3,h4,h5,h6,.display,.display-sm,.eyebrow,.nav,.nav-links a,.nav-cta,
.btn-primary,.btn-dark,.btn-secondary,button,input,select,textarea,.pill,.chip{font-family:'Rubik',system-ui,sans-serif}

/* ===== Stats de cases reais (2026-07-30) ===== */
.case-descriptor{margin:6px 0 10px;font-size:.86rem;color:var(--muted)}
.case-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px}
.case-stats .cs b{display:block;font-family:'Rubik',system-ui,sans-serif;font-size:1.6rem;letter-spacing:-.02em;color:var(--primary)}
.case-stats .cs span{font-size:.8rem;color:var(--muted);line-height:1.35;display:block;margin-top:2px}
.case-stats.sm{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}
.case-stats.sm .cs b{font-size:1.2rem}
@media(max-width:720px){.case-stats{grid-template-columns:repeat(2,1fr)}}

/* ===== no-break: termos compostos nunca quebram (2026-07-30) ===== */
.jn-step,.journey-label,.no-break{white-space:nowrap}

/* ===== Logos monocromáticas (2026-07-30) ===== */
.braze-logo-pill img,.braze-logo-pill svg{filter:grayscale(1) brightness(.42) contrast(1.08);opacity:.78}
.braze-logo-pill:hover img,.braze-logo-pill:hover svg{opacity:1}

/* ===== Revisão final 2026-08: dropdown Mercados + footer social (home) ===== */
.nav-item-sub{position:relative;display:inline-flex}
.nav-item-sub>a{display:inline-flex;align-items:center;gap:5px;font-size:.8125rem;color:var(--text-dim);transition:color .3s}
.nav-item-sub>a:hover{color:#fff}
.nav-caret{width:9px;height:6px;opacity:.6;display:inline-block;vertical-align:middle;margin-left:1px;transition:opacity .25s,transform .25s}
.nav-item-sub:hover .nav-caret{opacity:1;transform:rotate(180deg)}
.nav-submenu{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);padding-top:14px;z-index:210}
.nav-item-sub:hover .nav-submenu,.nav-item-sub:focus-within .nav-submenu{display:block}
.nav-submenu-panel{background:#101120;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:10px;min-width:236px;box-shadow:0 18px 50px rgba(0,0,0,.4)}
.nav-submenu-panel a{display:block;padding:9px 12px;border-radius:9px;font-size:.84rem;color:#C9CDE0;white-space:nowrap}
.nav-submenu-panel a:hover{background:rgba(99,102,241,.16);color:#fff}
@media(max-width:960px){
.nav-item-sub{display:block;width:100%}
.nav-submenu{display:block;position:static;transform:none;padding:4px 0 0 14px}
.nav-submenu-panel{background:transparent;border:0;box-shadow:none;padding:0;min-width:0}
.nav-submenu-panel a{padding:7px 0;font-size:.82rem}
}
.footer-social{display:flex;gap:12px;margin-top:16px}
.footer-social a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.14);color:var(--text-dim);transition:color .3s,border-color .3s,background .3s}
.footer-social a:hover{color:#fff;border-color:var(--primary);background:rgba(99,102,241,.18)}
.footer-social svg{width:17px;height:17px;display:block}

/* ===== Logos institucionais v3 (QA final 2026-07-31): sem pill, grafite puro ===== */
.braze-logos{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:18px 30px}
.braze-logo-pill{min-height:auto;padding:6px 4px;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0}
.braze-logo-pill img,.braze-logo-pill svg{height:20px!important;width:auto;object-fit:contain;filter:grayscale(1) brightness(.28) contrast(1.05);opacity:.75}
.braze-logo-pill[data-brand="accor"] img{height:32px!important}
.braze-logo-pill[data-brand="beach-park"] img,.braze-logo-pill[data-brand="criamigos"] img{height:28px!important}
.braze-logo-pill[data-brand="enotel"] img,.braze-logo-pill[data-brand="jurema"] img{height:26px!important}
.braze-logo-pill[data-brand="befly"] img{height:15px!important}
.braze-logo-pill[data-brand="novotel"] svg{height:12px!important}
.braze-logo-pill[data-brand="aviva"] img{height:17px!important}
.braze-logo-pill:hover img,.braze-logo-pill:hover svg{opacity:1}
@media(max-width:720px){.braze-logo-pill img,.braze-logo-pill svg{height:16px!important}.braze-logo-pill[data-brand="accor"] img{height:24px!important}.braze-logo-pill[data-brand="beach-park"] img,.braze-logo-pill[data-brand="criamigos"] img{height:22px!important}.braze-logos{gap:14px 22px;justify-content:center}}

/* ============ REVISÃO FINAL 2026-08 (home) ============ */
/* Hero: H1 em duas linhas com mesma força; escala do briefing */
.hero-tagline{font-size:clamp(2.4rem,5vw,4.4rem)!important;max-width:900px!important;line-height:1.04!important;letter-spacing:-.035em}
.hero-tagline .subtitle-line{font-size:inherit!important;font-weight:700!important;margin-top:4px!important;white-space:nowrap}
@media(max-width:720px){.hero-tagline{font-size:clamp(1.8rem,8vw,2.5rem)!important}.hero-tagline .subtitle-line{white-space:normal!important}}

/* Texto de apoio do hero: integrado ao H1, sem card e sem filete */
.hero-sub-highlight{max-width:62ch;padding:0;border:0;background:none;border-radius:0;color:#B6BCD6;font-size:clamp(1rem,1.5vw,1.15rem);font-weight:400;line-height:1.62;margin:18px auto 34px}

/* Assinatura emocional do hero: tecnologia com contexto, gente na implementação */

/* ===== Arquitetura da plataforma: diagrama, nao screenshot =====
   Uma barra (a camada) com cinco funcoes penduradas nela. No desktop as
   funcoes descem da barra em cinco colunas; no celular a mesma estrutura
   gira 90 graus e vira um eixo vertical com marcacoes. Texto de verdade em
   vez de pixels: legivel em qualquer largura, e sem os 1558px de rolagem
   que os cinco recortes de tela custavam no celular. */
.arch{max-width:1000px;margin:46px auto 0}
.arch-layer{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;
  padding:17px 26px;border-radius:16px;background:var(--ink);color:#fff;
  box-shadow:0 22px 48px rgba(12,19,34,.18)}
.arch-layer b{font-size:1.02rem;font-weight:700;letter-spacing:-.01em}
.arch-layer i{font-style:normal;font-family:var(--mono);font-size:.64rem;letter-spacing:.14em;
  text-transform:uppercase;color:rgba(255,255,255,.6)}
.arch-orb{width:9px;height:9px;border-radius:50%;background:var(--primary);
  box-shadow:0 0 0 4px rgba(99,102,241,.26);flex:none}
.arch-nodes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:0 16px}
.arch-nodes li{position:relative;padding-top:42px;text-align:center}
/* fio que desce da camada ate o no, com o ponto de conexao na ponta */
.arch-nodes li::before{content:'';position:absolute;top:0;left:50%;width:1px;height:27px;
  background:linear-gradient(180deg,rgba(99,102,241,.6),rgba(99,102,241,.16))}
.arch-nodes li::after{content:'';position:absolute;top:26px;left:50%;transform:translateX(-50%);
  width:7px;height:7px;border-radius:50%;background:var(--primary)}
.arch-nodes b{display:block;font-size:1rem;font-weight:700;color:var(--ink);letter-spacing:-.01em}
.arch-nodes span{display:block;margin-top:6px;font-size:.85rem;line-height:1.5;color:var(--muted)}
.arch-cap{margin:32px auto 0;max-width:620px;text-align:center;font-size:.9rem;
  line-height:1.6;color:var(--muted)}
.arch-cap a{color:var(--primary);font-weight:600;text-decoration:none;white-space:nowrap}
.arch-cap a:hover{text-decoration:underline}

@media(max-width:900px){
  .arch-nodes{grid-template-columns:repeat(3,1fr);gap:22px 16px}
}
@media(max-width:720px){
  .arch{margin-top:30px}
  .arch-layer{padding:14px 18px;gap:6px 10px;border-radius:14px}
  .arch-layer b{font-size:.96rem}
  /* eixo vertical: a mesma barra, o mesmo fio, so que de cima para baixo */
  .arch-nodes{grid-template-columns:1fr;gap:0;position:relative;padding:16px 0 0 30px}
  .arch-nodes::before{content:'';position:absolute;left:9px;top:0;bottom:22px;width:1px;
    background:linear-gradient(180deg,rgba(99,102,241,.6),rgba(99,102,241,.12))}
  .arch-nodes li{padding:0 0 17px;text-align:left}
  .arch-nodes li::before{top:9px;left:-21px;width:14px;height:1px;
    background:rgba(99,102,241,.45)}
  .arch-nodes li::after{top:6px;left:-25px;transform:none}
  .arch-nodes b{font-size:.97rem}
  .arch-cap{margin-top:20px;text-align:left;font-size:.86rem}
}

/* ===== Conversa da Izi: microbloco de fala, não formulário ===== */
.izi-convo{width:100%;max-width:560px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:10px}
.izi-who{display:inline-flex;align-items:center;gap:7px;font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#A9A5FF;margin-bottom:-3px}
.izi-who-dot{width:6px;height:6px;border-radius:50%;background:#4ADE80;box-shadow:0 0 0 3px rgba(74,222,128,.16)}
/* A fala da Izi vira bolha: superfície leve com rabinho, colada na pergunta */
.izi-bubble{margin:0 auto;min-height:1.6em;width:100%;max-width:470px;font-size:1.06rem;font-weight:400;line-height:1.6;color:#F0F2FC;background:none;border:0;padding:0;text-align:center;text-wrap:balance;position:relative}
/* A pergunta direta fica junto do campo, no tom de quem está conversando */
.izi-questions{margin-top:6px}
/* Alternativas terciárias: link discreto, nunca competindo com "Começar" */
.izi-choice-row{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:0}
.izi-alt{margin:0;padding:2px 1px;background:none;border:0;border-bottom:1px solid rgba(255,255,255,.16);color:#8B90A8;font-family:var(--sans);font-size:.8rem;font-weight:400;line-height:1.4;cursor:pointer;transition:color .25s,border-color .25s}
.izi-alt:hover{color:#C9CDE2;border-bottom-color:rgba(169,165,255,.6)}
.izi-alt:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:2px}
.izi-choice-sep{color:#5A5F76;font-size:.8rem;line-height:1}
@media(max-width:640px){
.izi-bubble{font-size:.95rem}
.izi-choice-row{gap:8px}
}

/* Pós-hero: peso visual menor, tom de quem explica e não de quem apresenta */
.soft-h2{margin:0;font-size:clamp(1.35rem,2.2vw,1.85rem);font-weight:600;letter-spacing:-.022em;line-height:1.25;color:var(--ink);max-width:34ch;text-wrap:balance;text-align:left}
.lead-soft{margin:14px 0 0;max-width:62ch;font-size:1rem;line-height:1.68}

/* Prova rápida: frase menor que o display padrão, contida no mobile */
.proof-headline{font-weight:600;letter-spacing:-.02em;line-height:1.25;font-size:clamp(1.2rem,2vw,1.7rem);max-width:52ch;margin:0;color:var(--ink)}

/* Régua de clientes: grade estável, sem marquee e sem faixa duplicada.
   Os slots usam toda a largura do wrap porque as marcas delicadas (Club Med, Aviva,
   Jurema, Enotel) são emblemas de traço fino: em slot estreito elas ficam ilegíveis.
   Alturas calibradas por marca, não por regra única, já que wordmark e emblema têm
   proporções muito diferentes (Wyndham é 6.9:1, Aviva é 1.1:1). */
/* ===== Regua de logos =====
   O problema nao era tamanho, era proporcao: cada marca vinha com uma altura
   propria (Jurema em 90px ao lado de Wyndham em 20px) e com opacidade diferente,
   entao a fileira parecia um mural desmontado. Agora toda logo mora na MESMA
   caixa visual (--logo-w x --logo-h) e se ajusta por object-fit:contain, sem
   nunca estourar nem sumir. O unico ajuste por marca e a altura optica (--k):
   um emblema quadrado precisa ocupar mais da caixa que um wordmark 7:1 para
   parecer do mesmo tamanho. Nada de height fixo, nada de logo gigante. */
.logo-marquee{--logo-w:168px;--logo-h:64px;display:flex;overflow:hidden;margin-top:34px;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.logo-track{display:flex;flex-wrap:nowrap;align-items:center;gap:0 26px;flex-shrink:0;
  min-width:max-content;padding-right:26px;animation:logoScroll 42s linear infinite}
.logo-marquee:hover .logo-track{animation-play-state:paused}
@keyframes logoScroll{to{transform:translateX(-100%)}}
/* mural de logos: TODAS com a MESMA altura, largura automatica (padrao de wall-of-logos).
   Largura do slot se ajusta a cada marca; o espacamento vem do gap da fileira. */
.logo-slot{display:grid;place-items:center;flex:none;
  width:auto;height:var(--logo-h);padding:0 11px;box-sizing:border-box;
  color:var(--ink);font-weight:700;font-size:.86rem;text-align:center;line-height:1.2}
/* caixa delimitada: cada logo cabe em (--cap de largura) x (--k da altura). Emblemas
   com padding interno recebem --k maior; wordmarks largos recebem --cap pra nao dominar. */
.logo-slot img,.logo-slot svg{display:block;width:auto;height:calc(var(--logo-h) * var(--k,.72));
  max-width:var(--cap,210px);object-fit:contain;
  filter:grayscale(1) brightness(.3) contrast(1.12);opacity:.88;transition:opacity .3s}
.logo-slot:hover img,.logo-slot:hover svg{opacity:1}
/* calibragem optica por marca */
.logo-slot[data-brand="accor"]     {--k:.74}
.logo-slot[data-brand="enotel"]    {--k:.86}
.logo-slot[data-brand="beach-park"]{--k:.84}
.logo-slot[data-brand="aviva"]     {--k:.78}
.logo-slot[data-brand="jurema"]    {--k:.74}
.logo-slot[data-brand="novotel"]   {--k:.66}
.logo-slot[data-brand="club-med"]  {--k:.6;  --cap:132px}
.logo-slot[data-brand="befly"]     {--k:.62; --cap:124px}
.logo-slot[data-brand="wyndham"]   {--k:.8;  --cap:138px}
/* Wyndham: grayscale SEM escurecer -> quadrado cinza, "W" branco preservado */
.logo-slot[data-brand="wyndham"] img,.logo-slot[data-brand="wyndham"] svg{filter:grayscale(1) contrast(1.02);opacity:.92}
/* correcoes de densidade: traco fino/degrade claro somem no filtro padrao */
.logo-slot[data-brand="jurema"] img{filter:grayscale(1) brightness(.18) contrast(1.45)}
.logo-slot[data-brand="accor"] img,
.logo-slot[data-brand="club-med"] img{filter:grayscale(1) brightness(.22) contrast(1.5)}
@media(max-width:900px){.logo-marquee{--logo-w:140px;--logo-h:54px}
  .logo-track{gap:0 18px;padding-right:18px;animation-duration:34s}}
@media(max-width:560px){.logo-marquee{--logo-w:118px;--logo-h:46px}
  .logo-track{gap:0 14px;padding-right:14px;animation-duration:28s}}
/* sem animacao para quem pede menos movimento: vira uma grade estatica que quebra */
@media(prefers-reduced-motion:reduce){
  .logo-marquee{display:block;-webkit-mask-image:none;mask-image:none}
  .logo-track{animation:none;flex-wrap:wrap;min-width:0;gap:14px;justify-content:center}
  .logo-track[aria-hidden="true"]{display:none}}

/* Plataforma: "Uma única arquitetura:" forte + complemento menor */
.display-complement{display:block;font-size:.52em;font-weight:500;letter-spacing:-.02em;color:var(--muted);margin-top:10px;line-height:1.3}

/* Sub-bloco de implementação dentro da seção Plataforma */
/* Composicao de duas colunas ocupando a largura toda do wrap: antes era um card
   de 720px centralizado, com duas faixas vazias do mesmo tamanho nas laterais. */
.platform-subblock{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);
  gap:clamp(24px,4vw,56px);align-items:center;margin:56px 0 0;padding:clamp(26px,3vw,38px) clamp(26px,3.4vw,44px);
  background:#fff;border:1px solid var(--line-warm);border-radius:24px;
  box-shadow:0 16px 44px rgba(64,110,164,.08);text-align:left}
.platform-subblock h3{margin:0;color:var(--ink);font-size:clamp(1.15rem,1.75vw,1.5rem);
  letter-spacing:-.025em;line-height:1.22;text-wrap:balance}
.platform-subblock h3 span{display:block;color:var(--primary)}
.platform-subblock p{margin:0;color:var(--muted);line-height:1.68;font-size:.98rem}
@media(max-width:820px){.platform-subblock{grid-template-columns:1fr;gap:14px}}

/* Cases da home: cards editoriais de mesmo peso, logo legível e no máximo 2 destaques.
   Todo o detalhe numérico vive em clientes.html (revisão final 2026-08). */
.case-grid{grid-template-columns:repeat(3,1fr);gap:20px}
.case-card{position:relative;display:flex;flex-direction:column;padding:20px;color:inherit}
.case-card:hover{color:inherit}
.case-card{--photo-h:168px}
.case-card .case-card-photo{height:var(--photo-h);border-radius:16px;background-size:cover;background-position:center}
.case-card h4{margin:44px 0 6px;font-size:1.2rem;letter-spacing:-.02em}
.case-card>p{color:var(--muted);font-size:.94rem;line-height:1.55;margin:0}
/* Metricas em uma frase so, com "·" como separador de verdade: dois pills lado a
   lado liam "147% da meta+19 mil oportunidades" e nao pareciam uma linha editorial. */
.case-metrics{margin:12px 0 0;padding-top:14px;border-top:1px solid var(--line-warm);
  color:var(--muted);font-size:.9rem;line-height:1.5}
.case-metrics b{color:var(--primary);font-weight:700;letter-spacing:-.01em}
.case-sep{margin:0 3px;color:rgba(12,19,34,.32)}
/* Marca do case em caixa padrao: mesma altura optica em todos os cards, sobre a
   foto, sem virar logo gigante. */
.case-logo{--case-logo-h:30px;position:absolute;top:calc(20px + var(--photo-h) - 28px);left:32px;z-index:2;
  display:grid;place-items:center;height:56px;min-width:88px;max-width:146px;
  padding:0 14px;box-sizing:border-box;border-radius:12px;background:#fff;
  border:1px solid rgba(12,19,34,.08);box-shadow:0 8px 20px rgba(12,19,34,.12);
  font-size:.78rem;font-weight:700;color:var(--ink)}
.case-logo img{display:block;width:auto;height:auto;max-width:100%;
  max-height:calc(var(--case-logo-h) * var(--k,1));object-fit:contain;
  filter:grayscale(1) brightness(.25) contrast(1.3)}
.case-logo svg{display:block;width:auto;max-width:100%;height:calc(var(--case-logo-h) * var(--k,1))}
.case-logo[data-brand="beach-park"]{--k:1.46}
.case-logo[data-brand="jurema"]{--k:1.36}
.case-logo[data-brand="novotel"]{--k:.5}
.case-card-cta{display:inline-flex;align-items:center;gap:7px;margin-top:auto;padding-top:14px;
  border-top:1px solid var(--line-warm);color:var(--primary);font-size:.85rem;font-weight:600}
.case-card-cta::after{content:'→';transition:transform .3s}
.case-card:hover .case-card-cta::after{transform:translateX(4px)}
@media(max-width:960px){.case-grid{grid-template-columns:1fr}
  .case-card{--photo-h:200px}}

/* Newsletter ByeByeBot: chrome no indigo da marca (#6366F1), nao no violeta do
   ByeByeBot. O guide nao tem violeta; so o logo, que e imagem, mantem a cor propria.
   Fundo no ink-900 para nao cortar contra a secao acima, que tambem e ink. */
.byebyebot-band{background:radial-gradient(circle at 88% 84%,rgba(99,102,241,.16) 0%,transparent 42%),var(--ink)!important;
  padding-top:clamp(44px,4.6vw,64px)!important;padding-bottom:clamp(44px,4.6vw,64px)!important}
.bbb-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(24px,3.4vw,48px);align-items:center;
  background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.09);border-radius:20px;
  padding:clamp(20px,2.2vw,26px) clamp(22px,2.6vw,30px)}
.bbb-copy{display:flex;align-items:center;gap:18px}
.bbb-copy img{flex-shrink:0;max-width:124px;width:auto;height:auto;opacity:.92;mix-blend-mode:screen}
.bbb-copy h2{color:#fff;margin:0;font-size:clamp(1rem,1.25vw,1.14rem);font-weight:500;
  letter-spacing:-.01em;line-height:1.4;max-width:30ch;border-left:1px solid rgba(255,255,255,.14);padding-left:18px}
/* formulario em uma linha: campos e botao com a mesma altura, botao no tamanho do texto */
.bbb-form{display:flex;align-items:center;gap:8px}
.bbb-form input{width:170px;box-sizing:border-box;background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.13);border-radius:10px;padding:0 14px;height:44px;
  font-family:var(--sans);font-size:.9rem;color:#fff;outline:none;transition:border-color .25s}
.bbb-form input::placeholder{color:#7E839C}
.bbb-form input:focus{border-color:var(--primary)}
.bbb-form button{flex-shrink:0;height:44px;padding:0 24px;border:0;background:var(--primary);color:#fff;
  border-radius:10px;font:600 .9rem var(--sans);cursor:pointer;transition:background .25s}
.bbb-form button:hover{background:#4F46E5}
#nlSuccess{display:none;margin:14px 0 0;color:var(--green);font-weight:600;font-size:.88rem}
@media(max-width:1080px){.bbb-bar{grid-template-columns:1fr;gap:22px}
  .bbb-form input{width:auto;flex:1;min-width:0}}
@media(max-width:560px){.bbb-copy{flex-direction:column;align-items:flex-start;gap:12px}
  .bbb-copy h2{border-left:0;padding-left:0;max-width:none}
  .bbb-form{flex-wrap:wrap}
  .bbb-form input{flex:1 1 100%}
  .bbb-form button{flex:1 1 100%}}

/* Escala tipográfica do briefing (home) */
.display{font-size:clamp(2.1rem,4vw,3.4rem)}
.display-sm{font-size:clamp(1.7rem,3vw,2.6rem)}

/* ============ AJUSTES PÓS-VALIDAÇÃO 2026-08-18 (mobile) ============ */
/* Em telas estreitas os títulos grandes encostavam nas bordas: a escala em vw
   crescia mais rápido que a .wrap (92vw). Aqui a tipografia cede primeiro. */
@media(max-width:430px){
  .hero-tagline{font-size:clamp(1.55rem,7.2vw,2.2rem)!important}
  .hero-tagline .subtitle-line{font-size:clamp(1.3rem,6.2vw,2rem)!important}
  .display{font-size:1.85rem!important}
  /* Os cinco verbos ja aparecem no diagrama logo abaixo: no celular o
     complemento do H2 era a terceira vez seguida que a pagina os dizia.
     Os dois-pontos vivem fora do complemento: dentro dele, no desktop,
     abriam a segunda linha (": para vender..."). Aqui saem junto com ele
     e viram ponto final. */
  #plataforma .display-complement,#plataforma .h2-colon{display:none}
  #plataforma h2.display::after{content:"."}
  .display-sm{font-size:1.55rem!important}
  .proof-headline{font-size:1.1rem}
  .soft-h2{font-size:1.45rem}
}
/* Panorama da plataforma no celular: o mosaico inteiro espremido em 358px fica
   ilegivel, e faixa com scroll horizontal quebra a sensacao de responsivo.
   Solucao: a faixa continua do tamanho da tela (zero scroll lateral) e a imagem
   entra ampliada e centralizada no painel principal, recortada pelo overflow. */


/* ===== 5 pilares (revisao 2026-08-25) =====
   Os cards tinham min-height:440px para pouquissimo texto: sobrava um vazio
   enorme entre a descricao e o "Ver pilar". Agora a altura vem do conteudo,
   o card e so icone + titulo + uma frase, e a navegacao para a plataforma
   acontece em um unico CTA centralizado embaixo da grade. */
.braze-pillars{align-items:stretch}
.braze-pillar{display:flex;flex-direction:column;min-height:0;padding:20px 18px 22px;
  border-radius:18px;gap:0}
.braze-pillar .pillar-icon-img{width:46px;height:46px;margin:0 0 12px}
.braze-pillar h3{min-height:0;margin:0 0 7px;font-size:1rem;line-height:1.3;letter-spacing:-.01em}
.braze-pillar p{min-height:0;margin:0;font-size:.88rem;line-height:1.5;color:var(--muted)}
.braze-pillar:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(64,110,164,.10)}
.pillars-cta{margin-top:30px;text-align:center}
@media(max-width:1100px){.braze-pillar{padding:18px 16px 20px}}

/* ===== Envio do diagnostico no bloco do aquario (2026-08-26) =====
   O campo de e-mail nasce escondido: so aparece depois do clique no botao.
   E isso que evita repetir o erro de 2026-08-19, quando um formulario aberto
   no meio do bloco competia com a leitura da pagina. */
.aquarium-send{margin-top:26px}
.aquarium-send-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:2px}
.aquarium-send-row[hidden]{display:none}
.aquarium-send-row input{flex:1 1 260px;min-width:0;padding:13px 16px;border-radius:12px;
  border:1px solid var(--line-warm);background:#fff;color:var(--ink);
  font-family:inherit;font-size:.98rem}
.aquarium-send-row input:focus{outline:none;border-color:var(--primary)}
.aquarium-send-row input.err{border-color:var(--red,#E5484D)}
.aquarium-send-row .btn-primary{flex:none}
.aquarium-send-note{margin:12px 0 0;font-size:.92rem;line-height:1.5;color:var(--muted)}
.aquarium-send-note[hidden]{display:none}
.aquarium-send-note.ok{color:var(--ink);font-weight:600}
.aquarium-send-note.err{color:var(--red,#E5484D)}
@media(max-width:560px){.aquarium-send .btn-primary{width:100%;text-align:center}
  .aquarium-send-row input{flex:1 1 100%}}

/* ===== Acabamento visual (2026-08-26) ===== */

/* Newsletter: a faixa em si tinha 104px e a secao 232px, ou seja, 128px eram
   padding. A estrutura (logo + frase a esquerda, campos + botao a direita) ja
   estava certa; o que sobrava era altura em volta. */
.byebyebot-band{padding-top:clamp(30px,3vw,40px)!important;padding-bottom:clamp(30px,3vw,40px)!important}

/* 5 pilares: cards de 193px para 109-130px de conteudo. Nao ha texto para tanta
   caixa, entao sai altura das bordas, nao do texto. O CTA unico continua fora
   dos cards: nada de "Ver pilar" de volta. */
.braze-pillar{padding:16px 16px 18px}
.braze-pillar .pillar-icon-img{width:40px;height:40px;margin:0 0 10px}
@media(max-width:1100px){.braze-pillar{padding:16px 14px 18px}}

/* Regua de logos da home: o traco da Beach Park e claro e sumia na receita
   padrao de filtro, como ja acontecia com Jurema e Accor. */
.logo-slot[data-brand="beach-park"] img{filter:grayscale(1) brightness(.18) contrast(1.45)}

/* Assinatura do hero (rein 2026-08-26). Foi removida em 98e1706 porque ficava
   abaixo dos links secundarios com o mesmo tamanho, a mesma cor e o mesmo
   alinhamento: virava um quarto texto apagado e o hero terminava numa tagline
   em vez de terminar na acao. Volta em outro registro tipografico, com fio
   acima e caixa alta em mono, para ler como assinatura e nao como link. */
.hero-signature{margin:20px auto 0;padding-top:14px;max-width:340px;
  border-top:1px solid rgba(255,255,255,.10);
  font-family:var(--mono);font-size:.64rem;letter-spacing:.13em;text-transform:uppercase;
  line-height:1.7;color:#7C8199;text-align:center;font-weight:500}
/* Cada frase e uma unidade: a quebra so pode cair entre "contexto." e
   "Implementacao", nunca deixando "gente." sozinho na linha de baixo. */
.hero-signature span{display:inline-block;white-space:nowrap}
.hero-signature .hs-accent{color:#A9A5FF}
@media(max-width:560px){.hero-signature{margin-top:16px;padding-top:12px;font-size:.6rem;letter-spacing:.11em}}

/* ===== Hero em tela baixa (2026-08-26) =====
   Em 1440x754, altura comum de notebook, o "Comecar" terminava em 782px: 28px
   abaixo da dobra. O hero inteiro e construido em volta do diagnostico da Izi,
   entao nascer com a acao cortada custa a interacao principal da home.
   A compressao e so por altura de tela: em 900px ou mais nada muda, o hero
   generoso continua igual. Aqui sai espaco das bordas e do orbe, nunca texto.
   O padding-top nao desce de 100px porque o menu tem 75px e precisa de folga. */
@media(max-height:860px){
  .hero{padding-top:100px;padding-bottom:48px}
  .hero-orb{width:96px;height:96px;margin-bottom:60px}
  .hero-tagline{margin-bottom:16px}
  .hero-sub-highlight{margin-top:12px;margin-bottom:22px}
  .scroll-cue{margin-top:20px}
}

/* ===== Menu no celular: painel, nao tela cheia (2026-08-28) =====
   O menu aberto empurrava a barra ate ocupar a tela inteira e so o proprio
   hamburguer fechava. Agora o painel tem teto e rola por dentro, o topo da
   pagina continua visivel atras de um veu, e o veu e a area de fechar. */
.nav-scrim{position:fixed;inset:0;z-index:90;background:rgba(5,7,25,.52);
  -webkit-backdrop-filter:blur(3px) saturate(1.1);backdrop-filter:blur(3px) saturate(1.1);
  opacity:0;transition:opacity .22s ease;border:0;padding:0;margin:0;width:100%;
  cursor:pointer;-webkit-tap-highlight-color:transparent}
.nav-scrim.visible{opacity:1}
body.nav-lock{overflow:hidden}
@media(prefers-reduced-motion:reduce){.nav-scrim{transition:none}}

/* ===== Hero depois do diagnostico (2026-08-28) =====
   O H1 e o subtitulo apresentam a categoria para quem acabou de chegar.
   Quem respondeu as tres perguntas ja passou dessa etapa e esta lendo a
   propria recomendacao: manter os dois ali era empilhar texto generico
   em cima do resultado personalizado. Vale no desktop e no celular. */
/* o hero perde a apresentacao da categoria e fica so com a Izi e a metrica */
body.diagnosticado .hero-tagline,
body.diagnosticado .hero-sub{display:none}
body.diagnosticado .izi-convo{margin-top:6px}

/* Fora: a regua de logos e os cases (prova generica, e a pessoa acabou de
   dizer de qual mercado e), os 5 pilares (segundo bloco de plataforma),
   o bloco de educacao e a newsletter. */
body.diagnosticado #clientes-home,
body.diagnosticado #pilares,
body.diagnosticado #cases-home,
body.diagnosticado #education,
body.diagnosticado #newsletter{display:none}

/* Dentro de Plataforma sobra UM espaco: eyebrow, titulo, o lead ja reescrito
   com o setor e o diagrama. A anatomia da conversa e o sub-bloco de
   implementacao saem, senao a secao sozinha ja seriam tres blocos. */
body.diagnosticado #plataforma .convo-block,
body.diagnosticado #plataforma .platform-subblock{display:none}


/* Ajustes 2026-09-11 (feedback Clarissa): menu com mais presenca; orb da Izi
   menor e com respiro — o hero estava "grudado e sufocante". */
.nav-links a{font-size:.85rem;font-weight:500;color:#C6CBE2}
.nav-links a:hover{color:#fff}
.hero-orb{width:80px;height:80px;margin-top:26px;margin-bottom:46px}
.hero-orbit-dot{width:150px;height:150px;margin-left:-75px;margin-top:-75px}
.hero-orbit-dot-2{width:208px;height:208px;margin-left:-104px;margin-top:-104px}
.hero-tagline{margin-bottom:26px!important}
.hero-sub-highlight{margin-top:16px;margin-bottom:34px}
.izi-convo{gap:14px}

/* Campos do bloco da Izi escondidos ate o clique em Comecar */
.izi-start{padding:13px 34px;background:var(--primary);color:#fff;border:none;border-radius:999px;font-family:var(--sans);font-size:.9rem;font-weight:600;cursor:pointer;transition:transform .3s,box-shadow .3s;box-shadow:0 10px 30px rgba(102,97,241,.35)}
.izi-start:hover{transform:translateY(-1px);box-shadow:0 14px 36px rgba(102,97,241,.45)}

/* 2026-09-11: [hidden] vence display:flex/block destes componentes — sem isto os
   campos do hero apareciam mesmo escondidos (mesma especificidade, regra posterior). */
.name-input-group[hidden],.izi-choice-row[hidden],.aquarium-send[hidden]{display:none!important}


/* 2026-09-11 · Escala de títulos revista (feedback Clarissa: hero grande demais).
   Hero ~50px (era 70), h2 de seção abaixo do hero, mobile proporcional. */
.hero-tagline{font-size:clamp(2.1rem,3.6vw,3.1rem)!important}
.display{font-size:clamp(1.95rem,3.2vw,2.7rem)}
@media(max-width:720px){
  .hero-tagline{font-size:clamp(1.6rem,6.5vw,2.1rem)!important}
  .hero-tagline .subtitle-line{font-size:inherit!important}
}
@media(max-width:430px){
  .hero-tagline{font-size:clamp(1.45rem,5.8vw,1.9rem)!important}
  .hero-tagline .subtitle-line{font-size:inherit!important}
}
/* Mobile: hero da home volta a ser o maior título (estava 23px vs 31px das internas) */
@media(max-width:430px){.hero-tagline{font-size:clamp(1.55rem,7vw,1.95rem)!important}}


/* Seletor de idiomas (dropdown) */
.lang-switch{position:relative;margin:0 12px}
.lang-btn{display:inline-flex;align-items:center;line-height:1;gap:6px;background:none;border:1px solid currentColor;border-radius:999px;padding:7px 12px;cursor:pointer;font-family:'Rubik',system-ui,sans-serif;font-size:.72rem;font-weight:600;letter-spacing:.04em;color:inherit;opacity:.75;transition:opacity .2s}
.lang-btn:hover{opacity:1}
.lang-flag{display:grid;place-items:center;width:17px;height:17px;font-size:.92rem;line-height:1}
.lang-caret{width:9px;height:6px;opacity:.7;flex:none;display:block}
.lang-menu{display:block;position:absolute;top:calc(100% + 8px);right:0;min-width:158px;background:#fff;color:#0C1322;border:1px solid rgba(12,19,34,.12);border-radius:14px;box-shadow:0 18px 44px rgba(12,19,34,.18);padding:6px;z-index:120}
.lang-menu .lang-item{display:flex;align-items:center;gap:8px;width:100%;background:none;border:none;border-radius:8px;padding:6px 9px;cursor:pointer;font-family:'Rubik',system-ui,sans-serif;font-size:.74rem;font-weight:600;color:#0C1322;text-align:left;line-height:1.2}
.lang-menu .lang-item:hover{background:rgba(99,102,241,.1)}
.lang-menu .lang-item.on{background:rgba(99,102,241,.14);font-weight:700}
.lang-menu[hidden]{display:none}
@media(max-width:960px){.lang-switch{margin:0 6px}.lang-btn .lang-code{display:none}}


/* Consentimento da newsletter (LGPD) */
.bbb-consent{display:flex;gap:9px;align-items:flex-start;margin:14px 0 0;font-size:.8rem;line-height:1.5;opacity:.85;cursor:pointer;max-width:640px}
.bbb-consent input{margin-top:3px;accent-color:var(--primary);flex:none;cursor:pointer}
.bbb-consent a{color:inherit;text-decoration:underline}
.bbb-consent-err{outline:1px solid var(--red,#EF4444);outline-offset:6px;border-radius:6px}

/* Links legais do footer-bottom (mesmo padrão das internas) */
.footer-bottom a{display:inline;color:#8E93A8;text-decoration:underline;text-underline-offset:2px}
.footer-bottom a:hover{color:#fff}