*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --p: #ffb300;
  --b: #0057ff;
  --pk: #ff7a00;
  --g: #00d4ff;
  --dark: #030006;
  --mid: #1a0038;
  --card: #21003f;
  --text: #f0e6ff;
  --muted: #9070b0;
}

html { scroll-behavior: smooth; }
body { background: var(--dark); color: var(--text); font-family: 'Inter', sans-serif; min-height: 100vh; overflow-x: hidden; }

/* ─ CANVAS partículas ─ */
#particles { position: fixed; inset: 0; z-index: 0; pointer-events: none; }

/* ─ HERO ─ */
.hero {
  position: relative;
  min-height: 100vh;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  text-align: center; padding: 3rem 1.5rem 5rem; overflow: hidden;
  background:
    radial-gradient(circle at 20% 15%, rgba(255,179,0,.32), transparent 26%),
    radial-gradient(circle at 78% 22%, rgba(0,87,255,.42), transparent 30%),
    radial-gradient(circle at 50% 90%, rgba(255,122,0,.22), transparent 34%),
    linear-gradient(180deg,#050816 0%,#071a45 48%,#030611 100%);
  z-index: 1;
}

.hero::after {
  content: '';
  position: absolute; inset: 0;
  background:
    radial-gradient(circle 350px at 15% 85%, rgba(79,195,255,.1) 0%, transparent 65%),
    radial-gradient(circle 450px at 85% 15%, rgba(196,79,255,.13) 0%, transparent 65%),
    radial-gradient(circle 250px at 80% 80%, rgba(0,255,179,.07) 0%, transparent 65%);
  pointer-events: none;
  animation: aura 6s ease-in-out infinite alternate;
}

@keyframes aura {
  0%   { opacity: .7; }
  100% { opacity: 1; }
}

/* Logo SVG mic animado */
.hero-mic { width: clamp(90px,22vw,150px); margin-bottom: 1.5rem; filter: drop-shadow(0 0 30px rgba(196,79,255,.8)); animation: float 4s ease-in-out infinite; }
@keyframes float { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-12px)} }

.hero-brand {
  font-family: 'Orbitron', monospace;
  font-size: clamp(2rem, 7vw, 4.5rem);
  font-weight: 900; color: #fff; line-height: 1.05;
  text-shadow: 0 0 30px rgba(196,79,255,.9), 0 0 70px rgba(196,79,255,.4);
  margin-bottom: .5rem;
  letter-spacing: .04em;
}
.hero-brand span { color: var(--p); }

.hero-tagline {
  background:linear-gradient(90deg,#ffb300,#ff7a00);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  text-shadow:none;

  font-family: 'Orbitron', monospace;
  font-size: clamp(.65rem,2vw,.8rem);
  letter-spacing: .35em; color: var(--b); text-transform: uppercase;
  margin-bottom: 1.25rem;
}

.hero-sub { font-size: .95rem; color: var(--muted); max-width: 440px; line-height: 1.75; margin-bottom: 2.5rem; }

/* Botão principal com shimmer */
.btn-primary {
  display: inline-block; padding: .9rem 2.8rem;
  background: linear-gradient(135deg, #ffb300 0%, #ff7a00 48%, #0057ff 100%);
  background-size: 200% 200%;
  color: #fff;
  font-family: 'Orbitron', monospace; font-size: .8rem; font-weight: 700;
  letter-spacing: .12em; text-transform: uppercase; text-decoration: none;
  border-radius: 50px; border: 1px solid rgba(255,255,255,.2);
  box-shadow: 0 0 24px rgba(196,79,255,.65), 0 4px 20px rgba(0,0,0,.5);
  animation: shimmer 3s ease infinite;
  transition: transform .2s, box-shadow .2s;
}
.btn-primary:hover { transform: translateY(-3px) scale(1.04); box-shadow: 0 0 44px rgba(196,79,255,.9), 0 6px 30px rgba(0,0,0,.6); }
@keyframes shimmer { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} }

/* Notas musicais flutuando */


@keyframes noteRise {
  0%   { transform: translateY(0) rotate(-10deg); opacity: 0; }
  15%  { opacity: 1; }
  80%  { opacity: .75; }
  100% { transform: translateY(-520px) rotate(25deg); opacity: 0; }
}

/* ─ DIVIDER ─ */
.divider { width:100%; height:2px; background: linear-gradient(90deg,transparent,var(--p),var(--b),var(--pk),transparent); opacity:.45; }

/* ─ SEÇÕES ─ */
.section { padding: 4.5rem 1.5rem; max-width: 920px; margin: 0 auto; position: relative; z-index: 1; }
.section-label { font-family:'Orbitron',monospace; font-size:.65rem; letter-spacing:.3em; color:var(--b); text-transform:uppercase; margin-bottom:.6rem; }
.section-title { font-family:'Orbitron',monospace; font-size:clamp(1.2rem,3.5vw,1.85rem); font-weight:700; color:#fff; text-shadow:0 0 20px rgba(196,79,255,.5); margin-bottom:1.75rem; line-height:1.3; text-transform:uppercase; letter-spacing:.04em; }

/* ─ CARDS CATÁLOGO ─ */
.cards-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:1.25rem; }

.cat-card {
  background: var(--card); border:1px solid rgba(196,79,255,.3); border-radius:18px;
  padding:2rem 1.5rem; text-align:center;
  transition:transform .3s, box-shadow .3s, border-color .3s;
  position:relative; overflow:hidden;
  animation: fadeUp .6s ease both;
}
.cat-card:nth-child(2){animation-delay:.1s}
.cat-card:nth-child(3){animation-delay:.2s}
@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}

