/* VGV Design System — Site multipáginas v2 */
:root{
  color-scheme:dark;
  --bg-0:#030304;
  --bg-1:#07070a;
  --bg-2:#0b0b12;
  --surface:#101018;
  --surface-2:#151521;
  --surface-3:#1b1726;
  --text:#fbf8ff;
  --text-soft:#ddd6ea;
  --muted:#a59bb7;
  --muted-2:#756c82;
  --line:rgba(255,255,255,.105);
  --line-2:rgba(255,255,255,.18);
  --purple:#8d18ff;
  --purple-2:#6e14d8;
  --pink:#ee38ff;
  --pink-2:#b319cc;
  --violet:#ca7bff;
  --glow:0 0 50px rgba(141,24,255,.34);
  --shadow:0 28px 90px rgba(0,0,0,.45);
  --radius-xl:34px;
  --radius-lg:26px;
  --radius-md:18px;
  --radius-sm:12px;
  --container:1180px;
  --ease:cubic-bezier(.2,.8,.2,1);
  --mx:50%;
  --my:50%;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;text-rendering:optimizeLegibility}
body{
  min-width:320px;
  background:
    radial-gradient(circle at 72% -10%, rgba(238,56,255,.22), transparent 36rem),
    radial-gradient(circle at 8% 8%, rgba(141,24,255,.14), transparent 34rem),
    linear-gradient(180deg,#040406,#050507 45%,#030304);
  color:var(--text);
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  overflow-x:hidden;
}
body::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:200;
  opacity:.065;
  mix-blend-mode:screen;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 240 240' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");
}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
::selection{background:rgba(238,56,255,.35);color:#fff}
.skip-link{
  position:absolute;left:16px;top:-80px;z-index:500;
  background:#fff;color:#050507;padding:12px 16px;border-radius:12px;
}
.skip-link:focus{top:16px}
.container{width:min(var(--container),calc(100% - 40px));margin-inline:auto}
.container-wide{width:min(1380px,calc(100% - 40px));margin-inline:auto}
.gradient-text{background:linear-gradient(135deg,var(--pink),var(--purple));-webkit-background-clip:text;background-clip:text;color:transparent}
.kicker{
  display:inline-flex;align-items:center;gap:9px;
  color:var(--violet);
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
  margin-bottom:16px;
}
.kicker::before{
  content:"";
  width:8px;height:8px;border-radius:50%;
  background:linear-gradient(135deg,var(--pink),var(--purple));
  box-shadow:0 0 22px rgba(238,56,255,.8);
}
.h1,.h2,.h3{
  text-transform:uppercase;
  letter-spacing:-.065em;
  text-wrap:balance;
}
.h1{font-size:clamp(2.45rem,4.4vw,5rem);line-height:.96}
.h2{font-size:clamp(1.95rem,3.15vw,3.85rem);line-height:1}
.h3{font-size:clamp(1.35rem,1.75vw,2.05rem);line-height:1.12}
.lead{font-size:clamp(1.02rem,1.45vw,1.22rem);line-height:1.72;color:var(--text-soft);max-width:760px}
.text{font-size:1rem;line-height:1.82;color:var(--muted)}
.small{font-size:.88rem;color:var(--muted);line-height:1.65}
.mono{
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.18em;
  color:var(--muted-2);
}
.section{position:relative;padding:clamp(72px,9vw,132px) 0}
.section-tight{padding:clamp(52px,6vw,88px) 0}
.section-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:30px;
  margin-bottom:34px;
}
.section-head .lead{max-width:520px}
.btn{
  --btn-bg:rgba(255,255,255,.035);
  min-height:48px;
  display:inline-flex;align-items:center;justify-content:center;gap:11px;
  padding:0 22px;border-radius:999px;
  border:1px solid var(--line-2);
  background:var(--btn-bg);
  color:#fff;
  font-size:.75rem;
  line-height:1;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
  transition:transform .24s var(--ease), border-color .24s var(--ease), background .24s var(--ease), box-shadow .24s var(--ease);
  position:relative;
  overflow:hidden;
  touch-action:manipulation;
}
.btn svg{width:16px;height:16px;transition:transform .24s var(--ease)}
.btn:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.32);box-shadow:0 18px 52px rgba(0,0,0,.25)}
.btn:hover svg{transform:translateX(3px)}
.btn:focus-visible,.nav-link:focus-visible,.menu-button:focus-visible,.card:focus-visible,.mobile-menu a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{
  outline:3px solid rgba(238,56,255,.85);
  outline-offset:3px;
}
.btn.primary{
  border:0;
  background:linear-gradient(135deg,var(--purple),var(--pink));
  box-shadow:0 24px 72px rgba(141,24,255,.26);
}
.btn.ghost{background:rgba(255,255,255,.02)}
.site-header{
  position:fixed;top:0;left:0;right:0;
  z-index:100;
  background:rgba(3,3,4,.62);
  backdrop-filter:blur(24px);
  border-bottom:1px solid rgba(255,255,255,.075);
}
.header-inner{
  height:82px;
  display:grid;
  grid-template-columns:148px 1fr auto;
  gap:22px;
  align-items:center;
}
.brand-logo{width:90px;height:auto}
.nav{
  display:flex;
  justify-content:center;
  gap:4px;
  align-items:center;
}
.nav-item{position:relative}
.nav-link{
  display:inline-flex;align-items:center;gap:8px;
  min-height:44px;
  padding:0 12px;
  border-radius:999px;
  color:rgba(255,255,255,.68);
  font-size:.7rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  transition:color .22s var(--ease), background .22s var(--ease);
}
.nav-link:hover,.nav-link.active{color:#fff;background:rgba(255,255,255,.055)}
.nav-link.active::after{
  content:"";width:5px;height:5px;border-radius:50%;
  background:linear-gradient(135deg,var(--pink),var(--purple));
}
.dropdown{
  position:absolute;left:50%;top:calc(100% + 12px);
  width:320px;
  padding:12px;
  border-radius:22px;
  border:1px solid var(--line);
  background:rgba(8,8,12,.96);
  backdrop-filter:blur(18px);
  box-shadow:var(--shadow);
  opacity:0;
  visibility:hidden;
  transform:translateX(-50%) translateY(8px) scale(.98);
  transition:.24s var(--ease);
}
.nav-item:hover .dropdown,.nav-item:focus-within .dropdown{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0) scale(1)}
.dropdown a{
  display:grid;
  grid-template-columns:38px 1fr;
  gap:12px;
  align-items:center;
  min-height:54px;
  padding:8px 10px;
  border-radius:16px;
  color:var(--muted);
  font-size:.9rem;
  transition:.2s var(--ease);
}
.dropdown a:hover{background:rgba(141,24,255,.13);color:#fff}
.dropdown-icon{
  width:38px;height:38px;border-radius:12px;
  display:grid;place-items:center;
  background:rgba(141,24,255,.13);
  color:var(--violet);
}
.header-actions{display:flex;align-items:center;gap:10px}
.socials{display:flex;gap:8px}
.social-link{
  width:38px;height:38px;
  display:grid;place-items:center;
  border:1px solid var(--line);
  border-radius:50%;
  color:var(--muted);
  transition:.2s var(--ease);
}
.social-link svg{width:15px;height:15px}
.social-link:hover{color:#fff;border-color:rgba(238,56,255,.36);background:rgba(238,56,255,.10)}
.menu-button{
  display:none;
  width:48px;height:48px;
  border-radius:16px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.035);
  color:#fff;
}
.mobile-menu{
  position:fixed;
  inset:0;
  z-index:300;
  background:
    radial-gradient(circle at 80% 0%,rgba(238,56,255,.18),transparent 24rem),
    #040405;
  padding:24px;
  transform:translateX(110%);
  transition:transform .36s var(--ease);
  display:flex;
  flex-direction:column;
}
.mobile-menu.open{transform:translateX(0)}
.mobile-head{display:flex;align-items:center;justify-content:space-between}
.mobile-head .brand-logo{width:88px}
.close-menu{
  width:48px;height:48px;
  border-radius:16px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.04);
  color:#fff;
  font-size:1.4rem;
}
.mobile-links{display:grid;gap:10px;margin-top:32px}
.mobile-links a,.mobile-links summary{
  display:flex;justify-content:space-between;align-items:center;
  min-height:58px;
  padding:0 18px;
  border-radius:18px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.035);
  color:#fff;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:.9rem;
  font-weight:900;
  list-style:none;
}
.mobile-links details[open] summary{border-color:rgba(238,56,255,.3);background:rgba(238,56,255,.08)}
.mobile-sub{display:grid;gap:8px;margin:8px 0 0 14px}
.mobile-sub a{min-height:50px;color:var(--muted);font-size:.8rem;background:rgba(255,255,255,.02)}
.mobile-menu-cta{margin-top:auto}
.hero{
  min-height:100dvh;
  display:grid;
  align-items:center;
  padding-top:90px;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 72% 38%, rgba(141,24,255,.16), transparent 34rem),
    linear-gradient(180deg,#07070a,#030304);
}
.hero::before{
  content:"";
  position:absolute;inset:0;
  background-image:url("assets/podcast-studio.webp");
  background-size:cover;background-position:center;
  filter:saturate(1.05) brightness(.58) contrast(1.18);
  opacity:.92;
  mask-image:radial-gradient(circle 280px at var(--mx) var(--my), black 0%, rgba(0,0,0,.86) 42%, transparent 75%);
  -webkit-mask-image:radial-gradient(circle 280px at var(--mx) var(--my), black 0%, rgba(0,0,0,.86) 42%, transparent 75%);
}
.hero::after{
  content:"";
  position:absolute;inset:0;
  background:
    radial-gradient(circle 300px at var(--mx) var(--my), rgba(238,56,255,.40), rgba(141,24,255,.16) 42%, transparent 72%),
    linear-gradient(90deg,rgba(3,3,4,.96),rgba(3,3,4,.50) 46%,rgba(3,3,4,.86)),
    linear-gradient(180deg,transparent 72%,#030304 100%);
  mix-blend-mode:screen;
  pointer-events:none;
}
.hero-grid{
  position:relative;z-index:2;
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);
  align-items:center;
  gap:48px;
}
.hero-content{max-width:640px}
.hero-content .lead{margin:26px 0 34px;color:#ded7ea}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-stage{
  min-height:620px;
  display:grid;
  place-items:center;
  position:relative;
}
.hero-logo-creative{
  width:min(680px,100%);
  filter:drop-shadow(0 42px 90px rgba(141,24,255,.36));
  position:relative;
  z-index:2;
  transform:perspective(900px) rotateX(0deg) rotateY(0deg);
  transition:transform .12s linear;
}
.hero-orbit{
  position:absolute;
  width:min(720px,90%);
  aspect-ratio:1;
  border-radius:50%;
  border:1px solid rgba(238,56,255,.20);
  background:radial-gradient(circle,rgba(141,24,255,.14),transparent 58%);
  box-shadow:inset 0 0 80px rgba(238,56,255,.06);
}
.hero-instruction{
  position:absolute;
  bottom:42px;left:50%;
  transform:translateX(-50%);
  z-index:5;
  color:rgba(255,255,255,.58);
  display:flex;align-items:center;gap:10px;
}
.hero-instruction span:first-child{
  width:32px;height:32px;border:1px solid var(--line);
  border-radius:50%;
  display:grid;place-items:center;
}
.page-hero{
  min-height:560px;
  display:grid;
  align-items:end;
  padding:168px 0 94px;
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(3,3,4,.96),rgba(3,3,4,.76)),
    var(--hero-image, radial-gradient(circle at 80% 10%,rgba(238,56,255,.22),transparent 34rem));
  background-size:cover;
  background-position:center;
}
.page-hero::after{
  content:"";
  position:absolute;inset:auto 0 0;height:180px;
  background:linear-gradient(180deg,transparent,#030304);
}
.page-hero .container{position:relative;z-index:2}
.page-hero .lead{margin-top:24px}
.breadcrumb{display:flex;gap:10px;align-items:center;margin-bottom:18px;color:var(--muted-2);font-size:.8rem;text-transform:uppercase;letter-spacing:.12em}
.card{
  position:relative;
  border-radius:var(--radius-lg);
  border:1px solid var(--line);
  background:
    linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.025));
  overflow:hidden;
  box-shadow:0 1px 0 rgba(255,255,255,.06) inset;
  transition:transform .26s var(--ease), border-color .26s var(--ease), background .26s var(--ease), box-shadow .26s var(--ease);
}
.card::before{
  content:"";
  position:absolute;
  inset:-1px;
  opacity:0;
  background:radial-gradient(circle at 30% 0%,rgba(238,56,255,.18),transparent 34%);
  transition:opacity .26s var(--ease);
  pointer-events:none;
}
.card:hover{
  transform:translateY(-7px);
  border-color:rgba(238,56,255,.28);
  box-shadow:0 24px 80px rgba(0,0,0,.32);
}
.card:hover::before{opacity:1}
.card-body{position:relative;z-index:2;padding:30px}
.icon-box{
  width:56px;height:56px;
  border-radius:18px;
  display:grid;place-items:center;
  margin-bottom:26px;
  color:#fff;
  border:1px solid rgba(238,56,255,.24);
  background:linear-gradient(135deg,rgba(141,24,255,.20),rgba(238,56,255,.08));
}
.icon-box svg{width:26px;height:26px;stroke-width:1.75}
.card h3{
  font-size:1.55rem;
  line-height:1.08;
  letter-spacing:-.035em;
  text-transform:uppercase;
  margin-bottom:12px;
}
.card p{color:var(--muted);line-height:1.68}
.card-link{
  margin-top:24px;
  display:inline-flex;
  gap:9px;
  align-items:center;
  color:#fff;
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-weight:900;
}
.card-link svg{width:15px;height:15px}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.bento{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:20px;
}
.bento .large{min-height:420px}
.stat-band{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:var(--radius-xl);
  background:rgba(255,255,255,.034);
}
.stat{
  padding:34px;
  border-right:1px solid var(--line);
}
.stat:last-child{border-right:0}
.stat strong{
  display:block;
  font-size:clamp(2.5rem,4.2vw,5.6rem);
  line-height:.86;
  letter-spacing:-.075em;
}
.stat span{
  color:var(--muted);
  display:block;
  margin-top:12px;
  line-height:1.42;
}
.split-text{
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  gap:56px;
  align-items:start;
}
.split-text p+p{margin-top:18px}
.feature-list{display:grid;gap:12px;margin-top:26px}
.feature-item{
  display:grid;
  grid-template-columns:42px 1fr;
  gap:14px;
  padding:16px;
  border:1px solid var(--line);
  border-radius:18px;
  background:rgba(255,255,255,.025);
}
.feature-icon{
  width:42px;height:42px;
  border-radius:14px;
  display:grid;place-items:center;
  background:rgba(141,24,255,.16);
  color:var(--violet);
}
.feature-icon svg{width:21px;height:21px}
.feature-item h4{font-size:1rem;margin-bottom:4px}
.feature-item p{color:var(--muted);font-size:.92rem;line-height:1.56}
.media-thumb{
  height:220px;
  background:
    linear-gradient(180deg,transparent,rgba(3,3,4,.88)),
    linear-gradient(135deg,rgba(141,24,255,.38),rgba(238,56,255,.10)),
    url("assets/podcast-studio.webp");
  background-size:cover;
  background-position:center;
}
.media-meta{
  display:flex;
  justify-content:space-between;
  gap:10px;
  margin-bottom:18px;
  color:var(--violet);
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:900;
}
.club-band{
  border-radius:var(--radius-xl);
  padding:44px;
  border:1px solid rgba(238,56,255,.20);
  background:
    radial-gradient(circle at 9% 50%,rgba(238,56,255,.22),transparent 22rem),
    radial-gradient(circle at 95% 50%,rgba(141,24,255,.22),transparent 24rem),
    linear-gradient(135deg,rgba(141,24,255,.16),rgba(255,255,255,.035));
}
.club-grid{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:30px;
}
.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}
.benefit{
  padding:18px;
  border-radius:20px;
  border:1px solid var(--line);
  background:rgba(0,0,0,.18);
}
.benefit svg{width:24px;height:24px;color:var(--violet);margin-bottom:14px}
.client-strip{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:14px;
}
.client-logo{
  min-height:88px;
  border-radius:22px;
  display:grid;
  place-items:center;
  border:1px solid var(--line);
  color:rgba(255,255,255,.76);
  font-size:1.25rem;
  font-weight:900;
  letter-spacing:-.035em;
  background:rgba(255,255,255,.028);
}
.cta-panel{
  border-radius:var(--radius-xl);
  border:1px solid rgba(238,56,255,.22);
  padding:46px;
  background:
    radial-gradient(circle at 85% 50%,rgba(238,56,255,.30),transparent 24rem),
    rgba(255,255,255,.035);
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:30px;
  align-items:center;
}
.cta-panel p{max-width:470px}
.tabs{display:flex;gap:10px;flex-wrap:wrap}
.tab{
  min-height:40px;
  display:inline-flex;align-items:center;
  padding:0 14px;
  border-radius:999px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.025);
  color:var(--muted);
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:900;
  cursor:pointer;
  transition:.2s var(--ease);
}
.tab.active,.tab:hover{background:linear-gradient(135deg,var(--purple),var(--pink));color:#fff;border-color:transparent}
.plan-card{min-height:440px}
.plan-card.featured{
  border-color:rgba(238,56,255,.38);
  background:
    radial-gradient(circle at 30% 0%,rgba(238,56,255,.22),transparent 34%),
    linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.03));
}
.price{
  margin-top:30px;
  font-size:2.4rem;
  line-height:1;
  letter-spacing:-.06em;
  font-weight:1000;
}
.list{display:grid;gap:12px;margin-top:24px}
.list li{
  list-style:none;
  display:grid;
  grid-template-columns:20px 1fr;
  gap:10px;
  color:var(--muted);
  line-height:1.62;
}
.list li::before{
  content:"";
  width:8px;height:8px;border-radius:50%;
  background:linear-gradient(135deg,var(--pink),var(--purple));
  margin-top:.58em;
}
.blog-search{
  max-width:560px;
  margin:32px auto 0;
  position:relative;
}
.blog-search input{
  width:100%;
  height:58px;
  border-radius:999px;
  border:1px solid var(--line);
  background:#fff;
  color:#16121c;
  padding:0 22px;
  outline:0;
}
.blog-card{
  background:#fff;
  color:#111;
  border-radius:24px;
  overflow:hidden;
  transition:.25s var(--ease);
}
.blog-card:hover{transform:translateY(-6px);box-shadow:0 24px 90px rgba(0,0,0,.35)}
.blog-img{
  height:210px;
  background:
    linear-gradient(135deg,rgba(141,24,255,.25),rgba(238,56,255,.10)),
    url("assets/city-night.jpg");
  background-size:cover;background-position:center;
}
.blog-body{padding:24px}
.blog-body h3{font-size:1.15rem;line-height:1.25;margin-bottom:12px;color:#111}
.blog-body p{color:#5f5668;line-height:1.62}
.form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}
.form-field{display:grid;gap:8px}
.form-field.full{grid-column:1/-1}
.form-field label{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:900}
.form-field input,.form-field textarea,.form-field select{
  width:100%;
  min-height:54px;
  border:1px solid var(--line);
  border-radius:16px;
  background:rgba(255,255,255,.035);
  color:#fff;
  padding:0 16px;
  outline:0;
}
.form-field textarea{min-height:130px;padding:16px;resize:vertical}
.form-field input::placeholder,.form-field textarea::placeholder{color:var(--muted-2)}
.map-box{
  min-height:460px;
  border:1px solid var(--line);
  border-radius:var(--radius-xl);
  background:
    radial-gradient(circle at 50% 50%,rgba(238,56,255,.08),transparent 20rem),
    repeating-linear-gradient(35deg,rgba(255,255,255,.035) 0 1px, transparent 1px 48px),
    #19191f;
  display:grid;
  place-items:center;
  color:var(--muted);
  overflow:hidden;
}
.map-pin{
  width:54px;height:54px;border-radius:50%;
  background:linear-gradient(135deg,var(--purple),var(--pink));
  display:grid;place-items:center;
  box-shadow:0 0 70px rgba(238,56,255,.45);
}
.site-footer{
  padding:72px 0 36px;
  border-top:1px solid var(--line);
  background:#030304;
}
.footer-grid{
  display:grid;
  grid-template-columns:1.2fr repeat(4,1fr);
  gap:34px;
  margin-bottom:46px;
}
.footer-logo{width:92px;margin-bottom:22px}
.footer-col h4{
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.16em;
  color:#fff;
  margin-bottom:18px;
}
.footer-col a,.footer-col p{
  color:var(--muted);
  display:block;
  line-height:1.72;
  margin-bottom:7px;
  font-size:.92rem;
}
.footer-col a:hover{color:#fff}
.footer-bottom{
  border-top:1px solid var(--line);
  padding-top:24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  color:var(--muted-2);
  font-size:.82rem;
}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s var(--ease), transform .75s var(--ease)}
.reveal.visible{opacity:1;transform:translateY(0)}
.stagger > *{transition-delay:calc(var(--i,0) * 48ms)}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}
  .reveal{opacity:1;transform:none}
  .hero-logo-creative{transform:none!important}
}
@media (max-width:1120px){
  .header-inner{grid-template-columns:120px 1fr auto}
  .nav{gap:0}
  .nav-link{padding:0 8px;font-size:.66rem}
  .header-actions .btn{display:none}
}
@media (max-width:980px){
  .container,.container-wide{width:min(100% - 32px,var(--container))}
  .nav,.socials,.header-actions .btn{display:none}
  .menu-button{display:grid;place-items:center}
  .header-inner{height:74px;grid-template-columns:1fr auto}
  .hero{min-height:100dvh;padding-top:96px}
  .hero-grid{grid-template-columns:1fr;gap:10px}
  .hero-stage{min-height:420px;order:-1}
  .hero-content{max-width:100%}
  .hero-instruction{display:none}
  .grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}
  .grid-2,.bento,.split-text,.cta-panel,.club-grid{grid-template-columns:1fr}
  .stat-band{grid-template-columns:repeat(2,1fr)}
  .stat:nth-child(2){border-right:0}
  .stat:nth-child(1),.stat:nth-child(2){border-bottom:1px solid var(--line)}
  .client-strip{grid-template-columns:repeat(3,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr}
  .form-grid{grid-template-columns:1fr}
  .form-field.full{grid-column:auto}
}
@media (max-width:640px){
  .container,.container-wide{width:min(100% - 28px,var(--container))}
  .section{padding:68px 0}
  .section-tight{padding:50px 0}
  .section-head{display:block}
  .section-head .lead{margin-top:16px}
  .h1{font-size:clamp(2.15rem,9.6vw,3rem)}
  .h2{font-size:clamp(1.85rem,8.2vw,2.55rem)}
  .lead{font-size:1rem}
  .hero-stage{min-height:330px}
  .hero-logo-creative{width:112%;max-width:none}
  .hero::before{
    mask-image:radial-gradient(circle 190px at 50% 34%, black 0%, rgba(0,0,0,.86) 38%, transparent 78%);
    -webkit-mask-image:radial-gradient(circle 190px at 50% 34%, black 0%, rgba(0,0,0,.86) 38%, transparent 78%);
  }
  .hero-actions .btn,.cta-panel .btn,.club-grid .btn{width:100%}
  .grid-4,.grid-3,.grid-2,.stat-band,.client-strip,.benefits,.footer-grid{grid-template-columns:1fr}
  .stat{border-right:0;border-bottom:1px solid var(--line);padding:28px}
  .stat:last-child{border-bottom:0}
  .benefits{margin-top:22px}
  .card-body{padding:24px}
  .club-band,.cta-panel{padding:28px}
  .page-hero{min-height:500px;padding:138px 0 70px}
  .footer-bottom{flex-direction:column;align-items:flex-start}
}

/* v3 refinements */
.hero-content{max-width:700px}
.page-hero .h1{max-width:1050px}
.section-head .h2{max-width:850px}
.card h3{font-size:clamp(1.18rem,1.45vw,1.55rem)}
.page-hero{min-height:520px}
@media (max-width:640px){
  .page-hero{min-height:440px}
  .hero-content .lead{margin:20px 0 26px}
}

/* v4 — Hero refinada: títulos menores, máximo 3 linhas e foco visual na marca */
.hero{
  min-height:92dvh;
  padding-top:92px;
}
.hero-grid{
  grid-template-columns:minmax(360px,.72fr) minmax(420px,1.28fr);
  gap:34px;
}
.hero-content{
  max-width:580px;
}
.hero-content .h1{
  max-width:12.5ch;
  font-size:clamp(2.55rem,4.2vw,5rem);
  line-height:.98;
  letter-spacing:-.055em;
}
.hero-content .lead{
  max-width:520px;
  font-size:clamp(.98rem,1.05vw,1.12rem);
  margin:22px 0 28px;
}
.hero-stage{
  min-height:560px;
}
.hero-logo-creative{
  width:min(720px,100%);
}
.hero-orbit{
  width:min(760px,94%);
  opacity:.88;
}
.page-hero{
  min-height:460px;
  padding:150px 0 76px;
}
.page-hero .h1{
  max-width:980px;
  font-size:clamp(2.4rem,4vw,5rem);
  line-height:1;
  letter-spacing:-.055em;
}
.page-hero .lead{
  max-width:680px;
  font-size:clamp(.98rem,1.08vw,1.12rem);
}

@media (max-width:980px){
  .hero{
    min-height:100dvh;
  }
  .hero-grid{
    grid-template-columns:1fr;
  }
  .hero-stage{
    min-height:360px;
  }
  .hero-content .h1{
    max-width:13ch;
    font-size:clamp(2.35rem,8vw,4rem);
  }
}
@media (max-width:640px){
  .hero-stage{
    min-height:300px;
  }
  .hero-content .h1{
    max-width:13ch;
    font-size:clamp(2.12rem,9.2vw,3rem);
    line-height:1;
  }
  .page-hero{
    min-height:410px;
    padding:128px 0 62px;
  }
  .page-hero .h1{
    font-size:clamp(2.05rem,9vw,3rem);
    line-height:1.02;
  }
}

/* v5 — Padronização de títulos e espaçamento sem sobreposição */
.h1{
  font-size:clamp(2.4rem,4.2vw,5rem);
  line-height:1.04;
  letter-spacing:-.05em;
}
.h2{
  font-size:clamp(1.95rem,3.05vw,3.65rem);
  line-height:1.05;
  letter-spacing:-.045em;
}
.h3{
  font-size:clamp(1.35rem,1.65vw,2rem);
  line-height:1.15;
  letter-spacing:-.035em;
}
.hero{
  min-height:92dvh;
  padding-top:104px;
}
.hero-grid{
  grid-template-columns:minmax(360px,.72fr) minmax(420px,1.28fr);
  align-items:center;
  gap:48px;
}
.hero-content{
  max-width:620px;
  padding-block:48px;
}
.hero-content .h1{
  max-width:13.8ch;
  margin:0;
}
.hero-content .lead{
  margin-top:24px;
  margin-bottom:30px;
  max-width:560px;
}
.hero-actions{
  margin-top:0;
}
.hero-stage{
  min-height:540px;
}
.page-hero{
  min-height:480px;
  padding:152px 0 82px;
  align-items:end;
}
.page-hero .container{
  display:block;
}
.page-hero .h1{
  max-width:14.5ch;
  margin:0;
}
.page-hero .lead{
  margin-top:24px;
  max-width:680px;
}
.breadcrumb{
  margin-bottom:16px;
}
.kicker{
  margin-bottom:16px;
}
.section-head{
  align-items:flex-start;
}
.section-head .h2,
.split-text .h2{
  max-width:900px;
}
.split-text{
  gap:64px;
}
.card h3{
  line-height:1.14;
}
@media (max-width:980px){
  .hero{
    min-height:auto;
    padding-top:96px;
    padding-bottom:48px;
  }
  .hero-grid{
    grid-template-columns:1fr;
    gap:12px;
  }
  .hero-stage{
    min-height:340px;
    order:-1;
  }
  .hero-content{
    padding-block:22px 0;
  }
  .hero-content .h1{
    max-width:14ch;
    font-size:clamp(2.25rem,7.5vw,3.6rem);
  }
  .page-hero{
    min-height:420px;
    padding:128px 0 66px;
  }
  .page-hero .h1{
    max-width:15ch;
    font-size:clamp(2.2rem,7.5vw,3.6rem);
  }
  .split-text{
    gap:28px;
  }
}
@media (max-width:640px){
  .h1{
    font-size:clamp(2.05rem,8.6vw,2.95rem);
    line-height:1.06;
  }
  .h2{
    font-size:clamp(1.8rem,7.8vw,2.45rem);
    line-height:1.08;
  }
  .hero{
    padding-top:88px;
    padding-bottom:42px;
  }
  .hero-stage{
    min-height:270px;
  }
  .hero-content .h1{
    max-width:13.5ch;
  }
  .hero-content .lead{
    margin-top:20px;
    margin-bottom:24px;
  }
  .page-hero{
    min-height:390px;
    padding:118px 0 56px;
  }
  .page-hero .h1{
    max-width:14.8ch;
  }
  .page-hero .lead{
    margin-top:18px;
  }
}

/* v6 — Hero com banner centralizado */
.hero-stage{
  display:flex;
  align-items:center;
  justify-content:center;
}
.hero-logo-creative{
  width:min(840px,100%);
  max-width:100%;
  height:auto;
  object-fit:contain;
  filter: drop-shadow(0 26px 70px rgba(0,0,0,.58));
  transform:none;
}
.hero-orbit{
  display:none;
}
@media (min-width:981px){
  .hero-stage{
    min-height:580px;
  }
}
@media (max-width:980px){
  .hero-stage{
    min-height:360px;
    padding:8px 0 0;
  }
  .hero-logo-creative{
    width:min(92vw,720px);
  }
}
@media (max-width:640px){
  .hero-stage{
    min-height:280px;
  }
  .hero-logo-creative{
    width:min(94vw,560px);
  }
}

