/* 1804 + 1839 + 3000 — Braxion Site Oficial • camada azul tecnológico premium */
:root{
  --bg:#03101d;
  --surface:#071a2c;
  --surface-2:#0a2137;
  --surface-3:#0d2943;
  --line:rgba(142,203,255,.14);
  --line-blue:rgba(43,159,255,.34);
  --text:#f5f9ff;
  --muted:#a8bad0;
  --muted-2:#7f96b0;
  --blue:#1b9dff;
  --blue-hover:#4ab5ff;
  --blue-strong:#0878e8;
  --blue-deep:#0757b7;
  --blue-soft:#8fd1ff;
  --blue-glow:rgba(27,157,255,.24);
}
html{background:#020a13;color-scheme:dark}
body{
  min-height:100vh;
  background:
    radial-gradient(circle at 14% 10%,rgba(13,108,204,.22),transparent 26%),
    radial-gradient(circle at 88% 16%,rgba(21,156,255,.14),transparent 28%),
    radial-gradient(circle at 52% 72%,rgba(3,82,156,.13),transparent 34%),
    linear-gradient(180deg,#06182a 0%,#041322 34%,#03101d 68%,#020a13 100%);
  background-attachment:fixed;
}
.site-header-v3{
  background:linear-gradient(180deg,rgba(3,15,27,.96),rgba(4,18,32,.9));
  border-bottom:1px solid rgba(92,181,255,.14);
  box-shadow:0 14px 44px rgba(0,0,0,.16);
}
.explore-panel{background:linear-gradient(180deg,rgba(3,16,29,.985),rgba(4,20,36,.985))}
.marquee{background:linear-gradient(90deg,rgba(2,11,20,.86),rgba(7,32,54,.92),rgba(2,11,20,.86))}
.hero{position:relative}
.hero::before{
  content:"";
  position:absolute;
  inset:5% -8% 8% 32%;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 48% 42%,rgba(32,157,255,.16),transparent 33%),
    linear-gradient(135deg,transparent 25%,rgba(46,166,255,.045) 25.5%,transparent 26%,transparent 49%,rgba(46,166,255,.035) 49.5%,transparent 50%);
  background-size:auto,42px 42px;
  mask-image:linear-gradient(90deg,transparent,#000 20%,#000 82%,transparent);
}
.hero-copy-block>p:not(.hero-kicker),.hero-trust span{color:#bfd0e2}
.hero-app b{color:#ecf7ff!important}
.hero-app{border-color:rgba(137,207,255,.24)!important;background:rgba(6,24,40,.68)!important}
.primary-cta,.card-buy,.combo-send,.modal-whatsapp{
  background:linear-gradient(180deg,#27a6ff,#0874dc);
  box-shadow:0 14px 40px rgba(7,106,210,.26),inset 0 1px rgba(255,255,255,.12);
}
.ghost-cta,.header-search,.header-portal,.explore-toggle{
  border-color:rgba(133,198,247,.18);
  background:rgba(7,25,41,.72);
}
.route-hero,.premium-surface,.card,.shop-card,.partner-card,.guide-card,.now-card,.commercial-category-panel,.solution-showcase,.preview-strip,.closing-cta{
  border-color:rgba(135,201,255,.14)!important;
  box-shadow:0 22px 70px rgba(0,0,0,.18);
}
.footer-column a,.footer-brand p,.site-footer-v3{color:#aebfd2}
.footer-column a:hover,.footer-brand>a:hover{color:#fff}
.bx-search-dialog{background:linear-gradient(160deg,#0b2238,#061320)!important;border-color:rgba(124,197,255,.24)!important}
.bx-app-nav{background:rgba(5,20,34,.97)!important;border-color:rgba(118,192,247,.22)!important}
.geek-zone-copy,.geek-level-strip,.geek-level-ceiling{color:#e8f4ff}
.geek-level-strip span{color:#c9dff0}
.geek-level-strip b{color:#fff}
:where(a,button,input,summary):focus-visible{outline-color:#8fd1ff!important}
@media(max-width:760px){
  body{background-attachment:scroll}
  .hero::before{inset:34% -30% 2% 16%;opacity:.78}
  .site-header-v3{box-shadow:0 10px 28px rgba(0,0,0,.2)}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .hero::before{background:radial-gradient(circle at 48% 42%,rgba(32,157,255,.12),transparent 36%)}
}

/* 1039 + 1804 — benchmark IA / Web3 / SaaS: o produto explica o sistema, não só decora. */
.hero-system-map{
  margin-top:18px;
  max-width:650px;
  padding:11px;
  border:1px solid rgba(143,209,255,.20);
  border-radius:17px;
  background:
    linear-gradient(135deg,rgba(10,36,58,.92),rgba(5,22,37,.94)),
    radial-gradient(circle at 18% 0%,rgba(27,157,255,.16),transparent 42%);
  box-shadow:0 18px 46px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.045);
  backdrop-filter:blur(14px) saturate(1.08);
}
.hero-system-map-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 3px 10px}
.hero-system-map-head span,.hero-system-map-head small{font-size:7px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.hero-system-map-head span{color:#d9eeff}.hero-system-map-head small{color:#8eabc3}
.hero-system-map-head i{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:999px;background:#46b6ff;box-shadow:0 0 0 4px rgba(70,182,255,.10),0 0 18px rgba(70,182,255,.36)}
.hero-system-map-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.hero-system-map-grid a{
  min-width:0;
  padding:10px 10px 11px;
  border:1px solid rgba(143,209,255,.13);
  border-radius:12px;
  background:linear-gradient(180deg,rgba(9,35,57,.78),rgba(5,20,34,.86));
  color:#f7fbff;
  text-decoration:none;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.hero-system-map-grid a:hover,.hero-system-map-grid a:focus-visible{transform:translateY(-2px);border-color:rgba(143,209,255,.40);background:linear-gradient(180deg,rgba(13,50,81,.92),rgba(7,29,48,.94));box-shadow:0 10px 24px rgba(0,0,0,.20)}
.hero-system-map-grid b{display:block;margin-bottom:6px;color:#75c8ff;font-size:8px;letter-spacing:.08em}
.hero-system-map-grid span{display:block;color:#fff;font-size:10px;font-weight:850;letter-spacing:.05em}
.hero-system-map-grid small{display:block;margin-top:4px;color:#c6d9e9;font-size:7px;line-height:1.35}

/* Scanner BrowserStack: elevar contraste dos textos sobre gradientes/pseudo-elementos. */
.hero-copy-block>p:not(.hero-kicker){color:#d3e1ee}
.hero-trust span{color:#e0edf7}
.hero-app b{color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.72)}
.footer-column a,.footer-brand p,.site-footer-v3{color:#c3d2e0}
.footer-brand>a{color:#e8f5ff}
.radar-to-geek-flow span,.radar-to-geek-flow b,.geek-level-strip span,.geek-level-strip b{color:#eef8ff!important}
.vnext-client-card small{color:#c9e7ff!important}

@media(max-width:760px){
  .hero-system-map{margin-top:15px;padding:9px;border-radius:15px}
  .hero-system-map-head{align-items:flex-start}.hero-system-map-head small{max-width:140px;text-align:right;line-height:1.35}
  .hero-system-map-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero-system-map-grid a{padding:9px}
  .hero-system-map-grid span{font-size:9px}
  .hero-system-map-grid small{font-size:7px}
}
@media(max-width:420px){
  .hero-system-map-head small{display:none}
  .hero-system-map-grid{gap:6px}
}
@media(prefers-reduced-motion:reduce){
  .hero-system-map-grid a{transition:none!important}
  .hero-system-map-grid a:hover,.hero-system-map-grid a:focus-visible{transform:none}
}

/* 1039 + 1804 — segunda onda: header mais calmo, leitura mais robusta. */
.top-nav-v3 a{
  color:#eaf5ff;
  background:#071a2c;
  border:1px solid rgba(143,209,255,.12);
  border-radius:10px;
}
.top-nav-v3 a:hover,.top-nav-v3 a:focus-visible,.primary-route-nav a.is-active{
  color:#fff;
  background:#0b2a45;
  border-color:rgba(143,209,255,.34);
}
.header-portal,.header-search,.explore-toggle{
  color:#f4f9ff!important;
  background:#071a2c!important;
}
.site-footer-v3{
  margin-top:28px;
  padding:24px;
  border:1px solid rgba(143,209,255,.10);
  border-radius:22px 22px 0 0;
  background:#020d17;
}
.footer-column a{color:#d6e4ef}
.footer-column strong,.footer-brand p{color:#e7f1f8}
.hero-system-map-head small{color:#c8deee}
.hero-system-map-grid small{color:#d2e3ef}
.geek-zone-categories,.geek-level-ceiling,.geek-secret-chip small{color:#e0edf7!important}
.geek-secret-chip strong,.vnext-solutions h3,.vnext-client-card strong{color:#fff!important}

@media(max-width:640px){
  .hero-system-map{margin-top:11px;padding:8px}
  .hero-system-map-head{padding-bottom:7px}
  .hero-system-map-grid{gap:6px}
  .hero-system-map-grid a{min-height:62px;padding:8px}
  .hero-system-map-grid b{margin-bottom:4px}
  .site-footer-v3{padding:20px 14px 74px;border-radius:20px 20px 0 0}
}
@media(max-width:390px){
  .hero-system-map-grid a{min-height:58px}
  .hero-system-map-grid small{line-height:1.25}
}