.cat-card::before {
  content:'';
  position:absolute; top:-60px; left:50%; transform:translateX(-50%);
  width:180px; height:180px; border-radius:50%;
  background:radial-gradient(circle,rgba(196,79,255,.18) 0%,transparent 70%);
  pointer-events:none; transition:opacity .3s;
}
.cat-card:hover { transform:translateY(-6px); box-shadow:0 0 40px rgba(196,79,255,.4), 0 12px 40px rgba(0,0,0,.5); border-color:var(--p); }
.cat-card:hover::before { opacity:1.5; }

.cat-icon-wrap { width:70px; height:70px; margin:0 auto 1rem; border-radius:50%; display:flex; align-items:center; justify-content:center; border:1px solid rgba(196,79,255,.35); background:rgba(196,79,255,.1); }
.cat-card:hover .cat-icon-wrap { box-shadow:0 0 20px rgba(196,79,255,.5); }

.cat-title { font-family:'Orbitron',monospace; font-size:.85rem; font-weight:700; letter-spacing:.08em; color:var(--text); margin-bottom:.5rem; text-transform:uppercase; }
.cat-desc { font-size:.82rem; color:var(--muted); line-height:1.65; margin-bottom:1.3rem; }

.cat-btn {
  display:inline-block; padding:.55rem 1.6rem;
  background:transparent; color:var(--p);
  font-family:'Orbitron',monospace; font-size:.7rem; font-weight:700;
  letter-spacing:.1em; text-transform:uppercase; text-decoration:none;
  border:1px solid var(--p); border-radius:50px;
  transition:background .2s, color .2s, box-shadow .2s;
}
.cat-btn:hover { background:var(--p); color:#fff; box-shadow:0 0 20px rgba(196,79,255,.7); }

/* ─ ALERTA ─ */
.alert-box {
  background:rgba(255,79,163,.08); border:1px solid rgba(255,79,163,.3);
  border-radius:14px; padding:1.25rem 1.5rem;
  display:flex; align-items:flex-start; gap:1rem; margin-top:2rem;
}
.alert-icon { font-size:1.5rem; flex-shrink:0; margin-top:2px; }
.alert-text { font-size:.87rem; color:#f5c0da; line-height:1.7; }
.alert-text strong { color:var(--pk); font-family:'Orbitron',monospace; font-size:.78rem; letter-spacing:.05em; display:block; margin-bottom:.3rem; }

/* ─ BIG NUMBER ─ */
.cta-band {
  text-align:center; padding:5rem 1.5rem;
  background: radial-gradient(ellipse 80% 80% at 50% 50%, rgba(79,195,255,.08) 0%, transparent 70%);
  border-top:1px solid rgba(79,195,255,.12); border-bottom:1px solid rgba(79,195,255,.12);
  position:relative; overflow:hidden; z-index:1;
}
.cta-badge {
  display:inline-block;
  background:linear-gradient(135deg,rgba(79,195,255,.15),rgba(196,79,255,.15));
  border:1px solid rgba(79,195,255,.35); border-radius:50px;
  padding:.4rem 1.4rem; font-family:'Orbitron',monospace;
  font-size:.68rem; letter-spacing:.2em; color:var(--b); text-transform:uppercase; margin-bottom:1.5rem;
  animation: pulse 2s ease-in-out infinite;
}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(79,195,255,.4)}50%{box-shadow:0 0 0 8px rgba(79,195,255,0)}}

.cta-number {
  font-family:'Orbitron',monospace; font-size:clamp(3.5rem,12vw,7rem); font-weight:900;
  color:#fff; text-shadow:0 0 50px rgba(79,195,255,.8),0 0 100px rgba(79,195,255,.3);
  line-height:1; margin-bottom:.4rem;
}
.cta-number span { color:var(--b); }
.cta-text { font-family:'Orbitron',monospace; font-size:clamp(.85rem,2.5vw,1.2rem); color:var(--muted); letter-spacing:.12em; margin-bottom:2.25rem; text-transform:uppercase; }