/* v7 — Hero fullscreen com arte enviada + reveal do podcast no mouse */
.hero{
  min-height:100dvh;
  padding-top:92px;
  display:flex;
  align-items:center;
  background:
    linear-gradient(90deg, rgba(3,3,4,.82) 0%, rgba(3,3,4,.42) 34%, rgba(3,3,4,.10) 54%, rgba(3,3,4,.50) 100%),
    linear-gradient(180deg, rgba(3,3,4,.20) 0%, rgba(3,3,4,.06) 45%, #030304 100%),
    url("assets/vgv-hero-fullscreen.webp") center center / cover no-repeat !important;
  isolation:isolate;
}
.hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:
    linear-gradient(90deg, rgba(3,3,4,.58), rgba(3,3,4,.12) 48%, rgba(3,3,4,.56)),
    url("assets/podcast-studio.webp") center center / cover no-repeat;
  filter:saturate(1.12) brightness(.72) contrast(1.15);
  opacity:.95;
  mask-image:radial-gradient(circle 260px at var(--mx) var(--my), black 0%, rgba(0,0,0,.86) 42%, transparent 74%);
  -webkit-mask-image:radial-gradient(circle 260px at var(--mx) var(--my), black 0%, rgba(0,0,0,.86) 42%, transparent 74%);
  pointer-events:none;
}
.hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:
    radial-gradient(circle 300px at var(--mx) var(--my), rgba(238,56,255,.42), rgba(141,24,255,.18) 38%, transparent 72%),
    radial-gradient(circle at 50% 38%, transparent 0 38%, rgba(3,3,4,.16) 62%, rgba(3,3,4,.72) 100%),
    linear-gradient(180deg, transparent 68%, #030304 100%);
  mix-blend-mode:screen;
  pointer-events:none;
}
.hero-grid.hero-grid-fullscreen{
  position:relative;
  z-index:3;
  display:block;
}
.hero-content{
  max-width:560px;
  padding:0;
  margin-top:8vh;
}
.hero-content .h1{
  max-width:13.8ch;
  font-size:clamp(2.25rem,3.8vw,4.5rem);
  line-height:1.02;
}
.hero-content .lead{
  max-width:500px;
  margin-top:20px;
  margin-bottom:26px;
  color:rgba(251,248,255,.82);
}
.hero-instruction{
  z-index:5;
  bottom:36px;
}
.hero-stage,
.hero-orbit,
.hero-logo-creative{
  display:none !important;
}
@media (max-width:980px){
  .hero{
    min-height:100dvh;
    padding-top:90px;
    align-items:flex-end;
    padding-bottom:84px;
    background:
      linear-gradient(180deg, rgba(3,3,4,.28) 0%, rgba(3,3,4,.10) 32%, rgba(3,3,4,.78) 78%, #030304 100%),
      url("assets/vgv-hero-fullscreen.webp") center center / cover no-repeat !important;
  }
  .hero::before{
    mask-image:radial-gradient(circle 210px at 50% 38%, black 0%, rgba(0,0,0,.86) 42%, transparent 76%);
    -webkit-mask-image:radial-gradient(circle 210px at 50% 38%, black 0%, rgba(0,0,0,.86) 42%, transparent 76%);
  }
  .hero-content{
    margin-top:0;
    max-width:620px;
  }
  .hero-content .h1{
    font-size:clamp(2.05rem,7.2vw,3.35rem);
  }
}
@media (max-width:640px){
  .hero{
    background:
      linear-gradient(180deg, rgba(3,3,4,.10) 0%, rgba(3,3,4,.20) 36%, rgba(3,3,4,.88) 72%, #030304 100%),
      url("assets/vgv-hero-fullscreen.webp") center center / cover no-repeat !important;
  }
  .hero-content .h1{
    max-width:12.8ch;
    font-size:clamp(1.95rem,8.2vw,2.8rem);
  }
  .hero-content .lead{
    max-width:100%;
    font-size:.96rem;
  }
}

/* v8 — Hero fullscreen: logo acompanha o mouse + texto centralizado */
:root{
  --heroTx:0px;
  --heroTy:0px;
}
.hero{
  justify-content:center;
  text-align:center;
  background:
    linear-gradient(90deg, rgba(3,3,4,.78) 0%, rgba(3,3,4,.30) 36%, rgba(3,3,4,.10) 54%, rgba(3,3,4,.48) 100%),
    linear-gradient(180deg, rgba(3,3,4,.12) 0%, rgba(3,3,4,.05) 45%, #030304 100%),
    #050507 !important;
}
.hero-art-follow{
  position:absolute;
  inset:-2.6%;
  z-index:0;
  background:url("assets/vgv-hero-fullscreen.webp") center center / cover no-repeat;
  transform:translate3d(var(--heroTx), var(--heroTy), 0) scale(1.035);
  transition:transform .08s linear;
  will-change:transform;
  pointer-events:none;
}
.hero::before{
  z-index:1;
}
.hero::after{
  z-index:2;
}
.hero-grid.hero-grid-fullscreen{
  z-index:4;
  width:100%;
  display:grid;
  place-items:center;
}
.hero-content{
  margin:0 auto;
  padding:0;
  max-width:720px;
  text-align:center;
  display:grid;
  justify-items:center;
  align-content:center;
}
.hero-content .h1{
  max-width:13.8ch;
  text-align:center;
  margin-inline:auto;
}
.hero-content .lead{
  max-width:610px;
  text-align:center;
  margin-inline:auto;
}
.hero-actions{
  justify-content:center;
}
.hero-instruction{
  left:50%;
  right:auto;
}
@media (max-width:980px){
  .hero{
    align-items:center;
    padding-bottom:54px;
  }
  .hero-art-follow{
    inset:-1.5%;
    transform:translate3d(0,0,0) scale(1.02);
  }
  .hero-content{
    max-width:620px;
    padding-top:38vh;
  }
}
@media (max-width:640px){
  .hero{
    min-height:100dvh;
    align-items:center;
    padding-bottom:42px;
  }
  .hero-content{
    padding-top:42vh;
  }
  .hero-actions{
    width:100%;
  }
}

/* v9 — Texto da Hero centralizado exatamente no meio da tela */
.hero{
  position:relative;
  display:block;
  min-height:100dvh;
  padding:0 !important;
}

.hero-grid.hero-grid-fullscreen{
  position:absolute;
  inset:0;
  z-index:4;
  width:100%;
  min-height:100dvh;
  display:grid !important;
  place-items:center !important;
  padding:92px 20px 40px;
  pointer-events:none;
}

.hero-content{
  width:min(720px, 100%);
  max-width:720px;
  margin:0 auto !important;
  padding:0 !important;
  text-align:center !important;
  display:grid !important;
  justify-items:center !important;
  align-content:center !important;
  pointer-events:auto;
}

.hero-content .kicker{
  justify-content:center;
}

.hero-content .h1{
  max-width:13.8ch;
  margin:0 auto !important;
  text-align:center !important;
  text-shadow:0 18px 60px rgba(0,0,0,.82);
}

.hero-content .lead{
  max-width:610px;
  margin:22px auto 28px !important;
  text-align:center !important;
  text-shadow:0 12px 42px rgba(0,0,0,.84);
}

.hero-actions{
  justify-content:center !important;
  margin:0 auto !important;
}

.hero-instruction{
  z-index:6;
}

@media (max-width:980px){
  .hero{
    display:block;
    align-items:initial;
    padding:0 !important;
  }

  .hero-grid.hero-grid-fullscreen{
    padding:88px 18px 38px;
    min-height:100dvh;
    place-items:center !important;
  }

  .hero-content{
    padding:0 !important;
    margin:0 auto !important;
  }
}

@media (max-width:640px){
  .hero-grid.hero-grid-fullscreen{
    padding:84px 16px 34px;
  }

  .hero-content{
    width:100%;
    max-width:360px;
  }

  .hero-content .h1{
    max-width:12.8ch;
  }
}


/* v10 — Hero atualizada + animações de entrada mais premium (Apple / Lando-inspired) */
.hero-art-follow{
  background:url("assets/vgv-hero-fullscreen.webp") center center / cover no-repeat !important;
}

.hero{
  background:
    linear-gradient(180deg, rgba(3,3,4,.08) 0%, rgba(3,3,4,.20) 46%, rgba(3,3,4,.72) 78%, #030304 100%),
    #050507 !important;
}

.hero::before{
  background:
    linear-gradient(90deg, rgba(3,3,4,.56), rgba(3,3,4,.12) 48%, rgba(3,3,4,.46)),
    url("assets/podcast-studio.webp") center center / cover no-repeat !important;
  filter:saturate(1.05) brightness(.70) contrast(1.08);
}

.hero::after{
  background:
    radial-gradient(circle 280px at var(--mx) var(--my), rgba(238,56,255,.36), rgba(141,24,255,.14) 38%, transparent 72%),
    linear-gradient(180deg, transparent 68%, #030304 100%);
  mix-blend-mode:screen;
}

.hero-content{
  backdrop-filter:blur(2px);
}

.hero-content .h1{
  text-shadow:0 20px 72px rgba(0,0,0,.86);
}

.hero-content .lead{
  color:rgba(251,248,255,.84);
  text-shadow:0 12px 42px rgba(0,0,0,.88);
}

/* Entrada mais cinematográfica para seções */
.reveal{
  opacity:0;
  transform:translate3d(0,54px,0) scale(.985);
  filter:blur(12px);
  transition:
    opacity 1s cubic-bezier(.16,1,.3,1),
    transform 1.05s cubic-bezier(.16,1,.3,1),
    filter .95s cubic-bezier(.16,1,.3,1);
  transition-delay:calc(var(--reveal-order, 0) * 70ms);
  will-change:opacity, transform, filter;
}

.reveal.visible{
  opacity:1;
  transform:translate3d(0,0,0) scale(1);
  filter:blur(0);
}

.reveal[data-reveal="left"]{
  transform:translate3d(-56px,28px,0) scale(.985);
}

.reveal[data-reveal="right"]{
  transform:translate3d(56px,28px,0) scale(.985);
}

.reveal[data-reveal="zoom"]{
  transform:translate3d(0,36px,0) scale(.95);
}

.reveal[data-reveal="soft"]{
  transform:translate3d(0,32px,0) scale(.992);
  filter:blur(8px);
}

.section{
  overflow:clip;
}

.section::after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.08), transparent);
  opacity:.22;
  pointer-events:none;
}

.card,
.feature-item,
.stat-band,
.club-band{
  transform-origin:50% 70%;
}

.grid-2 .card,
.grid-3 .card,
.grid-4 .card{
  transition:
    transform .45s cubic-bezier(.22,1,.36,1),
    border-color .35s var(--ease),
    background .35s var(--ease),
    box-shadow .35s var(--ease);
}

.grid-2 .card:hover,
.grid-3 .card:hover,
.grid-4 .card:hover{
  transform:translateY(-10px) scale(1.012);
}

.section-head .lead,
.split-text p,
.card p,
.feature-item p{
  text-wrap:pretty;
}

@media (prefers-reduced-motion: reduce){
  .reveal{
    opacity:1 !important;
    transform:none !important;
    filter:none !important;
    transition:none !important;
  }
  .hero-art-follow{
    transform:none !important;
    transition:none !important;
  }
}

/* v11 — Correção crítica: remover desfoque de textos e conteúdos */
body::after{
  display:none !important;
}

/* Nenhum texto, card ou bloco de conteúdo deve usar blur como efeito visual */
.reveal,
.reveal.visible,
.reveal[data-reveal="left"],
.reveal[data-reveal="right"],
.reveal[data-reveal="zoom"],
.reveal[data-reveal="soft"]{
  filter:none !important;
  will-change:opacity, transform;
  transition:
    opacity .82s cubic-bezier(.16,1,.3,1),
    transform .9s cubic-bezier(.16,1,.3,1) !important;
}

/* Animação premium sem comprometer legibilidade */
.reveal{
  opacity:0;
  transform:translate3d(0,42px,0) scale(.992);
}

.reveal.visible{
  opacity:1;
  transform:translate3d(0,0,0) scale(1);
}

.reveal[data-reveal="left"]{
  transform:translate3d(-34px,28px,0) scale(.995);
}

.reveal[data-reveal="right"]{
  transform:translate3d(34px,28px,0) scale(.995);
}

.reveal[data-reveal="zoom"]{
  transform:translate3d(0,30px,0) scale(.975);
}

.reveal[data-reveal="soft"]{
  transform:translate3d(0,34px,0) scale(.995);
}

.reveal.visible[data-reveal="left"],
.reveal.visible[data-reveal="right"],
.reveal.visible[data-reveal="zoom"],
.reveal.visible[data-reveal="soft"]{
  transform:translate3d(0,0,0) scale(1);
}

/* Garantia de nitidez tipográfica */
body,
h1,h2,h3,h4,h5,h6,
p,a,span,li,label,input,textarea,select,button,
.card,.card *,
.feature-item,.feature-item *,
.stat,.stat *,
.footer-col,.footer-col *,
.hero-content,.hero-content *{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:geometricPrecision;
  filter:none !important;
}

/* Remove blur de container da hero que podia afetar percepção do texto */
.hero-content{
  backdrop-filter:none !important;
}

/* Mantém o efeito visual apenas nos fundos/imagens, nunca no conteúdo */
.hero::before,
.page-hero{
  backface-visibility:hidden;
}

@media (prefers-reduced-motion: reduce){
  .reveal,
  .reveal.visible,
  .reveal[data-reveal]{
    opacity:1 !important;
    transform:none !important;
    filter:none !important;
    transition:none !important;
  }
}

/* v12 — VGV+ / Formatos do ecossistema: cards entrando da esquerda conforme o scroll */
.formats-scroll-section{
  overflow:hidden;
}

.formats-scroll-grid{
  perspective:1200px;
}

.format-card-left{
  opacity:0 !important;
  transform:translate3d(-140px, 36px, 0) rotateY(-10deg) scale(.97) !important;
  transition:
    opacity .72s cubic-bezier(.16,1,.3,1),
    transform .9s cubic-bezier(.16,1,.3,1),
    border-color .35s var(--ease),
    background .35s var(--ease),
    box-shadow .35s var(--ease) !important;
  transition-delay:calc(var(--format-order, 0) * 95ms) !important;
  will-change:opacity, transform;
  filter:none !important;
}

.format-card-left.visible{
  opacity:1 !important;
  transform:translate3d(0,0,0) rotateY(0deg) scale(1) !important;
}

.format-card-left:hover{
  transform:translate3d(0,-10px,0) rotateY(0deg) scale(1.012) !important;
}

@media (max-width:980px){
  .format-card-left{
    transform:translate3d(-72px, 28px, 0) scale(.985) !important;
  }

  .format-card-left.visible{
    transform:translate3d(0,0,0) scale(1) !important;
  }
}

@media (prefers-reduced-motion: reduce){
  .format-card-left,
  .format-card-left.visible{
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
  }
}

/* v13 — Correção definitiva: texto da Home no centro real da viewport */
.hero{
  position:relative !important;
  min-height:100dvh !important;
  padding:0 !important;
  display:block !important;
}

.hero .container-wide.hero-grid.hero-grid-fullscreen{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  max-width:none !important;
  min-height:100dvh !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
  z-index:5 !important;
  pointer-events:none !important;
}

.hero .hero-content{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:min(720px, calc(100% - 40px)) !important;
  max-width:720px !important;
  margin:0 !important;
  padding:0 !important;
  transform:translate(-50%, -50%) !important;
  text-align:center !important;
  display:grid !important;
  justify-items:center !important;
  align-content:center !important;
  pointer-events:auto !important;
  z-index:6 !important;
}

.hero .hero-content.reveal,
.hero .hero-content.reveal.visible,
.hero .hero-content.reveal[data-reveal],
.hero .hero-content.reveal.visible[data-reveal]{
  transform:translate(-50%, -50%) !important;
}

.hero .hero-content .kicker{
  justify-content:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.hero .hero-content .h1{
  max-width:13.8ch !important;
  margin:0 auto !important;
  text-align:center !important;
}

.hero .hero-content .lead{
  max-width:610px !important;
  margin:22px auto 28px !important;
  text-align:center !important;
}

.hero .hero-actions{
  width:auto !important;
  margin:0 auto !important;
  justify-content:center !important;
  align-items:center !important;
}

@media (max-width:980px){
  .hero .hero-content{
    width:min(620px, calc(100% - 32px)) !important;
    top:58% !important;
  }
}

@media (max-width:640px){
  .hero .hero-content{
    width:min(360px, calc(100% - 28px)) !important;
    top:60% !important;
  }

  .hero .hero-content .h1{
    max-width:12.8ch !important;
  }

  .hero .hero-actions{
    width:100% !important;
  }
}

/* v14 — Texto centralizado horizontalmente, porém na parte inferior da Hero */
.hero .hero-content{
  top:74% !important;
  transform:translate(-50%, -50%) !important;
}

.hero .hero-content.reveal,
.hero .hero-content.reveal.visible,
.hero .hero-content.reveal[data-reveal],
.hero .hero-content.reveal.visible[data-reveal]{
  transform:translate(-50%, -50%) !important;
}

.hero .hero-content .h1{
  max-width:13.8ch !important;
}

.hero .hero-content .lead{
  max-width:590px !important;
}

/* cria contraste na parte inferior sem cobrir a logo */
.hero::after{
  background:
    radial-gradient(circle 280px at var(--mx) var(--my), rgba(238,56,255,.34), rgba(141,24,255,.12) 38%, transparent 72%),
    linear-gradient(180deg, transparent 46%, rgba(3,3,4,.38) 66%, rgba(3,3,4,.92) 100%) !important;
  mix-blend-mode:screen;
}

/* Desktop baixo: sobe um pouco para não cortar CTA */
@media (max-height:760px) and (min-width:981px){
  .hero .hero-content{
    top:70% !important;
  }
}

/* Tablet/mobile: mantém abaixo da logo, mas sem jogar para fora da dobra */
@media (max-width:980px){
  .hero .hero-content{
    top:72% !important;
  }
}

@media (max-width:640px){
  .hero .hero-content{
    top:73% !important;
  }

  .hero .hero-content .lead{
    max-width:340px !important;
  }
}

/* v16 — Correção técnica da Hero: spotlight não aparece no centro antes do mouse entrar */
:root{
  --spotlightOpacity:0;
}

/* O reveal do estúdio fica desligado por padrão */
.hero::before{
  opacity:var(--spotlightOpacity) !important;
  transition:opacity .32s cubic-bezier(.16,1,.3,1);
}

/* O brilho/holofote também fica desligado por padrão */
.hero::after{
  opacity:var(--spotlightOpacity) !important;
  transition:opacity .32s cubic-bezier(.16,1,.3,1);
}

/* Quando o mouse entra na Hero, o efeito aparece */
.hero.is-spotlight-active::before,
.hero.is-spotlight-active::after{
  opacity:1 !important;
}

/* Evita qualquer flash no centro da logo no primeiro carregamento */
.hero:not(.is-spotlight-active)::before,
.hero:not(.is-spotlight-active)::after{
  pointer-events:none;
}

/* No mobile não há mouse: mantém o reveal desligado para preservar a imagem principal limpa */
@media (hover:none){
  .hero::before,
  .hero::after{
    opacity:0 !important;
  }
}

/* v17 — Título da Hero atualizado e ajustado para não quebrar demais */
.hero .hero-content .h1{
  max-width:24ch !important;
}

@media (max-width:980px){
  .hero .hero-content .h1{
    max-width:21ch !important;
  }
}

@media (max-width:640px){
  .hero .hero-content .h1{
    max-width:18ch !important;
  }
}

/* v18 — Hero headline diagramada em até 3 linhas */
.hero .hero-content{
  width:min(860px, calc(100% - 40px)) !important;
  max-width:860px !important;
}

.hero .hero-content .h1{
  max-width:none !important;
  width:100% !important;
  font-size:clamp(2.6rem,3.7vw,4.25rem) !important;
  line-height:1.02 !important;
  letter-spacing:-.052em !important;
  text-align:center !important;
  text-wrap:balance;
}

.hero .hero-content .h1 span{
  display:inline-block;
}

.hero .hero-content .lead{
  margin-top:24px !important;
}

/* Em telas médias mantém a composição sem quebrar em mais linhas */
@media (max-width:980px){
  .hero .hero-content{
    width:min(720px, calc(100% - 32px)) !important;
    max-width:720px !important;
  }

  .hero .hero-content .h1{
    font-size:clamp(2.25rem,6.1vw,3.45rem) !important;
    line-height:1.04 !important;
  }
}

/* Mobile: mantém a hierarquia e evita título gigante cobrindo a imagem */
@media (max-width:640px){
  .hero .hero-content{
    width:min(390px, calc(100% - 28px)) !important;
    max-width:390px !important;
    top:74% !important;
  }

  .hero .hero-content .h1{
    font-size:clamp(1.78rem,7.2vw,2.35rem) !important;
    line-height:1.08 !important;
    letter-spacing:-.045em !important;
  }

  .hero .hero-content .lead{
    margin-top:18px !important;
    margin-bottom:22px !important;
  }
}

/* v19 — mantém "O ecossistema que acelera" na mesma linha */
.hero .hero-content{
  width:min(980px, calc(100% - 40px)) !important;
  max-width:980px !important;
}

.hero .hero-content .h1{
  max-width:none !important;
  width:100% !important;
}

.hero .hero-content .hero-line{
  display:inline-block;
}

.hero .hero-content .hero-line-1{
  white-space:nowrap;
}

@media (max-width:980px){
  .hero .hero-content{
    width:min(760px, calc(100% - 32px)) !important;
    max-width:760px !important;
  }
}

@media (max-width:640px){
  .hero .hero-content{
    width:min(390px, calc(100% - 28px)) !important;
    max-width:390px !important;
  }
  .hero .hero-content .hero-line-1{
    white-space:normal;
  }
}

/* v20 — Header reordenado: Tech, Marketing, Inteligência de Mercado e Contato por último */
.nav{gap:2px}

.nav-link{
  padding:0 9px;
  font-size:.66rem;
  letter-spacing:.105em;
}

.header-inner{
  grid-template-columns:120px 1fr auto;
  gap:14px;
}

@media (max-width:1240px){
  .nav-link{
    padding:0 7px;
    font-size:.62rem;
    letter-spacing:.09em;
  }

  .header-actions .socials{
    display:none;
  }
}

@media (max-width:1080px){
  .nav,
  .socials,
  .header-actions .btn{
    display:none;
  }

  .menu-button{
    display:grid;
    place-items:center;
  }

  .header-inner{
    grid-template-columns:1fr auto;
  }
}

/* v21 — Abas independentes para Tech, Marketing e Inteligência de Mercado */
.nav-link{
  text-wrap:nowrap;
}

@media (min-width:1081px) and (max-width:1360px){
  .header-inner{
    grid-template-columns:108px 1fr auto;
    gap:10px;
  }

  .brand-logo{
    max-width:106px;
  }

  .nav-link{
    padding:0 6px;
    font-size:.58rem;
    letter-spacing:.075em;
  }
}

@media (min-width:1081px) and (max-width:1180px){
  .header-actions .btn{
    display:none;
  }
}

/* v22 — Remove hint da Hero e transforma VGV+ em link simples */
.hero-hint,
.mouse-hint,
.cursor-hint,
[data-hero-hint],
.hero .hint{
  display:none !important;
}

.nav .dropdown{
  display:none;
}

/* v23 — Mobile menu refinado */
.mobile-menu-backdrop{
  position:fixed;
  inset:0;
  z-index:79;
  border:0;
  background:rgba(2,2,5,.46);
  backdrop-filter:blur(10px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .36s cubic-bezier(.22,1,.36,1), visibility .36s ease;
}

.menu-button{
  position:relative;
  width:48px;
  height:48px;
  min-width:48px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.03));
  box-shadow:0 12px 32px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.08);
  color:var(--text);
  display:none;
  place-items:center;
  padding:0;
  transition:transform .28s cubic-bezier(.22,1,.36,1), border-color .28s ease, background .28s ease, box-shadow .28s ease;
}

.menu-button:hover{
  transform:translateY(-1px);
  border-color:rgba(255,255,255,.18);
  background:linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.05));
}

.menu-button-box{
  position:relative;
  width:18px;
  height:14px;
  display:block;
}

.menu-line{
  position:absolute;
  left:0;
  width:100%;
  height:2px;
  border-radius:999px;
  background:#fff;
  transform-origin:center;
  transition:transform .34s cubic-bezier(.22,1,.36,1), opacity .24s ease, top .34s cubic-bezier(.22,1,.36,1);
}

.menu-line:nth-child(1){top:0}
.menu-line:nth-child(2){top:6px}
.menu-line:nth-child(3){top:12px}

body.menu-open .menu-line:nth-child(1){
  top:6px;
  transform:rotate(45deg);
}

body.menu-open .menu-line:nth-child(2){
  opacity:0;
  transform:scaleX(.2);
}

body.menu-open .menu-line:nth-child(3){
  top:6px;
  transform:rotate(-45deg);
}

.mobile-menu{
  position:fixed;
  top:10px;
  right:10px;
  bottom:10px;
  width:min(90vw, 380px);
  z-index:80;
  display:flex;
  flex-direction:column;
  gap:18px;
  padding:18px 16px 16px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.09);
  background:
    radial-gradient(circle at top right, rgba(234,56,255,.14), transparent 42%),
    linear-gradient(180deg, rgba(17,17,21,.94), rgba(8,8,11,.98));
  box-shadow:0 30px 70px rgba(0,0,0,.52), inset 0 1px 0 rgba(255,255,255,.06);
  backdrop-filter:blur(18px);
  transform:translate3d(calc(100% + 24px), 0, 0) scale(.98);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:
    transform .46s cubic-bezier(.22,1,.36,1),
    opacity .34s ease,
    visibility .34s ease;
}

.mobile-menu.open{
  transform:translate3d(0,0,0) scale(1);
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

body.menu-open{
  overflow:hidden;
  touch-action:none;
}

body.menu-open .mobile-menu-backdrop{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

.mobile-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding:4px 4px 2px;
}

.mobile-eyebrow{
  font-size:.67rem;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--muted);
  margin-bottom:8px;
}

.mobile-head .brand-logo{
  max-width:120px;
}

.close-menu{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
  color:#fff;
  font-size:1.5rem;
  line-height:1;
  transition:transform .28s cubic-bezier(.22,1,.36,1), background .28s ease, border-color .28s ease;
}

.close-menu:hover{
  transform:rotate(90deg);
  background:rgba(255,255,255,.07);
  border-color:rgba(255,255,255,.16);
}

.mobile-links{
  display:grid;
  gap:10px;
  padding:4px 0 0;
  overflow:auto;
  scrollbar-width:none;
}

.mobile-links::-webkit-scrollbar{display:none}

.mobile-links a{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  min-height:56px;
  padding:15px 16px 15px 18px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.07);
  background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.025));
  color:var(--text);
  font-size:.95rem;
  font-weight:600;
  letter-spacing:.01em;
  transition:transform .28s cubic-bezier(.22,1,.36,1), border-color .28s ease, background .28s ease;
}

.mobile-links a:hover,
.mobile-links a:active{
  transform:translateX(4px);
  border-color:rgba(234,56,255,.28);
  background:linear-gradient(180deg, rgba(234,56,255,.10), rgba(255,255,255,.03));
}

.mobile-links a span[data-icon]{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  flex:0 0 34px;
  border-radius:12px;
  background:rgba(255,255,255,.05);
  color:rgba(255,255,255,.9);
}

.mobile-menu-cta{
  width:100%;
  justify-content:center;
  margin-top:auto;
  min-height:54px;
  border-radius:18px;
  box-shadow:0 14px 36px rgba(143,24,255,.22);
}

@media (max-width:1080px){
  .menu-button{
    display:grid;
  }
}

@media (max-width:640px){
  .mobile-menu{
    top:0;
    right:0;
    bottom:0;
    width:min(100vw, 100%);
    border-radius:28px 0 0 28px;
    padding:16px 14px 14px;
  }

  .mobile-links a{
    min-height:54px;
    padding:14px 14px 14px 16px;
  }
}

/* v24 — Remove lupa da Hero e compacta o menu mobile */
.hero-instruction{
  display:none !important;
}

.menu-button{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  border-radius:13px !important;
}

.menu-button-box{
  width:17px !important;
  height:13px !important;
}

.menu-line:nth-child(1){top:0 !important}
.menu-line:nth-child(2){top:5.5px !important}
.menu-line:nth-child(3){top:11px !important}

body.menu-open .menu-line:nth-child(1),
body.menu-open .menu-line:nth-child(3){
  top:5.5px !important;
}

.mobile-menu{
  top:12px !important;
  right:12px !important;
  bottom:12px !important;
  width:min(86vw, 330px) !important;
  padding:14px 12px 12px !important;
  gap:12px !important;
  border-radius:24px !important;
}

.mobile-head{
  padding:2px 2px 0 !important;
  gap:10px !important;
}

.mobile-eyebrow{
  font-size:.58rem !important;
  margin-bottom:5px !important;
}

.mobile-head .brand-logo{
  max-width:104px !important;
}

.close-menu{
  width:36px !important;
  height:36px !important;
  border-radius:12px !important;
  font-size:1.25rem !important;
}

.mobile-links{
  gap:7px !important;
  padding-top:0 !important;
}

.mobile-links a{
  min-height:46px !important;
  padding:11px 12px 11px 14px !important;
  border-radius:15px !important;
  font-size:.86rem !important;
  line-height:1.1 !important;
}

.mobile-links a span[data-icon]{
  width:28px !important;
  height:28px !important;
  flex-basis:28px !important;
  border-radius:10px !important;
}

.mobile-links a span[data-icon] svg{
  width:15px !important;
  height:15px !important;
}

.mobile-menu-cta{
  min-height:48px !important;
  border-radius:15px !important;
  font-size:.82rem !important;
  padding:0 16px !important;
}

@media (max-width:640px){
  .mobile-menu{
    top:8px !important;
    right:8px !important;
    bottom:8px !important;
    width:min(92vw, 340px) !important;
    border-radius:24px !important;
    padding:13px 11px 11px !important;
  }

  .mobile-links a{
    min-height:45px !important;
    padding:10px 11px 10px 13px !important;
  }
}

/* v25 — Menu mobile corrigido, compacto e mais limpo */
@media (max-width:1080px){
  .menu-button.v25-menu-toggle{
    display:grid !important;
    place-items:center !important;
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    border-radius:999px !important;
    border:1px solid rgba(255,255,255,.16) !important;
    background:rgba(10,10,14,.72) !important;
    box-shadow:0 12px 28px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08) !important;
    backdrop-filter:blur(14px) !important;
    color:#fff !important;
    padding:0 !important;
  }
}
.menu-button-box{width:17px !important;height:12px !important;position:relative !important;display:block !important}
.menu-line{
  position:absolute !important;left:0 !important;width:17px !important;height:2px !important;
  border-radius:999px !important;background:#fff !important;
  transition:top .26s cubic-bezier(.22,1,.36,1), transform .26s cubic-bezier(.22,1,.36,1), opacity .2s ease !important;
}
.menu-line:nth-child(1){top:2px !important}
.menu-line:nth-child(2){top:9px !important}
.menu-line:nth-child(3){display:none !important}
body.menu-open .menu-line:nth-child(1){top:6px !important;transform:rotate(45deg) !important}
body.menu-open .menu-line:nth-child(2){top:6px !important;transform:rotate(-45deg) !important;opacity:1 !important}

.mobile-menu-backdrop{
  position:fixed !important;inset:0 !important;z-index:79 !important;border:0 !important;
  background:rgba(0,0,0,.48) !important;backdrop-filter:blur(8px) !important;
  opacity:0 !important;visibility:hidden !important;pointer-events:none !important;
  transition:opacity .25s ease, visibility .25s ease !important;
}
body.menu-open .mobile-menu-backdrop{opacity:1 !important;visibility:visible !important;pointer-events:auto !important}

.mobile-menu{
  position:fixed !important;top:74px !important;right:12px !important;bottom:auto !important;
  width:min(330px, calc(100vw - 24px)) !important;max-height:calc(100dvh - 92px) !important;
  z-index:90 !important;display:flex !important;flex-direction:column !important;gap:12px !important;
  padding:14px !important;border-radius:24px !important;border:1px solid rgba(255,255,255,.12) !important;
  background:radial-gradient(circle at 100% 0%, rgba(238,56,255,.18), transparent 36%), linear-gradient(180deg, rgba(18,18,24,.96), rgba(7,7,10,.98)) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.58), inset 0 1px 0 rgba(255,255,255,.08) !important;
  backdrop-filter:blur(18px) !important;overflow:hidden !important;
  transform:translate3d(0,-14px,0) scale(.96) !important;transform-origin:top right !important;
  opacity:0 !important;visibility:hidden !important;pointer-events:none !important;
  transition:transform .28s cubic-bezier(.22,1,.36,1), opacity .22s ease, visibility .22s ease !important;
}
.mobile-menu.open{
  opacity:1 !important;visibility:visible !important;pointer-events:auto !important;
  transform:translate3d(0,0,0) scale(1) !important;
}
body.menu-open{overflow:hidden !important}

.mobile-head{
  display:flex !important;align-items:center !important;justify-content:space-between !important;gap:12px !important;
  padding:0 2px 6px !important;border-bottom:1px solid rgba(255,255,255,.08) !important;
}
.mobile-head .brand-logo{max-width:104px !important;height:auto !important}
.mobile-eyebrow{display:none !important}
.close-menu{
  width:34px !important;height:34px !important;display:grid !important;place-items:center !important;
  border-radius:999px !important;border:1px solid rgba(255,255,255,.12) !important;
  background:rgba(255,255,255,.05) !important;color:#fff !important;font-size:1.25rem !important;
  line-height:1 !important;padding:0 !important;
}

.mobile-links{
  display:grid !important;gap:6px !important;padding:0 !important;overflow:auto !important;
  max-height:calc(100dvh - 220px) !important;scrollbar-width:none !important;
}
.mobile-links::-webkit-scrollbar{display:none !important}
.mobile-links a{
  min-height:42px !important;padding:10px 10px 10px 12px !important;border-radius:14px !important;
  border:1px solid rgba(255,255,255,.07) !important;background:rgba(255,255,255,.035) !important;
  color:#fff !important;font-size:.84rem !important;font-weight:650 !important;line-height:1.08 !important;
  letter-spacing:.005em !important;display:flex !important;align-items:center !important;
  justify-content:space-between !important;gap:10px !important;
}
.mobile-links a:hover,.mobile-links a:active{
  transform:none !important;background:rgba(238,56,255,.10) !important;border-color:rgba(238,56,255,.28) !important;
}
.mobile-links a span[data-icon]{
  width:26px !important;height:26px !important;flex:0 0 26px !important;border-radius:9px !important;
  background:rgba(255,255,255,.055) !important;
}
.mobile-links a span[data-icon] svg{width:14px !important;height:14px !important}
.mobile-menu-cta{
  min-height:44px !important;border-radius:14px !important;font-size:.78rem !important;
  padding:0 14px !important;margin-top:0 !important;
}
@media (max-width:420px){
  .mobile-menu{
    top:68px !important;right:10px !important;width:calc(100vw - 20px) !important;
    max-height:calc(100dvh - 84px) !important;border-radius:22px !important;
  }
  .mobile-links{max-height:calc(100dvh - 210px) !important}
}

/* v26 — menu box ancorado à direita e apenas 1 X */
.mobile-menu{
  left:auto !important;
  right:12px !important;
  margin-left:auto !important;
  margin-right:0 !important;
  transform-origin:top right !important;
}

.mobile-head{
  justify-content:flex-start !important;
  padding:0 2px 10px !important;
}

.mobile-head .brand-logo{
  max-width:92px !important;
}

.close-menu{
  display:none !important;
}

@media (max-width:640px){
  .mobile-menu{
    left:auto !important;
    right:10px !important;
    width:min(320px, calc(100vw - 20px)) !important;
  }
}

@media (max-width:420px){
  .mobile-menu{
    left:auto !important;
    right:8px !important;
    width:min(310px, calc(100vw - 16px)) !important;
  }
}

/* v27 — Refinamento mobile com foco na Hero Section */
@media (max-width: 768px){
  .site-header{
    top:10px !important;
  }

  .header-inner{
    min-height:54px !important;
    border-radius:18px !important;
    padding:0 12px !important;
    background:rgba(5,5,8,.72) !important;
    backdrop-filter:blur(18px) !important;
  }

  .brand-logo{
    max-width:86px !important;
  }

  .hero{
    min-height:100svh !important;
    overflow:hidden !important;
    padding:0 !important;
    display:block !important;
  }

  .hero .hero-art-follow{
    background-size:cover !important;
    background-position:center 17% !important;
    transform:scale(1.04) translate3d(var(--heroTx,0), var(--heroTy,0), 0) !important;
  }

  .hero::before{
    display:none !important;
  }

  .hero::after{
    opacity:1 !important;
    background:
      linear-gradient(180deg, rgba(3,3,5,.22) 0%, transparent 22%, transparent 42%, rgba(3,3,5,.50) 64%, rgba(3,3,5,.96) 100%) !important;
    mix-blend-mode:normal !important;
  }

  .hero .container-wide.hero-grid.hero-grid-fullscreen{
    position:absolute !important;
    inset:0 !important;
    min-height:100svh !important;
  }

  .hero .hero-content{
    left:50% !important;
    top:auto !important;
    bottom:calc(24px + env(safe-area-inset-bottom)) !important;
    width:min(390px, calc(100% - 28px)) !important;
    max-width:390px !important;
    padding:0 !important;
    transform:translateX(-50%) !important;
    text-align:center !important;
    display:grid !important;
    justify-items:center !important;
    z-index:8 !important;
  }

  .hero .hero-content.reveal,
  .hero .hero-content.reveal.visible,
  .hero .hero-content.reveal[data-reveal],
  .hero .hero-content.reveal.visible[data-reveal]{
    transform:translateX(-50%) !important;
  }

  .hero .hero-content .kicker{
    margin-bottom:10px !important;
    padding:7px 10px !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.07) !important;
    border:1px solid rgba(255,255,255,.10) !important;
    backdrop-filter:blur(12px) !important;
    font-size:.62rem !important;
    letter-spacing:.16em !important;
  }

  .hero .hero-content .h1{
    width:100% !important;
    max-width:360px !important;
    margin:0 auto !important;
    font-size:clamp(1.55rem, 6.55vw, 2.12rem) !important;
    line-height:1.04 !important;
    letter-spacing:-.045em !important;
    text-align:center !important;
    text-wrap:balance !important;
  }

  .hero .hero-content .hero-line{
    display:inline-block !important;
  }

  .hero .hero-content .hero-line-1,
  .hero .hero-content .hero-line-2,
  .hero .hero-content .hero-line-3{
    white-space:nowrap !important;
  }

  .hero .hero-content .lead{
    max-width:330px !important;
    margin:14px auto 18px !important;
    font-size:.92rem !important;
    line-height:1.48 !important;
    color:rgba(255,255,255,.78) !important;
  }

  .hero-actions{
    width:100% !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  .hero-actions .btn{
    width:100% !important;
    min-height:46px !important;
    justify-content:center !important;
    border-radius:15px !important;
    font-size:.76rem !important;
    letter-spacing:.11em !important;
  }

  .hero-actions .btn.ghost{
    background:rgba(255,255,255,.055) !important;
    border-color:rgba(255,255,255,.12) !important;
  }

  .hero-instruction{
    display:none !important;
  }
}

