/* 43456 — evolução visual premium Braxion. Camada deliberadamente final para preservar a estrutura existente. */

/* NOVO AZUL — mais vivo, digital e legível, sem cair em neon. */
::selection{background:rgba(21,156,255,.28);color:#fff}
body{background:radial-gradient(1200px 680px at 18% -8%,rgba(21,156,255,.18),transparent 58%),radial-gradient(900px 520px at 92% 14%,rgba(8,120,232,.12),transparent 60%),linear-gradient(180deg,#071a2b 0%,#061522 42%,#050f19 100%)}
.site-header-v3{border-bottom-color:rgba(21,156,255,.14);background:linear-gradient(180deg,rgba(5,20,33,.92),rgba(5,20,33,.74));backdrop-filter:blur(18px) saturate(1.12)}
.header-install{min-height:38px;padding:0 12px;border:1px solid rgba(120,199,255,.22);border-radius:12px;background:rgba(21,156,255,.08);color:#dcecff;font-size:9px;font-weight:800;letter-spacing:.02em;transition:transform .18s ease,border-color .18s ease,background .18s ease}.header-install:hover,.header-install:focus-visible{transform:translateY(-1px);border-color:rgba(120,199,255,.42);background:rgba(21,156,255,.14)}
.top-nav a:hover,.top-nav a:focus-visible,.primary-route-nav a.is-active{color:#fff;border-color:rgba(21,156,255,.26);background:rgba(21,156,255,.105)}
.header-search:hover,.header-portal:hover,.explore-toggle:hover{border-color:rgba(21,156,255,.34);background:#0a1c2d;color:#fff}
.primary-cta,.card-buy,.combo-send,.modal-whatsapp{background:linear-gradient(180deg,var(--blue-hover),var(--blue-strong));box-shadow:0 14px 34px rgba(8,120,232,.22)}
.hero-kicker,.route-hero-copy>small,.section-title p,.vnext-experience-copy small,.vnext-solutions-head small{color:var(--blue-soft)!important}
.hero h1 span{color:var(--blue-soft)}

/* LETREIRO CONTÍNUO — duas cópias idênticas no DOM fazem o loop sem corte. */
.marquee-shell{display:block!important;overflow:hidden;margin-top:0;margin-bottom:12px}
.marquee{margin:0;padding:10px 0;border-block:1px solid rgba(21,156,255,.11);background:linear-gradient(90deg,rgba(4,10,17,.78),rgba(8,25,40,.82),rgba(4,10,17,.78));mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.marquee-track{display:flex;width:max-content;gap:30px;will-change:transform;animation:braxTicker43456 28s linear infinite}
.marquee-track span{color:#9fc8e8;font-size:8px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.marquee-track span::after{color:var(--blue);opacity:.8}
.marquee:hover .marquee-track{animation-play-state:paused}
@keyframes braxTicker43456{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}

/* HERO — Brax é o protagonista; logos são contexto, não cards concorrentes. */
.hero{min-height:560px;grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr);gap:32px;padding:42px 0 46px}
.hero-copy-block{position:relative;z-index:8}
.hero-copy-block>p:not(.hero-kicker){max-width:600px;color:#9cb1c4}
.hero-actions{margin-top:25px}
.hero-visual{min-height:480px;background:radial-gradient(ellipse at 50% 45%,rgba(21,156,255,.14),transparent 58%)}
.hero-ecosystem::before,.hero-ecosystem::after,.hero-brax-stage::before,.hero-brax-stage::after{display:none!important}
.cinema-card{display:none!important}
.hero-brax-stage{z-index:7}
.hero-brax-stage .hero-brax{width:min(405px,82%);filter:drop-shadow(0 34px 48px rgba(0,0,0,.38)) drop-shadow(0 0 30px rgba(21,156,255,.17))}
.hero-brax-aura{width:62%;background:radial-gradient(circle,rgba(21,156,255,.22),rgba(21,156,255,.06) 45%,transparent 72%);filter:blur(24px)}
.hero-brax-stage small{bottom:0;border-color:rgba(21,156,255,.16);background:rgba(3,13,22,.68);color:#8bd0ff}
.hero-app{min-height:31px!important;padding:5px 7px!important;gap:6px!important;border:1px solid rgba(120,199,255,.17)!important;border-radius:10px!important;background:rgba(5,17,29,.48)!important;box-shadow:none!important;backdrop-filter:blur(8px);opacity:.78!important;filter:saturate(.94)!important}
.hero-app img{width:16px!important;height:16px!important;filter:drop-shadow(0 2px 5px #0007)!important}
.hero-app b{font-size:6.5px!important;color:#dceaf5!important}
.hero-app[data-depth="far"]{opacity:.46!important}.hero-app[data-depth="mid"]{opacity:.66!important}.hero-app[data-depth="near"]{opacity:.86!important}

/* GEEK ZONE — arte original, sem personagem de IP, com cultura pop + games + tecnologia. */
.geek-quiz-art{background-image:linear-gradient(90deg,#07131f 0%,rgba(7,19,31,.80) 13%,rgba(7,19,31,.18) 36%,rgba(5,10,17,.03) 72%),url('/assets/geek-zone-43456.svg')!important;background-position:62% center!important;background-size:cover!important;filter:saturate(1.02) contrast(1.06) brightness(.94)!important}
.geek-quiz-compact{border-color:rgba(21,156,255,.14)!important;box-shadow:0 28px 75px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.02)}
.geek-zone-kicker span{border-color:rgba(21,156,255,.30);background:rgba(7,42,70,.66);color:#80ccff}
.geek-quiz-compact .geek-start{border-color:rgba(120,199,255,.31)!important;background:linear-gradient(180deg,#128ddd,#0763ac)!important;box-shadow:0 15px 32px rgba(6,100,171,.22)!important}

/* motion-family-lift — hierarquia por elevação; preserva o hover aprovado do catálogo por experiência. */
.motion-family-lift,.vnext-category-card,.category-route-card,.shop-card,.partner-card{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,filter .22s ease}
.vnext-category-card:hover,.category-route-card:hover{transform:translateY(-5px)}
.shop-card:hover,.partner-card:hover{transform:translateY(-4px);filter:brightness(1.025)}

/* motion-family-glow — resposta de borda/spotlight sem transformar tudo em neon. */
.motion-family-glow,.premium-surface,.now-card,.guide-card{transition:border-color .22s ease,box-shadow .22s ease,background-color .22s ease}
.premium-surface:hover,.now-card:hover,.guide-card:hover{border-color:rgba(21,156,255,.28);box-shadow:0 20px 48px rgba(0,0,0,.28),0 0 0 1px rgba(21,156,255,.035)}
.partner-card:hover .partner-card-art{filter:saturate(1.06) brightness(1.03)}

/* motion-family-slide — botões ganham direção e um brilho rápido, sem crescer layout. */
.motion-family-slide,.primary-cta,.ghost-cta,.inline-action,.vnext-solutions-head>a,.partners-studio-cta a{position:relative;overflow:hidden;transition:transform .18s ease,border-color .18s ease,filter .18s ease,background .18s ease}
.primary-cta::after,.partners-studio-cta a::after{content:"";position:absolute;inset:-30% auto -30% -42%;width:28%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transition:left .42s ease}
.primary-cta:hover::after,.partners-studio-cta a:hover::after{left:118%}
.primary-cta:hover,.ghost-cta:hover,.inline-action:hover,.vnext-solutions-head>a:hover,.partners-studio-cta a:hover{transform:translateY(-2px)}
.ghost-cta:hover,.inline-action:hover{border-color:rgba(21,156,255,.28);background:rgba(21,156,255,.055)}

/* motion-family-underline — navegação/editorial com movimento lateral discreto. */
.motion-family-underline,.footer-column a,.top-nav a{position:relative}
.footer-column a::after,.top-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:1px;height:1px;background:var(--blue);transition:right .22s ease}
.footer-column a:hover::after,.top-nav a:hover::after{right:0}

/* motion-family-zoom — imagem interna se aproxima sem mover o layout. */
.motion-family-zoom,.geek-quiz-art,.partner-card-art,.project-preview{transition:transform .32s cubic-bezier(.2,.75,.25,1),filter .32s ease}
.geek-quiz-compact:hover .geek-quiz-art{transform:translate3d(var(--geek-x,0),var(--geek-y,0),0) scale(1.05)}
.partner-card:hover .partner-card-art{transform:scale(1.018)}

/* Estados de teclado continuam tão claros quanto hover. */
a:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--blue-soft);outline-offset:3px}

@media(max-width:1000px){
 .hero{grid-template-columns:1fr .9fr;gap:18px}.hero-visual{min-height:430px}.hero-brax-stage .hero-brax{width:min(360px,78%)}
}
@media(max-width:760px){
 .marquee-shell{display:block!important;margin:2px 0 10px}.marquee{padding:8px 0;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.marquee-track{gap:24px;animation-duration:24s}.marquee-track span{font-size:7px}
 .hero{grid-template-columns:1fr;gap:6px;padding:20px 0 24px}.hero-copy-block{text-align:left}.hero-copy-block>p{margin-inline:0}.hero-visual{min-height:300px;max-height:none}.hero-brax-stage .hero-brax{width:min(285px,66vw)}
 .geek-quiz-art{width:100%!important;height:285px!important;right:0!important;background-image:linear-gradient(180deg,rgba(5,12,20,.02),rgba(5,12,20,.10) 48%,#050c14 100%),url('/assets/geek-zone-43456.svg')!important;background-position:64% center!important}
 .geek-quiz-compact:hover .geek-quiz-art,.partner-card:hover .partner-card-art{transform:none}
}
@media(max-width:420px){
 .hero-visual{min-height:260px}.hero-brax-stage .hero-brax{width:min(230px,60vw)}
 .marquee-track{animation-duration:22s}.marquee-track span{font-size:6.5px}
}
@media(prefers-reduced-motion:reduce){
 .marquee{overflow-x:auto;mask-image:none}.marquee-track{animation:none!important;transform:none!important;will-change:auto}
 .motion-family-lift,.motion-family-glow,.motion-family-slide,.motion-family-underline,.motion-family-zoom,.vnext-category-card,.category-route-card,.shop-card,.partner-card,.premium-surface,.now-card,.guide-card,.primary-cta,.ghost-cta,.inline-action,.geek-quiz-art,.partner-card-art,.project-preview{transition:none!important;transform:none!important;animation:none!important}
 .primary-cta::after,.partners-studio-cta a::after,.footer-column a::after,.top-nav a::after{display:none!important}
}