.btn-blue {
  display:inline-block; padding:.9rem 2.8rem;
  background:linear-gradient(135deg,#0055bb,#4fc3ff);
  background-size:200% 200%; animation:shimmer 3s ease infinite;
  color:#fff; font-family:'Orbitron',monospace; font-size:.82rem; font-weight:700;
  letter-spacing:.1em; text-transform:uppercase; text-decoration:none;
  border-radius:50px; border:1px solid rgba(255,255,255,.15);
  box-shadow:0 0 24px rgba(79,195,255,.55),0 4px 20px rgba(0,0,0,.45);
  transition:transform .2s,box-shadow .2s;
}
.btn-blue:hover { transform:translateY(-3px) scale(1.04); box-shadow:0 0 44px rgba(79,195,255,.85); }

/* ─ SOLICITAR ─ */
.request-band { text-align:center; padding:4.5rem 1.5rem; max-width:680px; margin:0 auto; position:relative; z-index:1; }
.request-sub { font-size:.9rem; color:var(--muted); line-height:1.75; max-width:440px; margin:0 auto 2.25rem; }

.btn-gradient {
  display:inline-flex; align-items:center; gap:.6rem; padding:.9rem 2.6rem;
  background:linear-gradient(135deg,#7a00ff,#c44fff 50%,#ff4fa3);
  background-size:200% 200%; animation:shimmer 3s ease infinite;
  color:#fff; font-family:'Orbitron',monospace; font-size:.8rem; font-weight:700;
  letter-spacing:.1em; text-transform:uppercase; text-decoration:none;
  border-radius:50px; border:1px solid rgba(255,255,255,.15);
  box-shadow:0 0 28px rgba(255,79,163,.5),0 4px 20px rgba(0,0,0,.45);
  transition:transform .2s,box-shadow .2s;
}
.btn-gradient:hover { transform:translateY(-3px) scale(1.04); box-shadow:0 0 48px rgba(255,79,163,.85); }

/* ─ UPDATE BOX ─ */
.update-wrap { padding:0 1.5rem 4.5rem; position:relative; z-index:1; }
.update-box {
  max-width:880px; margin:0 auto;
  background:linear-gradient(135deg,rgba(122,0,255,.12),rgba(79,195,255,.08));
  border:1px solid rgba(196,79,255,.22); border-radius:22px; padding:3rem 2rem;
  text-align:center; position:relative; overflow:hidden;
}
.update-box::before {
  content:'';
  position:absolute; bottom:-40px; right:-40px;
  width:220px; height:220px; border-radius:50%;
  background:radial-gradient(circle,rgba(196,79,255,.12) 0%,transparent 70%);
  pointer-events:none;
}
.upd-badge {
  display:inline-block; background:rgba(196,79,255,.2); border:1px solid var(--p);
  border-radius:50px; padding:.3rem 1.1rem;
  font-size:.7rem; font-family:'Orbitron',monospace; letter-spacing:.15em; color:var(--p);
  text-transform:uppercase; margin-bottom:1rem;
}
.update-box h2 {
  font-family:'Orbitron',monospace; font-size:clamp(1.1rem,3vw,1.55rem);
  font-weight:700; color:#fff; margin-bottom:1rem;
  text-shadow:0 0 22px rgba(196,79,255,.5); text-transform:uppercase; letter-spacing:.04em;
}
.update-box p { font-size:.88rem; color:var(--muted); line-height:1.8; max-width:520px; margin:0 auto 1.75rem; }
.update-box p strong { color:var(--p); }

.btn-whats {
  display:inline-flex; align-items:center; gap:.5rem; padding:.75rem 2rem;
  background:transparent; border:1px solid #25D366; border-radius:50px;
  color:#25D366; font-size:.88rem; font-weight:600; text-decoration:none;
  transition:background .2s,box-shadow .2s;
}
.btn-whats:hover { background:rgba(37,211,102,.12); box-shadow:0 0 18px rgba(37,211,102,.4); }

.btn-yt {
  display:inline-flex; align-items:center; gap:.5rem; padding:.6rem 1.6rem;
  background:rgba(255,0,0,.12); border:1px solid rgba(255,80,80,.35); border-radius:10px;
  color:#ff7070; font-size:.83rem; font-weight:500; text-decoration:none;
  transition:background .2s;
}
.btn-yt:hover { background:rgba(255,0,0,.22); }

/* ─ SUPORTE ─ */
.support-wrap { border-top:1px solid rgba(196,79,255,.13); padding:4.5rem 1.5rem; max-width:720px; margin:0 auto; text-align:center; position:relative; z-index:1; }
.support-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:1rem; margin-top:2.5rem; }

.support-item {
  background:var(--card); border:1px solid rgba(196,79,255,.25);
  border-radius:16px; padding:1.5rem 1.25rem; text-decoration:none;
  transition:transform .25s,border-color .25s,box-shadow .25s;
  display:flex; flex-direction:column; align-items:center; gap:.6rem;
}
.support-item:hover { transform:translateY(-4px); border-color:var(--p); box-shadow:0 0 26px rgba(196,79,255,.32); }
.support-icon { font-size:1.9rem; }
.support-label { font-family:'Orbitron',monospace; font-size:.68rem; font-weight:700; letter-spacing:.1em; color:var(--muted); text-transform:uppercase; }
.support-value { font-size:.83rem; font-weight:500; color:var(--text); }

.insta-box {
  background:linear-gradient(135deg,rgba(255,79,163,.1),rgba(196,79,255,.1));
  border:1px solid rgba(255,79,163,.25); border-radius:14px;
  padding:1.35rem 1.5rem; margin-top:2rem; font-size:.87rem; color:#f5c0da; line-height:1.75;
}
.insta-box a { color:var(--pk); text-decoration:none; }
.insta-box a:hover { text-decoration:underline; }

/* ─ FOOTER ─ */
footer { border-top:1px solid rgba(196,79,255,.1); padding:2rem 1.5rem; text-align:center; font-size:.77rem; color:rgba(160,128,192,.45); letter-spacing:.05em; position:relative; z-index:1; }
footer a { color:rgba(196,79,255,.45); text-decoration:none; }
footer a:hover { color:var(--p); }

/* ─ SCANLINES ─ */
body::after {
  content:''; position:fixed; inset:0; pointer-events:none; z-index:9999;
  background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.025) 3px,rgba(0,0,0,.025) 4px);
}