@media (max-width: 420px){
  .hero .hero-art-follow{
    background-size:cover !important;
    background-position:center 10% !important;
    transform:scale(1.08) translate3d(var(--heroTx,0), var(--heroTy,0), 0) !important;
  }

  .hero .hero-content{
    width:min(350px, calc(100% - 24px)) !important;
    bottom:calc(20px + env(safe-area-inset-bottom)) !important;
  }

  .hero .hero-content .h1{
    max-width:338px !important;
    font-size:clamp(1.42rem, 6.6vw, 1.88rem) !important;
    line-height:1.05 !important;
  }

  .hero .hero-content .lead{
    max-width:318px !important;
    font-size:.86rem !important;
    margin:12px auto 16px !important;
  }

  .hero-actions .btn{
    min-height:43px !important;
    font-size:.70rem !important;
  }
}

@media (max-width: 360px){
  .hero .hero-content .h1{
    font-size:1.34rem !important;
    letter-spacing:-.04em !important;
  }

  .hero .hero-content .lead{
    font-size:.82rem !important;
  }
}

/* v28 — correção crítica do título da hero no mobile */
@media (max-width: 768px){
  .hero .hero-content{
    width:min(94vw, 360px) !important;
    max-width:min(94vw, 360px) !important;
  }

  .hero .hero-content .h1{
    width:100% !important;
    max-width:320px !important;
    margin:0 auto !important;
    font-size:clamp(1.26rem, 5.8vw, 1.86rem) !important;
    line-height:1.08 !important;
    letter-spacing:-.035em !important;
    text-wrap:balance !important;
    overflow-wrap:anywhere !important;
    word-break:normal !important;
  }

  .hero .hero-content .hero-line{
    display:block !important;
    width:100% !important;
  }

  .hero .hero-content .hero-line-1,
  .hero .hero-content .hero-line-2,
  .hero .hero-content .hero-line-3{
    white-space:normal !important;
  }
}

@media (max-width: 420px){
  .hero .hero-content{
    width:min(94vw, 336px) !important;
    max-width:min(94vw, 336px) !important;
  }

  .hero .hero-content .h1{
    max-width:292px !important;
    font-size:clamp(1.14rem, 5.4vw, 1.56rem) !important;
    line-height:1.10 !important;
    letter-spacing:-.03em !important;
  }
}

@media (max-width: 360px){
  .hero .hero-content{
    width:min(95vw, 316px) !important;
    max-width:min(95vw, 316px) !important;
  }

  .hero .hero-content .h1{
    max-width:270px !important;
    font-size:1.04rem !important;
    line-height:1.12 !important;
    letter-spacing:-.02em !important;
  }
}


/* v29 — Hero com vídeo do estúdio no reveal/spotlight */
.hero::before{
  content:none !important;
}

.hero-video-reveal{
  position:absolute;
  inset:0;
  z-index:1;
  opacity:var(--spotlightOpacity, 0);
  transition:opacity .32s cubic-bezier(.16,1,.3,1);
  pointer-events:none;
  overflow:hidden;
  mask-image:radial-gradient(circle 260px at var(--mx) var(--my), black 0%, rgba(0,0,0,.86) 42%, transparent 74%);
  -webkit-mask-image:radial-gradient(circle 260px at var(--mx) var(--my), black 0%, rgba(0,0,0,.86) 42%, transparent 74%);
}

.hero-video-reveal::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(90deg, rgba(3,3,4,.58), rgba(3,3,4,.12) 48%, rgba(3,3,4,.56));
  pointer-events:none;
}

.hero-video-reveal .hero-video{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  filter:saturate(1.12) brightness(.72) contrast(1.15);
  transform:translate3d(var(--heroTx, 0px), var(--heroTy, 0px), 0) scale(1.035);
  transition:transform .08s linear;
  will-change:transform;
}

.hero.is-spotlight-active .hero-video-reveal{
  opacity:1 !important;
}

.hero:not(.is-spotlight-active) .hero-video-reveal{
  opacity:0 !important;
}

@media (max-width:980px){
  .hero-video-reveal .hero-video{
    transform:translate3d(0,0,0) scale(1.02);
  }
}

@media (hover:none){
  .hero-video-reveal{
    opacity:0 !important;
  }
}

/* v30 — Camada cinematográfica: atmosfera, ritmo e animações premium */
:root{
  --cinemaEase:cubic-bezier(.16,1,.3,1);
  --cinemaSlow:cubic-bezier(.22,1,.36,1);
  --cinemaGlow:rgba(238,56,255,.18);
  --cinemaPurple:rgba(141,24,255,.18);
}

html{
  scroll-behavior:smooth;
}

body.cinema-mode{
  background:
    radial-gradient(circle at 18% 12%, rgba(141,24,255,.13), transparent 30rem),
    radial-gradient(circle at 86% 18%, rgba(238,56,255,.10), transparent 32rem),
    linear-gradient(180deg, #030304 0%, #07070a 48%, #030304 100%) !important;
}

.site-header{
  animation:cinemaHeaderIn .9s var(--cinemaEase) both;
}

@keyframes cinemaHeaderIn{
  from{
    opacity:0;
    transform:translateY(-18px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

/* Hero mais cinematográfica */
.hero{
  isolation:isolate;
  overflow:hidden !important;
}

.hero::after{
  background:
    radial-gradient(circle 340px at var(--mx) var(--my), rgba(238,56,255,.34), rgba(141,24,255,.13) 36%, transparent 72%),
    radial-gradient(circle at 50% 12%, rgba(255,255,255,.08), transparent 26%),
    linear-gradient(180deg, rgba(3,3,4,.10) 0%, rgba(3,3,4,.05) 42%, rgba(3,3,4,.72) 82%, #030304 100%) !important;
}

.hero-art-follow{
  animation:cinemaHeroBg 18s ease-in-out infinite alternate;
  filter:saturate(1.08) contrast(1.06);
}

@keyframes cinemaHeroBg{
  from{
    background-position:center 47%;
  }
  to{
    background-position:center 53%;
  }
}

.hero-video-reveal{
  mask-image:radial-gradient(circle 330px at var(--mx) var(--my), black 0%, rgba(0,0,0,.9) 42%, transparent 76%) !important;
  -webkit-mask-image:radial-gradient(circle 330px at var(--mx) var(--my), black 0%, rgba(0,0,0,.9) 42%, transparent 76%) !important;
}

.hero-video-reveal .hero-video{
  animation:cinemaVideoBreath 16s ease-in-out infinite alternate;
}

@keyframes cinemaVideoBreath{
  from{
    object-position:50% 48%;
    filter:saturate(1.1) brightness(.70) contrast(1.16);
  }
  to{
    object-position:50% 52%;
    filter:saturate(1.2) brightness(.78) contrast(1.2);
  }
}

.hero .hero-content.visible{
  animation:cinemaHeroCopy 1.12s var(--cinemaEase) .08s both !important;
}

@keyframes cinemaHeroCopy{
  from{
    opacity:0;
    transform:translate(-50%, -42%) scale(.985);
  }
  to{
    opacity:1;
    transform:translate(-50%, -50%) scale(1);
  }
}

.hero .kicker,
.page-hero .kicker{
  box-shadow:0 0 32px rgba(238,56,255,.08);
}

/* Reveals com mais direção, sem blur no texto */
.cinema-mode .reveal{
  transition:
    opacity .92s var(--cinemaEase),
    transform 1.02s var(--cinemaEase),
    clip-path 1.08s var(--cinemaEase) !important;
  will-change:opacity, transform, clip-path;
}

.cinema-mode .reveal:not(.visible){
  opacity:0 !important;
  clip-path:inset(0 0 18% 0 round 18px);
}

.cinema-mode .reveal[data-reveal="left"]:not(.visible){
  transform:translate3d(-48px, 28px, 0) scale(.985) !important;
}

.cinema-mode .reveal[data-reveal="right"]:not(.visible){
  transform:translate3d(48px, 28px, 0) scale(.985) !important;
}

.cinema-mode .reveal[data-reveal="soft"]:not(.visible),
.cinema-mode .reveal:not([data-reveal]):not(.visible){
  transform:translate3d(0, 42px, 0) scale(.985) !important;
}

.cinema-mode .reveal.visible{
  clip-path:inset(0 0 0 0 round 0) !important;
}

/* Sections com atmosfera e profundidade */
.section,
.section-tight{
  position:relative;
  isolation:isolate;
}

.section::before,
.section-tight::before{
  content:"";
  position:absolute;
  inset:8% 0 auto 0;
  height:42%;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 12% 40%, rgba(141,24,255,.08), transparent 28rem),
    radial-gradient(circle at 88% 46%, rgba(238,56,255,.07), transparent 30rem);
  opacity:.78;
}

.section-head{
  position:relative;
}

.section-head::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-22px;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.16), rgba(238,56,255,.32), transparent);
  transform:scaleX(.74);
  transform-origin:center;
  opacity:.65;
}

/* Cards com light sweep e presença mais cinematográfica */
.card,
.feature-item,
.benefit,
.media-card,
.stat-band,
.cta-panel,
.club-band{
  position:relative;
  overflow:hidden;
  transform-style:preserve-3d;
  transition:
    transform .42s var(--cinemaSlow),
    border-color .34s ease,
    background .34s ease,
    box-shadow .34s ease !important;
}

.card::before,
.feature-item::before,
.benefit::before,
.media-card::before,
.cta-panel::before,
.club-band::before{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(115deg, transparent 0%, rgba(255,255,255,.11) 38%, rgba(238,56,255,.18) 50%, transparent 62%);
  transform:translateX(-125%) skewX(-14deg);
  opacity:0;
  transition:transform .82s var(--cinemaEase), opacity .42s ease;
}

.card:hover::before,
.feature-item:hover::before,
.benefit:hover::before,
.media-card:hover::before,
.cta-panel:hover::before,
.club-band:hover::before{
  transform:translateX(125%) skewX(-14deg);
  opacity:1;
}

.card > *,
.feature-item > *,
.benefit > *,
.media-card > *,
.cta-panel > *,
.club-band > *{
  position:relative;
  z-index:1;
}

.card:hover,
.feature-item:hover,
.benefit:hover,
.media-card:hover{
  border-color:rgba(238,56,255,.25) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.34), 0 0 42px rgba(141,24,255,.08) !important;
}

.cinema-mode .card.visible,
.cinema-mode .media-card.visible,
.cinema-mode .feature-item.visible,
.cinema-mode .benefit.visible{
  animation:cinemaCardSettle .86s var(--cinemaEase) both;
  animation-delay:calc(var(--reveal-order, 0) * 72ms);
}

@keyframes cinemaCardSettle{
  0%{
    opacity:0;
    transform:translateY(34px) scale(.982);
  }
  100%{
    opacity:1;
    transform:translateY(0) scale(1);
  }
}

/* Page heroes internos com leitura mais premium */
.page-hero{
  position:relative;
  overflow:hidden;
}

.page-hero::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 72% 34%, rgba(238,56,255,.16), transparent 26rem),
    linear-gradient(180deg, transparent 52%, #030304 100%);
  z-index:0;
}

.page-hero .container{
  position:relative;
  z-index:1;
}

.page-hero .container.visible{
  animation:cinemaPageHeroIn 1.08s var(--cinemaEase) both;
}

@keyframes cinemaPageHeroIn{
  from{
    opacity:0;
    transform:translateY(36px) scale(.99);
  }
  to{
    opacity:1;
    transform:translateY(0) scale(1);
  }
}

/* Botões com presença mais refinada */
.btn{
  transition:
    transform .3s var(--cinemaSlow),
    box-shadow .3s ease,
    border-color .3s ease,
    background .3s ease !important;
}

.btn:hover{
  transform:translateY(-2px);
}

.btn.primary:hover{
  box-shadow:0 18px 52px rgba(141,24,255,.26), 0 0 34px rgba(238,56,255,.16);
}

/* Respeito à versão mobile: movimento mais leve e performático */
@media (max-width:768px){
  .hero-art-follow{
    animation:cinemaHeroBgMobile 16s ease-in-out infinite alternate;
  }

  @keyframes cinemaHeroBgMobile{
    from{
      background-position:center 11%;
    }
    to{
      background-position:center 16%;
    }
  }

  .hero .hero-content.visible{
    animation:cinemaHeroCopyMobile .82s var(--cinemaEase) both !important;
  }

  @keyframes cinemaHeroCopyMobile{
    from{
      opacity:0;
      transform:translateX(-50%) translateY(26px) scale(.985);
    }
    to{
      opacity:1;
      transform:translateX(-50%) translateY(0) scale(1);
    }
  }

  .cinema-mode .reveal:not(.visible){
    clip-path:inset(0 0 10% 0 round 14px);
  }

  .cinema-mode .reveal[data-reveal="left"]:not(.visible),
  .cinema-mode .reveal[data-reveal="right"]:not(.visible),
  .cinema-mode .reveal[data-reveal="soft"]:not(.visible),
  .cinema-mode .reveal:not([data-reveal]):not(.visible){
    transform:translate3d(0, 30px, 0) scale(.99) !important;
  }

  .section::before,
  .section-tight::before{
    opacity:.45;
  }
}

@media (prefers-reduced-motion:reduce){
  .hero-art-follow,
  .hero-video-reveal .hero-video,
  .site-header,
  .hero .hero-content.visible,
  .page-hero .container.visible,
  .cinema-mode .card.visible,
  .cinema-mode .media-card.visible,
  .cinema-mode .feature-item.visible,
  .cinema-mode .benefit.visible{
    animation:none !important;
  }

  .cinema-mode .reveal,
  .btn,
  .card,
  .feature-item,
  .benefit,
  .media-card{
    transition:none !important;
  }
}

/* v31 — cursor oculto apenas na Hero, mantendo o efeito de spotlight */
@media (hover:hover) and (pointer:fine){
  .hero,
  .hero *{
    cursor:none !important;
  }

  main > section:not(.hero),
  main > section:not(.hero) *,
  .site-header,
  .site-header *,
  .site-footer,
  .site-footer *{
    cursor:auto !important;
  }
}

@media (hover:none){
  .hero,
  .hero *{
    cursor:auto !important;
  }
}

/* v32 — Correção dos textos cortados nas páginas Marketing e Inteligência */
.stat-band{
  overflow:visible !important;
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
}

.stat{
  min-width:0 !important;
  overflow:visible !important;
}

.stat strong{
  display:block !important;
  max-width:100% !important;
  overflow:visible !important;
  white-space:normal !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
  font-size:clamp(2.45rem, 4.6vw, 4.7rem) !important;
  line-height:.92 !important;
  letter-spacing:-.075em !important;
}

.stat span{
  display:block !important;
  max-width:100% !important;
  overflow:visible !important;
}

/* Ajuste específico para palavras grandes nessas abas */
body:has(.breadcrumb) .stat strong{
  text-wrap:balance;
}

@media (max-width:1180px){
  .stat-band{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }

  .stat strong{
    font-size:clamp(2.7rem, 7vw, 5rem) !important;
  }
}

@media (max-width:640px){
  .stat-band{
    grid-template-columns:1fr !important;
  }

  .stat{
    padding:22px 20px !important;
  }

  .stat strong{
    font-size:clamp(2.35rem, 13vw, 4.3rem) !important;
    letter-spacing:-.06em !important;
  }
}

/* Fallback para navegadores sem :has */
@supports not selector(body:has(.breadcrumb)){
  .stat strong{
    text-wrap:balance;
  }
}


/* v33 — correção definitiva dos cards grandes de Marketing e Inteligência */
.page-marketing .stat-band,
.page-inteligencia .stat-band{
  overflow:hidden !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
}

.page-marketing .stat,
.page-inteligencia .stat{
  min-width:0 !important;
  overflow:hidden !important;
  padding:34px 26px !important;
}

.page-marketing .stat strong,
.page-inteligencia .stat strong{
  display:block !important;
  overflow:hidden !important;
  white-space:normal !important;
  overflow-wrap:break-word !important;
  word-break:normal !important;
  text-wrap:balance !important;
  font-size:clamp(2rem, 2.45vw, 3.4rem) !important;
  line-height:.96 !important;
  letter-spacing:-.055em !important;
  margin-bottom:14px !important;
  max-width:100% !important;
}

.page-marketing .stat span,
.page-inteligencia .stat span{
  display:block !important;
  max-width:26ch !important;
  line-height:1.45 !important;
}

@media (max-width: 1180px){
  .page-marketing .stat-band,
  .page-inteligencia .stat-band{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }

  .page-marketing .stat strong,
  .page-inteligencia .stat strong{
    font-size:clamp(2.2rem, 4.9vw, 4rem) !important;
  }
}

@media (max-width: 640px){
  .page-marketing .stat-band,
  .page-inteligencia .stat-band{
    grid-template-columns:1fr !important;
  }

  .page-marketing .stat,
  .page-inteligencia .stat{
    padding:24px 20px !important;
  }

  .page-marketing .stat strong,
  .page-inteligencia .stat strong{
    font-size:clamp(2rem, 11vw, 3.1rem) !important;
    line-height:1 !important;
  }

  .page-marketing .stat span,
  .page-inteligencia .stat span{
    max-width:100% !important;
  }
}

/* v34 — Variação de animações por seção + efeitos de saída */
.scroll-cinema-section{
  --sectionProgress:0;
  --sectionExit:0;
  position:relative;
  transform-style:preserve-3d;
}

.scroll-cinema-section > .container,
.scroll-cinema-section > .container-wide{
  transition:opacity .36s ease, transform .36s cubic-bezier(.22,1,.36,1);
  will-change:transform, opacity;
}

.scroll-cinema-section[data-entry-fx="cinema-rise"] .reveal:not(.visible){
  transform:translate3d(0,58px,0) scale(.975) !important;
  clip-path:inset(10% 0 0 0 round 18px) !important;
}

.scroll-cinema-section[data-entry-fx="cinema-left"] .reveal:not(.visible){
  transform:translate3d(-76px,24px,0) scale(.985) !important;
  clip-path:inset(0 12% 0 0 round 18px) !important;
}

.scroll-cinema-section[data-entry-fx="cinema-right"] .reveal:not(.visible){
  transform:translate3d(76px,24px,0) scale(.985) !important;
  clip-path:inset(0 0 0 12% round 18px) !important;
}

.scroll-cinema-section[data-entry-fx="cinema-zoom"] .reveal:not(.visible){
  transform:translate3d(0,28px,0) scale(.925) !important;
  clip-path:inset(8% 8% 8% 8% round 22px) !important;
}

.scroll-cinema-section[data-entry-fx="cinema-wipe"] .reveal:not(.visible){
  transform:translate3d(0,20px,0) scale(1) !important;
  clip-path:inset(0 100% 0 0 round 18px) !important;
}

.scroll-cinema-section[data-entry-fx="cinema-depth"] .reveal:not(.visible){
  transform:perspective(1000px) translate3d(0,42px,-80px) rotateX(5deg) scale(.965) !important;
  clip-path:inset(8% 0 8% 0 round 20px) !important;
}

.scroll-cinema-section .reveal{
  transition-delay:calc(var(--reveal-order, 0) * 70ms) !important;
}

.scroll-cinema-section[data-entry-fx] .reveal.visible{
  clip-path:inset(0 0 0 0 round 0) !important;
}

.scroll-cinema-section.is-exiting[data-exit-fx="exit-fade"] > .container,
.scroll-cinema-section.is-exiting[data-exit-fx="exit-fade"] > .container-wide{
  opacity:calc(1 - (var(--sectionExit) * .82));
  transform:translate3d(0, calc(var(--sectionExit) * -58px), 0) scale(calc(1 - (var(--sectionExit) * .026)));
}

.scroll-cinema-section.is-exiting[data-exit-fx="exit-left"] > .container,
.scroll-cinema-section.is-exiting[data-exit-fx="exit-left"] > .container-wide{
  opacity:calc(1 - (var(--sectionExit) * .76));
  transform:translate3d(calc(var(--sectionExit) * -86px), calc(var(--sectionExit) * -20px), 0) scale(calc(1 - (var(--sectionExit) * .018)));
}

.scroll-cinema-section.is-exiting[data-exit-fx="exit-right"] > .container,
.scroll-cinema-section.is-exiting[data-exit-fx="exit-right"] > .container-wide{
  opacity:calc(1 - (var(--sectionExit) * .76));
  transform:translate3d(calc(var(--sectionExit) * 86px), calc(var(--sectionExit) * -20px), 0) scale(calc(1 - (var(--sectionExit) * .018)));
}

.scroll-cinema-section.is-exiting[data-exit-fx="exit-scale"] > .container,
.scroll-cinema-section.is-exiting[data-exit-fx="exit-scale"] > .container-wide{
  opacity:calc(1 - (var(--sectionExit) * .70));
  transform:translate3d(0, calc(var(--sectionExit) * -26px), 0) scale(calc(1 - (var(--sectionExit) * .065)));
}

.scroll-cinema-section.is-exiting[data-exit-fx="exit-depth"] > .container,
.scroll-cinema-section.is-exiting[data-exit-fx="exit-depth"] > .container-wide{
  opacity:calc(1 - (var(--sectionExit) * .78));
  transform:perspective(1000px) translate3d(0, calc(var(--sectionExit) * -62px), calc(var(--sectionExit) * -120px)) rotateX(calc(var(--sectionExit) * -4deg));
}

.scroll-cinema-section[data-exit-fx="exit-curtain"]::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:12;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(3,3,4,0), rgba(3,3,4,.78)),
    radial-gradient(circle at 50% 70%, rgba(141,24,255,.18), transparent 36rem);
  opacity:var(--sectionExit);
  transition:opacity .2s linear;
}

.scroll-cinema-section.is-exiting[data-exit-fx="exit-curtain"] > .container,
.scroll-cinema-section.is-exiting[data-exit-fx="exit-curtain"] > .container-wide{
  opacity:calc(1 - (var(--sectionExit) * .62));
  transform:translate3d(0, calc(var(--sectionExit) * -42px), 0) scale(calc(1 - (var(--sectionExit) * .025)));
}

.hero.scroll-cinema-section.is-exiting .hero-art-follow{
  opacity:calc(1 - (var(--sectionExit) * .42));
  transform:translate3d(var(--heroTx,0), calc(var(--heroTy,0) - (var(--sectionExit) * 38px)), 0) scale(calc(1.035 + (var(--sectionExit) * .035)));
}

.hero.scroll-cinema-section.is-exiting .hero-video-reveal{
  opacity:calc(var(--spotlightOpacity, 0) * (1 - var(--sectionExit))) !important;
}

.section-in-view::before{
  animation:cinemaAmbientDrift 10s ease-in-out infinite alternate;
}

@keyframes cinemaAmbientDrift{
  from{transform:translateY(0) scale(1);opacity:.52}
  to{transform:translateY(-18px) scale(1.04);opacity:.82}
}

@media (max-width:768px){
  .scroll-cinema-section[data-entry-fx] .reveal:not(.visible){
    transform:translate3d(0,32px,0) scale(.988) !important;
    clip-path:inset(0 0 8% 0 round 14px) !important;
  }

  .scroll-cinema-section.is-exiting > .container,
  .scroll-cinema-section.is-exiting > .container-wide{
    transform:translate3d(0, calc(var(--sectionExit) * -34px), 0) scale(calc(1 - (var(--sectionExit) * .018))) !important;
  }
}

@media (prefers-reduced-motion:reduce){
  .scroll-cinema-section,
  .scroll-cinema-section > .container,
  .scroll-cinema-section > .container-wide,
  .scroll-cinema-section .reveal{
    transform:none !important;
    transition:none !important;
    animation:none !important;
    opacity:1 !important;
    clip-path:none !important;
  }

  .scroll-cinema-section::after{display:none !important}
}

/* v35 — Correção do espaço excessivo entre 'Por que a VGV existe' e 'Clientes e projetos' */
.home-why-section{
  padding-bottom:clamp(32px, 3.8vw, 56px) !important;
}

.home-club-section{
  padding:clamp(18px, 2.6vw, 36px) 0 !important;
}

.home-club-section .club-band{
  padding:clamp(28px, 3.2vw, 38px) !important;
}

.home-club-section .benefits{
  margin-top:20px !important;
}

.home-club-section .benefit{
  padding:15px !important;
}

.home-clients-section{
  padding-top:clamp(36px, 4.2vw, 64px) !important;
}

/* O efeito de saída nessa seção criava área vazia visual. Mantém a animação de entrada, mas sem sumir deixando buraco. */
.home-club-section.is-exiting > .container,
.home-club-section.is-exiting > .container-wide{
  opacity:1 !important;
  transform:none !important;
}

.home-club-section::after{
  display:none !important;
}

@media (max-width:768px){
  .home-why-section{
    padding-bottom:34px !important;
  }

  .home-club-section{
    padding:18px 0 !important;
  }

  .home-club-section .club-band{
    padding:24px 18px !important;
  }

  .home-clients-section{
    padding-top:38px !important;
  }
}

/* v37 — Clientes e projetos restaurado + sem buraco entre as seções */
.home-why-section{
  padding-bottom:clamp(26px, 2.6vw, 42px) !important;
}

.home-clients-section{
  padding-top:clamp(26px, 2.8vw, 44px) !important;
}

.home-why-section + .home-clients-section{
  margin-top:0 !important;
}

.home-why-section.is-exiting > .container,
.home-why-section.is-exiting > .container-wide,
.home-clients-section.is-exiting > .container,
.home-clients-section.is-exiting > .container-wide{
  opacity:1 !important;
  transform:none !important;
}

.home-why-section::after,
.home-clients-section::after{
  display:none !important;
}

@media (max-width:768px){
  .home-why-section{
    padding-bottom:24px !important;
  }

  .home-clients-section{
    padding-top:28px !important;
  }
}

/* v38 — seção Clientes e projetos forçada como bloco visível na Home */
.home-clients-section{
  display:block !important;
  position:relative !important;
  padding-top:clamp(34px, 3vw, 52px) !important;
  padding-bottom:clamp(70px, 7vw, 110px) !important;
  opacity:1 !important;
  transform:none !important;
  visibility:visible !important;
  z-index:2 !important;
}

.home-clients-section,
.home-clients-section *{
  clip-path:none !important;
  filter:none !important;
}

.home-clients-section > .container,
.home-clients-section .section-head,
.home-clients-section .client-strip{
  opacity:1 !important;
  transform:none !important;
  visibility:visible !important;
}

.home-clients-section.is-exiting > .container,
.home-clients-section.is-exiting > .container-wide{
  opacity:1 !important;
  transform:none !important;
}

.home-clients-section::after{
  display:none !important;
}

.home-clients-section .section-head{
  margin-bottom:30px !important;
}

.home-clients-section .client-strip{
  display:grid !important;
  grid-template-columns:repeat(6, minmax(0, 1fr)) !important;
  gap:14px !important;
}

@media (max-width:980px){
  .home-clients-section .client-strip{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width:640px){
  .home-clients-section{
    padding-top:36px !important;
    padding-bottom:72px !important;
  }

  .home-clients-section .client-strip{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}

/* v39 — Correção da última seção da aba Inteligência de Mercado */
.page-inteligencia .inteligencia-final-cta{
  display:block !important;
  position:relative !important;
  padding-top:clamp(64px, 7vw, 108px) !important;
  padding-bottom:clamp(78px, 8vw, 128px) !important;
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
  z-index:3 !important;
}

.page-inteligencia .inteligencia-final-cta > .container,
.page-inteligencia .inteligencia-final-cta .cta-panel,
.page-inteligencia .inteligencia-final-cta .cta-panel > *{
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
  clip-path:none !important;
  filter:none !important;
}

.page-inteligencia .inteligencia-final-cta.is-exiting > .container,
.page-inteligencia .inteligencia-final-cta.is-exiting > .container-wide{
  opacity:1 !important;
  transform:none !important;
}

.page-inteligencia .inteligencia-final-cta::after{
  display:none !important;
}

.page-inteligencia .inteligencia-final-cta .cta-panel{
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) auto !important;
  align-items:center !important;
  gap:30px !important;
}

@media (max-width:760px){
  .page-inteligencia .inteligencia-final-cta{
    padding-top:54px !important;
    padding-bottom:84px !important;
  }

  .page-inteligencia .inteligencia-final-cta .cta-panel{
    grid-template-columns:1fr !important;
  }
}


/* v40 — logos reais nos cards da segunda seção da home */
.card-logo{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  width:100%;
  min-height:72px;
  margin:0 0 18px;
}

.card-logo img{
  display:block;
  width:auto;
  height:auto;
  max-width:100%;
  object-fit:contain;
}

.card-logo-vgvplus img{
  max-height:74px;
  filter: drop-shadow(0 10px 22px rgba(132, 49, 255, 0.18));
}

.card-logo-vgvclub img{
  max-height:86px;
  filter: drop-shadow(0 12px 26px rgba(132, 49, 255, 0.18));
}

@media (max-width: 900px){
  .card-logo{
    min-height:64px;
    margin-bottom:16px;
  }

  .card-logo-vgvplus img{
    max-height:64px;
  }

  .card-logo-vgvclub img{
    max-height:74px;
  }
}

@media (max-width: 560px){
  .card-logo{
    min-height:56px;
    margin-bottom:14px;
  }

  .card-logo-vgvplus img{
    max-height:56px;
  }

  .card-logo-vgvclub img{
    max-height:66px;
  }
}


/* v41 — nova logo VGV Club + Hero copy visível no carregamento */
.hero .hero-content{
  opacity:1 !important;
  visibility:visible !important;
}

.hero .hero-content.visible{
  opacity:1 !important;
}

/* Igualando o tamanho visual das logos VGV+ e VGV Club na segunda seção */
.card-logo{
  min-height:76px !important;
  align-items:center !important;
}

.card-logo-vgvplus img,
.card-logo-vgvclub img{
  max-height:74px !important;
  width:auto !important;
  max-width:100% !important;
  object-fit:contain !important;
}

.card-logo-vgvclub img{
  filter: drop-shadow(0 10px 22px rgba(132, 49, 255, 0.18)) !important;
}

@media (max-width:900px){
  .card-logo{
    min-height:66px !important;
  }

  .card-logo-vgvplus img,
  .card-logo-vgvclub img{
    max-height:64px !important;
  }
}

@media (max-width:560px){
  .card-logo{
    min-height:58px !important;
  }

  .card-logo-vgvplus img,
  .card-logo-vgvclub img{
    max-height:56px !important;
  }
}


/* v42 — Ícones e logos atualizados na home */
.image-icon{
  padding:0;
  overflow:hidden;
  background:transparent !important;
  border:1px solid rgba(255,255,255,.08);
}
.image-icon img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.home-clients-section .client-logo{
  padding:18px;
  min-height:104px;
  background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02));
}
.home-clients-section .client-logo img{
  max-width:86%;
  max-height:56px;
  width:auto;
  height:auto;
  object-fit:contain;
  display:block;
}
.home-clients-section .client-logo:nth-child(3) img{ /* Becker */
  max-height:62px;
}
.home-clients-section .client-logo:nth-child(4) img{ /* BH Brokers */
  max-height:66px;
}
.home-clients-section .client-logo:nth-child(6) img{ /* TV SIM */
  max-width:92%;
  max-height:52px;
}

@media (max-width: 980px){
  .home-clients-section .client-logo{
    min-height:96px;
    padding:16px;
  }
  .home-clients-section .client-logo img{
    max-height:50px;
  }
}

@media (max-width: 640px){
  .home-clients-section .client-logo{
    min-height:90px;
    border-radius:18px;
  }
  .home-clients-section .client-logo img{
    max-width:88%;
    max-height:42px;
  }
  .home-clients-section .client-logo:nth-child(4) img{
    max-height:50px;
  }
}

/* v43 — logo Vitacon e ajuste BH Brokers */
.home-clients-section .client-logo:nth-child(4) img{ /* BH Brokers */
  max-height:64px;
  max-width:84%;
}
.home-clients-section .client-logo:nth-child(5) img{ /* Vitacon */
  max-height:48px;
  max-width:88%;
}
@media (max-width: 640px){
  .home-clients-section .client-logo:nth-child(5) img{
    max-height:40px;
  }
}


/* v44 — atualização dos ícones da seção 3 e logos da seção 4 */
.home-why-section .feature-item .feature-icon.image-icon{
  background:transparent !important;
  border:1px solid rgba(255,255,255,.08);
}
.home-why-section .feature-item .feature-icon.image-icon img{
  object-fit:contain;
}

.home-clients-section .client-logo:nth-child(1) img{ /* GranViver */
  max-height:44px;
  max-width:88%;
}
.home-clients-section .client-logo:nth-child(3) img{ /* Menfe */
  max-height:46px;
  max-width:86%;
}
.home-clients-section .client-logo:nth-child(6) img{ /* TV SIM Brasil */
  max-height:44px;
  max-width:90%;
}
@media (max-width: 640px){
  .home-clients-section .client-logo:nth-child(1) img{
    max-height:38px;
  }
  .home-clients-section .client-logo:nth-child(3) img{
    max-height:38px;
  }
  .home-clients-section .client-logo:nth-child(6) img{
    max-height:38px;
  }
}


/* v45 — sete logos na seção clientes e parceiros */
.home-clients-section .client-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}
.home-clients-section .client-logo{
  min-height:110px;
}
.home-clients-section .client-logo img{
  max-width:84%;
  max-height:42px;
  object-fit:contain;
}
.home-clients-section .client-logo:nth-child(1) img{ max-height:34px; }
.home-clients-section .client-logo:nth-child(2) img{ max-height:34px; }
.home-clients-section .client-logo:nth-child(3) img{ max-height:48px; }
.home-clients-section .client-logo:nth-child(4) img{ max-height:54px; }
.home-clients-section .client-logo:nth-child(5) img{ max-height:34px; }
.home-clients-section .client-logo:nth-child(6) img{ max-height:36px; }
.home-clients-section .client-logo:nth-child(7) img{ max-height:34px; }
@media (max-width: 1024px){
  .home-clients-section .client-strip{ grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width: 768px){
  .home-clients-section .client-strip{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .home-clients-section .client-logo{ min-height:96px; }
}
@media (max-width: 480px){
  .home-clients-section .client-logo img{ max-width:88%; }
  .home-clients-section .client-logo:nth-child(3) img{ max-height:42px; }
  .home-clients-section .client-logo:nth-child(4) img{ max-height:46px; }
}

/* v49 — VGV Club: agenda automática via Sympla com banner 1600x838 exibido por inteiro */
.club-next-event-section{
  padding-top:clamp(72px, 8vw, 124px) !important;
  padding-bottom:clamp(82px, 9vw, 132px) !important;
}

.club-event-card{
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border-radius:var(--radius-xl);
  border:1px solid rgba(238,56,255,.22);
  background:
    radial-gradient(circle at 78% 18%, rgba(238,56,255,.16), transparent 26rem),
    linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.025));
  box-shadow:0 30px 90px rgba(0,0,0,.28);
}

.club-event-media{
  position:relative;
  aspect-ratio:1600 / 838;
  min-height:auto;
  background:
    radial-gradient(circle at 50% 0%, rgba(238,56,255,.12), transparent 40%),
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01)),
    #060608;
  overflow:hidden;
  padding:clamp(10px, 1.1vw, 16px);
}

.club-event-media img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center center;
  display:block;
  border-radius:calc(var(--radius-xl) - 8px);
  background:#090910;
  filter:saturate(1.03) contrast(1.02) brightness(.96);
  transform:none;
}

.club-event-media::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(3,3,4,.02), rgba(3,3,4,.18));
  pointer-events:none;
}

.club-event-media-overlay{
  position:absolute;
  left:clamp(18px, 2vw, 28px);
  top:clamp(18px, 2vw, 28px);
  bottom:auto;
  z-index:2;
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 13px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(3,3,4,.56);
  backdrop-filter:blur(16px);
  color:#fff;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.club-event-content{
  padding:clamp(24px, 3vw, 42px);
  display:grid;
  gap:18px;
}

.club-event-content .kicker{
  margin-bottom:0;
}

.club-event-content .h2{
  margin:0;
  font-size:clamp(1.9rem, 3.4vw, 3.6rem);
  line-height:.96;
  max-width:15ch;
  text-wrap:balance;
}

.club-event-content .text,
.club-event-content [data-event-description]{
  margin:0;
  max-width:72ch;
}

.club-event-meta{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px;
}

.club-event-meta div{
  padding:16px;
  border-radius:18px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.028);
}

.club-event-meta span{
  display:block;
  color:var(--muted-2);
  font-size:.68rem;
  text-transform:uppercase;
  letter-spacing:.13em;
  font-weight:900;
  margin-bottom:8px;
}

.club-event-meta strong{
  color:#fff;
  line-height:1.35;
}

.club-countdown{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:10px;
  margin:0;
  max-width:760px;
}

.club-countdown div{
  min-height:92px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.14);
  background:#fff;
  color:#030304;
  display:grid;
  place-items:center;
  padding:10px;
}

.club-countdown strong{
  display:block;
  font-size:clamp(2rem, 4vw, 3.15rem);
  line-height:.9;
  letter-spacing:-.06em;
}

.club-countdown span{
  display:block;
  color:rgba(3,3,4,.62);
  font-size:.7rem;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:900;
}

.club-event-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:2px;
}

.club-event-note{
  margin-top:18px;
  color:var(--muted);
  font-size:.86rem;
  line-height:1.6;
}

.club-event-note code{
  color:#fff;
  padding:2px 7px;
  border-radius:999px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.045);
}

.club-event-card.is-empty .club-event-media img{
  opacity:.52;
}

.club-event-card.is-empty .club-countdown div{
  background:rgba(255,255,255,.05);
  color:#fff;
}

.club-event-card.is-empty .club-countdown span{
  color:var(--muted);
}

@media (max-width:980px){
  .club-event-content .h2{
    max-width:18ch;
    font-size:clamp(1.8rem, 5vw, 2.8rem);
  }
}

@media (max-width:640px){
  .club-event-media{
    padding:10px;
  }

  .club-event-content{
    padding:24px 18px;
  }

  .club-event-meta{
    grid-template-columns:1fr;
  }

  .club-countdown{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .club-countdown div{
    min-height:82px;
  }
}

/* v50 — Ajustes de agenda: título, descrição em 5 linhas e remoção da nota técnica */
.club-next-event-section .section-head{
  align-items:flex-end;
}

.club-next-event-section .section-head .h2{
  max-width:16ch;
  text-wrap:balance;
}

.club-event-content{
  gap:20px !important;
}

.club-event-content .h2,
.club-event-content [data-event-title]{
  font-size:clamp(1.65rem, 2.7vw, 2.85rem) !important;
  line-height:1.02 !important;
  max-width:none !important;
  width:100% !important;
  text-wrap:balance;
  letter-spacing:-.055em !important;
}

.event-description-block{
  max-width:100%;
}

.event-description-text{
  display:-webkit-box;
  -webkit-line-clamp:5;
  -webkit-box-orient:vertical;
  overflow:hidden;
  max-width:100% !important;
}

.event-description-block.is-expanded .event-description-text{
  display:block;
  -webkit-line-clamp:unset;
  overflow:visible;
}

.event-description-toggle{
  margin-top:10px;
  appearance:none;
  border:0;
  background:transparent;
  color:var(--violet);
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.13em;
  font-weight:900;
  cursor:pointer;
  padding:0;
}

.event-description-toggle:hover{
  color:#fff;
}

.event-description-toggle[hidden]{
  display:none !important;
}

.club-event-note{
  display:none !important;
}

@media (min-width:981px){
  .club-event-content{
    grid-template-columns:minmax(0, 1fr) minmax(320px, .54fr);
    align-items:start;
  }

  .club-event-content > .kicker,
  .club-event-content > [data-event-title],
  .club-event-content > .event-description-block{
    grid-column:1;
  }

  .club-event-content > .club-event-meta,
  .club-event-content > .club-countdown,
  .club-event-content > .club-event-actions{
    grid-column:2;
  }

  .club-event-content > .club-event-meta{
    grid-template-columns:1fr !important;
  }

  .club-event-content > .club-countdown{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    max-width:100% !important;
  }
}

@media (max-width:760px){
  .club-next-event-section .section-head .h2{
    max-width:100%;
  }

  .club-event-content .h2,
  .club-event-content [data-event-title]{
    font-size:clamp(1.7rem, 8.5vw, 2.45rem) !important;
  }
}

/* v51 — restaura a diagramação da agenda como na v49, mantendo os ajustes de texto da v50 */
.club-event-content{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:18px !important;
  align-items:start !important;
}

.club-event-content > *{
  grid-column:1 !important;
}

.club-event-content [data-event-title]{
  max-width:100% !important;
  width:100% !important;
  font-size:clamp(1.7rem, 2.65vw, 3rem) !important;
  line-height:1.02 !important;
  text-wrap:balance;
}

.club-event-meta{
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  max-width:100% !important;
  margin-top:2px !important;
}

.club-countdown{
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  max-width:760px !important;
}

.event-description-block{
  max-width:72ch !important;
}

.club-event-actions{
  margin-top:2px !important;
}

@media (max-width:760px){
  .club-event-meta{
    grid-template-columns:1fr !important;
  }

  .club-countdown{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    max-width:100% !important;
  }

  .event-description-block{
    max-width:100% !important;
  }
}

/* v52 — Contador em uma linha + parceiros em carrossel horizontal */

/* VGV Club: contador sempre em uma linha */
.club-countdown{
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  max-width:100% !important;
  width:100% !important;
}

.club-countdown div{
  min-width:0 !important;
  min-height:86px !important;
  border-radius:18px !important;
}

.club-countdown strong{
  font-size:clamp(1.85rem, 3.6vw, 3.1rem) !important;
}

@media (max-width:640px){
  .club-countdown{
    grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
    gap:6px !important;
  }

  .club-countdown div{
    min-height:68px !important;
    border-radius:13px !important;
    padding:8px 4px !important;
  }

  .club-countdown strong{
    font-size:clamp(1.35rem, 7.4vw, 2rem) !important;
    letter-spacing:-.055em !important;
  }

  .club-countdown span{
    font-size:.48rem !important;
    letter-spacing:.08em !important;
  }
}

/* Home: parceiros em uma linha animada */
.home-clients-section .partners-marquee{
  display:block !important;
  overflow:hidden !important;
  position:relative;
  width:100%;
  border-radius:26px;
  padding:4px 0;
  -webkit-mask-image:linear-gradient(90deg, transparent 0%, black 8%, black 92%, transparent 100%);
  mask-image:linear-gradient(90deg, transparent 0%, black 8%, black 92%, transparent 100%);
}

.home-clients-section .partners-track{
  display:flex;
  align-items:center;
  gap:18px;
  width:max-content;
  animation:partnersMarquee 28s linear infinite;
  will-change:transform;
}

.home-clients-section .partners-marquee:hover .partners-track{
  animation-play-state:paused;
}

.home-clients-section .partners-track .client-logo{
  flex:0 0 210px;
  min-height:104px;
  padding:18px;
}

.home-clients-section .partners-track .client-logo img{
  max-width:86%;
  max-height:48px;
  object-fit:contain;
}

.home-clients-section .partners-track .client-logo:nth-child(3) img,
.home-clients-section .partners-track .client-logo:nth-child(10) img{
  max-height:56px;
}

.home-clients-section .partners-track .client-logo:nth-child(4) img,
.home-clients-section .partners-track .client-logo:nth-child(11) img{
  max-height:62px;
}

@keyframes partnersMarquee{
  from{
    transform:translateX(0);
  }
  to{
    transform:translateX(calc(-50% - 9px));
  }
}

@media (max-width:760px){
  .home-clients-section .partners-track{
    gap:12px;
    animation-duration:22s;
  }

  .home-clients-section .partners-track .client-logo{
    flex-basis:170px;
    min-height:88px;
    padding:14px;
  }

  .home-clients-section .partners-track .client-logo img{
    max-height:38px;
  }

  .home-clients-section .partners-track .client-logo:nth-child(3) img,
  .home-clients-section .partners-track .client-logo:nth-child(10) img{
    max-height:44px;
  }

  .home-clients-section .partners-track .client-logo:nth-child(4) img,
  .home-clients-section .partners-track .client-logo:nth-child(11) img{
    max-height:50px;
  }
}

@media (prefers-reduced-motion:reduce){
  .home-clients-section .partners-track{
    animation:none !important;
    transform:none !important;
  }
}

/* v53 — Contador realmente em uma linha: número e legenda lado a lado */
.club-countdown{
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:10px !important;
}

.club-countdown div{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  min-height:72px !important;
  padding:10px 14px !important;
  white-space:nowrap !important;
}

.club-countdown strong{
  display:inline-block !important;
  font-size:clamp(2rem, 3.2vw, 3.1rem) !important;
  line-height:1 !important;
  letter-spacing:-.055em !important;
}

.club-countdown span{
  display:inline-block !important;
  font-size:.66rem !important;
  line-height:1 !important;
  letter-spacing:.11em !important;
  margin-top:.25em !important;
}

@media (max-width:640px){
  .club-countdown{
    grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
    gap:6px !important;
  }

  .club-countdown div{
    gap:5px !important;
    min-height:58px !important;
    padding:8px 5px !important;
    border-radius:12px !important;
  }

  .club-countdown strong{
    font-size:clamp(1.25rem, 6.2vw, 1.9rem) !important;
  }

  .club-countdown span{
    font-size:.42rem !important;
    letter-spacing:.06em !important;
  }
}

@media (max-width:420px){
  .club-countdown{
    gap:4px !important;
  }

  .club-countdown div{
    gap:3px !important;
    padding:7px 3px !important;
  }

  .club-countdown strong{
    font-size:1.18rem !important;
  }

  .club-countdown span{
    font-size:.36rem !important;
  }
}

/* v54 — força os 4 blocos do contador na mesma linha, vencendo regra anterior da v51 */
.club-event-content > .club-countdown,
.club-countdown{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  width:100% !important;
  max-width:100% !important;
  gap:10px !important;
}

.club-event-content > .club-countdown > div,
.club-countdown > div{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  min-width:0 !important;
  min-height:72px !important;
  padding:10px 12px !important;
}

.club-event-content > .club-countdown strong,
.club-countdown strong{
  display:inline-block !important;
  flex:0 0 auto !important;
}

.club-event-content > .club-countdown span,
.club-countdown span{
  display:inline-block !important;
  flex:0 0 auto !important;
  white-space:nowrap !important;
}

@media (min-width:981px){
  .club-event-content > .club-countdown,
  .club-countdown{
    grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width:640px){
  .club-event-content > .club-countdown,
  .club-countdown{
    grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
    gap:5px !important;
  }

  .club-event-content > .club-countdown > div,
  .club-countdown > div{
    gap:4px !important;
    min-height:58px !important;
    padding:7px 4px !important;
  }
}

/* v55 — mesmo vídeo da Home na hero da aba VGV Club, sem alterar a diagramação */
.page-hero.club-video-hero{
  position:relative !important;
  overflow:hidden !important;
  background-image:none !important;
  isolation:isolate;
}

.page-hero.club-video-hero .club-page-hero-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  z-index:0;
  opacity:.52;
  filter:saturate(1.08) brightness(.52) contrast(1.08);
  transform:scale(1.02);
  pointer-events:none;
}

.page-hero.club-video-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:
    radial-gradient(circle at 76% 18%, rgba(238,56,255,.22), transparent 28rem),
    linear-gradient(90deg, rgba(3,3,4,.88), rgba(3,3,4,.52) 42%, rgba(3,3,4,.78)),
    linear-gradient(180deg, rgba(3,3,4,.38), rgba(3,3,4,.76));
  pointer-events:none;
}

.page-hero.club-video-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(180deg, transparent 66%, #030304 100%);
  pointer-events:none;
}

.page-hero.club-video-hero .container{
  position:relative !important;
  z-index:2 !important;
}

/* mantém a mesma estrutura no mobile, apenas com vídeo mais leve visualmente */
@media (max-width:760px){
  .page-hero.club-video-hero .club-page-hero-video{
    opacity:.42;
    transform:scale(1.04);
  }
}

/* v56 — limpeza global dos degradês/faixas que estavam sobrepondo conteúdos */
/* Remove atmosferas retangulares de seção que criavam faixas cortadas em algumas telas */
.section::before,
.section-tight::before{
  display:none !important;
  content:none !important;
}

/* Remove overlays de saída do scroll que podiam passar por cima de textos e cards */
.scroll-cinema-section::after,
.scroll-cinema-section[data-exit-fx="exit-curtain"]::after,
.scroll-cinema-section.is-exiting[data-exit-fx="exit-curtain"]::after{
  display:none !important;
  content:none !important;
}

/* Mantém as seções estáveis durante o scroll, sem faixas ou deslocamentos sobrepostos */
.scroll-cinema-section.is-exiting > .container,
.scroll-cinema-section.is-exiting > .container-wide{
  opacity:1 !important;
  transform:none !important;
  filter:none !important;
}

/* Reforça que o conteúdo sempre fique acima dos fundos */
.section > .container,
.section-tight > .container,
.page-hero > .container,
.page-hero > .container-wide{
  position:relative;
  z-index:2;
}

/* Hero VGV Club com vídeo: overlay limpo, sem faixas duras */
.page-hero.club-video-hero::before{
  background:
    radial-gradient(circle at 78% 22%, rgba(238,56,255,.18), transparent 34rem),
    linear-gradient(90deg, rgba(3,3,4,.88), rgba(3,3,4,.55) 44%, rgba(3,3,4,.80)),
    linear-gradient(180deg, rgba(3,3,4,.34), rgba(3,3,4,.68)) !important;
}

.page-hero.club-video-hero::after{
  background:linear-gradient(180deg, rgba(3,3,4,0) 62%, #030304 100%) !important;
}

/* Suaviza o corte entre a hero e a próxima seção sem invadir os cards */
.page-hero.club-video-hero{
  margin-bottom:0 !important;
}

.page-hero.club-video-hero + .section{
  position:relative;
  z-index:1;
}

/* v57 — Degradês refinados, sem faixas sobrepostas */
/* Restaura o glow roxo/rosa da Hero da Home que foi removido junto com os overlays problemáticos */
.hero::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  z-index:3 !important;
  pointer-events:none !important;
  background:
    radial-gradient(circle 360px at var(--mx, 50%) var(--my, 50%), rgba(238,56,255,.30), rgba(141,24,255,.14) 38%, transparent 72%),
    radial-gradient(circle at 50% 10%, rgba(255,255,255,.07), transparent 28%),
    linear-gradient(180deg, rgba(3,3,4,.08) 0%, rgba(3,3,4,.05) 44%, rgba(3,3,4,.66) 82%, #030304 100%) !important;
}

/* A Hero da Home mantém o glow, mas sem criar faixa retangular sobre conteúdo */
.hero:not(.is-spotlight-active)::after{
  background:
    radial-gradient(circle at 72% 22%, rgba(238,56,255,.15), transparent 30rem),
    radial-gradient(circle at 28% 78%, rgba(141,24,255,.10), transparent 34rem),
    linear-gradient(180deg, rgba(3,3,4,.08) 0%, rgba(3,3,4,.04) 46%, rgba(3,3,4,.64) 84%, #030304 100%) !important;
}

/* Mantém o overlay específico da Hero em vídeo do VGV Club sem ser afetado pelo restore global */
.page-hero.club-video-hero::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  background:linear-gradient(180deg, rgba(3,3,4,0) 62%, #030304 100%) !important;
  pointer-events:none !important;
}

/* Fundo atmosférico global, atrás do conteúdo, sem interferir na diagramação */
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 12% 18%, rgba(141,24,255,.12), transparent 32rem),
    radial-gradient(circle at 88% 24%, rgba(238,56,255,.10), transparent 34rem),
    radial-gradient(circle at 50% 88%, rgba(141,24,255,.08), transparent 38rem);
}

/* Blocos de atmosfera por página, usando background da própria section para não sobrepor textos */
main > .section:nth-of-type(2n){
  background-image:
    radial-gradient(circle at 88% 12%, rgba(238,56,255,.075), transparent 28rem),
    radial-gradient(circle at 14% 86%, rgba(141,24,255,.055), transparent 26rem);
  background-repeat:no-repeat;
}

main > .section:nth-of-type(2n+1){
  background-image:
    radial-gradient(circle at 12% 16%, rgba(141,24,255,.065), transparent 30rem),
    radial-gradient(circle at 82% 80%, rgba(238,56,255,.052), transparent 28rem);
  background-repeat:no-repeat;
}

main > .section-tight{
  background-image:
    radial-gradient(circle at 78% 18%, rgba(238,56,255,.058), transparent 26rem),
    radial-gradient(circle at 20% 86%, rgba(141,24,255,.048), transparent 26rem);
  background-repeat:no-repeat;
}

/* Page heroes internas ganham profundidade, sem faixas duras */
.page-hero:not(.club-video-hero){
  background:
    radial-gradient(circle at 78% 20%, rgba(238,56,255,.16), transparent 32rem),
    linear-gradient(90deg,rgba(3,3,4,.96),rgba(3,3,4,.76)),
    var(--hero-image, radial-gradient(circle at 80% 10%,rgba(238,56,255,.22),transparent 34rem)) !important;
  background-size:cover !important;
  background-position:center !important;
}

.page-hero:not(.club-video-hero)::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:auto 0 0 0 !important;
  height:180px !important;
  z-index:1 !important;
  background:linear-gradient(180deg,transparent,#030304) !important;
  pointer-events:none !important;
}

/* Cards principais recebem um glow sutil interno, sem virar faixa */
.card,
.cta-panel,
.stat-band,
.club-event-card{
  box-shadow:
    0 24px 70px rgba(0,0,0,.26),
    inset 0 1px 0 rgba(255,255,255,.035),
    0 0 50px rgba(141,24,255,.045) !important;
}

/* Seções muito limpas ganham uma linha de composição discreta */
.section-head::after{
  display:block !important;
  content:"" !important;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.12), rgba(238,56,255,.24), transparent) !important;
  opacity:.48 !important;
}

/* Remove qualquer overlay antigo que tente virar cortina, mas preserva os efeitos das heroes */
main > section.scroll-cinema-section:not(.hero):not(.page-hero)::after,
main > section[data-exit-fx="exit-curtain"]:not(.hero):not(.page-hero)::after{
  display:none !important;
  content:none !important;
}

@media (max-width:760px){
  body::before{
    background:
      radial-gradient(circle at 10% 16%, rgba(141,24,255,.10), transparent 24rem),
      radial-gradient(circle at 90% 32%, rgba(238,56,255,.08), transparent 24rem);
  }

  main > .section,
  main > .section-tight{
    background-size:auto;
  }
}

/* v58 — Correção definitiva do degradê preto na Hero da aba VGV Club */
/* Remove o fade preto inferior que voltou na v57 */
.page-hero.club-video-hero::after{
  display:none !important;
  content:none !important;
  background:none !important;
}

/* Mantém apenas uma camada de leitura suave, sem faixa preta cortada */
.page-hero.club-video-hero::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  pointer-events:none !important;
  background:
    radial-gradient(circle at 78% 26%, rgba(238,56,255,.18), transparent 34rem),
    radial-gradient(circle at 20% 72%, rgba(141,24,255,.10), transparent 32rem),
    linear-gradient(90deg, rgba(3,3,4,.74), rgba(3,3,4,.42) 46%, rgba(3,3,4,.64)) !important;
}

/* Garante que o vídeo ocupe a hero de forma limpa, sem escurecimento excessivo */
.page-hero.club-video-hero .club-page-hero-video{
  opacity:.64 !important;
  filter:saturate(1.08) brightness(.62) contrast(1.04) !important;
  transform:scale(1.015) !important;
}

/* Seções seguintes mantêm a composição, mas sem invadir a hero */
.page-hero.club-video-hero + .section{
  background-image:
    radial-gradient(circle at 88% 18%, rgba(238,56,255,.07), transparent 28rem),
    radial-gradient(circle at 16% 88%, rgba(141,24,255,.05), transparent 28rem) !important;
}

@media (max-width:760px){
  .page-hero.club-video-hero .club-page-hero-video{
    opacity:.54 !important;
    transform:scale(1.035) !important;
  }

  .page-hero.club-video-hero::before{
    background:
      radial-gradient(circle at 78% 24%, rgba(238,56,255,.15), transparent 24rem),
      linear-gradient(90deg, rgba(3,3,4,.78), rgba(3,3,4,.52) 48%, rgba(3,3,4,.68)) !important;
  }
}


/* v59 — VGV Club: episódios anteriores da Sympla em carrossel com opacidade reduzida */
.club-previous-events-section{
  padding-top:24px;
}

.club-previous-events-empty{
  padding:18px 22px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
  color:rgba(255,255,255,.72);
}

.previous-events-marquee{
  display:block;
  overflow:hidden;
  position:relative;
  width:100%;
  border-radius:26px;
  padding:6px 0;
  -webkit-mask-image:linear-gradient(90deg, transparent 0%, black 7%, black 93%, transparent 100%);
  mask-image:linear-gradient(90deg, transparent 0%, black 7%, black 93%, transparent 100%);
}

.previous-events-track{
  display:flex;
  align-items:stretch;
  gap:18px;
  width:max-content;
  animation:partnersMarquee 34s linear infinite;
  will-change:transform;
}

.previous-events-marquee:hover .previous-events-track{
  animation-play-state:paused;
}

.previous-event-card{
  flex:0 0 330px;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  min-height:250px;
  border-radius:24px;
  text-decoration:none;
  color:var(--text);
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025));
  box-shadow:0 10px 30px rgba(0,0,0,.18);
  opacity:.45;
  filter:saturate(.9) grayscale(.08);
  transition:opacity .35s ease, transform .35s ease, border-color .35s ease, filter .35s ease;
}

.previous-event-card:hover{
  opacity:.88;
  transform:translateY(-3px);
  filter:saturate(1) grayscale(0);
  border-color:rgba(229,61,255,.24);
}

.previous-event-thumb{
  aspect-ratio:1600 / 838;
  background:rgba(255,255,255,.04);
}

.previous-event-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.previous-event-info{
  display:grid;
  gap:8px;
  padding:16px 18px 18px;
}

.previous-event-date{
  font-size:.72rem;
  line-height:1;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--muted);
}

.previous-event-title{
  font-size:1rem;
  line-height:1.2;
  font-weight:700;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

@media (max-width:760px){
  .previous-events-track{
    gap:12px;
    animation-duration:28s;
  }

  .previous-event-card{
    flex-basis:260px;
    min-height:212px;
    border-radius:20px;
  }

  .previous-event-info{
    padding:14px 14px 16px;
  }

  .previous-event-title{
    font-size:.93rem;
  }
}

@media (prefers-reduced-motion:reduce){
  .previous-events-track{
    animation:none !important;
    transform:none !important;
  }
}

/* v60 — Episódios anteriores dentro da mesma seção da agenda, logo abaixo do episódio principal */
.club-previous-events-section{
  display:none !important;
}

.club-previous-events-inline{
  margin-top:clamp(20px, 2.5vw, 34px);
  padding-top:clamp(16px, 2vw, 24px);
  border-top:1px solid rgba(255,255,255,.08);
}

.previous-events-inline-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:14px;
}

.previous-events-inline-head span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--violet);
  font-size:.72rem;
  line-height:1;
  letter-spacing:.16em;
  text-transform:uppercase;
  font-weight:900;
}

.previous-events-inline-head span::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--violet);
  box-shadow:0 0 18px rgba(238,56,255,.58);
}

/* mais compacto porque agora fica preso à agenda */
.club-previous-events-inline .previous-events-marquee{
  border-radius:22px;
  padding:2px 0;
}

.club-previous-events-inline .previous-events-track{
  gap:14px;
  animation-duration:30s;
}

.club-previous-events-inline .previous-event-card{
  flex-basis:255px;
  min-height:184px;
  border-radius:20px;
  opacity:.38;
}

.club-previous-events-inline .previous-event-card:hover{
  opacity:.82;
}

.club-previous-events-inline .previous-event-info{
  padding:12px 14px 14px;
  gap:6px;
}

.club-previous-events-inline .previous-event-date{
  font-size:.62rem;
}

.club-previous-events-inline .previous-event-title{
  font-size:.84rem;
  line-height:1.2;
  -webkit-line-clamp:2;
}

.club-previous-events-inline .club-previous-events-empty{
  margin-top:0;
  padding:14px 18px;
  border-radius:18px;
  color:rgba(255,255,255,.58);
  background:rgba(255,255,255,.025);
  border:1px solid rgba(255,255,255,.07);
}

@media (max-width:760px){
  .club-previous-events-inline{
    margin-top:22px;
  }

  .club-previous-events-inline .previous-event-card{
    flex-basis:220px;
    min-height:164px;
  }

  .club-previous-events-inline .previous-events-track{
    gap:10px;
    animation-duration:24s;
  }
}

/* v61 — sinalização da aba ativa no header */
.nav-link.active,
.nav-link.is-active,
.nav-link[aria-current="page"]{
  color:#fff !important;
  background:linear-gradient(135deg, rgba(141,24,255,.22), rgba(238,56,255,.12)) !important;
  box-shadow:inset 0 0 0 1px rgba(238,56,255,.18), 0 0 28px rgba(141,24,255,.12);
}

.nav-link.active::after,
.nav-link.is-active::after,
.nav-link[aria-current="page"]::after{
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--pink),var(--purple));
  box-shadow:0 0 16px rgba(238,56,255,.7);
}

.mobile-links a.active,
.mobile-links a.is-active,
.mobile-links a[aria-current="page"]{
  color:#fff !important;
  border-color:rgba(238,56,255,.38) !important;
  background:linear-gradient(135deg, rgba(141,24,255,.24), rgba(238,56,255,.10)) !important;
}

/* v63 — UX refinado da nova aba Sobre Nós */
.about-merged-hero .lead{
  max-width:850px;
}

.about-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:30px;
}

.about-positioning .section-head{
  align-items:end;
}

.about-pillars-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:16px;
}

.about-pillar-card .card-body{
  min-height:280px;
}

.about-pillar-card h3{
  margin-top:20px;
}

.about-pillar-card p{
  color:var(--muted);
}

.about-flow-band{
  display:grid;
  grid-template-columns:minmax(0, .9fr) minmax(0, 1.25fr);
  gap:34px;
  align-items:start;
}

.about-flow{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
}

.about-flow div{
  padding:18px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.075);
  background:rgba(255,255,255,.035);
}

.about-flow span{
  display:inline-flex;
  margin-bottom:16px;
  color:var(--violet);
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.14em;
}

.about-flow strong{
  display:block;
  color:#fff;
  font-size:1.05rem;
  margin-bottom:8px;
}

.about-flow p{
  color:var(--muted);
  font-size:.92rem;
  line-height:1.55;
  margin:0;
}

.about-content-engine .about-split{
  margin-bottom:34px;
}

.about-media-strip{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:14px;
}

.about-media-item{
  min-height:170px;
  padding:22px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 88% 10%, rgba(238,56,255,.10), transparent 18rem),
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.022));
  box-shadow:0 18px 48px rgba(0,0,0,.20);
}

.about-media-item span{
  display:inline-flex;
  margin-bottom:18px;
  color:var(--violet);
  font-size:.72rem;
  line-height:1;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-weight:900;
}

.about-media-item strong{
  display:block;
  color:#fff;
  font-size:1.05rem;
  line-height:1.22;
}

.about-belief-panel{
  grid-template-columns:minmax(0, 1.05fr) minmax(0, .95fr);
}

.leadership-card .card-body{
  min-height:230px;
}

.about-final-cta .cta-panel{
  background:
    radial-gradient(circle at 84% 22%, rgba(238,56,255,.18), transparent 30rem),
    linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.025));
}

.about-cta-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:24px;
}

@media (max-width:980px){
  .about-pillars-grid,
  .about-media-strip{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .about-flow-band,
  .about-belief-panel{
    grid-template-columns:1fr;
  }
}

@media (max-width:640px){
  .about-hero-actions,
  .about-cta-actions{
    display:grid;
  }

  .about-pillars-grid,
  .about-media-strip,
  .about-flow{
    grid-template-columns:1fr;
  }

  .about-pillar-card .card-body{
    min-height:auto;
  }

  .about-media-item{
    min-height:auto;
  }
}


/* v66 — refinamento de UI da aba Sobre Nós */
.about-merged-hero{
  overflow:hidden;
}

.about-merged-hero::before{
  content:"";
  position:absolute;
  inset:auto auto -12% -4%;
  width:28rem;
  height:28rem;
  border-radius:50%;
  background:radial-gradient(circle, rgba(141,24,255,.16) 0%, rgba(141,24,255,.08) 32%, transparent 72%);
  filter:blur(14px);
  pointer-events:none;
  z-index:0;
}

.about-hero-actions .btn{
  min-width:220px;
}

.about-page-nav-wrap{
  padding-top:24px;
}


.about-signal-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:14px;
}

.about-signal-card{
  position:relative;
  overflow:hidden;
  min-height:178px;
  padding:22px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 85% 10%, rgba(238,56,255,.10), transparent 16rem),
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.022));
  box-shadow:0 18px 46px rgba(0,0,0,.16);
}

.about-signal-card::after{
  content:"";
  position:absolute;
  left:22px;
  right:22px;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg, rgba(202,123,255,.5), rgba(255,255,255,0));
}

.about-signal-card .mono{
  display:inline-flex;
  margin-bottom:16px;
}

.about-signal-card h3{
  font-size:1.08rem;
  margin-bottom:8px;
}

.about-signal-card p{
  color:var(--muted);
  line-height:1.6;
}

.about-positioning,
.about-content-engine,
.about-belief-section,
.about-leadership-section,
.about-final-cta{
  position:relative;
}

.about-positioning::after,
.about-content-engine::after,
.about-belief-section::after{
  content:"";
  position:absolute;
  inset:auto 0 -10px;
  margin:auto;
  width:min(1120px, calc(100% - 40px));
  height:1px;
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.12), rgba(255,255,255,0));
  pointer-events:none;
}

.about-pillar-card{
  position:relative;
  overflow:hidden;
}

.about-pillar-card::before,
.leadership-card::before{
  content:"";
  position:absolute;
  inset:-30% auto auto 70%;
  width:9rem;
  height:9rem;
  border-radius:50%;
  background:radial-gradient(circle, rgba(238,56,255,.16), transparent 68%);
  opacity:.75;
  pointer-events:none;
}

.about-pillar-card .card-body,
.leadership-card .card-body{
  position:relative;
  z-index:1;
}

.about-flow-band{
  position:relative;
  overflow:hidden;
}

.about-flow-band::after{
  content:"";
  position:absolute;
  top:36px;
  bottom:36px;
  left:calc(42% + 18px);
  width:1px;
  background:linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,0));
}

.about-media-item{
  position:relative;
  overflow:hidden;
}

.about-media-item::after{
  content:"";
  position:absolute;
  left:22px;
  bottom:20px;
  width:42px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg, var(--pink), transparent);
}

.about-principles{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:22px;
}