@media(max-width:480px){
  .hero{padding:4rem 1rem 4rem;}
  .section{padding:3rem 1rem;}
  .update-wrap{padding:0 1rem 3.5rem;}
}

.hero-products {
  display:flex;
  align-items:flex-end;
  justify-content:center;
  gap:clamp(.5rem,3vw,2rem);
  margin:1.4rem auto 1.8rem;
  position:relative;
  z-index:2;
}
.hero-products::before {
  content:'';
  position:absolute;
  width:min(720px,90vw);
  height:180px;
  bottom:4px;
  border-radius:999px;
  background:radial-gradient(ellipse at center, rgba(255,179,0,.35), rgba(0,87,255,.22) 45%, transparent 72%);
  filter:blur(28px);
  z-index:-1;
}
.hero-product-box {
  width:clamp(150px,32vw,280px);
  filter:drop-shadow(0 0 28px rgba(255,179,0,.65)) drop-shadow(0 24px 35px rgba(0,0,0,.55));
  animation:float 4s ease-in-out infinite;
}
.hero-product-speaker {
  width:clamp(130px,28vw,250px);
  filter:drop-shadow(0 0 30px rgba(0,87,255,.75)) drop-shadow(0 24px 35px rgba(0,0,0,.55));
  animation:float 4.8s ease-in-out infinite reverse;
}