.about-principles span{
  display:inline-flex;
  align-items:center;
  min-height:40px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);
  color:var(--text-soft);
  font-size:.76rem;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.leadership-role{
  margin-top:18px;
  margin-bottom:12px;
  color:var(--violet);
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.about-final-cta .cta-panel{
  position:relative;
  overflow:hidden;
}

.about-final-cta .cta-panel::before{
  content:"";
  position:absolute;
  inset:auto auto -24% -6%;
  width:18rem;
  height:18rem;
  border-radius:50%;
  background:radial-gradient(circle, rgba(141,24,255,.20), transparent 68%);
  pointer-events:none;
}

@media (max-width:980px){
  .about-signal-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .about-flow-band::after{
    display:none;
  }
}

@media (max-width:640px){
  .about-hero-actions .btn{
    width:100%;
  }

  .about-signal-grid{
    grid-template-columns:1fr;
  }

  .about-signal-card{
    min-height:auto;
  }
}

/* v68 — corrige o grande vazio entre "Como atuamos" e "Em que acreditamos" */
.about-content-engine{
  padding-top:clamp(58px, 7vw, 96px) !important;
  padding-bottom:clamp(58px, 7vw, 96px) !important;
  overflow:visible !important;
}

/* A seção estava herdando o efeito cinema-wipe, que podia manter o conteúdo recortado
   e deixar apenas o espaço físico da seção visível. */
.about-content-engine .reveal,
.about-content-engine .reveal:not(.visible),
.about-content-engine .reveal.visible{
  opacity:1 !important;
  transform:none !important;
  clip-path:none !important;
  visibility:visible !important;
}

/* Mantém o bloco visualmente composto e reduz a sensação de intervalo vazio */
.about-content-engine .about-split{
  margin-bottom:26px !important;
}

.about-content-engine .about-media-strip{
  margin-top:0 !important;
}

.about-flow-section + .about-content-engine{
  margin-top:0 !important;
}

.about-content-engine + .about-belief-section{
  margin-top:0 !important;
}

@media (max-width:760px){
  .about-content-engine{
    padding-top:54px !important;
    padding-bottom:54px !important;
  }
}

/* v71 — Localização estilo Google Maps na página de contato */
.map-google-like{
  position:relative;
  overflow:hidden;
  min-height:460px;
  padding:0;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.02);
  box-shadow:0 30px 80px rgba(0,0,0,.22);
}

.map-google-frame{
  position:absolute;
  inset:0;
}

.map-google-frame iframe{
  width:100%;
  height:100%;
  border:0;
  filter:saturate(1.02) contrast(1.02);
}

.map-google-card{
  position:absolute;
  left:22px;
  bottom:22px;
  z-index:2;
  width:min(400px, calc(100% - 44px));
  padding:22px 22px 20px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(10,10,16,.78);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  box-shadow:0 20px 60px rgba(0,0,0,.34);
}

.map-google-top{
  display:flex;
  gap:16px;
  align-items:flex-start;
}

.map-google-avatar{
  width:52px;
  height:52px;
  border-radius:16px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  font-weight:900;
  color:#fff;
  background:linear-gradient(135deg, rgba(141,24,255,.9), rgba(238,56,255,.8));
  box-shadow:0 12px 30px rgba(141,24,255,.24);
}

.map-google-head .kicker{
  margin-bottom:8px;
}

.map-google-head .h3{
  margin-bottom:8px;
}

.map-google-head .text{
  color:rgba(255,255,255,.78);
  line-height:1.6;
}

.map-google-actions{
  margin-top:18px;
}

.map-google-actions .btn{
  width:100%;
  justify-content:center;
}

@media (max-width: 720px){
  .map-google-like{
    min-height:520px;
  }

  .map-google-card{
    left:14px;
    right:14px;
    bottom:14px;
    width:auto;
    padding:18px;
    border-radius:20px;
  }

  .map-google-top{
    gap:14px;
  }

  .map-google-avatar{
    width:46px;
    height:46px;
    border-radius:14px;
  }
}


/* v72 — Card de endereço abaixo do mapa na página de contato */
.map-google-like{
  overflow:visible;
  min-height:auto;
  padding:0;
  border:none;
  background:transparent;
  box-shadow:none;
}

.map-google-frame{
  position:relative;
  inset:auto;
  width:100%;
  min-height:440px;
  border-radius:28px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.02);
  box-shadow:0 24px 64px rgba(0,0,0,.24);
}

.map-google-frame iframe{
  display:block;
  min-height:440px;
}

.map-google-card,
.map-google-card-below{
  position:relative;
  left:auto;
  right:auto;
  bottom:auto;
  z-index:1;
  width:100%;
  margin-top:18px;
  padding:22px 24px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  box-shadow:0 18px 50px rgba(0,0,0,.18);
}

.map-google-card-below .map-google-top{
  align-items:center;
}

.map-google-card-below .map-google-head .text{
  margin-bottom:0;
}

.map-google-card-below .map-google-actions{
  margin-top:16px;
}

.map-google-card-below .map-google-actions .btn{
  width:auto;
  min-width:240px;
}

@media (max-width: 720px){
  .map-google-frame,
  .map-google-frame iframe{
    min-height:360px;
  }

  .map-google-card,
  .map-google-card-below{
    margin-top:14px;
    padding:18px;
    border-radius:20px;
  }

  .map-google-card-below .map-google-top{
    align-items:flex-start;
  }

  .map-google-card-below .map-google-actions .btn{
    width:100%;
    min-width:0;
  }
}