.party-section {
  max-width:1100px!important;
}
.party-grid {
  display:grid;
  grid-template-columns:1fr .95fr;
  gap:30px;
  align-items:center;
  text-align:left;
}
.party-image-wrap {
  position:relative;
}
.party-image-wrap::before {
  content:'';
  position:absolute;
  inset:6%;
  background:radial-gradient(circle,rgba(255,179,0,.45),rgba(0,87,255,.30),transparent 72%);
  filter:blur(48px);
}
.party-image {
  position:relative;
  width:100%;
  max-width:560px;
  display:block;
  margin:auto;
  border-radius:28px;
  box-shadow:0 28px 80px rgba(0,0,0,.58);
  animation:float 5s ease-in-out infinite;
}
@media(max-width:760px){
  .party-section {
    padding-left:1rem!important;
    padding-right:1rem!important;
  }
  .party-grid {
    grid-template-columns:1fr;
    text-align:center;
    gap:28px;
  }
  .party-grid .request-sub {
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .party-image {
    max-width:92vw;
  }
}


.models-section {
  padding:4.8rem 1.5rem;
  max-width:1120px;
  margin:0 auto;
  position:relative;
  z-index:1;
}
.models-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:1.4rem;
  margin-top:2rem;
}
.model-card {
  background:linear-gradient(160deg,rgba(255,179,0,.12),rgba(0,87,255,.12),rgba(255,122,0,.08));
  border:1px solid rgba(255,179,0,.32);
  border-radius:24px;
  padding:1.6rem;
  text-align:center;
  position:relative;
  overflow:hidden;
  transition:.25s;
}
.model-card:hover {
  transform:translateY(-7px);
  box-shadow:0 0 45px rgba(255,179,0,.28), 0 20px 55px rgba(0,0,0,.45);
  border-color:var(--p);
}
.model-card::before {
  content:'';
  position:absolute;
  inset:-30%;
  background:radial-gradient(circle,rgba(0,87,255,.18),transparent 55%);
  pointer-events:none;
}
.model-card img {
  position:relative;
  width:100%;
  height:230px;
  object-fit:contain;
  margin-bottom:1.1rem;
  filter:drop-shadow(0 18px 30px rgba(0,0,0,.45));
}
.model-card h3 {
  position:relative;
  font-family:'Orbitron',monospace;
  font-size:.9rem;
  line-height:1.45;
  margin-bottom:1rem;
  color:#fff;
  text-transform:uppercase;
}
.model-card p {
  position:relative;
  color:var(--muted);
  font-size:.84rem;
  line-height:1.6;
  margin-bottom:1.3rem;
}
.model-btn {
  position:relative;
  display:inline-block;
  padding:.78rem 1.6rem;
  border-radius:999px;
  text-decoration:none;
  color:#fff;
  font-family:'Orbitron',monospace;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  background:linear-gradient(135deg,#ffb300,#ff7a00,#0057ff);
  box-shadow:0 0 24px rgba(255,179,0,.45);
}
@media(max-width:760px){
  .model-card img{height:190px;}
}



@keyframes partyLights{
  0%{transform:rotate(0deg) scale(1)}
  50%{transform:rotate(180deg) scale(1.08)}
  100%{transform:rotate(360deg) scale(1)}
}
.model-section{
  padding:4.8rem 1.5rem;
  max-width:1100px;
  margin:0 auto;
  position:relative;
  z-index:1;
}
.model-row{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:30px;
  align-items:center;
  padding:2.4rem 0;
  border-bottom:0;
}
.model-row:nth-child(even){
  grid-template-columns:1.1fr .9fr;
}
.model-row:nth-child(even) .model-img{
  order:2;
}
.model-img img{
  width:100%;
  max-height:300px;
  object-fit:contain;
  filter:drop-shadow(0 25px 45px rgba(0,0,0,.55));
  animation:float 5s ease-in-out infinite;
}
.model-copy h3{
  font-family:'Orbitron',monospace;
  font-size:clamp(1.15rem,3vw,1.9rem);
  line-height:1.25;
  text-transform:uppercase;
  margin-bottom:1rem;
}
.model-copy p{
  color:var(--muted);
  line-height:1.8;
  margin-bottom:1.4rem;
}
@media(max-width:760px){
  .model-row,.model-row:nth-child(even){
    grid-template-columns:1fr;
    text-align:center;
    gap:18px;
  }
  .model-row:nth-child(even) .model-img{
    order:0;
  }
}


.btn-primary,.btn-gradient,.btn-blue,.model-btn{
  position:relative;
  overflow:hidden;
}
.btn-primary::after,.btn-gradient::after,.btn-blue::after,.model-btn::after{
  content:'';
  position:absolute;
  inset:-2px;
  background:linear-gradient(120deg,transparent,rgba(255,255,255,.45),transparent);
  transform:translateX(-120%);
  animation:ctaShine 2.8s ease-in-out infinite;
}
@keyframes ctaShine{
  0%{transform:translateX(-120%)}
  55%,100%{transform:translateX(120%)}
}


.hero {
  background:
    radial-gradient(circle at 50% 30%, rgba(255,179,0,.24), transparent 34%),
    radial-gradient(circle at 20% 80%, rgba(0,87,255,.22), transparent 32%),
    linear-gradient(180deg,#030611 0%,#061646 55%,#030611 100%) !important;
}

.hero 



.hero::after {
  z-index:0;
  animation:aura 3.2s ease-in-out infinite alternate !important;
}


  50% { transform:translateX(2%) rotate(3deg) scale(1.08); opacity:1; }
  100% { transform:translateX(-1%) rotate(-2deg) scale(1.04); opacity:.8; }
}

.hero > * {
  position:relative;
  z-index:2;
}

.model-img img,
.party-image {
  border-radius:28px;
  border:2px solid rgba(255,179,0,.55);
  box-shadow:
    0 0 22px rgba(255,179,0,.55),
    0 0 42px rgba(0,87,255,.45),
    0 24px 70px rgba(0,0,0,.55);
  animation:neonPulse 2.2s ease-in-out infinite, float 5s ease-in-out infinite;
}

@keyframes neonPulse {
  0%,100% {
    box-shadow:
      0 0 18px rgba(255,179,0,.45),
      0 0 34px rgba(0,87,255,.35),
      0 24px 70px rgba(0,0,0,.55);
    border-color:rgba(255,179,0,.45);
  }
  50% {
    box-shadow:
      0 0 32px rgba(255,179,0,.9),
      0 0 70px rgba(0,87,255,.75),
      0 26px 80px rgba(0,0,0,.65);
    border-color:rgba(0,87,255,.9);
  }
}


.model-img img,
.party-image {
  background:transparent!important;
  border:none!important;
  border-radius:0!important;
  padding:0!important;
  object-fit:contain!important;
  box-shadow:none!important;
  filter:
    drop-shadow(0 0 14px rgba(255,179,0,.75))
    drop-shadow(0 0 32px rgba(0,87,255,.65))
    drop-shadow(0 24px 38px rgba(0,0,0,.55))!important;
  animation:pngNeonPulse 2.2s ease-in-out infinite, float 5s ease-in-out infinite!important;
}

@keyframes pngNeonPulse {
  0%,100% {
    filter:
      drop-shadow(0 0 10px rgba(255,179,0,.55))
      drop-shadow(0 0 24px rgba(0,87,255,.45))
      drop-shadow(0 24px 38px rgba(0,0,0,.55));
  }
  50% {
    filter:
      drop-shadow(0 0 22px rgba(255,179,0,1))
      drop-shadow(0 0 52px rgba(0,87,255,.95))
      drop-shadow(0 28px 46px rgba(0,0,0,.65));
  }
}


#particles{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  z-index:0!important;
  pointer-events:none!important;
  opacity:.95!important;
}
body > *:not(#particles){
  position:relative;
  z-index:1;
}






  12%{
    opacity:.35;
  }
  35%{
    opacity:.85;
  }
  75%{
    opacity:.55;
  }
  100%{
    transform:translateY(-650px) rotate(18deg) scale(1.15);
    opacity:0;
  }
}

  8%{opacity:1}
  70%{opacity:.95}
  100%{transform:translateY(-760px) rotate(28deg) scale(1.35);opacity:0}
}


.hero{
  background:
    linear-gradient(rgba(3,6,17,.50),rgba(3,6,17,.50)),
    radial-gradient(circle at 50% 28%, rgba(255,179,0,.28), transparent 34%),
    radial-gradient(circle at 20% 80%, rgba(0,87,255,.25), transparent 35%),
    linear-gradient(180deg,#030611 0%,#061646 58%,#030611 100%)!important;
}
.hero::before{
  content:''!important;
  position:absolute!important;
  inset:-18%!important;
  pointer-events:none!important;
  z-index:1!important;
  opacity:.50!important;
  mix-blend-mode:screen!important;
  background:
    conic-gradient(from 205deg at 14% -8%, transparent 0deg, rgba(255,179,0,.95) 14deg, transparent 34deg),
    conic-gradient(from 160deg at 36% -10%, transparent 0deg, rgba(0,87,255,.95) 13deg, transparent 32deg),
    conic-gradient(from 195deg at 58% -9%, transparent 0deg, rgba(255,122,0,.9) 15deg, transparent 36deg),
    conic-gradient(from 150deg at 80% -8%, transparent 0deg, rgba(0,212,255,.85) 14deg, transparent 34deg),
    conic-gradient(from 190deg at 100% -5%, transparent 0deg, rgba(255,179,0,.75) 12deg, transparent 32deg);
  filter:blur(12px)!important;
  animation:clubLights 4.8s ease-in-out infinite alternate!important;
}
@keyframes clubLights{
  0%{transform:translateX(-4%) rotate(-5deg) scale(1.02)}
  50%{transform:translateX(3%) rotate(4deg) scale(1.08)}
  100%{transform:translateX(-2%) rotate(-3deg) scale(1.04)}
}
.hero > *{
  position:relative;
  z-index:4;
}


.notes-float{
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
  z-index:3!important;
}
.note{
  position:absolute!important;
  opacity:0;
  animation-name:noteRiseSoft!important;
  animation-timing-function:ease-in-out!important;
  animation-iteration-count:infinite!important;
  filter:drop-shadow(0 0 8px currentColor)!important;
}
@keyframes noteRiseSoft{
  0%{transform:translateY(60px) rotate(-8deg) scale(.9);opacity:0}
  18%{opacity:.28}
  48%{opacity:.55}
  78%{opacity:.25}
  100%{transform:translateY(-420px) rotate(14deg) scale(1.08);opacity:0}
}


.contact-card-icon{
  width:52px;
  height:52px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto 12px;
  border-radius:18px;
  background:rgba(255,255,255,.08);
  box-shadow:0 0 22px rgba(255,179,0,.22),0 0 32px rgba(0,87,255,.18);
}
.contact-card-icon svg{
  width:30px;
  height:30px;
  display:block;
}


.support-item{
  background:rgba(255,255,255,.08)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  border:1px solid rgba(255,179,0,.18)!important;
  border-radius:26px!important;
  overflow:hidden;
  transition:.25s ease;
  box-shadow:
    0 10px 35px rgba(0,0,0,.25),
    0 0 22px rgba(255,179,0,.10);
}

.support-item:hover{
  transform:translateY(-6px);
  border-color:rgba(255,179,0,.45)!important;
  box-shadow:
    0 18px 45px rgba(0,0,0,.35),
    0 0 28px rgba(255,179,0,.25),
    0 0 45px rgba(0,87,255,.15);
}

.support-label{
  font-family:'Orbitron',sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.support-value{
  margin-top:6px;
  font-size:.95rem;
}



body,
button,
a,
p,
span,
div,
input,
label,
.hero-brand,
.hero-tagline,
.hero-sub,
.section-label,
.support-label,
.support-value,
.request-sub,
.model-copy h3,
.model-copy p,
.cta-text,
.cta-badge,
.cat-title,
.cat-desc {
    font-family:'Orbitron', monospace !important;
}


/* orbitron-inter-balance */


/* ===== INTER PARA CONTEÚDO ===== */

body,
p,
.support-value,
.request-sub,
.hero-sub,
.model-copy p,
.alert-text,
.cat-desc,
footer,
input,
textarea {
    font-family:'Inter',sans-serif !important;
}

/* ===== ORBITRON PARA DESTAQUES ===== */

.hero-brand,
.hero-tagline,
.section-title,
.section-label,
.cta-number,
.cta-badge,
.support-label,
.btn-primary,
.btn-blue,
.btn-gradient,
.model-btn,
.model-copy h3 {
    font-family:'Orbitron',monospace !important;
}



.whatsapp-floating{
  position:fixed;
  right:22px;
  bottom:22px;
  width:64px;
  height:64px;
  border-radius:50%;
  background:#25D366;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:9999;
  box-shadow:
    0 0 22px rgba(37,211,102,.65),
    0 12px 34px rgba(0,0,0,.35);
  transition:.25s ease;
  animation:whatsPulse 2.2s ease-in-out infinite;
}

.whatsapp-floating:hover{
  transform:translateY(-4px) scale(1.06);
  box-shadow:
    0 0 32px rgba(37,211,102,.9),
    0 18px 42px rgba(0,0,0,.45);
}

.whatsapp-floating svg{
  width:36px;
  height:36px;
}

@keyframes whatsPulse{
  0%,100%{box-shadow:0 0 18px rgba(37,211,102,.55),0 12px 34px rgba(0,0,0,.35)}
  50%{box-shadow:0 0 34px rgba(37,211,102,.95),0 18px 44px rgba(0,0,0,.45)}
}

@media(max-width:600px){
  .whatsapp-floating{
    width:58px;
    height:58px;
    right:16px;
    bottom:16px;
  }
  .whatsapp-floating svg{
    width:32px;
    height:32px;
  }
}


.whatsapp-float-only{
  position:fixed!important;
  right:24px!important;
  bottom:24px!important;
  width:64px!important;
  height:64px!important;
  border-radius:50%!important;
  background:#25D366!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  z-index:2147483647!important;
  padding:0!important;
  margin:0!important;
  box-shadow:0 0 24px rgba(37,211,102,.85),0 14px 34px rgba(0,0,0,.45)!important;
  transition:.25s ease!important;
}
.whatsapp-float-only:hover{
  transform:scale(1.08)!important;
}
.whatsapp-float-only img{
  width:38px!important;
  height:38px!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
}
@media(max-width:600px){
  .whatsapp-float-only{
    right:16px!important;
    bottom:16px!important;
    width:58px!important;
    height:58px!important;
  }
  .whatsapp-float-only img{
    width:34px!important;
    height:34px!important;
  }
}




footer{
  color:#fff !important;
  text-shadow:0 0 20px rgba(196,79,255,.5) !important;
}


.hero-tagline{
  background:linear-gradient(90deg,#ffb300,#ff7a00,#ffb300) !important;
  -webkit-background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  background-clip:text !important;
  text-shadow:0 0 20px rgba(255,122,0,.45) !important;
}


.faq-section{
  max-width:1040px;
  margin:0 auto;
  padding:5rem 1.5rem;
  position:relative;
  z-index:2;
}
.faq-list{
  display:grid;
  gap:1rem;
  margin-top:2rem;
}
.faq-item{
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,179,0,.18);
  border-radius:22px;
  overflow:hidden;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  box-shadow:0 18px 50px rgba(0,0,0,.24);
}
.faq-question{
  width:100%;
  border:0;
  background:transparent;
  color:#fff;
  padding:1.25rem 1.35rem;
  text-align:left;
  cursor:pointer;
  display:flex;
  justify-content:space-between;
  gap:1rem;
  align-items:center;
  font-family:'Orbitron',monospace;
  font-size:.9rem;
  line-height:1.5;
}
.faq-question span{
  color:#ffb300;
  font-size:1.3rem;
  transition:.25s;
}
.faq-answer{
  display:none;
  padding:0 1.35rem 1.35rem;
  color:var(--muted);
  line-height:1.75;
  font-family:'Inter',sans-serif;
}
.faq-item.active .faq-answer{
  display:block;
}
.faq-item.active .faq-question span{
  transform:rotate(45deg);
}
@media(max-width:700px){
  .faq-section{padding:3.5rem 1rem;}
  .faq-question{font-size:.82rem;}
}
/* Conversion Engine */
#kpbUrgencyBar{
  position:sticky;
  top:0;
  z-index:9998;
  width:100%;
  min-height:44px;
  padding:10px 16px;
  background:linear-gradient(90deg,#ffb300,#ff7a00,#0057ff);
  color:#050816;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  font-family:'Inter',sans-serif;
  font-size:14px;
  font-weight:700;
  text-align:center;
  box-shadow:0 10px 30px rgba(0,0,0,.28);
}

#kpbUrgencyBar a{
  color:#050816;
  background:rgba(255,255,255,.72);
  padding:7px 13px;
  border-radius:999px;
  text-decoration:none;
  font-family:'Orbitron',monospace;
  font-size:12px;
  white-space:nowrap;
}

@media(max-width:640px){
  #kpbUrgencyBar{
    font-size:12px;
    flex-direction:column;
    gap:6px;
  }
}