/* v74 — Blog editorial VGV+ */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.editorial-blog-page{background:linear-gradient(180deg,#07070a 0%,#09090d 36%,#f0ede5 36%,#f0ede5 100%)}
.editorial-blog-hero{padding:150px 0 56px;background:radial-gradient(circle at 82% 8%,rgba(238,56,255,.16),transparent 26rem),radial-gradient(circle at 12% 72%,rgba(141,24,255,.12),transparent 28rem),#07070a}
.editorial-blog-hero-top{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.55fr);gap:48px;align-items:end}
.editorial-display{max-width:980px;font-size:clamp(3.1rem,6.2vw,7.3rem);line-height:.88;letter-spacing:-.075em;text-transform:uppercase;text-wrap:balance}
.editorial-blog-hero-top .lead{max-width:460px;margin-left:auto}
.editorial-tools{display:flex;align-items:center;gap:18px;margin-top:42px;padding-top:22px;border-top:1px solid rgba(255,255,255,.09)}
.editorial-search{display:flex;align-items:center;gap:10px;flex:0 0 min(360px,100%);min-height:48px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);color:var(--muted)}
.editorial-search svg{width:17px;height:17px}
.editorial-search input{width:100%;border:0;outline:0;background:transparent;color:#fff}
.editorial-search input::placeholder{color:rgba(255,255,255,.45)}
.editorial-filters{display:flex;gap:8px;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}.editorial-filters::-webkit-scrollbar{display:none}
.editorial-filter{min-height:42px;padding:0 15px;white-space:nowrap;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:transparent;color:rgba(255,255,255,.62);font-size:.68rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.editorial-filter:hover,.editorial-filter.is-active{color:#fff;border-color:rgba(238,56,255,.35);background:linear-gradient(135deg,rgba(141,24,255,.22),rgba(238,56,255,.08))}
.editorial-featured-section{background:#07070a;padding-top:34px;padding-bottom:88px}
.editorial-section-label{display:flex;justify-content:space-between;gap:18px;align-items:center;padding-bottom:14px;margin-bottom:22px;border-bottom:1px solid currentColor;color:inherit;font-size:.7rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.editorial-feature-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.65fr);gap:22px}
.editorial-feature-main{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);min-height:520px;border:1px solid rgba(255,255,255,.09);border-radius:28px;overflow:hidden;background:rgba(255,255,255,.035)}
.editorial-feature-image{position:relative;min-height:480px;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.45)),var(--feature-image);background-size:cover;background-position:center}
.editorial-category{position:absolute;top:18px;left:18px;display:inline-flex;min-height:30px;align-items:center;padding:0 10px;border-radius:999px;background:rgba(6,6,8,.78);backdrop-filter:blur(10px);color:#fff;font-size:.62rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.editorial-category.text-only{position:static;background:transparent;backdrop-filter:none;color:var(--violet);padding:0;min-height:auto}
.editorial-feature-copy{display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(28px,4vw,52px)}
.editorial-feature-copy h2{font-size:clamp(2rem,3.2vw,4rem);line-height:.95;letter-spacing:-.055em;margin:18px 0;text-transform:uppercase}.editorial-feature-copy p{color:var(--muted);line-height:1.7;margin-bottom:26px}.editorial-feature-copy .btn{align-self:flex-start}
.editorial-meta{display:flex;flex-wrap:wrap;gap:14px;color:var(--muted-2);font-size:.66rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.editorial-feature-side{display:grid;gap:22px}
.editorial-side-story{display:grid;grid-template-rows:220px 1fr;overflow:hidden;border-radius:26px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035)}
.editorial-side-image{background:linear-gradient(180deg,transparent,rgba(0,0,0,.18)),var(--side-image);background-size:cover;background-position:center}.editorial-side-story>div{padding:22px}.editorial-side-story h3{font-size:1.28rem;line-height:1.18;margin:14px 0 18px}
.editorial-latest-strip-section{background:#f0ede5;color:#171719;padding-top:34px;padding-bottom:40px}.editorial-latest-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.editorial-latest-item{display:grid;grid-template-columns:96px 1fr;gap:14px;align-items:center;padding:14px;border:1px solid rgba(17,17,19,.12);border-radius:18px;transition:.25s var(--ease)}.editorial-latest-item:hover{transform:translateY(-3px);background:#fff}.editorial-latest-thumb{aspect-ratio:1/1;border-radius:13px;background:var(--latest-image);background-size:cover;background-position:center}.editorial-latest-item small{display:block;margin-bottom:7px;color:#74547f;font-size:.64rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.editorial-latest-item strong{display:block;font-size:.92rem;line-height:1.28}
.editorial-all-section{background:#f0ede5;color:#171719;padding-top:64px}.editorial-content-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:52px;align-items:start}.editorial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.editorial-card{overflow:hidden;border:1px solid rgba(17,17,19,.12);border-radius:24px;background:#f8f5ee;transition:.28s var(--ease)}.editorial-card:hover{transform:translateY(-5px);box-shadow:0 20px 54px rgba(39,29,42,.12)}.editorial-card[hidden]{display:none!important}.editorial-card-media{position:relative;display:block;aspect-ratio:16/10;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.28)),var(--card-image);background-size:cover;background-position:center}.editorial-card-body{padding:23px}.editorial-card h3{font-size:clamp(1.35rem,1.7vw,1.85rem);line-height:1.05;letter-spacing:-.035em;margin:16px 0 12px}.editorial-card p{color:#665e67;line-height:1.65}.editorial-read-link{display:inline-flex;align-items:center;gap:8px;margin-top:20px;font-size:.7rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.editorial-read-link svg{width:15px}
.editorial-sidebar{position:sticky;top:110px;display:grid;gap:22px}.editorial-newsletter,.editorial-popular,.editorial-sidebar-cta{padding:26px;border-radius:24px}.editorial-newsletter{background:#171719;color:#fff}.editorial-newsletter h3{font-size:1.8rem;line-height:1.02;letter-spacing:-.04em;margin:16px 0 12px}.editorial-newsletter p{color:rgba(255,255,255,.65);line-height:1.6}.editorial-newsletter form{display:grid;gap:9px;margin-top:22px}.editorial-newsletter input{height:50px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:#fff;color:#171719;padding:0 14px;outline:0}.editorial-newsletter button{height:48px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--purple),var(--pink));color:#fff;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.editorial-newsletter-status{display:block;min-height:20px;margin-top:10px;color:var(--violet);font-size:.78rem}.editorial-popular{border:1px solid rgba(17,17,19,.12);background:#f8f5ee}.editorial-sidebar-title{padding-bottom:13px;margin-bottom:4px;border-bottom:1px solid rgba(17,17,19,.16);font-size:.7rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.editorial-popular a{display:grid;grid-template-columns:36px 1fr;gap:12px;padding:16px 0;border-bottom:1px solid rgba(17,17,19,.1)}.editorial-popular a:last-child{border-bottom:0}.editorial-popular a span{font-size:.72rem;color:#7f6b83}.editorial-popular a strong{font-size:.92rem;line-height:1.28}.editorial-sidebar-cta{background:linear-gradient(145deg,#2a123c,#111114);color:#fff}.editorial-sidebar-cta h3{font-size:1.65rem;line-height:1.06;margin:12px 0 20px}.editorial-sidebar-cta a{display:inline-flex;align-items:center;gap:8px;color:var(--violet);font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.editorial-empty{padding:40px;border:1px dashed rgba(17,17,19,.25);border-radius:24px;text-align:center}.editorial-empty p{margin-top:8px;color:#6c646d}

/* Article pages */
.article-page{background:#f0ede5;color:#171719}.article-progress{position:fixed;top:82px;left:0;right:0;height:3px;z-index:99;background:transparent}.article-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--purple),var(--pink))}.article-hero{padding:150px 0 72px;background:#0a0a0d;color:#fff}.article-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.75fr);gap:56px;align-items:center}.article-back{display:inline-block;margin-bottom:28px;color:rgba(255,255,255,.6);font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.article-hero-copy h1{font-size:clamp(2.8rem,5.4vw,6.3rem);line-height:.9;letter-spacing:-.07em;text-transform:uppercase;margin:18px 0 24px}.article-hero-copy>p{max-width:760px;color:rgba(255,255,255,.7);font-size:1.12rem;line-height:1.72}.article-byline{display:flex;flex-wrap:wrap;gap:16px;margin-top:28px;color:rgba(255,255,255,.5);font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.article-hero-image{min-height:520px;border-radius:30px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.18)),var(--article-image);background-size:cover;background-position:center;box-shadow:0 30px 90px rgba(0,0,0,.38)}.article-layout{display:grid;grid-template-columns:230px minmax(0,760px);gap:64px;justify-content:center;align-items:start;padding-top:72px;padding-bottom:88px}.article-toc{position:sticky;top:122px;padding:18px 0}.article-toc nav{display:grid;margin-top:18px;border-left:1px solid rgba(17,17,19,.16)}.article-toc nav a{padding:8px 0 8px 16px;color:#6d656f;font-size:.78rem;line-height:1.35}.article-toc nav a:hover{color:#171719;border-left:2px solid var(--purple);margin-left:-1px}.article-share{display:grid;gap:10px;margin-top:28px;padding-top:20px;border-top:1px solid rgba(17,17,19,.12);font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.article-share button{width:max-content;border:0;background:transparent;color:#74547f;text-decoration:underline}.article-content{font-family:Georgia,"Times New Roman",serif}.article-content>p,.article-section p{font-size:1.16rem;line-height:1.86;color:#403a41}.article-dropcap:first-letter{float:left;font-size:4.8rem;line-height:.76;padding-right:10px;padding-top:9px;font-weight:700;color:#171719}.article-section{padding-top:42px;scroll-margin-top:120px}.article-section h2,.article-takeaways h2{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(2rem,3vw,3.2rem);line-height:1;letter-spacing:-.055em;text-transform:uppercase;margin-bottom:22px}.article-section p+p{margin-top:22px}.article-content blockquote{margin:38px 0;padding:30px 0 30px 28px;border-left:4px solid var(--purple);font-size:1.7rem;line-height:1.35;color:#211d22}.article-content blockquote cite{display:block;margin-top:16px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.7rem;font-style:normal;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#7d7180}.article-takeaways{margin-top:56px;padding:32px;border-radius:24px;background:#171719;color:#fff;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.article-takeaways .mono{color:var(--violet)}.article-takeaways h2{margin:14px 0 22px}.article-takeaways ul{display:grid;gap:13px}.article-takeaways li{list-style:none;display:grid;grid-template-columns:12px 1fr;gap:10px;color:rgba(255,255,255,.75);line-height:1.55}.article-takeaways li:before{content:"";width:7px;height:7px;margin-top:.55em;border-radius:50%;background:linear-gradient(135deg,var(--purple),var(--pink))}.article-author-box{display:grid;grid-template-columns:90px 1fr;gap:22px;align-items:center;margin-top:34px;padding-top:28px;border-top:1px solid rgba(17,17,19,.14);font-family:Inter,ui-sans-serif,system-ui,sans-serif}.article-author-box img{width:80px}.article-author-box p{margin-top:8px;color:#665e67;line-height:1.55}.article-related-section{background:#0a0a0d;color:#fff}.article-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.article-related-card{display:grid;gap:14px}.article-related-image{display:block;aspect-ratio:16/10;border-radius:20px;background:var(--related-image);background-size:cover;background-position:center}.article-related-card strong{font-size:1.15rem;line-height:1.25}

@media(max-width:1100px){.editorial-blog-hero-top,.editorial-feature-grid,.editorial-content-layout,.article-hero-grid{grid-template-columns:1fr}.editorial-feature-main{grid-template-columns:1fr}.editorial-feature-side{grid-template-columns:1fr 1fr}.editorial-sidebar{position:static;grid-template-columns:repeat(3,minmax(0,1fr))}.article-layout{grid-template-columns:1fr;max-width:820px}.article-toc{position:static;display:none}.article-hero-image{min-height:420px}}
@media(max-width:760px){.editorial-blog-page{background:#07070a}.editorial-blog-hero{padding-top:126px}.editorial-blog-hero-top{gap:22px}.editorial-display{font-size:clamp(2.7rem,13vw,4.8rem)}.editorial-blog-hero-top .lead{margin-left:0}.editorial-tools{display:grid}.editorial-search{flex-basis:auto}.editorial-featured-section{padding-bottom:56px}.editorial-feature-side,.editorial-latest-strip,.editorial-grid,.editorial-sidebar,.article-related-grid{grid-template-columns:1fr}.editorial-feature-main{min-height:0}.editorial-feature-image{min-height:320px}.editorial-side-story{grid-template-columns:120px 1fr;grid-template-rows:1fr}.editorial-side-image{min-height:170px}.editorial-latest-strip-section,.editorial-all-section{background:#f0ede5}.editorial-content-layout{gap:38px}.article-hero{padding-top:126px}.article-hero-grid{gap:30px}.article-hero-copy h1{font-size:clamp(2.6rem,12vw,4.8rem)}.article-hero-image{min-height:300px}.article-layout{padding-top:50px;gap:0}.article-content>p,.article-section p{font-size:1.06rem}.article-content blockquote{font-size:1.35rem}.article-author-box{grid-template-columns:1fr}.article-progress{top:82px}}


/* v75 — Blog: imagens editoriais reais + hero das matérias centralizada na imagem */
.article-hero{
  padding: 150px 0 56px !important;
  background: #0a0a0d !important;
}

.article-hero-grid{
  position: relative !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0 !important;
  align-items: stretch !important;
}

.article-hero-copy,
.article-hero-image{
  grid-area: 1 / 1 !important;
}

.article-hero-image{
  min-height: 620px !important;
  border-radius: 32px !important;
  background:
    linear-gradient(180deg, rgba(4,5,10,.20) 0%, rgba(4,5,10,.42) 38%, rgba(4,5,10,.68) 100%),
    linear-gradient(90deg, rgba(4,5,10,.32) 0%, rgba(4,5,10,.08) 50%, rgba(4,5,10,.28) 100%),
    var(--article-image) !important;
  background-size: cover !important;
  background-position: center center !important;
  box-shadow: 0 30px 90px rgba(0,0,0,.38) !important;
}

.article-hero-copy{
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  min-height: 620px !important;
  padding: clamp(42px, 5vw, 72px) clamp(24px, 5vw, 68px) !important;
  text-align: center !important;
}

.article-hero-copy > p{
  max-width: 820px !important;
  margin: 0 auto !important;
  color: rgba(255,255,255,.82) !important;
}

.article-back{
  margin-bottom: 18px !important;
  color: rgba(255,255,255,.74) !important;
}

.article-hero-copy .editorial-category{
  margin: 0 auto 12px auto !important;
}

.article-hero-copy h1{
  max-width: 1100px !important;
  margin: 10px auto 22px auto !important;
  font-size: clamp(2.8rem, 5.5vw, 6.2rem) !important;
  line-height: .9 !important;
  text-align: center !important;
  text-shadow: 0 10px 28px rgba(0,0,0,.38) !important;
}

.article-byline{
  justify-content: center !important;
  margin-top: 24px !important;
  color: rgba(255,255,255,.66) !important;
}

@media (max-width: 980px){
  .article-hero-copy,
  .article-hero-image{
    min-height: 520px !important;
  }
}

@media (max-width: 760px){
  .article-hero{
    padding-top: 126px !important;
    padding-bottom: 42px !important;
  }

  .article-hero-copy,
  .article-hero-image{
    min-height: 420px !important;
  }

  .article-hero-copy{
    padding: 36px 20px !important;
  }

  .article-hero-copy h1{
    font-size: clamp(2.2rem, 11vw, 4rem) !important;
    line-height: .95 !important;
  }

  .article-hero-copy > p{
    font-size: 1rem !important;
    line-height: 1.6 !important;
  }
}


/* v76 — Blog: imagens dentro das matérias */
.article-content{
  gap: 0 !important;
}

.article-figure{
  margin: 34px 0 38px;
  border-radius: 28px;
  overflow: hidden;
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 24px 60px rgba(0,0,0,.24);
}

.article-figure img{
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.article-figure figcaption{
  padding: 14px 18px 18px;
  color: rgba(255,255,255,.66);
  font-size: .95rem;
  line-height: 1.6;
  background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01));
}

@media (max-width: 760px){
  .article-figure{
    margin: 24px 0 28px;
    border-radius: 20px;
  }

  .article-figure figcaption{
    padding: 12px 14px 16px;
    font-size: .9rem;
  }
}

/* v77 — CTA do VGV Tech dentro da matéria VR */
.article-product-cta{
  margin-top:36px;
  padding:30px;
  border-radius:26px;
  border:1px solid rgba(141,24,255,.20);
  background:
    radial-gradient(circle at 88% 14%, rgba(238,56,255,.14), transparent 22rem),
    linear-gradient(135deg, rgba(141,24,255,.10), rgba(255,255,255,.04));
  font-family:Inter,ui-sans-serif,system-ui,sans-serif;
}

.article-product-cta .mono{
  color:var(--violet);
}

.article-product-cta h3{
  margin:12px 0 12px;
  color:#171719;
  font-size:clamp(1.7rem,2.5vw,2.7rem);
  line-height:1;
  letter-spacing:-.045em;
  text-transform:uppercase;
}

.article-product-cta p{
  margin-bottom:22px;
  color:#554d56;
  font-family:Inter,ui-sans-serif,system-ui,sans-serif;
  font-size:1rem;
  line-height:1.7;
}

@media (max-width:760px){
  .article-product-cta{
    padding:22px;
    border-radius:20px;
  }
}


/* v78 — Padronização das heros do blog e matérias */
.editorial-blog-hero{
  position:relative !important;
  overflow:hidden !important;
  padding:150px 0 60px !important;
  background:#0a0a0d !important;
}

.editorial-blog-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(5,6,10,.52) 0%, rgba(5,6,10,.58) 38%, rgba(5,6,10,.72) 100%),
    radial-gradient(circle at 80% 12%, rgba(238,56,255,.16), transparent 24rem),
    radial-gradient(circle at 18% 78%, rgba(141,24,255,.18), transparent 24rem),
    url('assets/blog/blog-marketing-estrategia.webp');
  background-size:cover;
  background-position:center center;
  transform:scale(1.02);
}

.editorial-blog-hero > .container-wide{
  position:relative;
  z-index:1;
}

.editorial-blog-hero-top{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
  gap:18px !important;
  min-height:520px !important;
  text-align:center !important;
}

.editorial-blog-hero-top > div,
.editorial-blog-hero-top .lead{
  width:100%;
}

.editorial-blog-hero .kicker{
  justify-content:center;
}

.editorial-display{
  max-width:1100px !important;
  margin:0 auto !important;
  text-align:center !important;
  text-shadow:0 12px 34px rgba(0,0,0,.36);
}

.editorial-blog-hero-top .lead{
  max-width:820px !important;
  margin:0 auto !important;
  color:rgba(255,255,255,.82) !important;
  text-align:center !important;
}

.editorial-tools{
  position:relative;
  z-index:1;
  justify-content:center !important;
  flex-wrap:wrap;
  max-width:980px;
  margin:34px auto 0 !important;
  padding:24px 0 0 !important;
  border-top:1px solid rgba(255,255,255,.12) !important;
}

.editorial-search{
  flex:0 1 min(380px,100%) !important;
}

@media (max-width:1100px){
  .editorial-blog-hero-top{
    min-height:500px !important;
  }
}

@media (max-width:760px){
  .editorial-blog-hero{
    padding-top:126px !important;
    padding-bottom:42px !important;
  }

  .editorial-blog-hero-top{
    min-height:420px !important;
    gap:16px !important;
  }

  .editorial-display{
    font-size:clamp(2.4rem, 10.8vw, 4.2rem) !important;
    line-height:.94 !important;
  }

  .editorial-blog-hero-top .lead{
    font-size:1rem;
    line-height:1.65;
  }

  .editorial-tools{
    margin-top:22px !important;
    padding-top:18px !important;
  }
}


/* v79 — Blog: card principal da seção destaque com copy abaixo da imagem */
.editorial-feature-main{
  display:grid !important;
  grid-template-columns:1fr !important;
  grid-template-rows:auto 1fr !important;
  min-height:0 !important;
  align-self:start;
}

.editorial-feature-main .editorial-feature-image{
  min-height:460px !important;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.editorial-feature-main .editorial-feature-copy{
  justify-content:flex-start !important;
  padding:28px 30px 30px !important;
}

.editorial-feature-main .editorial-feature-copy h2{
  font-size:clamp(1.9rem,2.8vw,3.3rem) !important;
  line-height:.95 !important;
  margin:14px 0 14px !important;
}

.editorial-feature-main .editorial-feature-copy p{
  max-width:760px;
  margin-bottom:22px !important;
}

@media (max-width:760px){
  .editorial-feature-main .editorial-feature-image{
    min-height:320px !important;
  }
  .editorial-feature-main .editorial-feature-copy{
    padding:22px 20px 24px !important;
  }
}


/* v81 — Conteúdo das matérias sempre visível */
.article-page .article-content,
.article-page .article-content.reveal,
.article-page .article-content.reveal:not(.visible),
.article-page .article-content.reveal.visible{
  opacity:1 !important;
  transform:none !important;
  visibility:visible !important;
  filter:none !important;
}

/* Mantém animações apenas nos blocos internos, sem esconder o corpo inteiro da matéria */
.article-page .article-content > .article-figure.reveal,
.article-page .article-content > .article-section.reveal{
  visibility:visible !important;
}


/* v82 — VGV Tech: experiência VR guiada pelo scroll */
.tech-immersive-page{background:#06070a;color:#fff;overflow:clip}
.tech-vr-scroll{position:relative;height:360vh;background:#05060a;--vr-progress:0;--vr-approach:0;--vr-immerse:0}
.tech-vr-sticky{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate;background:#05060a}
.tech-vr-bg{position:absolute;inset:-4%;z-index:-4;background:radial-gradient(circle at 50% 44%,rgba(88,41,129,.28),transparent 36%),linear-gradient(180deg,rgba(2,3,7,.34),rgba(2,3,7,.9)),url('assets/tech-bg.jpg') center/cover;transform:scale(calc(1.02 + var(--vr-approach)*.14));filter:saturate(.85) brightness(calc(.5 + var(--vr-immerse)*.12));transition:filter .12s linear}
.tech-vr-pov{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:var(--vr-immerse);transform:scale(calc(1.05 - var(--vr-immerse)*.04));filter:saturate(1.08) contrast(1.06) brightness(.78);transition:opacity .08s linear}
.tech-vr-vignette{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,transparent 38%,rgba(0,0,0,.12) 56%,rgba(0,0,0,.74) 100%);opacity:calc(.62 + var(--vr-immerse)*.28)}
.tech-vr-intro{position:absolute;z-index:4;left:50%;top:50%;width:min(980px,calc(100% - 40px));transform:translate(-50%,-50%) translateY(calc(var(--vr-approach)*-90px));text-align:center;opacity:calc(1 - var(--vr-approach)*1.45);pointer-events:none}
.tech-vr-intro .kicker{justify-content:center;margin-bottom:18px}.tech-vr-intro h1{font-size:clamp(3.2rem,7.2vw,8rem);line-height:.84;letter-spacing:-.075em;text-transform:uppercase;text-wrap:balance;text-shadow:0 18px 50px rgba(0,0,0,.4)}
.tech-vr-intro p{max-width:620px;margin:22px auto 0;color:rgba(255,255,255,.7);font-size:1rem;letter-spacing:.04em}
.tech-vr-headset-wrap{position:absolute;z-index:5;left:50%;top:50%;width:min(620px,64vw);aspect-ratio:1.55/1;transform:translate(-50%,-50%) scale(calc(.62 + var(--vr-approach)*3.35));transform-origin:center;opacity:calc(1 - var(--vr-immerse)*1.18);filter:drop-shadow(0 34px 80px rgba(0,0,0,.58));pointer-events:none}
.tech-vr-headset{position:relative;width:100%;height:100%}.tech-vr-shell{position:absolute;inset:7% 6% 10%;border-radius:31% 31% 36% 36%/30% 30% 46% 46%;background:linear-gradient(145deg,#23262d 0%,#0d0f13 47%,#282b32 100%);border:1px solid rgba(255,255,255,.17);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 -26px 70px rgba(0,0,0,.5),0 34px 90px rgba(0,0,0,.5)}
.tech-vr-shell:before{content:"";position:absolute;inset:4%;border-radius:inherit;border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 25%)}
.tech-vr-brand{position:absolute;left:50%;top:7%;transform:translateX(-50%);font-size:.7rem;font-weight:900;letter-spacing:.12em;color:rgba(255,255,255,.48)}
.tech-vr-bridge{position:absolute;left:50%;top:39%;width:10%;height:28%;transform:translateX(-50%);border-radius:48%;background:linear-gradient(180deg,#111318,#06070a);box-shadow:inset 0 2px 5px rgba(255,255,255,.04)}
.tech-vr-lens{position:absolute;top:24%;width:35%;height:47%;overflow:hidden;border-radius:50% 48% 52% 50%/48% 50% 52% 50%;border:7px solid #05060a;box-shadow:0 0 0 2px rgba(255,255,255,.08),inset 0 0 28px rgba(0,0,0,.7);background:#141820}
.tech-vr-lens-left{left:12%;transform:rotate(-2deg)}.tech-vr-lens-right{right:12%;transform:rotate(2deg)}
.tech-vr-lens span{position:absolute;inset:-10%;background:linear-gradient(180deg,rgba(119,62,255,.12),rgba(0,0,0,.22)),url('assets/blog/blog-experiencia-digital.webp') center/cover;filter:saturate(1.14) brightness(.84);transform:scale(calc(1.1 + var(--vr-approach)*.25))}
.tech-vr-lens:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.24),transparent 18%),linear-gradient(135deg,rgba(188,95,255,.12),transparent 38%);mix-blend-mode:screen}
.tech-vr-sensor{position:absolute;width:8px;height:8px;border-radius:50%;background:#0a0b0e;box-shadow:0 0 0 1px rgba(255,255,255,.08)}.tech-vr-sensor-a{left:7%;top:45%}.tech-vr-sensor-b{right:7%;top:45%}
.tech-vr-strap{position:absolute;top:19%;width:28%;height:54%;border:22px solid #111319;border-radius:50%;opacity:.9}.tech-vr-strap-left{left:-12%;border-right:0}.tech-vr-strap-right{right:-12%;border-left:0}
.tech-vr-inside{position:absolute;z-index:4;left:50%;bottom:8vh;width:min(900px,calc(100% - 40px));transform:translateX(-50%) translateY(calc((1 - var(--vr-immerse))*70px));text-align:center;opacity:var(--vr-immerse);pointer-events:none}.tech-vr-inside .mono{color:#dca5ff}.tech-vr-inside h2{max-width:900px;margin:13px auto 16px;font-size:clamp(2.4rem,5.8vw,6.4rem);line-height:.88;letter-spacing:-.065em;text-transform:uppercase}.tech-vr-inside p{max-width:720px;margin:auto;color:rgba(255,255,255,.76);line-height:1.7}
.tech-vr-scroll-cue{position:absolute;z-index:6;left:36px;bottom:32px;display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.48);font-size:.62rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;opacity:calc(1 - var(--vr-immerse))}.tech-vr-scroll-cue i{display:block;width:52px;height:1px;background:rgba(255,255,255,.24);position:relative;overflow:hidden}.tech-vr-scroll-cue i:after{content:"";position:absolute;inset:0;background:#fff;transform:translateX(calc(-100% + var(--vr-progress)*100%))}
.tech-vr-progress{position:absolute;z-index:6;right:32px;bottom:30px;display:flex;gap:18px;color:rgba(255,255,255,.34);font-size:.58rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.tech-vr-progress span.is-active{color:#fff}
.tech-after-vr{background:linear-gradient(180deg,#07080b,#0b0c11)}
.tech-journey-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px}.tech-journey-card{min-height:250px;padding:28px;border-radius:26px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.022));box-shadow:0 18px 48px rgba(0,0,0,.16)}.tech-journey-card .mono{color:#dca5ff}.tech-journey-card h3{margin:30px 0 12px;font-size:clamp(1.6rem,2.5vw,2.6rem);line-height:1;letter-spacing:-.045em}.tech-journey-card p{color:var(--muted);line-height:1.68}
.tech-capabilities-section{background:#eeece5;color:#171719}.tech-capabilities-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.56fr);gap:46px;align-items:end}.tech-capabilities-head .lead{color:#655e67}.tech-capabilities-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:38px}.tech-capability-card{position:relative;overflow:hidden;min-height:430px;padding:28px;border-radius:28px;border:1px solid rgba(17,17,19,.12);background:#f8f5ee;box-shadow:0 18px 54px rgba(39,29,42,.08)}.tech-capability-card:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-90px;bottom:-100px;background:radial-gradient(circle,rgba(141,24,255,.16),transparent 68%)}.tech-capability-top{display:flex;justify-content:space-between;align-items:center}.tech-capability-top .mono{color:#74547f}.tech-capability-index{font-size:.68rem;font-weight:900;letter-spacing:.12em;color:#8e858f}.tech-capability-card h3{margin:84px 0 18px;font-size:clamp(2rem,3vw,3.2rem);line-height:.95;letter-spacing:-.055em;text-transform:uppercase}.tech-capability-card p{color:#625b63;line-height:1.7}.tech-capability-card ul{display:grid;gap:10px;margin-top:24px}.tech-capability-card li{list-style:none;padding-top:10px;border-top:1px solid rgba(17,17,19,.1);font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#6f6671}
.tech-usecases-section{background:#090a0e}.tech-usecases-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:32px}.tech-usecase{min-height:320px;padding:26px;border-radius:26px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 88% 12%,rgba(238,56,255,.08),transparent 18rem),rgba(255,255,255,.03)}.tech-usecase span{color:#dca5ff;font-size:.67rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.tech-usecase h3{margin:88px 0 14px;font-size:clamp(1.8rem,2.8vw,3rem);line-height:.98;letter-spacing:-.05em}.tech-usecase p{color:var(--muted);line-height:1.7}
.tech-product-proof{background:#05060a}.tech-product-proof-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.8fr);gap:34px;align-items:center}.tech-product-proof-copy .lead{max-width:720px;margin:20px 0 28px}.tech-product-proof-panel{position:relative;display:grid;place-items:center;min-height:460px;overflow:hidden;border-radius:32px;border:1px solid rgba(255,255,255,.09);background:radial-gradient(circle at center,rgba(141,24,255,.2),transparent 28%),linear-gradient(145deg,#15111e,#06070a)}.tech-product-proof-panel strong{font-size:clamp(2.2rem,4vw,5rem);letter-spacing:-.06em;z-index:2}.tech-product-proof-panel small{position:absolute;bottom:30px;color:rgba(255,255,255,.54);font-size:.68rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.tech-orbit{position:absolute;border:1px solid rgba(221,165,255,.22);border-radius:50%;animation:techOrbitSpin 14s linear infinite}.tech-orbit-a{width:180px;height:180px}.tech-orbit-b{width:300px;height:300px;animation-direction:reverse;animation-duration:20s}.tech-orbit-c{width:430px;height:430px;animation-duration:28s}.tech-orbit:after{content:"";position:absolute;top:50%;left:-4px;width:8px;height:8px;border-radius:50%;background:#dca5ff;box-shadow:0 0 18px rgba(220,165,255,.7)}@keyframes techOrbitSpin{to{transform:rotate(360deg)}}
@media(max-width:980px){.tech-journey-grid,.tech-capabilities-grid,.tech-usecases-grid{grid-template-columns:1fr}.tech-capabilities-head,.tech-product-proof-grid{grid-template-columns:1fr}.tech-vr-headset-wrap{width:min(560px,78vw)}.tech-vr-progress{display:none}.tech-capability-card,.tech-usecase{min-height:auto}.tech-capability-card h3,.tech-usecase h3{margin-top:54px}}
@media(max-width:640px){.tech-vr-scroll{height:300vh}.tech-vr-intro{top:46%;width:calc(100% - 28px)}.tech-vr-intro h1{font-size:clamp(2.6rem,13vw,4.8rem);line-height:.9}.tech-vr-intro p{font-size:.9rem}.tech-vr-headset-wrap{width:88vw}.tech-vr-scroll-cue{left:18px;bottom:20px}.tech-vr-inside{bottom:7vh;width:calc(100% - 28px)}.tech-vr-inside h2{font-size:clamp(2.2rem,11vw,4.4rem)}.tech-vr-inside p{font-size:.92rem}.tech-journey-card,.tech-capability-card,.tech-usecase{padding:22px;border-radius:22px}.tech-product-proof-panel{min-height:340px}.tech-orbit-c{width:330px;height:330px}}
@media(prefers-reduced-motion:reduce){.tech-vr-scroll{height:auto}.tech-vr-sticky{position:relative;height:auto;min-height:100svh;padding:150px 0 80px}.tech-vr-headset-wrap{position:relative;left:auto;top:auto;margin:260px auto 0;transform:none;width:min(520px,82vw)}.tech-vr-pov{opacity:.28}.tech-vr-intro{position:absolute;top:160px}.tech-vr-inside{position:relative;left:auto;bottom:auto;transform:none;margin:80px auto 0;opacity:1}.tech-vr-scroll-cue,.tech-vr-progress{display:none}.tech-orbit{animation:none}}


/* v83 — Headset real + POV real via YouTube */
.tech-vr-pov.tech-vr-youtube{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  z-index:-2 !important;
  overflow:hidden !important;
  opacity:var(--vr-immerse) !important;
  transform:scale(calc(1.06 - var(--vr-immerse)*.04)) !important;
  filter:saturate(1.06) contrast(1.04) brightness(.82) !important;
  transition:opacity .08s linear !important;
  background:#05060a;
  pointer-events:none;
}

.tech-vr-youtube-poster{
  position:absolute;
  inset:0;
  z-index:0;
  background:
    linear-gradient(180deg, rgba(3,4,8,.14), rgba(3,4,8,.48)),
    url('assets/blog/blog-experiencia-digital.webp') center/cover no-repeat;
  opacity:1;
  transition:opacity .45s ease;
}

.tech-vr-youtube.is-loaded .tech-vr-youtube-poster{
  opacity:0;
}

.tech-vr-youtube iframe{
  position:absolute;
  z-index:1;
  left:50%;
  top:50%;
  width:177.77777778vh;
  min-width:100%;
  height:56.25vw;
  min-height:100%;
  border:0;
  transform:translate(-50%,-50%) scale(1.08);
  pointer-events:none;
  background:#05060a;
}

.tech-vr-headset-wrap{
  position:absolute !important;
  z-index:5 !important;
  left:50% !important;
  top:50% !important;
  width:min(860px,74vw) !important;
  aspect-ratio:1322 / 806 !important;
  transform:
    translate(-50%,-50%)
    scale(calc(.54 + var(--vr-approach)*3.75)) !important;
  transform-origin:center center !important;
  opacity:calc(1 - var(--vr-immerse)*1.18) !important;
  filter:drop-shadow(0 38px 86px rgba(0,0,0,.66)) !important;
  pointer-events:none !important;
  will-change:transform,opacity;
}

.tech-vr-headset-image{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  user-select:none;
  -webkit-user-drag:none;
}

/* Neutraliza o headset vetorial antigo caso algum cache mantenha nós residuais */
.tech-vr-headset,
.tech-vr-shell,
.tech-vr-strap,
.tech-vr-lens,
.tech-vr-bridge,
.tech-vr-sensor,
.tech-vr-brand{
  display:none !important;
}

/* Transição mais natural: o POV ganha presença apenas depois do headset dominar a tela */
.tech-vr-vignette{
  background:
    radial-gradient(ellipse at center,
      transparent calc(34% - var(--vr-immerse)*5%),
      rgba(0,0,0,.10) 55%,
      rgba(0,0,0,.82) 100%) !important;
  opacity:calc(.52 + var(--vr-immerse)*.34) !important;
}

@media(max-width:980px){
  .tech-vr-headset-wrap{
    width:min(760px,84vw) !important;
  }
}

@media(max-width:640px){
  .tech-vr-headset-wrap{
    width:92vw !important;
    transform:
      translate(-50%,-50%)
      scale(calc(.58 + var(--vr-approach)*4.15)) !important;
  }

  .tech-vr-youtube iframe{
    transform:translate(-50%,-50%) scale(1.18);
  }
}

@media(prefers-reduced-motion:reduce){
  .tech-vr-headset-wrap{
    width:min(620px,88vw) !important;
    transform:none !important;
  }

  .tech-vr-pov.tech-vr-youtube{
    opacity:.32 !important;
  }
}


/* v84 — Tech: UX dinâmica, seções distintas e correção do vazio final */
.tech-immersive-page{
  padding-bottom:0 !important;
  margin-bottom:0 !important;
  overflow:clip;
}

/* Seção jornada: fluxo diagonal em vez de três colunas iguais */
.tech-journey-grid{display:none !important;}
.tech-journey-flow{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) 88px minmax(0,1fr) 88px minmax(0,1fr);
  gap:0;
  align-items:center;
  margin-top:48px;
  padding:28px 0;
}
.tech-journey-flow::before{
  content:"";
  position:absolute;
  left:4%;right:4%;top:50%;height:1px;
  background:linear-gradient(90deg,transparent,rgba(220,165,255,.38),rgba(255,255,255,.18),rgba(220,165,255,.38),transparent);
  z-index:0;
}
.tech-journey-step{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:72px 1fr;
  gap:18px;
  align-items:start;
  min-height:250px;
  padding:26px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.09);
  background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025));
  box-shadow:0 22px 60px rgba(0,0,0,.20);
}
.tech-journey-step-b{transform:translateY(42px);}
.tech-journey-step-c{transform:translateY(-18px);}
.tech-journey-icon{
  width:64px;height:64px;border-radius:20px;display:grid;place-items:center;
  color:#fff;background:linear-gradient(135deg,rgba(141,24,255,.42),rgba(238,56,255,.16));
  border:1px solid rgba(220,165,255,.22);box-shadow:0 14px 34px rgba(141,24,255,.16);
}
.tech-journey-icon svg{width:28px;height:28px;}
.tech-journey-copy .mono{color:#dca5ff;}
.tech-journey-copy h3{margin:30px 0 12px;font-size:clamp(1.55rem,2.2vw,2.5rem);line-height:1;letter-spacing:-.045em;}
.tech-journey-copy p{color:var(--muted);line-height:1.68;}
.tech-journey-connector{position:relative;z-index:1;height:1px;}
.tech-journey-connector span{display:block;width:100%;height:1px;background:linear-gradient(90deg,rgba(220,165,255,.15),rgba(220,165,255,.7),rgba(220,165,255,.15));}

/* Seção soluções: composição bento com imagem grande + cards empilhados */
.tech-capabilities-grid{display:none !important;}
.tech-capabilities-bento{
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(360px,.7fr);
  gap:20px;
  margin-top:42px;
}
.tech-capability-feature{
  overflow:hidden;border-radius:30px;border:1px solid rgba(17,17,19,.12);background:#f8f5ee;
  box-shadow:0 22px 60px rgba(39,29,42,.10);
}
.tech-capability-visual{
  position:relative;min-height:390px;
  background:linear-gradient(180deg,transparent 48%,rgba(0,0,0,.46)),var(--capability-image) center/cover;
}
.tech-capability-badge{
  position:absolute;left:22px;top:22px;display:inline-flex;align-items:center;min-height:34px;padding:0 12px;
  border-radius:999px;background:rgba(8,8,12,.76);backdrop-filter:blur(10px);color:#fff;
  font-size:.65rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase;
}
.tech-capability-feature-copy{display:grid;grid-template-columns:72px 1fr;gap:20px;padding:28px 30px 32px;align-items:start;}
.tech-capability-icon{
  width:58px;height:58px;border-radius:18px;display:grid;place-items:center;
  color:#fff;background:linear-gradient(135deg,#8d18ff,#ee38ff);box-shadow:0 14px 34px rgba(141,24,255,.22);
}
.tech-capability-icon svg{width:25px;height:25px;}
.tech-capability-feature-copy .mono,.tech-capability-mini-head .mono{color:#74547f;}
.tech-capability-feature-copy h3{margin:10px 0 12px;font-size:clamp(2rem,3.4vw,4rem);line-height:.94;letter-spacing:-.055em;text-transform:uppercase;}
.tech-capability-feature-copy p{color:#625b63;line-height:1.7;}
.tech-capability-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;}
.tech-capability-tags span{padding:8px 11px;border-radius:999px;border:1px solid rgba(17,17,19,.12);font-size:.65rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#6f6671;}
.tech-capabilities-stack{display:grid;gap:20px;}
.tech-capability-mini{display:grid;grid-template-columns:180px 1fr;overflow:hidden;min-height:245px;border-radius:28px;border:1px solid rgba(17,17,19,.12);background:#f8f5ee;box-shadow:0 18px 46px rgba(39,29,42,.08);}
.tech-capability-mini-image{min-height:245px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.22)),var(--capability-image) center/cover;}
.tech-capability-mini-copy{padding:24px;align-self:center;}
.tech-capability-mini-head{display:flex;justify-content:space-between;align-items:center;gap:14px;}
.tech-capability-mini .tech-capability-icon{width:46px;height:46px;border-radius:15px;}
.tech-capability-mini .tech-capability-icon svg{width:21px;height:21px;}
.tech-capability-mini h3{margin:20px 0 10px;font-size:clamp(1.5rem,2.1vw,2.3rem);line-height:.98;letter-spacing:-.045em;text-transform:uppercase;}
.tech-capability-mini p{color:#625b63;line-height:1.65;font-size:.94rem;}

/* Seção aplicação: imagem editorial + lista vertical */
.tech-usecases-grid{display:none !important;}
.tech-usecases-story{
  display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:stretch;margin-top:38px;
}
.tech-usecases-visual{
  position:relative;min-height:650px;border-radius:30px;overflow:hidden;
  background:linear-gradient(180deg,rgba(6,7,10,.06),rgba(6,7,10,.72)),var(--usecase-image) center/cover;
  border:1px solid rgba(255,255,255,.09);box-shadow:0 24px 70px rgba(0,0,0,.26);
}
.tech-usecases-visual-overlay{position:absolute;left:28px;right:28px;bottom:28px;padding:24px;border-radius:22px;background:rgba(8,9,13,.68);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.10);}
.tech-usecases-visual-overlay .mono{color:#dca5ff;}
.tech-usecases-visual-overlay strong{display:block;margin-top:10px;font-size:clamp(1.8rem,2.8vw,3rem);line-height:.98;letter-spacing:-.05em;}
.tech-usecases-list{display:grid;align-content:stretch;border-top:1px solid rgba(255,255,255,.10);}
.tech-usecase-row{
  display:grid;grid-template-columns:70px 1fr 42px;gap:18px;align-items:center;min-height:205px;padding:26px 4px;
  border-bottom:1px solid rgba(255,255,255,.10);
}
.tech-usecase-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;color:#fff;background:rgba(255,255,255,.055);border:1px solid rgba(220,165,255,.18);}
.tech-usecase-icon svg{width:25px;height:25px;}
.tech-usecase-row span{color:#dca5ff;font-size:.67rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;}
.tech-usecase-row h3{margin:10px 0 8px;font-size:clamp(1.65rem,2.6vw,2.8rem);line-height:.98;letter-spacing:-.05em;}
.tech-usecase-row p{color:var(--muted);line-height:1.65;}
.tech-usecase-row > strong{align-self:start;color:rgba(255,255,255,.28);font-size:.72rem;letter-spacing:.12em;}

/* Seção final: painel real com imagem e micro-blocos, sem órbitas repetitivas */
.tech-product-proof{
  padding-top:clamp(56px,6vw,88px) !important;
  padding-bottom:clamp(42px,4.5vw,68px) !important;
  margin:0 !important;
  overflow:visible !important;
}
.tech-product-proof-grid{align-items:stretch !important;}
.tech-product-proof-media{
  position:relative;min-height:460px !important;
  background:linear-gradient(180deg,rgba(5,6,10,.10),rgba(5,6,10,.70)),var(--proof-image) center/cover !important;
}
.tech-product-proof-overlay{position:absolute;left:22px;right:22px;bottom:22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.tech-proof-stat{padding:16px;border-radius:18px;background:rgba(7,8,12,.70);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.10);}
.tech-proof-stat strong{display:block;font-size:1.5rem;line-height:1;color:#fff;}
.tech-proof-stat span{display:block;margin-top:6px;color:rgba(255,255,255,.58);font-size:.62rem;font-weight:900;letter-spacing:.10em;text-transform:uppercase;}
.tech-orbit{display:none !important;}

/* Corrige o grande espaço vazio antes do footer */
.tech-product-proof + *{margin-top:0 !important;}
.tech-immersive-page + .site-footer{margin-top:0 !important;}
.tech-immersive-page > .tech-product-proof:last-child{margin-bottom:0 !important;}
.tech-product-proof .reveal,
.tech-product-proof .reveal:not(.visible),
.tech-product-proof .reveal.visible{
  opacity:1 !important;transform:none !important;visibility:visible !important;filter:none !important;
}

@media(max-width:1100px){
  .tech-journey-flow{grid-template-columns:1fr;gap:14px;padding:0;}
  .tech-journey-flow::before,.tech-journey-connector{display:none;}
  .tech-journey-step,.tech-journey-step-b,.tech-journey-step-c{transform:none;min-height:auto;}
  .tech-capabilities-bento,.tech-usecases-story{grid-template-columns:1fr;}
  .tech-capabilities-stack{grid-template-columns:1fr 1fr;}
  .tech-usecases-visual{min-height:520px;}
}

@media(max-width:760px){
  .tech-journey-step{grid-template-columns:58px 1fr;padding:22px;border-radius:22px;}
  .tech-journey-icon{width:52px;height:52px;border-radius:17px;}
  .tech-journey-copy h3{margin-top:22px;}
  .tech-capabilities-stack{grid-template-columns:1fr;}
  .tech-capability-feature-copy{grid-template-columns:1fr;padding:22px;}
  .tech-capability-visual{min-height:300px;}
  .tech-capability-mini{grid-template-columns:120px 1fr;min-height:220px;}
  .tech-capability-mini-image{min-height:220px;}
  .tech-capability-mini-copy{padding:18px;}
  .tech-usecases-visual{min-height:420px;}
  .tech-usecases-visual-overlay{left:14px;right:14px;bottom:14px;padding:18px;}
  .tech-usecase-row{grid-template-columns:54px 1fr;gap:14px;min-height:auto;padding:22px 0;}
  .tech-usecase-row > strong{display:none;}
  .tech-usecase-icon{width:48px;height:48px;border-radius:15px;}
  .tech-product-proof-overlay{grid-template-columns:1fr;left:14px;right:14px;bottom:14px;}
}


/* v85 — Tech: refinamento UI das seções 3, 4 e 5 */

/* S3 — Progressive disclosure: seletor de soluções */
.tech-capabilities-refined{
  position:relative;
  overflow:hidden;
  background:#f0ede5;
  color:#171719;
  padding-top:clamp(72px,8vw,118px) !important;
  padding-bottom:clamp(72px,8vw,118px) !important;
}
.tech-capabilities-refined::before{
  content:"";
  position:absolute;
  width:30rem;height:30rem;border-radius:50%;right:-12rem;top:8%;
  background:radial-gradient(circle,rgba(141,24,255,.12),transparent 68%);
  pointer-events:none;
}
.tech-solution-switcher{
  display:grid;
  grid-template-columns:minmax(300px,.48fr) minmax(0,1.52fr);
  gap:22px;
  margin-top:44px;
  align-items:stretch;
}
.tech-solution-nav{
  display:grid;
  align-content:start;
  gap:10px;
  padding:12px;
  border-radius:28px;
  border:1px solid rgba(17,17,19,.11);
  background:rgba(255,255,255,.48);
  box-shadow:0 18px 46px rgba(39,29,42,.08);
}
.tech-solution-tab{
  position:relative;
  display:grid;
  grid-template-columns:54px minmax(0,1fr) 20px;
  gap:14px;
  align-items:center;
  min-height:96px;
  padding:16px;
  border:1px solid transparent;
  border-radius:20px;
  background:transparent;
  text-align:left;
  color:#171719;
  transition:background .28s var(--ease),border-color .28s var(--ease),transform .28s var(--ease),box-shadow .28s var(--ease);
}
.tech-solution-tab:hover{transform:translateX(3px);background:rgba(255,255,255,.72)}
.tech-solution-tab.is-active{
  background:#171719;
  color:#fff;
  border-color:rgba(141,24,255,.22);
  box-shadow:0 18px 44px rgba(23,23,25,.16);
}
.tech-solution-tab-icon{
  width:48px;height:48px;border-radius:16px;display:grid;place-items:center;
  color:#74547f;background:rgba(141,24,255,.08);border:1px solid rgba(141,24,255,.14);
}
.tech-solution-tab.is-active .tech-solution-tab-icon{color:#fff;background:linear-gradient(135deg,rgba(141,24,255,.7),rgba(238,56,255,.36));border-color:rgba(220,165,255,.24)}
.tech-solution-tab-icon svg{width:22px;height:22px}
.tech-solution-tab small{display:block;color:#7e747f;font-size:.62rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.tech-solution-tab strong{display:block;margin-top:7px;font-size:1.02rem;line-height:1.12}
.tech-solution-tab.is-active small{color:#dca5ff}
.tech-solution-tab i{width:8px;height:8px;border-radius:50%;background:rgba(17,17,19,.16);transition:.25s var(--ease)}
.tech-solution-tab.is-active i{background:#dca5ff;box-shadow:0 0 18px rgba(220,165,255,.7)}
.tech-solution-stage{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);
  overflow:hidden;
  min-height:560px;
  border-radius:32px;
  border:1px solid rgba(17,17,19,.12);
  background:#f8f5ee;
  box-shadow:0 24px 70px rgba(39,29,42,.11);
}
.tech-solution-media{
  position:relative;
  min-height:560px;
  background:linear-gradient(180deg,rgba(4,5,10,.04),rgba(4,5,10,.54)),var(--solution-image) center/cover;
  transition:background-image .42s ease;
}
.tech-solution-media::after{
  content:"";position:absolute;inset:0;
  background:radial-gradient(circle at 50% 50%,transparent 0 22%,rgba(5,6,10,.13) 55%,rgba(5,6,10,.36) 100%);
}
.tech-solution-media-top,.tech-solution-media-bottom{position:absolute;z-index:2;left:22px;right:22px;display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:.62rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.tech-solution-media-top{top:20px}.tech-solution-media-bottom{bottom:20px}
.tech-solution-media-bottom strong{font-size:2.2rem;letter-spacing:-.05em}
.tech-solution-reticle{position:absolute;z-index:2;left:50%;top:50%;width:126px;height:126px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.32);border-radius:50%;display:grid;place-items:center}
.tech-solution-reticle::before,.tech-solution-reticle::after{content:"";position:absolute;background:rgba(255,255,255,.42)}
.tech-solution-reticle::before{width:160px;height:1px}.tech-solution-reticle::after{width:1px;height:160px}
.tech-solution-reticle span{width:11px;height:11px;border-radius:50%;background:#fff;box-shadow:0 0 22px rgba(220,165,255,.8)}
.tech-solution-detail{display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,4vw,52px)}
.tech-solution-detail .mono{color:#74547f}
.tech-solution-detail h3{margin:14px 0 16px;font-size:clamp(2rem,3.4vw,4rem);line-height:.94;letter-spacing:-.055em;text-transform:uppercase}
.tech-solution-detail>p{color:#625b63;line-height:1.72}
.tech-solution-bullets{display:grid;gap:10px;margin-top:26px}
.tech-solution-bullets li{list-style:none;display:grid;grid-template-columns:10px 1fr;gap:10px;align-items:start;color:#3f3941;font-size:.92rem;font-weight:700}
.tech-solution-bullets li::before{content:"";width:7px;height:7px;margin-top:.48em;border-radius:50%;background:linear-gradient(135deg,#8d18ff,#ee38ff)}
.tech-solution-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.tech-solution-tags span{padding:8px 11px;border-radius:999px;border:1px solid rgba(17,17,19,.12);font-size:.62rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#6f6671}

/* S4 — Storytelling por scroll: palco sticky + passos editoriais */
.tech-usecases-refined{
  position:relative;
  overflow:visible;
  padding-top:clamp(78px,8vw,126px) !important;
  padding-bottom:clamp(78px,8vw,126px) !important;
}
.tech-market-journey{
  display:grid;
  grid-template-columns:minmax(360px,.78fr) minmax(0,1.22fr);
  gap:32px;
  margin-top:44px;
  align-items:start;
}
.tech-market-stage{
  position:sticky;
  top:112px;
  min-height:640px;
  overflow:hidden;
  border-radius:32px;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg,rgba(5,6,10,.08),rgba(5,6,10,.74)),var(--market-image) center/cover;
  box-shadow:0 28px 80px rgba(0,0,0,.28);
  transition:background-image .46s ease;
}
.tech-market-stage::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(141,24,255,.06),transparent 44%);pointer-events:none}
.tech-market-stage-top{position:absolute;z-index:2;left:24px;right:24px;top:22px;display:flex;justify-content:space-between;color:rgba(255,255,255,.68);font-size:.64rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.tech-market-stage-top .mono{color:#dca5ff}
.tech-market-stage-copy{position:absolute;z-index:2;left:24px;right:24px;bottom:24px;padding:26px;border-radius:24px;background:rgba(8,9,13,.72);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.11)}
.tech-market-stage-copy small{color:#dca5ff;font-size:.66rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.tech-market-stage-copy strong{display:block;margin:12px 0 12px;font-size:clamp(2rem,3.6vw,4.2rem);line-height:.92;letter-spacing:-.055em}
.tech-market-stage-copy p{color:rgba(255,255,255,.68);line-height:1.65}
.tech-market-steps{position:relative;display:grid;gap:18px;padding-left:32px}
.tech-market-steps::before{content:"";position:absolute;left:7px;top:34px;bottom:34px;width:1px;background:linear-gradient(180deg,rgba(220,165,255,.12),rgba(220,165,255,.55),rgba(220,165,255,.12))}
.tech-market-step{
  position:relative;
  display:grid;
  grid-template-columns:72px minmax(0,1fr) minmax(150px,.32fr);
  gap:22px;
  align-items:center;
  min-height:220px;
  padding:28px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.085);
  background:linear-gradient(180deg,rgba(255,255,255,.052),rgba(255,255,255,.022));
  transition:transform .3s var(--ease),border-color .3s var(--ease),background .3s var(--ease),box-shadow .3s var(--ease);
}
.tech-market-step::before{content:"";position:absolute;left:-31px;top:50%;width:15px;height:15px;transform:translateY(-50%);border-radius:50%;background:#111217;border:3px solid rgba(220,165,255,.34);transition:.3s var(--ease)}
.tech-market-step.is-active{transform:translateX(8px);border-color:rgba(220,165,255,.26);background:linear-gradient(135deg,rgba(141,24,255,.11),rgba(255,255,255,.035));box-shadow:0 24px 64px rgba(0,0,0,.18)}
.tech-market-step.is-active::before{background:#dca5ff;border-color:#dca5ff;box-shadow:0 0 22px rgba(220,165,255,.58)}
.tech-market-step-head{display:grid;justify-items:center;gap:14px}
.tech-market-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;color:#fff;background:rgba(255,255,255,.055);border:1px solid rgba(220,165,255,.18)}
.tech-market-icon svg{width:24px;height:24px}
.tech-market-number{color:rgba(255,255,255,.28);font-size:.66rem;font-weight:900;letter-spacing:.12em}
.tech-market-step-body>span{color:#dca5ff;font-size:.66rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.tech-market-step-body h3{margin:10px 0 10px;font-size:clamp(1.65rem,2.7vw,3rem);line-height:.96;letter-spacing:-.05em}
.tech-market-step-body p{color:var(--muted);line-height:1.66}
.tech-market-step-meta{align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding-left:22px;border-left:1px solid rgba(255,255,255,.09)}
.tech-market-step-meta span{color:rgba(255,255,255,.38);font-size:.62rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.tech-market-step-meta strong{margin-top:10px;font-size:1rem;line-height:1.2;color:#fff}

/* S5 — Sistema de decisão: canvas integrado, não cards repetidos */
.tech-product-proof-refined{
  position:relative;
  overflow:hidden !important;
  padding-top:clamp(72px,8vw,118px) !important;
  padding-bottom:clamp(58px,6vw,88px) !important;
  background:#05060a;
}
.tech-decision-system{overflow:hidden;border-radius:34px;border:1px solid rgba(255,255,255,.09);background:radial-gradient(circle at 85% 10%,rgba(141,24,255,.12),transparent 28rem),linear-gradient(145deg,#111218,#07080c);box-shadow:0 30px 90px rgba(0,0,0,.28)}
.tech-decision-head{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.72fr);gap:42px;align-items:end;padding:clamp(30px,4.5vw,62px);border-bottom:1px solid rgba(255,255,255,.08)}
.tech-decision-head .h2{max-width:820px}
.tech-decision-head-copy .lead{max-width:620px;margin-bottom:24px}
.tech-decision-canvas{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);min-height:570px}
.tech-decision-media{position:relative;min-height:570px;background:linear-gradient(180deg,rgba(5,6,10,.05),rgba(5,6,10,.44)),var(--decision-image) center/cover}
.tech-decision-media::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,transparent 0 30%,rgba(5,6,10,.28) 88%)}
.tech-decision-chip{position:absolute;z-index:2;display:grid;grid-template-columns:38px 1fr;column-gap:10px;align-items:center;padding:13px 15px;border-radius:18px;background:rgba(7,8,12,.72);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.10);box-shadow:0 16px 36px rgba(0,0,0,.20)}
.tech-decision-chip svg{grid-row:1/3;width:22px;height:22px;color:#dca5ff}.tech-decision-chip small{color:rgba(255,255,255,.46);font-size:.58rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.tech-decision-chip strong{font-size:.9rem}
.tech-decision-chip-a{left:24px;top:24px}.tech-decision-chip-b{right:24px;top:42%}.tech-decision-chip-c{left:14%;bottom:24px}
.tech-decision-flow{position:relative;display:grid;align-content:center;gap:0;padding:34px clamp(26px,3vw,44px)}
.tech-decision-flow-line{position:absolute;left:63px;top:78px;bottom:78px;width:1px;background:rgba(255,255,255,.08)}
.tech-decision-flow-line span{display:block;width:1px;height:58%;background:linear-gradient(180deg,#8d18ff,#ee38ff);box-shadow:0 0 18px rgba(141,24,255,.38)}
.tech-decision-flow article{position:relative;display:grid;grid-template-columns:48px 44px 1fr;column-gap:14px;align-items:center;min-height:108px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.tech-decision-flow article:last-child{border-bottom:0}
.tech-decision-node{position:relative;z-index:2;width:46px;height:46px;border-radius:15px;display:grid;place-items:center;color:#fff;background:#111218;border:1px solid rgba(220,165,255,.20)}
.tech-decision-node svg{width:21px;height:21px}.tech-decision-flow small{color:#dca5ff;font-size:.62rem;font-weight:900;letter-spacing:.12em}.tech-decision-flow h3{font-size:1.22rem;line-height:1;margin-bottom:6px}.tech-decision-flow p{grid-column:3;color:var(--muted);font-size:.9rem;line-height:1.5}

@media(max-width:1100px){
  .tech-solution-switcher{grid-template-columns:1fr}
  .tech-solution-nav{grid-template-columns:repeat(3,minmax(0,1fr))}
  .tech-solution-tab{grid-template-columns:46px 1fr;min-height:88px}.tech-solution-tab i{display:none}
  .tech-solution-stage{grid-template-columns:1fr}.tech-solution-media{min-height:440px}
  .tech-market-journey{grid-template-columns:1fr}.tech-market-stage{position:relative;top:auto;min-height:540px}
  .tech-decision-head,.tech-decision-canvas{grid-template-columns:1fr}.tech-decision-media{min-height:500px}
}

@media(max-width:760px){
  .tech-solution-nav{grid-template-columns:1fr}.tech-solution-tab{min-height:78px;padding:13px}.tech-solution-stage{min-height:0}.tech-solution-media{min-height:320px}.tech-solution-detail{padding:24px 20px 28px}
  .tech-market-stage{min-height:440px}.tech-market-stage-copy{left:14px;right:14px;bottom:14px;padding:18px}.tech-market-steps{padding-left:20px}.tech-market-steps::before{left:4px}.tech-market-step{grid-template-columns:54px 1fr;gap:14px;padding:20px;border-radius:22px;min-height:auto}.tech-market-step::before{left:-20px;width:11px;height:11px}.tech-market-step-meta{grid-column:2;padding:14px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.08)}.tech-market-icon{width:48px;height:48px;border-radius:15px}
  .tech-decision-system{border-radius:26px}.tech-decision-head{padding:28px 20px}.tech-decision-canvas{min-height:0}.tech-decision-media{min-height:400px}.tech-decision-chip{transform:scale(.88)}.tech-decision-chip-a{left:8px;top:10px}.tech-decision-chip-b{right:6px}.tech-decision-chip-c{left:6px;bottom:8px}.tech-decision-flow{padding:26px 20px}.tech-decision-flow-line{left:43px}.tech-decision-flow article{grid-template-columns:46px 34px 1fr;column-gap:10px}.tech-decision-flow p{grid-column:3}
}


/* v86 — Seção 3 Tech: entrada lateral direita → esquerda controlada pelo scroll */
.tech-capabilities-refined[data-s3-scroll-slide]{
  --s3-head-x:0px;
  --s3-switcher-x:0px;
  --s3-nav-x:0px;
  --s3-stage-x:0px;
  --s3-head-opacity:1;
  --s3-switcher-opacity:1;
  --s3-nav-opacity:1;
  --s3-stage-opacity:1;
}

.tech-capabilities-refined[data-s3-scroll-slide] .tech-capabilities-head{
  opacity:var(--s3-head-opacity);
  transform:translate3d(var(--s3-head-x),0,0);
  will-change:transform,opacity;
}

.tech-capabilities-refined[data-s3-scroll-slide] .tech-solution-switcher{
  opacity:var(--s3-switcher-opacity);
  transform:translate3d(var(--s3-switcher-x),0,0);
  will-change:transform,opacity;
}

.tech-capabilities-refined[data-s3-scroll-slide] .tech-solution-nav{
  opacity:var(--s3-nav-opacity);
  transform:translate3d(var(--s3-nav-x),0,0);
  will-change:transform,opacity;
}

.tech-capabilities-refined[data-s3-scroll-slide] .tech-solution-stage{
  opacity:var(--s3-stage-opacity);
  transform:translate3d(var(--s3-stage-x),0,0);
  will-change:transform,opacity;
}

/* Microprofundidade: a imagem principal continua se acomodando durante a entrada */
.tech-capabilities-refined[data-s3-scroll-slide] .tech-solution-media{
  transform:scale(var(--s3-media-scale,1));
  transform-origin:center;
  will-change:transform;
}

/* Evita competição com animações genéricas de reveal */
.tech-capabilities-refined[data-s3-scroll-slide] .tech-capabilities-head,
.tech-capabilities-refined[data-s3-scroll-slide] .tech-solution-switcher{
  visibility:visible !important;
  filter:none !important;
}

@media (prefers-reduced-motion: reduce){
  .tech-capabilities-refined[data-s3-scroll-slide] .tech-capabilities-head,
  .tech-capabilities-refined[data-s3-scroll-slide] .tech-solution-switcher,
  .tech-capabilities-refined[data-s3-scroll-slide] .tech-solution-nav,
  .tech-capabilities-refined[data-s3-scroll-slide] .tech-solution-stage,
  .tech-capabilities-refined[data-s3-scroll-slide] .tech-solution-media{
    opacity:1 !important;
    transform:none !important;
  }
}


/* v87 — "Da visualização à presença": entrada lateral direita → esquerda ligada ao scroll */
.tech-after-vr[data-presence-scroll-slide]{
  --presence-head-x:0px;
  --presence-kicker-x:0px;
  --presence-title-x:0px;
  --presence-lead-x:0px;
  --presence-flow-x:0px;
  --presence-step-a-x:0px;
  --presence-step-b-x:0px;
  --presence-step-c-x:0px;

  --presence-head-opacity:1;
  --presence-flow-opacity:1;
  --presence-step-a-opacity:1;
  --presence-step-b-opacity:1;
  --presence-step-c-opacity:1;
}

.tech-after-vr[data-presence-scroll-slide] .section-head{
  opacity:var(--presence-head-opacity);
  transform:translate3d(var(--presence-head-x),0,0);
  will-change:transform,opacity;
}

.tech-after-vr[data-presence-scroll-slide] .section-head .kicker{
  transform:translate3d(var(--presence-kicker-x),0,0);
  will-change:transform;
}

.tech-after-vr[data-presence-scroll-slide] .section-head .h2{
  transform:translate3d(var(--presence-title-x),0,0);
  will-change:transform;
}

.tech-after-vr[data-presence-scroll-slide] .section-head > .lead{
  transform:translate3d(var(--presence-lead-x),0,0);
  will-change:transform;
}

.tech-after-vr[data-presence-scroll-slide] .tech-journey-flow{
  opacity:var(--presence-flow-opacity);
  transform:translate3d(var(--presence-flow-x),0,0);
  will-change:transform,opacity;
}

.tech-after-vr[data-presence-scroll-slide] .tech-journey-step-a{
  opacity:var(--presence-step-a-opacity);
  transform:translate3d(var(--presence-step-a-x),0,0);
  will-change:transform,opacity;
}

.tech-after-vr[data-presence-scroll-slide] .tech-journey-step-b{
  opacity:var(--presence-step-b-opacity);
  transform:translate3d(var(--presence-step-b-x),0,0);
  will-change:transform,opacity;
}

.tech-after-vr[data-presence-scroll-slide] .tech-journey-step-c{
  opacity:var(--presence-step-c-opacity);
  transform:translate3d(var(--presence-step-c-x),0,0);
  will-change:transform,opacity;
}

/* Remove interferência das animações globais somente nesta seção */
.tech-after-vr[data-presence-scroll-slide] .section-head,
.tech-after-vr[data-presence-scroll-slide] .tech-journey-flow,
.tech-after-vr[data-presence-scroll-slide] .tech-journey-step{
  visibility:visible !important;
  filter:none !important;
}

/* Movimento fluido sem transição temporal: o scroll controla o frame */
.tech-after-vr[data-presence-scroll-slide] .section-head,
.tech-after-vr[data-presence-scroll-slide] .section-head .kicker,
.tech-after-vr[data-presence-scroll-slide] .section-head .h2,
.tech-after-vr[data-presence-scroll-slide] .section-head > .lead,
.tech-after-vr[data-presence-scroll-slide] .tech-journey-flow,
.tech-after-vr[data-presence-scroll-slide] .tech-journey-step{
  transition:none !important;
}

@media (prefers-reduced-motion: reduce){
  .tech-after-vr[data-presence-scroll-slide] .section-head,
  .tech-after-vr[data-presence-scroll-slide] .section-head .kicker,
  .tech-after-vr[data-presence-scroll-slide] .section-head .h2,
  .tech-after-vr[data-presence-scroll-slide] .section-head > .lead,
  .tech-after-vr[data-presence-scroll-slide] .tech-journey-flow,
  .tech-after-vr[data-presence-scroll-slide] .tech-journey-step{
    opacity:1 !important;
    transform:none !important;
  }
}


/* v88 — Tech: últimas duas seções com gramáticas visuais distintas */

/* =========================================================
   PENÚLTIMA SEÇÃO
   Cinema full-width + dock de navegação
   ========================================================= */
.tech-usecases-cinema{
  position:relative;
  overflow:hidden;
}

.tech-market-cinema{
  position:relative;
}

.tech-market-cinema .tech-market-stage{
  position:relative !important;
  top:auto !important;
  min-height:clamp(620px,72vw,820px) !important;
  overflow:hidden;
  border-radius:34px;
  border:1px solid rgba(255,255,255,.10);
  background:
    linear-gradient(180deg,rgba(4,5,9,.08) 0%,rgba(4,5,9,.18) 38%,rgba(4,5,9,.82) 100%),
    var(--market-image) center/cover !important;
  box-shadow:0 34px 100px rgba(0,0,0,.30);
  transition:background .4s ease;
}

.tech-market-stage-shade{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 82% 14%,rgba(238,56,255,.16),transparent 24rem),
    linear-gradient(90deg,rgba(5,6,10,.42) 0%,transparent 46%,rgba(5,6,10,.12) 100%);
}

.tech-market-cinema .tech-market-stage-top{
  top:28px;
  left:30px;
  right:30px;
}

.tech-market-cinema .tech-market-stage-copy{
  left:clamp(24px,4vw,58px);
  right:auto;
  bottom:clamp(150px,17vw,210px);
  width:min(720px,calc(100% - 48px));
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  backdrop-filter:none;
}

.tech-market-cinema .tech-market-stage-copy small{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  background:rgba(8,9,13,.66);
  backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.10);
}

.tech-market-cinema .tech-market-stage-copy strong{
  max-width:760px;
  margin:18px 0 16px;
  font-size:clamp(2.7rem,5.5vw,6.8rem);
  line-height:.86;
  letter-spacing:-.065em;
  text-transform:uppercase;
  text-shadow:0 16px 42px rgba(0,0,0,.42);
}

.tech-market-cinema .tech-market-stage-copy p{
  max-width:620px;
  color:rgba(255,255,255,.78);
  font-size:1.02rem;
  line-height:1.7;
}

.tech-market-dock{
  position:absolute;
  z-index:3;
  left:clamp(18px,3vw,34px);
  right:clamp(18px,3vw,34px);
  bottom:clamp(18px,3vw,34px);
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  padding:10px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(7,8,12,.64);
  backdrop-filter:blur(18px);
  box-shadow:0 18px 54px rgba(0,0,0,.28);
}

.tech-market-dock-item{
  display:grid;
  grid-template-columns:48px 1fr;
  gap:12px;
  align-items:center;
  min-height:82px;
  padding:14px;
  border:0;
  border-radius:18px;
  background:transparent;
  color:#fff;
  text-align:left;
  cursor:pointer;
  transition:
    transform .26s var(--ease),
    background .26s var(--ease),
    box-shadow .26s var(--ease);
}

.tech-market-dock-item:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,.055);
}

.tech-market-dock-item.is-active{
  background:linear-gradient(135deg,rgba(141,24,255,.30),rgba(238,56,255,.10));
  box-shadow:inset 0 0 0 1px rgba(220,165,255,.18),0 12px 30px rgba(0,0,0,.18);
}

.tech-market-dock-icon{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:15px;
  color:#fff;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.05);
}

.tech-market-dock-icon svg{
  width:22px;
  height:22px;
}

.tech-market-dock-copy{
  display:grid;
  gap:6px;
}

.tech-market-dock-copy small{
  color:rgba(255,255,255,.46);
  font-size:.58rem;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
}

.tech-market-dock-copy strong{
  font-size:.92rem;
  line-height:1.16;
}

/* =========================================================
   ÚLTIMA SEÇÃO
   Sistema radial/orbital + fechamento central
   ========================================================= */
.tech-product-proof-orbit{
  position:relative;
  overflow:hidden;
  padding-top:clamp(70px,8vw,120px) !important;
  padding-bottom:clamp(54px,6vw,88px) !important;
}

.tech-orbit-system{
  position:relative;
  overflow:hidden;
  padding:clamp(34px,5vw,72px);
  border-radius:36px;
  border:1px solid rgba(255,255,255,.09);
  background:
    radial-gradient(circle at 50% 46%,rgba(141,24,255,.13),transparent 26rem),
    radial-gradient(circle at 82% 12%,rgba(238,56,255,.08),transparent 22rem),
    linear-gradient(145deg,#111218,#07080c);
  box-shadow:0 34px 100px rgba(0,0,0,.28);
}

.tech-orbit-intro{
  display:grid;
  justify-items:center;
  max-width:920px;
  margin:0 auto;
  text-align:center;
}

.tech-orbit-intro .h2{
  max-width:900px;
  margin-top:14px;
}

.tech-orbit-intro .lead{
  max-width:720px;
  margin-top:18px;
}

.tech-orbit-canvas{
  position:relative;
  min-height:650px;
  max-width:1050px;
  margin:48px auto 30px;
}

.tech-orbit-grid{
  position:absolute;
  inset:8%;
  opacity:.18;
  background-image:
    linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);
  background-size:46px 46px;
  -webkit-mask-image:radial-gradient(circle at center,black 30%,transparent 76%);
  mask-image:radial-gradient(circle at center,black 30%,transparent 76%);
}

.tech-orbit-ring{
  position:absolute;
  left:50%;
  top:50%;
  border-radius:50%;
  border:1px solid rgba(220,165,255,.16);
  transform:translate(-50%,-50%);
}

.tech-orbit-ring::after{
  content:"";
  position:absolute;
  width:9px;
  height:9px;
  border-radius:50%;
  background:#dca5ff;
  box-shadow:0 0 20px rgba(220,165,255,.72);
}

.tech-orbit-ring-a{
  width:54%;
  aspect-ratio:1;
}

.tech-orbit-ring-a::after{
  top:12%;
  right:15%;
}

.tech-orbit-ring-b{
  width:78%;
  aspect-ratio:1;
  border-color:rgba(255,255,255,.08);
}

.tech-orbit-ring-b::after{
  left:8%;
  bottom:26%;
  background:#ee38ff;
}

.tech-orbit-center{
  position:absolute;
  z-index:3;
  left:50%;
  top:50%;
  width:210px;
  aspect-ratio:1;
  transform:translate(-50%,-50%);
  display:grid;
  place-content:center;
  justify-items:center;
  text-align:center;
  border-radius:50%;
  border:1px solid rgba(220,165,255,.28);
  background:
    radial-gradient(circle at 35% 30%,rgba(238,56,255,.28),transparent 42%),
    linear-gradient(145deg,rgba(141,24,255,.34),rgba(10,11,16,.94));
  box-shadow:
    0 0 0 18px rgba(141,24,255,.045),
    0 0 70px rgba(141,24,255,.22),
    inset 0 0 40px rgba(255,255,255,.035);
}

.tech-orbit-center-kicker{
  color:rgba(255,255,255,.45);
  font-size:.58rem;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.tech-orbit-center strong{
  margin-top:8px;
  font-size:2.35rem;
  line-height:.9;
  letter-spacing:-.055em;
  text-transform:uppercase;
}

.tech-orbit-center small{
  margin-top:8px;
  color:#dca5ff;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
}

.tech-orbit-node{
  position:absolute;
  z-index:4;
  width:230px;
  padding:20px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(10,11,16,.76);
  backdrop-filter:blur(14px);
  box-shadow:0 20px 56px rgba(0,0,0,.24);
}

.tech-orbit-node-icon{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  margin-bottom:16px;
  border-radius:15px;
  color:#fff;
  border:1px solid rgba(220,165,255,.18);
  background:linear-gradient(135deg,rgba(141,24,255,.22),rgba(238,56,255,.06));
}

.tech-orbit-node-icon svg{
  width:21px;
  height:21px;
}

.tech-orbit-node > small{
  color:#dca5ff;
  font-size:.62rem;
  font-weight:900;
  letter-spacing:.12em;
}

.tech-orbit-node h3{
  margin:8px 0 8px;
  font-size:1.35rem;
  line-height:1;
}

.tech-orbit-node p{
  color:var(--muted);
  font-size:.88rem;
  line-height:1.5;
}

.tech-orbit-node-a{
  left:3%;
  top:12%;
}

.tech-orbit-node-b{
  right:3%;
  top:12%;
}

.tech-orbit-node-c{
  left:7%;
  bottom:8%;
}

.tech-orbit-node-d{
  right:7%;
  bottom:8%;
}

.tech-orbit-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding-top:28px;
  border-top:1px solid rgba(255,255,255,.08);
}

.tech-orbit-principles{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.tech-orbit-principles span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:40px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.035);
  color:var(--muted);
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
}

.tech-orbit-principles b{
  color:#dca5ff;
}

@media (max-width:980px){
  .tech-market-cinema .tech-market-stage{
    min-height:700px !important;
  }

  .tech-market-cinema .tech-market-stage-copy{
    bottom:220px;
  }

  .tech-market-dock{
    grid-template-columns:1fr;
  }

  .tech-market-dock-item{
    min-height:66px;
  }

  .tech-orbit-canvas{
    min-height:760px;
  }

  .tech-orbit-node{
    width:210px;
  }

  .tech-orbit-node-a{left:0;top:8%}
  .tech-orbit-node-b{right:0;top:8%}
  .tech-orbit-node-c{left:0;bottom:5%}
  .tech-orbit-node-d{right:0;bottom:5%}
}

@media (max-width:700px){
  .tech-market-cinema .tech-market-stage{
    min-height:720px !important;
    border-radius:26px;
  }

  .tech-market-cinema .tech-market-stage-top{
    left:18px;
    right:18px;
    top:18px;
  }

  .tech-market-cinema .tech-market-stage-copy{
    left:18px;
    right:18px;
    width:auto;
    bottom:268px;
  }

  .tech-market-cinema .tech-market-stage-copy strong{
    font-size:clamp(2.3rem,11vw,4.1rem);
  }

  .tech-market-dock{
    left:12px;
    right:12px;
    bottom:12px;
    padding:7px;
    border-radius:20px;
  }

  .tech-market-dock-item{
    grid-template-columns:42px 1fr;
    min-height:62px;
    padding:10px;
  }

  .tech-market-dock-icon{
    width:42px;
    height:42px;
    border-radius:13px;
  }

  .tech-orbit-system{
    padding:28px 18px;
    border-radius:26px;
  }

  .tech-orbit-canvas{
    min-height:auto;
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
    margin:34px auto 26px;
  }

  .tech-orbit-grid,
  .tech-orbit-ring{
    display:none;
  }

  .tech-orbit-center{
    position:relative;
    left:auto;
    top:auto;
    width:170px;
    margin:0 auto 12px;
    transform:none;
  }

  .tech-orbit-node{
    position:relative;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    width:100%;
  }

  .tech-orbit-footer{
    display:grid;
  }

  .tech-orbit-principles{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .tech-orbit-principles span{
    justify-content:center;
    padding:0 8px;
    font-size:.64rem;
  }

  .tech-orbit-footer .btn{
    width:100%;
    justify-content:center;
  }
}


/* v89 — "Da visualização à presença": cascata visível na viewport */
.tech-after-vr[data-presence-scroll-slide]{
  --presence-connector-a-opacity:1;
  --presence-connector-b-opacity:1;
}

.tech-after-vr[data-presence-scroll-slide] .tech-journey-flow{
  transform:none !important;
  opacity:1 !important;
}

.tech-after-vr[data-presence-scroll-slide] .tech-journey-connector{
  will-change:opacity,transform;
}

.tech-after-vr[data-presence-scroll-slide] .tech-journey-connector:nth-of-type(2){
  opacity:var(--presence-connector-a-opacity);
  transform:scaleX(var(--presence-connector-a-opacity));
  transform-origin:left center;
}

.tech-after-vr[data-presence-scroll-slide] .tech-journey-connector:nth-of-type(4){
  opacity:var(--presence-connector-b-opacity);
  transform:scaleX(var(--presence-connector-b-opacity));
  transform-origin:left center;
}

/* =========================================================
   Última seção orbital — movimento sutil e contínuo
   ========================================================= */
@keyframes techOrbitCenterPulseV89{
  0%,100%{
    transform:translate(-50%,-50%) scale(1);
    box-shadow:
      0 0 0 18px rgba(141,24,255,.045),
      0 0 70px rgba(141,24,255,.22),
      inset 0 0 40px rgba(255,255,255,.035);
  }
  50%{
    transform:translate(-50%,-50%) scale(1.012);
    box-shadow:
      0 0 0 21px rgba(141,24,255,.055),
      0 0 78px rgba(141,24,255,.255),
      inset 0 0 44px rgba(255,255,255,.04);
  }
}

@keyframes techOrbitCenterPulseMobileV89{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.012)}
}

@keyframes techOrbitFloatAV89{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(4px,-6px,0)}
}

@keyframes techOrbitFloatBV89{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(-5px,5px,0)}
}

@keyframes techOrbitFloatCV89{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(5px,4px,0)}
}

@keyframes techOrbitFloatDV89{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(-4px,-6px,0)}
}

.tech-product-proof-orbit .tech-orbit-center{
  animation:techOrbitCenterPulseV89 5.8s ease-in-out infinite;
  will-change:transform,box-shadow;
}

.tech-product-proof-orbit .tech-orbit-node-a{
  animation:techOrbitFloatAV89 8.6s ease-in-out infinite;
}

.tech-product-proof-orbit .tech-orbit-node-b{
  animation:techOrbitFloatBV89 9.8s ease-in-out -1.7s infinite;
}

.tech-product-proof-orbit .tech-orbit-node-c{
  animation:techOrbitFloatCV89 10.6s ease-in-out -3.2s infinite;
}

.tech-product-proof-orbit .tech-orbit-node-d{
  animation:techOrbitFloatDV89 9.2s ease-in-out -2.4s infinite;
}

.tech-product-proof-orbit .tech-orbit-node{
  will-change:transform;
}

@media (max-width:700px){
  .tech-product-proof-orbit .tech-orbit-center{
    animation:techOrbitCenterPulseMobileV89 5.8s ease-in-out infinite;
  }
}

@media (prefers-reduced-motion: reduce){
  .tech-product-proof-orbit .tech-orbit-center,
  .tech-product-proof-orbit .tech-orbit-node{
    animation:none !important;
  }

  .tech-after-vr[data-presence-scroll-slide] .tech-journey-connector{
    opacity:1 !important;
    transform:none !important;
  }
}


/* v90 — Última seção orbital: movimento visível, leve e contínuo */

/* Pulso do núcleo: escala mínima + halo respirando */
.tech-product-proof-orbit .tech-orbit-center{
  position:absolute;
  isolation:isolate;
  animation:techOrbitCenterPulseV90 4.8s ease-in-out infinite !important;
}

.tech-product-proof-orbit .tech-orbit-center::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-16px;
  border-radius:50%;
  border:1px solid rgba(220,165,255,.20);
  box-shadow:0 0 34px rgba(141,24,255,.16);
  animation:techOrbitHaloPulseV90 4.8s ease-in-out infinite;
  pointer-events:none;
}

@keyframes techOrbitCenterPulseV90{
  0%,100%{
    transform:translate(-50%,-50%) scale(1);
  }
  50%{
    transform:translate(-50%,-50%) scale(1.024);
  }
}

@keyframes techOrbitHaloPulseV90{
  0%,100%{
    transform:scale(.98);
    opacity:.28;
  }
  50%{
    transform:scale(1.08);
    opacity:.56;
  }
}

/* Flutuação leve, mas agora perceptível */
@keyframes techOrbitFloatAV90{
  0%,100%{transform:translate3d(0,0,0) rotate(0deg)}
  50%{transform:translate3d(8px,-10px,0) rotate(.25deg)}
}

@keyframes techOrbitFloatBV90{
  0%,100%{transform:translate3d(0,0,0) rotate(0deg)}
  50%{transform:translate3d(-9px,8px,0) rotate(-.25deg)}
}

@keyframes techOrbitFloatCV90{
  0%,100%{transform:translate3d(0,0,0) rotate(0deg)}
  50%{transform:translate3d(10px,7px,0) rotate(.2deg)}
}

@keyframes techOrbitFloatDV90{
  0%,100%{transform:translate3d(0,0,0) rotate(0deg)}
  50%{transform:translate3d(-8px,-9px,0) rotate(-.2deg)}
}

.tech-product-proof-orbit .tech-orbit-node-a{
  animation:techOrbitFloatAV90 6.8s ease-in-out infinite !important;
}

.tech-product-proof-orbit .tech-orbit-node-b{
  animation:techOrbitFloatBV90 7.6s ease-in-out -1.4s infinite !important;
}

.tech-product-proof-orbit .tech-orbit-node-c{
  animation:techOrbitFloatCV90 8.2s ease-in-out -2.6s infinite !important;
}

.tech-product-proof-orbit .tech-orbit-node-d{
  animation:techOrbitFloatDV90 7.2s ease-in-out -3.4s infinite !important;
}

@media (max-width:700px){
  .tech-product-proof-orbit .tech-orbit-center{
    position:relative;
    animation:techOrbitCenterPulseMobileV90 4.8s ease-in-out infinite !important;
  }

  @keyframes techOrbitCenterPulseMobileV90{
    0%,100%{transform:scale(1)}
    50%{transform:scale(1.024)}
  }

  .tech-product-proof-orbit .tech-orbit-node-a,
  .tech-product-proof-orbit .tech-orbit-node-b,
  .tech-product-proof-orbit .tech-orbit-node-c,
  .tech-product-proof-orbit .tech-orbit-node-d{
    animation-duration:7.8s !important;
  }
}

@media (prefers-reduced-motion: reduce){
  .tech-product-proof-orbit .tech-orbit-center,
  .tech-product-proof-orbit .tech-orbit-center::before,
  .tech-product-proof-orbit .tech-orbit-node{
    animation:none !important;
  }
}


/* v91 — Última seção: tópicos orbitando o núcleo com o scroll */
@media (min-width:701px){
  .tech-product-proof-orbit .tech-orbit-canvas{
    --orbit-angle:0deg;
  }

  .tech-product-proof-orbit .tech-orbit-node{
    left:50% !important;
    right:auto !important;
    top:50% !important;
    bottom:auto !important;

    /* A posição passa a ser calculada em torno do núcleo central */
    transform:
      translate3d(
        calc(-50% + var(--orbit-x, 0px)),
        calc(-50% + var(--orbit-y, 0px)),
        0
      ) !important;

    animation:none !important;
    will-change:transform;
  }

  /* Os anéis acompanham o movimento de forma quase imperceptível */
  .tech-product-proof-orbit .tech-orbit-ring-a{
    transform:
      translate(-50%,-50%)
      rotate(var(--orbit-ring-a, 0deg));
    will-change:transform;
  }

  .tech-product-proof-orbit .tech-orbit-ring-b{
    transform:
      translate(-50%,-50%)
      rotate(var(--orbit-ring-b, 0deg));
    will-change:transform;
  }
}

@media (max-width:700px){
  .tech-product-proof-orbit .tech-orbit-node{
    transform:none !important;
    animation:none !important;
  }
}

@media (prefers-reduced-motion: reduce){
  .tech-product-proof-orbit .tech-orbit-node{
    transform:none !important;
  }

  .tech-product-proof-orbit .tech-orbit-ring-a,
  .tech-product-proof-orbit .tech-orbit-ring-b{
    transform:translate(-50%,-50%) !important;
  }
}


/* v92 — Tech: órbita mais perceptível + remoção de Aplicação comercial */
.tech-product-proof-orbit{
  margin-top:0 !important;
  padding-top:clamp(64px,7vw,104px) !important;
}

@media (min-width:701px){
  .tech-product-proof-orbit .tech-orbit-node{
    transition:none !important;
  }
}


/* v93 — cue para indicar continuação da página após o POV */
.tech-vr-continue-cue{position:absolute;z-index:6;left:50%;bottom:24px;display:flex;flex-direction:column;align-items:center;gap:8px;transform:translateX(-50%);pointer-events:none;color:rgba(255,255,255,.82);text-align:center;opacity:clamp(0,calc((var(--vr-immerse) - .48) * 2.2),1);transition:opacity .35s ease}
.tech-vr-continue-cue span{font-size:.68rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase;text-shadow:0 8px 30px rgba(0,0,0,.45)}
.tech-vr-continue-cue i{position:relative;display:block;width:22px;height:32px;animation:techCueBounce 1.8s ease-in-out infinite}
.tech-vr-continue-cue i::before{content:"";position:absolute;left:50%;top:2px;width:14px;height:14px;border-right:2px solid rgba(255,255,255,.9);border-bottom:2px solid rgba(255,255,255,.9);transform:translateX(-50%) rotate(45deg);filter:drop-shadow(0 8px 18px rgba(0,0,0,.28))}
.tech-vr-continue-cue i::after{content:"";position:absolute;left:50%;top:12px;width:2px;height:16px;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,255,255,0));transform:translateX(-50%)}
@keyframes techCueBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(7px)}}
@media(max-width:640px){.tech-vr-continue-cue{bottom:18px}.tech-vr-continue-cue span{font-size:.62rem;letter-spacing:.13em}}
@media(prefers-reduced-motion:reduce){.tech-vr-continue-cue i{animation:none}}



/* v95 — Inteligência de Mercado restaurada da v93 + hero fullscreen centralizada */
.page-inteligencia .intelligence-fullscreen-hero{
  min-height:100svh !important;
  min-height:100dvh !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:140px 0 72px !important;
  text-align:center !important;
}

.page-inteligencia .intelligence-fullscreen-hero > .container{
  width:100%;
  max-width:1180px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}

.page-inteligencia .intelligence-fullscreen-hero .breadcrumb,
.page-inteligencia .intelligence-fullscreen-hero .kicker{
  justify-content:center;
  text-align:center;
}

.page-inteligencia .intelligence-fullscreen-hero .h1{
  max-width:1080px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
  font-size:clamp(3rem,6vw,6.7rem) !important;
  line-height:.9 !important;
}

.page-inteligencia .intelligence-fullscreen-hero .lead{
  max-width:820px !important;
  margin:24px auto 0 !important;
  text-align:center !important;
  font-size:clamp(1.05rem,1.6vw,1.25rem);
}

@media (max-width:760px){
  .page-inteligencia .intelligence-fullscreen-hero{
    min-height:100svh !important;
    padding:126px 20px 64px !important;
  }

  .page-inteligencia .intelligence-fullscreen-hero .h1{
    font-size:clamp(2.5rem,13vw,4.6rem) !important;
    line-height:.92 !important;
  }

  .page-inteligencia .intelligence-fullscreen-hero .lead{
    max-width:640px !important;
    font-size:1rem;
    line-height:1.65;
  }
}


/* v96 — Marketing: reestruturação UX/UI interativa */
.page-marketing{
  --marketing-purple:#8d18ff;
  --marketing-pink:#ee38ff;
  --marketing-blue:#55b8ff;
}

/* HERO */
.page-marketing .marketing-hero{
  position:relative;
  min-height:100svh;
  min-height:100dvh;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  isolation:isolate;
  padding:148px 0 92px;
  background:#07070b;
}

.page-marketing .marketing-hero-bg,
.page-marketing .marketing-hero-overlay{
  position:absolute;
  inset:0;
}

.page-marketing .marketing-hero-bg{
  z-index:0;
  overflow:hidden;
}

.page-marketing .marketing-hero-bg img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transform:scale(var(--marketing-hero-scale,1.06)) translateY(var(--marketing-hero-y,0px));
  filter:saturate(.9) contrast(1.08);
  will-change:transform;
}

.page-marketing .marketing-hero-overlay{
  z-index:1;
  background:
    radial-gradient(circle at 78% 16%,rgba(238,56,255,.20),transparent 28rem),
    radial-gradient(circle at 18% 78%,rgba(141,24,255,.22),transparent 30rem),
    linear-gradient(180deg,rgba(4,5,10,.38) 0%,rgba(4,5,10,.60) 46%,rgba(4,5,10,.88) 100%);
}

.page-marketing .marketing-hero-content{
  position:relative;
  z-index:2;
  width:100%;
  max-width:1240px;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  transform:translateY(var(--marketing-hero-content-y,0px));
  opacity:var(--marketing-hero-opacity,1);
  will-change:transform,opacity;
}

.page-marketing .marketing-hero-kicker{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin-bottom:20px;
}

.page-marketing .marketing-hero-chip{
  display:inline-flex;
  min-height:34px;
  align-items:center;
  padding:0 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(8,9,13,.52);
  backdrop-filter:blur(12px);
  color:rgba(255,255,255,.72);
  font-size:.66rem;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
}

.page-marketing .marketing-hero h1{
  max-width:1180px;
  margin:0 auto;
  font-size:clamp(3rem,6.7vw,7.4rem);
  line-height:.86;
  letter-spacing:-.07em;
  text-transform:uppercase;
  text-shadow:0 18px 50px rgba(0,0,0,.36);
}

.page-marketing .marketing-hero-content > p{
  max-width:800px;
  margin:24px auto 0;
  color:rgba(255,255,255,.80);
  font-size:clamp(1.05rem,1.5vw,1.28rem);
  line-height:1.7;
}

.page-marketing .marketing-hero-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:12px;
  margin-top:30px;
}

.page-marketing .marketing-hero-signals{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:8px;
  margin-top:34px;
}

.page-marketing .marketing-hero-signals span{
  display:inline-flex;
  min-height:38px;
  align-items:center;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.045);
  color:rgba(255,255,255,.72);
  font-size:.70rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.page-marketing .marketing-scroll-cue{
  position:absolute;
  z-index:3;
  left:50%;
  bottom:24px;
  transform:translateX(-50%);
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  color:rgba(255,255,255,.72);
  font-size:.64rem;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.page-marketing .marketing-scroll-cue i{
  position:relative;
  width:18px;
  height:30px;
  display:block;
  animation:marketingCueBounce 1.8s ease-in-out infinite;
}

.page-marketing .marketing-scroll-cue i::before{
  content:"";
  position:absolute;
  left:50%;
  top:2px;
  width:12px;
  height:12px;
  border-right:2px solid rgba(255,255,255,.9);
  border-bottom:2px solid rgba(255,255,255,.9);
  transform:translateX(-50%) rotate(45deg);
}

.page-marketing .marketing-scroll-cue i::after{
  content:"";
  position:absolute;
  left:50%;
  top:12px;
  width:2px;
  height:15px;
  transform:translateX(-50%);
  background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,0));
}

@keyframes marketingCueBounce{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(6px)}
}

/* SISTEMA */
.page-marketing .marketing-system-section{
  position:relative;
  overflow:visible;
}

.page-marketing .marketing-system-layout{
  display:grid;
  grid-template-columns:minmax(320px,.75fr) minmax(0,1.25fr);
  gap:clamp(36px,5vw,76px);
  align-items:start;
}

.page-marketing .marketing-system-sticky{
  position:sticky;
  top:110px;
  align-self:start;
}

.page-marketing .marketing-system-sticky .h2{
  margin-top:14px;
  max-width:620px;
}

.page-marketing .marketing-system-sticky .lead{
  margin-top:18px;
  max-width:580px;
}

.page-marketing .marketing-system-visual{
  position:relative;
  height:420px;
  max-width:520px;
  margin-top:32px;
  border-radius:32px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 50% 50%,rgba(141,24,255,.18),transparent 38%),
    linear-gradient(145deg,#15131b,#0a0a0e);
  box-shadow:0 30px 90px rgba(0,0,0,.24);
}

.page-marketing .marketing-system-core{
  position:absolute;
  z-index:3;
  left:50%;
  top:50%;
  width:176px;
  height:176px;
  transform:translate(-50%,-50%);
  display:grid;
  place-content:center;
  justify-items:center;
  text-align:center;
  border-radius:50%;
  border:1px solid rgba(238,56,255,.22);
  background:
    radial-gradient(circle at 34% 28%,rgba(238,56,255,.30),transparent 44%),
    linear-gradient(145deg,rgba(141,24,255,.45),rgba(12,12,18,.94));
  box-shadow:0 0 0 18px rgba(141,24,255,.04),0 0 60px rgba(141,24,255,.20);
}

.page-marketing .marketing-system-core small{
  color:rgba(255,255,255,.48);
  font-size:.62rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:900;
}

.page-marketing .marketing-system-core strong{
  margin-top:7px;
  font-size:1.75rem;
  line-height:.95;
  text-transform:uppercase;
  letter-spacing:-.04em;
}

.page-marketing .marketing-system-ring{
  position:absolute;
  left:50%;
  top:50%;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.08);
  transform:translate(-50%,-50%);
}

.page-marketing .marketing-system-ring.ring-a{
  width:280px;
  height:280px;
}

.page-marketing .marketing-system-ring.ring-b{
  width:370px;
  height:370px;
  border-style:dashed;
  border-color:rgba(220,165,255,.12);
}

.page-marketing .marketing-system-dot{
  position:absolute;
  width:10px;
  height:10px;
  border-radius:50%;
  background:#dca5ff;
  box-shadow:0 0 20px rgba(220,165,255,.75);
}

.page-marketing .marketing-system-dot.dot-a{left:18%;top:28%}
.page-marketing .marketing-system-dot.dot-b{right:16%;top:38%}
.page-marketing .marketing-system-dot.dot-c{left:38%;bottom:12%}

.page-marketing .marketing-system-steps{
  display:grid;
  gap:18px;
}

.page-marketing .marketing-system-card{
  position:relative;
  min-height:250px;
  padding:28px 28px 26px 96px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02));
  box-shadow:0 20px 62px rgba(0,0,0,.14);
  opacity:.52;
  transform:translateX(44px) scale(.985);
  transition:opacity .35s ease,transform .45s var(--ease),border-color .35s ease,background .35s ease,box-shadow .35s ease;
}

.page-marketing .marketing-system-card.is-active{
  opacity:1;
  transform:translateX(0) scale(1);
  border-color:rgba(220,165,255,.22);
  background:linear-gradient(180deg,rgba(141,24,255,.13),rgba(255,255,255,.025));
  box-shadow:0 28px 78px rgba(49,26,92,.24);
}

.page-marketing .marketing-system-number{
  position:absolute;
  left:28px;
  top:28px;
  color:#dca5ff;
  font-size:.66rem;
  font-weight:900;
  letter-spacing:.14em;
}

.page-marketing .marketing-system-card .icon-box{
  width:54px;
  height:54px;
  margin-bottom:24px;
  border-radius:18px;
}

.page-marketing .marketing-system-card h3{
  font-size:clamp(1.55rem,2vw,2.2rem);
  line-height:1;
  margin-bottom:12px;
}

.page-marketing .marketing-system-card p{
  max-width:640px;
  color:var(--muted);
  line-height:1.68;
}

/* FLYWHEEL */
.page-marketing .marketing-flywheel-section{
  position:relative;
  overflow:hidden;
}

.page-marketing .marketing-flywheel{
  position:relative;
  min-height:760px;
  max-width:1120px;
  margin:48px auto 0;
  border-radius:38px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 50% 50%,rgba(141,24,255,.13),transparent 28rem),
    radial-gradient(circle at 84% 18%,rgba(238,56,255,.08),transparent 24rem),
    linear-gradient(145deg,#111117,#07070b);
  box-shadow:0 34px 100px rgba(0,0,0,.24);
}

.page-marketing .marketing-flywheel::before{
  content:"";
  position:absolute;
  inset:8%;
  opacity:.16;
  background-image:
    linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:radial-gradient(circle at center,black 28%,transparent 75%);
}

.page-marketing .marketing-flywheel-ring{
  position:absolute;
  left:50%;
  top:50%;
  border-radius:50%;
  border:1px solid rgba(220,165,255,.14);
  transform:translate(-50%,-50%);
}

.page-marketing .marketing-flywheel-ring.ring-outer{
  width:76%;
  aspect-ratio:1;
  border-style:dashed;
}

.page-marketing .marketing-flywheel-ring.ring-inner{
  width:48%;
  aspect-ratio:1;
}

.page-marketing .marketing-flywheel-core{
  position:absolute;
  z-index:4;
  left:50%;
  top:50%;
  width:220px;
  height:220px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  display:grid;
  place-content:center;
  justify-items:center;
  text-align:center;
  border:1px solid rgba(238,56,255,.24);
  background:
    radial-gradient(circle at 34% 28%,rgba(238,56,255,.34),transparent 42%),
    linear-gradient(145deg,rgba(141,24,255,.50),rgba(9,9,13,.96));
  box-shadow:0 0 0 20px rgba(141,24,255,.04),0 0 80px rgba(141,24,255,.22);
  animation:marketingCorePulse 5.4s ease-in-out infinite;
}

.page-marketing .marketing-flywheel-core small{
  color:rgba(255,255,255,.46);
  font-size:.60rem;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.page-marketing .marketing-flywheel-core strong{
  margin-top:8px;
  font-size:2rem;
  line-height:.92;
  text-transform:uppercase;
  letter-spacing:-.05em;
}

.page-marketing .marketing-flywheel-core span{
  margin-top:8px;
  color:#dca5ff;
  font-size:.70rem;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
}

@keyframes marketingCorePulse{
  0%,100%{transform:translate(-50%,-50%) scale(1)}
  50%{transform:translate(-50%,-50%) scale(1.018)}
}

.page-marketing .marketing-flywheel-node{
  position:absolute;
  z-index:5;
  left:50%;
  top:50%;
  width:210px;
  padding:18px 18px 17px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(11,11,16,.78);
  backdrop-filter:blur(14px);
  box-shadow:0 20px 56px rgba(0,0,0,.24);
  transform:translate3d(calc(-50% + var(--orbit-x,0px)),calc(-50% + var(--orbit-y,0px)),0);
  will-change:transform;
}

.page-marketing .marketing-flywheel-node > span:first-child{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  margin-bottom:14px;
  border-radius:15px;
  border:1px solid rgba(220,165,255,.16);
  background:linear-gradient(135deg,rgba(141,24,255,.20),rgba(238,56,255,.06));
}

.page-marketing .marketing-flywheel-node svg{
  width:20px;
  height:20px;
}

.page-marketing .marketing-flywheel-node strong{
  display:block;
  font-size:1.08rem;
  line-height:1;
}

.page-marketing .marketing-flywheel-node small{
  display:block;
  margin-top:8px;
  color:var(--muted);
  line-height:1.35;
}

/* SOLUÇÕES */
.page-marketing .marketing-solutions-section{
  position:relative;
  overflow:hidden;
}

.page-marketing .marketing-solution-switcher{
  display:grid;
  grid-template-columns:330px minmax(0,1fr);
  gap:18px;
  margin-top:38px;
}

.page-marketing .marketing-solution-nav{
  display:grid;
  gap:8px;
  align-content:start;
}

.page-marketing .marketing-solution-tab{
  display:grid;
  grid-template-columns:48px 1fr;
  gap:12px;
  align-items:center;
  min-height:76px;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:18px;
  background:rgba(255,255,255,.025);
  color:#fff;
  text-align:left;
  cursor:pointer;
  transition:transform .25s var(--ease),background .25s ease,border-color .25s ease,box-shadow .25s ease;
}

.page-marketing .marketing-solution-tab:hover{
  transform:translateX(4px);
  background:rgba(255,255,255,.045);
}

.page-marketing .marketing-solution-tab.is-active{
  transform:translateX(8px);
  border-color:rgba(220,165,255,.22);
  background:linear-gradient(135deg,rgba(141,24,255,.20),rgba(238,56,255,.06));
  box-shadow:0 16px 40px rgba(48,24,88,.18);
}

.page-marketing .marketing-solution-tab-icon{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:15px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);
}

.page-marketing .marketing-solution-tab-icon svg{
  width:21px;
  height:21px;
}

.page-marketing .marketing-solution-tab small{
  display:block;
  margin-bottom:4px;
  color:rgba(255,255,255,.38);
  font-size:.58rem;
  font-weight:900;
  letter-spacing:.12em;
}

.page-marketing .marketing-solution-tab strong{
  display:block;
  font-size:.92rem;
  line-height:1.1;
}

.page-marketing .marketing-solution-stage{
  position:relative;
  min-height:660px;
  overflow:hidden;
  border-radius:30px;
  border:1px solid rgba(255,255,255,.08);
  background:#111;
  box-shadow:0 30px 90px rgba(0,0,0,.28);
}

.page-marketing .marketing-solution-stage > img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:opacity .22s ease,transform .5s var(--ease);
  transform:scale(1.01);
}

.page-marketing .marketing-solution-stage > img.is-switching{
  opacity:.18;
  transform:scale(1.035);
}

.page-marketing .marketing-solution-stage-shade{
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(4,5,9,.08) 0%,rgba(4,5,9,.18) 40%,rgba(4,5,9,.90) 100%),
    linear-gradient(90deg,rgba(4,5,9,.26),transparent 55%);
}

.page-marketing .marketing-solution-stage-copy{
  position:absolute;
  z-index:2;
  left:clamp(24px,4vw,58px);
  right:clamp(24px,4vw,58px);
  bottom:clamp(26px,4vw,54px);
  max-width:760px;
}

.page-marketing .marketing-solution-stage-copy > small{
  display:inline-flex;
  min-height:32px;
  align-items:center;
  padding:0 11px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(6,7,10,.66);
  backdrop-filter:blur(10px);
  color:#dca5ff;
  font-size:.62rem;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
}

.page-marketing .marketing-solution-stage-copy h3{
  margin:16px 0 14px;
  font-size:clamp(2.5rem,5vw,6.2rem);
  line-height:.88;
  letter-spacing:-.06em;
  text-transform:uppercase;
  text-shadow:0 14px 36px rgba(0,0,0,.38);
}

.page-marketing .marketing-solution-stage-copy p{
  max-width:650px;
  color:rgba(255,255,255,.78);
  font-size:1rem;
  line-height:1.68;
}

.page-marketing .marketing-solution-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:18px;
}

.page-marketing .marketing-solution-tags span{
  display:inline-flex;
  min-height:34px;
  align-items:center;
  padding:0 11px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.045);
  color:rgba(255,255,255,.78);
  font-size:.65rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

/* JORNADA */
.page-marketing .marketing-journey-section{
  position:relative;
  overflow:hidden;
}

.page-marketing .marketing-journey-track{
  position:relative;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:16px;
  margin-top:52px;
  padding-top:58px;
}

.page-marketing .marketing-journey-line{
  position:absolute;
  left:3%;
  right:3%;
  top:20px;
  height:3px;
  border-radius:999px;
  background:rgba(255,255,255,.07);
  overflow:hidden;
}

.page-marketing .marketing-journey-line span{
  display:block;
  width:calc(var(--journey-progress,0) * 100%);
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,var(--marketing-purple),var(--marketing-pink),var(--marketing-blue));
  box-shadow:0 0 24px rgba(141,24,255,.35);
}

.page-marketing .marketing-journey-step{
  position:relative;
  min-height:230px;
  padding:22px 20px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));
  box-shadow:0 18px 54px rgba(0,0,0,.14);
  opacity:calc(.18 + var(--step-progress,0) * .82);
  transform:translateY(calc((1 - var(--step-progress,0)) * 52px)) scale(calc(.965 + var(--step-progress,0) * .035));
  transition:border-color .25s ease,background .25s ease;
}

.page-marketing .marketing-journey-step::before{
  content:"";
  position:absolute;
  left:50%;
  top:-48px;
  width:14px;
  height:14px;
  transform:translateX(-50%) scale(calc(.75 + var(--step-progress,0) * .25));
  border-radius:50%;
  background:linear-gradient(135deg,var(--marketing-purple),var(--marketing-pink));
  box-shadow:0 0 0 8px rgba(141,24,255,.08),0 0 22px rgba(141,24,255,.38);
}

.page-marketing .marketing-journey-step small{
  display:block;
  color:#dca5ff;
  font-size:.62rem;
  font-weight:900;
  letter-spacing:.12em;
}

.page-marketing .marketing-journey-step strong{
  display:block;
  margin-top:12px;
  font-size:1.34rem;
  line-height:1;
}

.page-marketing .marketing-journey-step p{
  margin-top:12px;
  color:var(--muted);
  line-height:1.55;
}

/* CTA */
.page-marketing .marketing-final-cta{
  padding-top:50px;
}

.page-marketing .marketing-cta-panel{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:32px;
  align-items:end;
  padding:clamp(34px,5vw,70px);
  border-radius:34px;
  border:1px solid rgba(255,255,255,.09);
  background:
    radial-gradient(circle at 86% 12%,rgba(238,56,255,.18),transparent 26rem),
    radial-gradient(circle at 12% 88%,rgba(141,24,255,.18),transparent 26rem),
    linear-gradient(145deg,#15121b,#09090d);
  box-shadow:0 30px 90px rgba(0,0,0,.24);
}

.page-marketing .marketing-cta-panel::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(180deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:42px 42px;
  opacity:.12;
  pointer-events:none;
}

.page-marketing .marketing-cta-copy,
.page-marketing .marketing-cta-actions{
  position:relative;
  z-index:1;
}

.page-marketing .marketing-cta-copy .h2{
  max-width:840px;
  margin-top:14px;
}

.page-marketing .marketing-cta-copy .lead{
  max-width:720px;
  margin-top:18px;
}

.page-marketing .marketing-cta-actions{
  display:grid;
  gap:14px;
  justify-items:start;
}

.page-marketing .marketing-cta-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#dca5ff;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
}

.page-marketing .marketing-cta-link svg{
  width:16px;
  height:16px;
}

/* RESPONSIVO */
@media (max-width:1100px){
  .page-marketing .marketing-system-layout{
    grid-template-columns:1fr;
  }

  .page-marketing .marketing-system-sticky{
    position:relative;
    top:auto;
  }

  .page-marketing .marketing-system-visual{
    max-width:none;
  }

  .page-marketing .marketing-solution-switcher{
    grid-template-columns:1fr;
  }

  .page-marketing .marketing-solution-nav{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .page-marketing .marketing-solution-tab{
    transform:none !important;
  }

  .page-marketing .marketing-journey-track{
    grid-template-columns:repeat(2,minmax(0,1fr));
    padding-top:0;
  }

  .page-marketing .marketing-journey-line,
  .page-marketing .marketing-journey-step::before{
    display:none;
  }

  .page-marketing .marketing-cta-panel{
    grid-template-columns:1fr;
  }
}

@media (max-width:760px){
  .page-marketing .marketing-hero{
    min-height:100svh;
    padding:126px 20px 76px;
  }

  .page-marketing .marketing-hero h1{
    font-size:clamp(2.6rem,13vw,4.5rem);
    line-height:.9;
  }

  .page-marketing .marketing-hero-content > p{
    font-size:1rem;
  }

  .page-marketing .marketing-hero-chip{
    display:none;
  }

  .page-marketing .marketing-hero-signals{
    gap:6px;
  }

  .page-marketing .marketing-hero-signals span{
    min-height:34px;
    padding:0 10px;
    font-size:.62rem;
  }

  .page-marketing .marketing-system-card{
    min-height:0;
    padding:24px 20px 22px 76px;
  }

  .page-marketing .marketing-system-number{
    left:20px;
    top:24px;
  }

  .page-marketing .marketing-system-visual{
    height:360px;
  }

  .page-marketing .marketing-system-ring.ring-b{
    width:320px;
    height:320px;
  }

  .page-marketing .marketing-flywheel{
    min-height:auto;
    display:grid;
    gap:12px;
    padding:28px 18px;
  }

  .page-marketing .marketing-flywheel::before,
  .page-marketing .marketing-flywheel-ring{
    display:none;
  }

  .page-marketing .marketing-flywheel-core{
    position:relative;
    left:auto;
    top:auto;
    width:176px;
    height:176px;
    margin:0 auto 14px;
    transform:none;
  }

  .page-marketing .marketing-flywheel-node{
    position:relative;
    left:auto;
    top:auto;
    width:100%;
    transform:none !important;
  }

  .page-marketing .marketing-solution-nav{
    display:flex;
    overflow-x:auto;
    grid-template-columns:none;
    padding-bottom:4px;
    scrollbar-width:none;
  }

  .page-marketing .marketing-solution-nav::-webkit-scrollbar{
    display:none;
  }

  .page-marketing .marketing-solution-tab{
    flex:0 0 210px;
  }

  .page-marketing .marketing-solution-stage{
    min-height:560px;
  }

  .page-marketing .marketing-solution-stage-copy h3{
    font-size:clamp(2.35rem,11vw,4.3rem);
  }

  .page-marketing .marketing-journey-track{
    grid-template-columns:1fr;
  }

  .page-marketing .marketing-cta-panel{
    padding:30px 22px;
    border-radius:26px;
  }
}

@media (prefers-reduced-motion:reduce){
  .page-marketing .marketing-scroll-cue i,
  .page-marketing .marketing-flywheel-core{
    animation:none !important;
  }

  .page-marketing .marketing-hero-bg img,
  .page-marketing .marketing-hero-content,
  .page-marketing .marketing-flywheel-node,
  .page-marketing .marketing-journey-step{
    transform:none !important;
  }

  .page-marketing .marketing-hero-content,
  .page-marketing .marketing-journey-step{
    opacity:1 !important;
  }
}


/* v98 — Marketing: refinamento visual e redução de ruído */
.page-marketing .marketing-hero{
  padding-top:160px;
  padding-bottom:100px;
}

.page-marketing .marketing-hero-overlay{
  background:
    linear-gradient(180deg,rgba(4,5,10,.42) 0%,rgba(4,5,10,.60) 48%,rgba(4,5,10,.88) 100%);
}

.page-marketing .marketing-hero h1{
  max-width:1080px;
  font-size:clamp(3rem,6.1vw,6.8rem);
}

.page-marketing .marketing-hero-content > p{
  max-width:720px;
}

.page-marketing .marketing-hero-actions{
  margin-top:28px;
}

/* Sistema mais editorial e menos decorativo */
.page-marketing .marketing-system-layout{
  grid-template-columns:minmax(300px,.7fr) minmax(0,1.3fr);
  gap:clamp(48px,6vw,92px);
}

.page-marketing .marketing-system-sticky{
  padding-top:18px;
}

.page-marketing .marketing-system-status{
  display:inline-grid;
  gap:5px;
  margin-top:28px;
  padding:14px 16px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.025);
}

.page-marketing .marketing-system-status span{
  color:rgba(255,255,255,.38);
  font-size:.58rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.page-marketing .marketing-system-status strong{
  color:#dca5ff;
  font-size:1rem;
  letter-spacing:-.02em;
}

.page-marketing .marketing-system-steps{
  gap:14px;
}

.page-marketing .marketing-system-card{
  min-height:190px;
  padding:24px 24px 22px 88px;
  border-radius:22px;
  background:rgba(255,255,255,.025);
  box-shadow:none;
  opacity:.58;
}

.page-marketing .marketing-system-card.is-active{
  background:linear-gradient(180deg,rgba(141,24,255,.10),rgba(255,255,255,.025));
  box-shadow:0 18px 50px rgba(49,26,92,.14);
}

.page-marketing .marketing-system-number{
  left:24px;
  top:24px;
}

.page-marketing .marketing-system-card .icon-box{
  width:46px;
  height:46px;
  margin-bottom:18px;
  border-radius:15px;
}

.page-marketing .marketing-system-card h3{
  font-size:clamp(1.35rem,1.7vw,1.9rem);
}

.page-marketing .marketing-system-card p{
  max-width:600px;
  font-size:.96rem;
}

/* Mais respiro entre seções */
.page-marketing .marketing-solutions-section,
.page-marketing .marketing-journey-section{
  padding-top:clamp(92px,10vw,150px);
  padding-bottom:clamp(92px,10vw,150px);
}

/* Seletor mais limpo */
.page-marketing .marketing-solution-switcher{
  grid-template-columns:290px minmax(0,1fr);
  gap:24px;
  margin-top:42px;
}

.page-marketing .marketing-solution-nav{
  gap:6px;
}

.page-marketing .marketing-solution-tab{
  min-height:68px;
  padding:10px 12px;
  border-color:transparent;
  background:transparent;
}

.page-marketing .marketing-solution-tab:hover{
  background:rgba(255,255,255,.03);
}

.page-marketing .marketing-solution-tab.is-active{
  transform:translateX(4px);
  border-color:rgba(220,165,255,.16);
  background:rgba(141,24,255,.10);
  box-shadow:none;
}

.page-marketing .marketing-solution-stage{
  min-height:620px;
  border-radius:26px;
}

.page-marketing .marketing-solution-stage-copy{
  max-width:680px;
}

.page-marketing .marketing-solution-stage-copy h3{
  font-size:clamp(2.4rem,4.5vw,5.4rem);
}

/* Jornada mais leve */
.page-marketing .marketing-journey-track{
  gap:12px;
  margin-top:46px;
}

.page-marketing .marketing-journey-step{
  min-height:190px;
  padding:20px 18px;
  border-radius:18px;
  background:rgba(255,255,255,.025);
  box-shadow:none;
}

.page-marketing .marketing-journey-step strong{
  font-size:1.18rem;
}

.page-marketing .marketing-journey-step p{
  font-size:.9rem;
}

/* CTA final menos carregado */
.page-marketing .marketing-cta-panel{
  border-radius:28px;
  background:
    radial-gradient(circle at 86% 12%,rgba(238,56,255,.10),transparent 24rem),
    linear-gradient(145deg,#141218,#0a0a0e);
}

@media (max-width:1100px){
  .page-marketing .marketing-system-layout{
    grid-template-columns:1fr;
    gap:36px;
  }

  .page-marketing .marketing-solution-switcher{
    grid-template-columns:1fr;
  }
}

@media (max-width:760px){
  .page-marketing .marketing-hero{
    padding-top:132px;
    padding-bottom:82px;
  }

  .page-marketing .marketing-system-card{
    min-height:0;
    padding:22px 18px 20px 72px;
  }

  .page-marketing .marketing-solution-stage{
    min-height:520px;
  }

  .page-marketing .marketing-solutions-section,
  .page-marketing .marketing-journey-section{
    padding-top:84px;
    padding-bottom:84px;
  }
}


/* v101 — Sobre Nós: fotos da liderança */
.page-about .leadership-card--with-photo,
.about-page .leadership-card--with-photo,
.leadership-card--with-photo{
  overflow:hidden;
  padding:0;
}

.leadership-card--with-photo .leadership-photo{
  position:relative;
  width:100%;
  margin:0;
  aspect-ratio:16/10;
  overflow:hidden;
  background:#eceaec;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.leadership-card--with-photo .leadership-photo::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,transparent 58%,rgba(7,7,10,.16) 100%);
}

.leadership-card--with-photo .leadership-photo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.96) contrast(1.02);
}

.leadership-card--with-photo .leadership-photo--leonardo img{
  object-position:center 34%;
}

.leadership-card--with-photo .leadership-photo--andre img{
  object-position:center 38%;
}

.leadership-card--with-photo .card-body{
  padding:clamp(24px,2.8vw,36px);
}

.leadership-card--with-photo{
  transition:
    transform .4s var(--ease),
    border-color .3s ease,
    box-shadow .4s ease;
}

.leadership-card--with-photo:hover{
  transform:translateY(-5px);
  border-color:rgba(220,165,255,.16);
  box-shadow:0 26px 72px rgba(0,0,0,.20);
}

@media(max-width:760px){
  .leadership-card--with-photo .leadership-photo{
    aspect-ratio:4/3;
  }

  .leadership-card--with-photo .leadership-photo--leonardo img{
    object-position:center 30%;
  }

  .leadership-card--with-photo .leadership-photo--andre img{
    object-position:center 34%;
  }
}


/* v106 — Contato: envio seguro para Google Sheets */
.contact-form-status{
  grid-column:1/-1;
  min-height:1.35em;
  margin:2px 0 0;
  color:var(--muted);
  font-size:.88rem;
  line-height:1.5;
}

.contact-form-status.is-success{
  color:#9ce9b4;
}

.contact-form-status.is-error{
  color:#ff9d9d;
}

[data-contact-submit][disabled]{
  opacity:.62;
  cursor:wait;
  pointer-events:none;
}

.form-field input:invalid:not(:placeholder-shown),
.form-field textarea:invalid:not(:placeholder-shown){
  border-color:rgba(255,115,115,.36);
}

/* v120 — WhatsApp VGV+ baseado no HTML funcional fornecido */
:root{
  --vgvwa-green:#25D366;
  --vgvwa-blue-check:#34B7F1;
  --vgvwa-green-dark:#075E54;
  --vgvwa-bg:#efe7dd;
  --vgvwa-text:#1f2933;
  --vgvwa-muted:#6b7280;
  --vgvwa-white:#ffffff;
  --vgvwa-border:rgba(0,0,0,.08);
  --vgvwa-shadow:0 18px 50px rgba(0,0,0,.24);
  --vgvwa-vgv-purple:#6d2389;
}

#vgvwa-widget-root,
#vgvwa-widget-root *{
  box-sizing:border-box;
  font-family:Arial,Helvetica,sans-serif;
}

#vgvwa-widget-root .vgvwa-floating-button{
  position:fixed;
  right:max(16px,env(safe-area-inset-right));
  bottom:max(16px,env(safe-area-inset-bottom));
  z-index:99998;
  width:64px;
  height:64px;
  border-radius:999px;
  border:none;
  background:var(--vgvwa-green);
  box-shadow:0 10px 24px rgba(37,211,102,.38);
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:transform .25s ease,box-shadow .25s ease;
  padding:0;
  color:#fff;
  touch-action:manipulation;
}

#vgvwa-widget-root .vgvwa-floating-button:hover{
  transform:translateY(-3px) scale(1.03);
  box-shadow:0 14px 32px rgba(37,211,102,.45);
}

#vgvwa-widget-root .vgvwa-floating-button:focus-visible,
#vgvwa-widget-root .vgvwa-close:focus-visible,
#vgvwa-widget-root a:focus-visible,
#vgvwa-widget-root button[type="submit"]:focus-visible{
  outline:3px solid rgba(37,211,102,.4);
  outline-offset:3px;
}

#vgvwa-widget-root .vgvwa-floating-button svg{
  width:32px;
  height:32px;
  fill:#fff;
}

#vgvwa-widget-root .vgvwa-pulse{
  position:absolute;
  inset:-6px;
  border-radius:inherit;
  background:rgba(37,211,102,.25);
  animation:vgvwaPulse 1.7s infinite;
  z-index:-1;
}

@keyframes vgvwaPulse{
  0%{transform:scale(.9);opacity:.9}
  80%{transform:scale(1.45);opacity:0}
  100%{opacity:0}
}

#vgvwa-widget-root .vgvwa-chat-widget{
  position:fixed;
  right:max(16px,env(safe-area-inset-right));
  bottom:calc(94px + env(safe-area-inset-bottom));
  z-index:99999;
  width:min(370px,calc(100vw - 32px));
  max-height:calc(100dvh - 118px - env(safe-area-inset-bottom));
  border-radius:22px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  background:var(--vgvwa-white);
  box-shadow:var(--vgvwa-shadow);
  opacity:0;
  transform:translateY(18px) scale(.96);
  pointer-events:none;
  visibility:hidden;
  transition:opacity .28s ease,transform .28s ease,visibility .28s ease;
}

#vgvwa-widget-root .vgvwa-chat-widget.is-open{
  opacity:1;
  transform:translateY(0) scale(1);
  pointer-events:auto;
  visibility:visible;
}