/* Faixa rotativa de benefícios */
.kpb-benefit-carousel{
  max-width:1120px;
  margin:-1.5rem auto 3rem;
  padding:0 1rem;
  position:relative;
  z-index:5;
}

.kpb-benefit-track{
  overflow:hidden;
  border:1px solid rgba(255,179,0,.22);
  border-radius:999px;
  background:rgba(255,255,255,.075);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  box-shadow:
    0 18px 55px rgba(0,0,0,.32),
    0 0 34px rgba(255,179,0,.14),
    inset 0 0 24px rgba(0,87,255,.08);
}

.kpb-benefit-line{
  display:flex;
  width:max-content;
  animation:kpbBenefitScroll 28s linear infinite;
}

.kpb-benefit-item{
  display:flex;
  align-items:center;
  gap:.55rem;
  padding:.9rem 1.35rem;
  white-space:nowrap;
  font-family:'Orbitron',monospace;
  font-size:.78rem;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#f6f0ff;
  text-shadow:0 0 16px rgba(255,179,0,.22);
}

.kpb-benefit-item b{
  color:#ffb300;
  font-weight:900;
}

.kpb-benefit-note{
  color:#ffb300;
  filter:drop-shadow(0 0 10px rgba(255,179,0,.7));
}

@keyframes kpbBenefitScroll{
  from{transform:translateX(0);}
  to{transform:translateX(-50%);}
}