#vgvwa-widget-root .vgvwa-chat-header{
  display:flex;
  align-items:center;
  gap:12px;
  padding:16px;
  background:var(--vgvwa-green-dark);
  color:#fff;
  flex:0 0 auto;
}

#vgvwa-widget-root .vgvwa-avatar{
  width:52px;
  height:52px;
  border-radius:999px;
  background:#000;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  flex:0 0 auto;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.12);
  padding:4px;
}

#vgvwa-widget-root .vgvwa-avatar img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  border-radius:inherit;
}

#vgvwa-widget-root .vgvwa-header-text{
  flex:1;
  min-width:0;
}

#vgvwa-widget-root .vgvwa-header-text strong{
  display:block;
  font-size:clamp(14px,3.8vw,15px);
  line-height:1.2;
  font-weight:800;
}

#vgvwa-widget-root .vgvwa-online-status{
  display:inline-flex!important;
  align-items:center;
  gap:7px;
  margin-top:4px;
  font-size:12px;
  color:rgba(255,255,255,.92);
  font-weight:600;
  line-height:1;
}

#vgvwa-widget-root .vgvwa-online-status i{
  display:inline-block;
  width:9px;
  height:9px;
  border-radius:999px;
  background:var(--vgvwa-green);
  box-shadow:0 0 0 3px rgba(37,211,102,.18);
  flex:0 0 auto;
}

#vgvwa-widget-root .vgvwa-close{
  width:40px;
  height:40px;
  border-radius:999px;
  border:none;
  background:rgba(255,255,255,.12);
  color:#fff;
  cursor:pointer;
  font-size:26px;
  line-height:1;
  padding:0;
}

#vgvwa-widget-root .vgvwa-chat-body{
  padding:16px;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  flex:1 1 auto;
  background:
    radial-gradient(circle at 20% 20%,rgba(255,255,255,.55) 0 2px,transparent 3px),
    radial-gradient(circle at 70% 80%,rgba(255,255,255,.45) 0 2px,transparent 3px),
    var(--vgvwa-bg);
  background-size:34px 34px;
}

#vgvwa-widget-root .vgvwa-message{
  max-width:88%;
  padding:10px 12px;
  margin-bottom:10px;
  border-radius:12px;
  font-size:clamp(13px,3.7vw,14px);
  line-height:1.35;
  color:var(--vgvwa-text);
  box-shadow:0 2px 8px rgba(0,0,0,.05);
}

#vgvwa-widget-root .vgvwa-message.agent{
  background:#fff;
  border-top-left-radius:4px;
}

#vgvwa-widget-root .vgvwa-message-text{
  display:block;
}

#vgvwa-widget-root .vgvwa-message-meta{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:5px;
  margin-top:5px;
  font-size:11px;
  line-height:1;
  color:#667781;
  white-space:nowrap;
  user-select:none;
}

#vgvwa-widget-root .vgvwa-read-checks{
  color:var(--vgvwa-blue-check);
  font-size:13px;
  font-weight:800;
  letter-spacing:-4px;
  padding-right:3px;
  transform:translateY(-1px);
  display:inline-block;
}

#vgvwa-widget-root .vgvwa-form-box{
  margin-top:12px;
  background:#fff;
  border-radius:16px;
  padding:clamp(12px,3.5vw,14px);
  box-shadow:0 8px 22px rgba(0,0,0,.08);
}

#vgvwa-widget-root form{
  display:grid;
  gap:10px;
  margin:0;
}

#vgvwa-widget-root .vgvwa-input-cont{
  display:grid;
  gap:5px;
}

#vgvwa-widget-root label{
  font-size:12px;
  font-weight:700;
  color:var(--vgvwa-text);
}

#vgvwa-widget-root label strong{
  color:#e11d48;
  margin-left:2px;
}

#vgvwa-widget-root input,
#vgvwa-widget-root textarea{
  width:100%;
  border:1px solid var(--vgvwa-border);
  border-radius:12px;
  padding:0 12px;
  font-size:16px;
  outline:none;
  background:#f9fafb;
  color:var(--vgvwa-text);
  transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;
}

#vgvwa-widget-root input{
  height:48px;
}

#vgvwa-widget-root textarea{
  min-height:92px;
  padding-top:12px;
  padding-bottom:12px;
  resize:vertical;
  line-height:1.4;
}

#vgvwa-widget-root input:focus,
#vgvwa-widget-root textarea:focus{
  border-color:var(--vgvwa-green);
  background:#fff;
  box-shadow:0 0 0 4px rgba(37,211,102,.12);
}

#vgvwa-widget-root button[type="submit"]{
  min-height:50px;
  border:none;
  border-radius:12px;
  background:var(--vgvwa-green);
  color:#fff;
  font-weight:800;
  font-size:14px;
  cursor:pointer;
  margin-top:2px;
  transition:transform .2s ease,filter .2s ease;
  padding:0 16px;
}

#vgvwa-widget-root button[type="submit"]:hover{
  filter:brightness(.96);
  transform:translateY(-1px);
}

#vgvwa-widget-root button[type="submit"]:disabled{
  opacity:.72;
  cursor:not-allowed;
  transform:none;
}

#vgvwa-widget-root .vgvwa-form-note{
  font-size:11px;
  line-height:1.35;
  color:var(--vgvwa-muted);
  margin:2px 0 0;
}

#vgvwa-widget-root .vgvwa-status{
  display:none;
  margin-top:8px;
  font-size:12px;
  color:var(--vgvwa-green-dark);
  font-weight:700;
  line-height:1.35;
}

#vgvwa-widget-root .vgvwa-status.is-visible{
  display:block;
}

#vgvwa-widget-root .vgvwa-status.is-error{
  color:#b42318;
}

#vgvwa-widget-root .vgvwa-direct{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:12px;
  padding:10px 12px;
  border-radius:12px;
  background:rgba(255,255,255,.82);
  font-size:11px;
  color:var(--vgvwa-muted);
}

#vgvwa-widget-root .vgvwa-direct a{
  color:var(--vgvwa-green-dark);
  font-weight:800;
  text-decoration:none;
}

#vgvwa-widget-root .vgvwa-direct a:hover{
  text-decoration:underline;
}

@media(max-width:480px){
  #vgvwa-widget-root .vgvwa-floating-button{
    right:max(14px,env(safe-area-inset-right));
    bottom:max(14px,env(safe-area-inset-bottom));
    width:60px;
    height:60px;
  }

  #vgvwa-widget-root .vgvwa-chat-widget{
    left:12px;
    right:12px;
    bottom:calc(84px + env(safe-area-inset-bottom));
    width:auto;
    max-width:none;
    max-height:calc(100dvh - 104px - env(safe-area-inset-bottom));
    border-radius:20px;
  }

  #vgvwa-widget-root .vgvwa-chat-header{
    padding:13px 14px;
    gap:10px;
  }

  #vgvwa-widget-root .vgvwa-avatar{
    width:48px;
    height:48px;
  }

  #vgvwa-widget-root .vgvwa-chat-body{
    padding:14px;
  }

  #vgvwa-widget-root form{
    gap:9px;
  }

  #vgvwa-widget-root .vgvwa-form-note{
    font-size:10.5px;
  }
}

@media(max-width:360px){
  #vgvwa-widget-root .vgvwa-chat-widget{
    left:8px;
    right:8px;
    bottom:calc(80px + env(safe-area-inset-bottom));
  }

  #vgvwa-widget-root .vgvwa-chat-header{
    padding:12px;
  }

  #vgvwa-widget-root .vgvwa-avatar{
    width:44px;
    height:44px;
  }

  #vgvwa-widget-root .vgvwa-message{
    max-width:94%;
  }
}

@media(max-height:620px){
  #vgvwa-widget-root .vgvwa-chat-widget{
    max-height:calc(100dvh - 92px - env(safe-area-inset-bottom));
    bottom:calc(78px + env(safe-area-inset-bottom));
  }

  #vgvwa-widget-root .vgvwa-message{
    margin-bottom:8px;
  }

  #vgvwa-widget-root .vgvwa-form-box{
    margin-top:8px;
  }
}

@media(prefers-reduced-motion:reduce){
  #vgvwa-widget-root .vgvwa-pulse{animation:none}
  #vgvwa-widget-root .vgvwa-chat-widget,
  #vgvwa-widget-root .vgvwa-floating-button{transition:none}
}