@media(max-width:700px){
  .kpb-benefit-carousel{
    margin:-1rem auto 2.2rem;
  }

  .kpb-benefit-track{
    border-radius:24px;
  }

  .kpb-benefit-item{
    font-size:.68rem;
    padding:.8rem 1rem;
  }
}

/* Ajuste da faixa de benefícios logo após a logo */
.hero .kpb-benefit-carousel{
  width:min(1080px,94vw);
  margin:.4rem auto 1.4rem;
  padding:0;
}

.hero .kpb-benefit-track{
  border-color:rgba(255,179,0,.28);
  background:rgba(8,8,13,.42);
}

.hero .kpb-benefit-line{
  animation-duration:42s;
}

.hero .kpb-benefit-track:hover .kpb-benefit-line{
  animation-play-state:paused;
}

/* Cards de benefícios */
.kpb-benefit-cards{
  max-width:1120px;
  margin:0 auto 4rem;
  padding:0 1rem;
  position:relative;
  z-index:4;
}

.kpb-benefit-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1rem;
}

.kpb-benefit-card{
  position:relative;
  padding:1.35rem 1rem;
  border-radius:24px;
  background:rgba(255,255,255,.075);
  border:1px solid rgba(255,179,0,.18);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  box-shadow:
    0 18px 45px rgba(0,0,0,.28),
    0 0 22px rgba(255,179,0,.12),
    0 0 34px rgba(0,87,255,.08);
  text-align:center;
  overflow:hidden;
  transition:.25s ease;
}

.kpb-benefit-card::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  background:linear-gradient(135deg,rgba(255,179,0,.34),rgba(0,87,255,.22),transparent 58%);
  opacity:.22;
  pointer-events:none;
}

.kpb-benefit-card:hover{
  transform:translateY(-6px);
  border-color:rgba(255,179,0,.45);
  box-shadow:
    0 22px 55px rgba(0,0,0,.36),
    0 0 30px rgba(255,179,0,.28),
    0 0 46px rgba(0,87,255,.18);
}

.kpb-benefit-icon{
  width:52px;
  height:52px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto .9rem;
  border-radius:18px;
  background:rgba(255,179,0,.12);
  box-shadow:0 0 22px rgba(255,179,0,.24);
  color:#ffb300;
}

.kpb-benefit-icon svg{
  width:28px;
  height:28px;
  stroke:currentColor;
  fill:none;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.kpb-benefit-card h3{
  position:relative;
  font-family:'Orbitron',monospace;
  font-size:.9rem;
  color:#fff;
  margin:0 0 .55rem;
  text-transform:uppercase;
  letter-spacing:.04em;
  text-shadow:0 0 16px rgba(255,179,0,.22);
}

.kpb-benefit-card p{
  position:relative;
  font-family:'Inter',sans-serif;
  font-size:.88rem;
  line-height:1.55;
  color:#cdbde8;
  margin:0;
}

@media(max-width:900px){
  .kpb-benefit-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:560px){
  .kpb-benefit-cards{
    margin:0 auto 3rem;
  }

  .kpb-benefit-grid{
    grid-template-columns:1fr;
  }
}

/* Prova social */
.kpb-social-proof{
  max-width:1120px;
  margin:0 auto 4rem;
  padding:0 1rem;
  position:relative;
  z-index:4;
}

.kpb-review-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1rem;
  margin-top:2rem;
}

.kpb-review-card{
  border-radius:24px;
  padding:1.35rem;
  background:rgba(255,255,255,.075);
  border:1px solid rgba(255,179,0,.18);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  box-shadow:0 18px 45px rgba(0,0,0,.28),0 0 28px rgba(255,179,0,.12);
}

.kpb-stars{
  color:#ffb300;
  letter-spacing:.08em;
  margin-bottom:.85rem;
  text-shadow:0 0 16px rgba(255,179,0,.45);
}

.kpb-review-card p{
  color:#d8c8f2;
  line-height:1.65;
  margin:0 0 1rem;
  font-family:'Inter',sans-serif;
}

.kpb-review-card strong{
  color:#fff;
  font-family:'Orbitron',monospace;
  font-size:.78rem;
  text-transform:uppercase;
}

@media(max-width:850px){
  .kpb-review-grid{grid-template-columns:1fr;}
}