@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;700&display=swap');

:root{
  --bg:#0b0b0b;
  --surface:#111214;
  --surface-2:#151515;
  --line:rgba(255,255,255,.08);
  --line-strong:rgba(255,255,255,.14);
  --text:#ede9e0;
  --muted:#b3b0aa;
  --green:#b4f000;
  --blue:#1237b8;
  --blue-soft:#0d2b8f;
  --radius:28px;
  --radius-lg:40px;
  --shadow:0 24px 80px rgba(0,0,0,.35);
  --container:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--text);
  background:
    linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px),
    radial-gradient(circle at 20% 0%, rgba(180,240,0,.05), transparent 36%),
    var(--bg);
  background-size:96px 96px,96px 96px,auto,auto;
  font-family:'Inter', system-ui, sans-serif;
  line-height:1.55;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.page-shell{min-height:100vh;overflow:hidden}
.container{width:min(calc(100% - 48px), var(--container));margin:0 auto}
.site-header{
  position:sticky;top:0;z-index:30;
  backdrop-filter: blur(16px);
  background:rgba(11,11,11,.72);
  border-bottom:1px solid var(--line);
}
.navbar{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:92px}
.logo-link img{height:42px;width:auto}
.nav-links{display:flex;align-items:center;gap:34px;list-style:none;padding:0;margin:0}
.nav-links a{font-size:.84rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);transition:.25s}
.nav-links a:hover,.nav-links a.active{color:var(--text)}
.nav-actions{display:flex;align-items:center;gap:14px}
.nav-cta,.button-primary,.button-secondary{
  display:inline-flex;align-items:center;justify-content:center;min-height:54px;
  padding:0 26px;border-radius:999px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  font-size:.84rem;transition:.25s ease;
}
.nav-cta,.button-primary{background:var(--green);color:#0b0b0b;box-shadow:0 10px 30px rgba(180,240,0,.18)}
.nav-cta:hover,.button-primary:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(180,240,0,.22)}
.button-secondary{border:1px solid var(--line-strong);color:var(--text);background:transparent}
.button-secondary:hover{border-color:rgba(180,240,0,.4);color:var(--green)}
.menu-toggle{display:none;background:none;border:0;padding:0;width:46px;height:46px;position:relative}
.menu-toggle span{position:absolute;left:11px;right:11px;height:2px;background:var(--text);transition:.25s}
.menu-toggle span:first-child{top:17px}.menu-toggle span:last-child{top:27px}
.menu-toggle.active span:first-child{transform:translateY(5px) rotate(45deg)}
.menu-toggle.active span:last-child{transform:translateY(-5px) rotate(-45deg)}

.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--green);text-transform:uppercase;letter-spacing:.18em;font-size:.82rem;font-weight:700;margin-bottom:20px}
.eyebrow::before{content:'';width:32px;height:1px;background:rgba(180,240,0,.5)}
.display-title,.page-title,.title-mid{
  font-family:'Space Grotesk','Inter',sans-serif;line-height:.94;letter-spacing:-.04em;margin:0;
  text-transform:uppercase;font-weight:700;
}
.display-title{font-size:clamp(3.6rem, 7vw, 7.6rem);max-width:9ch}
.hero-title{max-width:7.5ch}
.page-title{font-size:clamp(2.6rem, 4.8vw, 5rem);max-width:13ch}
.title-mid{font-size:clamp(2rem, 3.6vw, 3.8rem);max-width:14ch}
.lead{font-size:clamp(1.08rem, 1.6vw, 1.42rem);color:var(--muted);max-width:40rem;margin:28px 0 0}
.hero{padding:84px 0 46px}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);gap:48px;align-items:center}
.hero-buttons{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:42px}
.hero-stats div,.stat-card{
  padding:18px 18px 16px;border:1px solid var(--line);border-radius:24px;
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
}
.hero-stats strong,.stat-card strong{display:block;font-size:2rem;line-height:1;color:var(--green);font-family:'Space Grotesk',sans-serif}
.hero-stats span,.stat-card span{font-size:.92rem;color:var(--muted)}
.hero-visual-wrap{display:flex;justify-content:flex-end}
.hero-brand-stage{
  position:relative;min-height:620px;border-radius:40px;overflow:hidden;
  border:1px solid var(--line);background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
  box-shadow:var(--shadow);isolation:isolate;
}
.hero-brand-stage::after{content:'';position:absolute;inset:auto -20% -15% auto;width:86%;aspect-ratio:1;background:radial-gradient(circle, rgba(14,54,191,.85) 0%, rgba(14,54,191,.35) 35%, rgba(14,54,191,0) 70%);filter:blur(18px);z-index:0;pointer-events:none}
.hero-brand-stage::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg, rgba(255,255,255,.02), transparent 45%, rgba(180,240,0,.02));z-index:0}
.interactive-brand{position:relative;height:100%;min-height:620px;cursor:default}
.brand-layer{position:absolute;transition:transform .14s linear;will-change:transform}
.layer-grid{inset:34px;border:1px solid rgba(255,255,255,.07);border-radius:34px;background:
  linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),
  linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);
  background-size:82px 82px;opacity:.16}
.layer-outline{inset:68px;border:1px solid rgba(255,255,255,.08);border-radius:30px}
.layer-symbol-big{right:-34px;bottom:-48px;width:78%;opacity:.98;z-index:2}
.layer-symbol-small{right:58px;top:56px;width:190px;opacity:.1}
.layer-glow{left:20%;bottom:10%;width:58%;height:52%;background:radial-gradient(circle, rgba(18,55,184,.9), rgba(18,55,184,.3) 45%, rgba(18,55,184,0) 78%);filter:blur(14px);border-radius:50%;z-index:1}
.layer-lines{inset:58px 58px auto 58px;display:grid;gap:40px;z-index:3}
.service-line{display:grid;grid-template-columns:54px 1fr;gap:24px;align-items:center;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.09)}
.service-line strong{font-size:1.85rem;color:var(--green);font-family:'Space Grotesk',sans-serif}
.service-line span{text-transform:uppercase;letter-spacing:.12em;color:var(--text);font-size:1.26rem}
.section{padding:112px 0}.section-tight{padding:88px 0}.section-sm{padding:64px 0}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:36px}
.section-head p{margin:0;max-width:32rem;color:var(--muted)}
.cards-grid,.services-grid,.client-grid,.team-grid,.case-grid{display:grid;gap:22px}
.services-grid{grid-template-columns:repeat(4, minmax(0,1fr))}
.service-card,.card,.client-card,.team-card,.case-card,.contact-card,.panel,.cta-band{
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
  border:1px solid var(--line);border-radius:32px;box-shadow:var(--shadow)
}
.service-card{padding:28px;position:relative;overflow:hidden}
.service-card::after{content:'';position:absolute;right:-40px;bottom:-40px;width:120px;height:120px;background:radial-gradient(circle, rgba(18,55,184,.72), rgba(18,55,184,0) 70%);opacity:.55}
.service-icon{width:72px;height:72px;border-radius:20px;border:1px solid var(--line);display:grid;place-items:center;margin-bottom:26px;background:rgba(255,255,255,.01)}
.service-icon img{width:54px;height:54px}
.service-card h3,.card h3,.team-card h3,.client-card h3,.case-card h3,.contact-card h3,.panel h3{margin:0 0 10px;font-size:1.3rem;letter-spacing:-.02em}
.service-card p,.card p,.team-card p,.client-card p,.case-card p,.contact-card p,.panel p{margin:0;color:var(--muted)}
.split-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.92fr);gap:28px;align-items:stretch}
.media-block{position:relative;min-height:560px;border-radius:38px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}
.media-block img{width:100%;height:100%;object-fit:cover;filter:saturate(1.05)}
.media-block::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg, rgba(11,11,11,.1), rgba(11,11,11,.2) 40%, rgba(11,11,11,.82) 100%)}
.media-tag{position:absolute;left:28px;bottom:28px;z-index:2;max-width:24rem}
.media-tag strong{display:block;font-family:'Space Grotesk';font-size:1.6rem;letter-spacing:-.03em;margin-bottom:8px}
.media-tag span{color:var(--muted)}
.cards-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.card{padding:28px;min-height:220px}
.card-index{display:inline-flex;min-width:44px;height:44px;align-items:center;justify-content:center;border-radius:999px;background:rgba(180,240,0,.1);color:var(--green);font-weight:800;margin-bottom:24px}
.values-grid{display:flex;flex-wrap:wrap;gap:12px}
.value-pill{padding:12px 18px;border-radius:999px;border:1px solid rgba(180,240,0,.2);color:var(--text);background:rgba(180,240,0,.06)}
.client-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.client-card{padding:28px;min-height:220px;display:flex;flex-direction:column;justify-content:space-between}
.client-tag,.case-meta span{display:inline-flex;padding:9px 12px;border-radius:999px;background:rgba(180,240,0,.08);color:var(--green);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;border:1px solid rgba(180,240,0,.16)}
.team-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.team-card{overflow:hidden}
.team-photo{aspect-ratio:4/4.6;overflow:hidden}
.team-photo img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .5s ease}
.team-card:hover .team-photo img{transform:scale(1.04)}
.team-content{padding:22px 22px 26px}
.role{color:var(--green);text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;font-weight:700;margin-bottom:14px}
.team-link{display:inline-flex;margin-top:18px;color:var(--green);font-size:.92rem;font-weight:600}
.case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.case-card{overflow:hidden}
.case-visual{aspect-ratio:16/10;position:relative;background:linear-gradient(180deg, rgba(18,55,184,.15), rgba(18,55,184,.55));overflow:hidden}
.case-visual img{width:100%;height:100%;object-fit:cover;mix-blend-mode:screen;opacity:.86}
.case-content{padding:24px}
.case-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.contact-grid{display:grid;grid-template-columns:minmax(340px,.7fr) minmax(0,1fr);gap:24px}
.contact-card{padding:28px}
.contact-list{display:grid;gap:18px;list-style:none;padding:0;margin:20px 0 0}
.contact-list li{display:grid;gap:6px}
.contact-list strong{font-size:.8rem;color:var(--green);text-transform:uppercase;letter-spacing:.12em}
.contact-form{display:grid;gap:16px;margin-top:22px}
.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
input,select,textarea{width:100%;background:#0e0e10;color:var(--text);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:16px 18px;font:inherit}
textarea{min-height:160px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:none;border-color:rgba(180,240,0,.5);box-shadow:0 0 0 3px rgba(180,240,0,.08)}
button{font:inherit;border:0;cursor:pointer}
.cta-band{padding:38px 40px;position:relative;overflow:hidden}
.cta-band::after{content:'';position:absolute;right:-60px;bottom:-60px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle, rgba(18,55,184,.8), rgba(18,55,184,0) 70%)}
.cta-band h2{margin:8px 0 12px;font-size:clamp(1.8rem,3vw,3rem);font-family:'Space Grotesk';text-transform:uppercase;letter-spacing:-.03em;line-height:.96}
.cta-band p{max-width:38rem;color:var(--muted)}
.footer{padding:40px 0;border-top:1px solid var(--line);margin-top:24px;background:rgba(255,255,255,.015)}
.footer-grid{display:flex;justify-content:space-between;gap:24px;align-items:center}
.footer-logo{height:34px;width:auto;margin-bottom:14px}
.footer p{color:var(--muted);margin:0}.footer-links{display:flex;gap:20px;flex-wrap:wrap}.footer-links a{color:var(--muted)}
.page-hero{padding:88px 0 24px}.breadcrumb{font-size:.92rem;color:var(--muted);margin-bottom:18px}.breadcrumb a{color:var(--text)}
.manifesto-box{margin-top:34px;padding:22px 24px;border-left:3px solid var(--green);background:rgba(255,255,255,.02);border-radius:0 22px 22px 0;max-width:38rem}
.manifesto-box p{font-size:1.3rem;line-height:1.3;margin:0;color:var(--text)}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease, transform .6s ease}.reveal.is-visible{opacity:1;transform:none}

@media (max-width:1100px){
  .services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero-grid,.split-grid,.contact-grid{grid-template-columns:1fr}
  .hero-visual-wrap{justify-content:stretch}
  .hero-brand-stage{min-height:560px}.interactive-brand{min-height:560px}
  .cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .client-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .case-grid{grid-template-columns:1fr}
}
@media (max-width:820px){
  .container{width:min(calc(100% - 32px), var(--container))}
  .navbar{min-height:82px}
  .nav-links{position:fixed;left:16px;right:16px;top:86px;display:grid;gap:8px;padding:18px;border:1px solid var(--line);border-radius:24px;background:rgba(11,11,11,.96);transform-origin:top;transform:scaleY(.88);opacity:0;pointer-events:none;transition:.25s}
  .nav-links.open{transform:scaleY(1);opacity:1;pointer-events:auto}
  .nav-links li a{display:block;padding:12px 8px}
  .menu-toggle{display:block}.nav-cta{display:none}
  .display-title{font-size:clamp(2.9rem, 12vw, 4.9rem)}
  .hero{padding:56px 0 34px}
  .hero-brand-stage{min-height:480px}.interactive-brand{min-height:480px}
  .layer-lines{inset:30px 26px auto 26px;gap:26px}
  .service-line{grid-template-columns:44px 1fr;gap:16px}.service-line span{font-size:1.02rem}
  .layer-symbol-big{width:90%;right:-54px;bottom:-36px}
  .hero-stats,.cards-grid,.services-grid,.client-grid,.team-grid,.form-row{grid-template-columns:1fr}
  .footer-grid{flex-direction:column;align-items:flex-start}
}

/* === V5: Home centralizada + big numbers separados === */
.hero-centered{
  min-height: calc(100vh - 92px);
  display:flex;
  align-items:center;
  padding:96px 0 92px;
  position:relative;
  overflow:hidden;
  border-bottom:1px solid var(--line);
}
.hero-centered::before{
  content:'';
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 50% 48%, rgba(180,240,0,.07), transparent 34%),
    radial-gradient(circle at 78% 72%, rgba(18,55,184,.22), transparent 34%);
  pointer-events:none;
}
.hero-centered::after{
  content:'';
  position:absolute;
  right:-8vw;
  bottom:-18vw;
  width:min(62vw,760px);
  aspect-ratio:1;
  border:1px solid rgba(180,240,0,.16);
  clip-path:polygon(28% 0,72% 0,100% 28%,100% 72%,72% 100%,28% 100%,0 72%,0 28%);
  opacity:.44;
  pointer-events:none;
}
.hero-center-inner{
  position:relative;
  z-index:2;
  max-width:1180px;
  margin:0 auto;
  text-align:center;
}
.hero-eyebrow{
  justify-content:center;
}
.hero-eyebrow::after{
  content:'';
  width:32px;
  height:1px;
  background:rgba(180,240,0,.5);
}
.hero-title-centered{
  max-width:none;
  margin:0 auto;
  font-size:clamp(3.8rem, 7vw, 8.2rem);
  line-height:.9;
  letter-spacing:-.06em;
}
.hero-lead-centered{
  max-width:760px;
  margin:34px auto 0;
  color:rgba(237,233,224,.74);
}
.hero-buttons-centered{
  justify-content:center;
  margin-top:38px;
}
.stats-clients-section{
  padding:0 0 88px;
  border-bottom:1px solid var(--line);
  position:relative;
  overflow:hidden;
}
.client-line{
  position:relative;
  min-height:112px;
  display:flex;
  align-items:center;
}
.client-line-rule{
  position:absolute;
  left:0;
  right:0;
  top:50%;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(237,233,224,.22), transparent);
}
.client-marquee{
  position:relative;
  overflow:hidden;
  width:100%;
  padding:18px 0;
  mask-image:linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
}
.client-track{
  display:flex;
  width:max-content;
  gap:52px;
  animation:castron-marquee 28s linear infinite;
}
.client-track span{
  display:inline-flex;
  align-items:center;
  color:var(--muted);
  text-transform:uppercase;
  letter-spacing:.16em;
  font-size:.82rem;
  font-weight:700;
  white-space:nowrap;
}
.client-track span::before{
  content:'';
  width:7px;
  height:7px;
  margin-right:18px;
  background:var(--green);
  clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);
  opacity:.9;
}
@keyframes castron-marquee{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}
.stats-grid-home{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}
.stat-card-home{
  min-height:220px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:30px;
  border:1px solid var(--line);
  border-radius:32px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.012)),
    radial-gradient(circle at 80% 80%, rgba(18,55,184,.28), transparent 54%);
  box-shadow:var(--shadow);
}
.stat-card-home strong{
  display:block;
  color:var(--green);
  font-family:'Space Grotesk',sans-serif;
  font-size:clamp(3.4rem,6vw,6.4rem);
  line-height:.82;
  letter-spacing:-.06em;
}
.stat-card-home span{
  max-width:14rem;
  color:var(--muted);
  font-size:1rem;
}
@media (max-width:820px){
  .hero-centered{
    min-height:auto;
    padding:76px 0 72px;
  }
  .hero-title-centered{
    font-size:clamp(3rem, 14vw, 4.8rem);
    line-height:.92;
  }
  .client-track{
    gap:32px;
    animation-duration:22s;
  }
  .stats-grid-home{
    grid-template-columns:1fr;
  }
  .stat-card-home{
    min-height:170px;
  }
}

/* === V7: remoção da foto de luzes e substituição por painel de marca === */
.brand-system-panel{
  min-height:560px;
  position:relative;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:38px;
  box-shadow:var(--shadow);
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012)),
    radial-gradient(circle at 72% 76%, rgba(18,55,184,.62), transparent 42%),
    radial-gradient(circle at 20% 12%, rgba(180,240,0,.09), transparent 34%),
    #0d0d0d;
}
.brand-system-grid{
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px);
  background-size:74px 74px;
  opacity:.18;
}
.brand-system-symbol{
  position:absolute;
  right:34px;
  bottom:34px;
  width:34%;
  opacity:.42;
  filter:drop-shadow(0 18px 48px rgba(180,240,0,.10));
}
.brand-system-content{
  position:absolute;
  left:34px;
  right:34px;
  top:34px;
  z-index:2;
}
.brand-system-content h3{
  margin:10px 0 16px;
  max-width:520px;
  font-family:'Space Grotesk',sans-serif;
  font-size:clamp(2.1rem, 3.4vw, 4.2rem);
  line-height:.94;
  letter-spacing:-.05em;
  text-transform:uppercase;
}
.brand-system-content p{
  max-width:420px;
  color:var(--muted);
  margin:0;
}
.brand-system-tags{
  position:absolute;
  left:34px;
  right:34px;
  bottom:34px;
  z-index:3;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.brand-system-tags span{
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(180,240,0,.2);
  background:rgba(180,240,0,.055);
  color:var(--text);
  text-transform:uppercase;
  letter-spacing:.1em;
  font-size:.78rem;
  font-weight:700;
}
.brand-case-visual{
  display:grid;
  place-items:center;
  background:
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.012)),
    radial-gradient(circle at 72% 70%, rgba(18,55,184,.58), transparent 50%),
    #101010;
}
.brand-case-visual img{
  width:28%;
  height:auto;
  opacity:.92;
  mix-blend-mode:normal;
}
.case-number{
  position:absolute;
  top:20px;
  left:22px;
  color:var(--green);
  font-weight:800;
  font-family:'Space Grotesk',sans-serif;
  letter-spacing:.08em;
}
@media (max-width:820px){
  .brand-system-panel{
    min-height:460px;
  }
  .brand-system-symbol{
    width:48%;
    right:22px;
    bottom:22px;
  }
}

/* === V9: centralização dos big numbers === */
.stat-card-home{
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:28px;
}
.stat-card-home span{
  max-width:16rem;
  margin:0 auto;
}



/* === V10: logos dos clientes em branco === */
.client-track{
  display:flex;
  align-items:center;
  gap:44px;
  width:max-content;
}
.client-track img{
  height:28px;
  width:auto;
  max-width:190px;
  object-fit:contain;
  opacity:.92;
  filter:drop-shadow(0 0 12px rgba(255,255,255,.02));
}
.client-logo-pill{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:150px;
  min-height:34px;
}
.client-card-top{
  display:grid;
  gap:18px;
}
.client-card-logo-wrap{
  min-height:52px;
  display:flex;
  align-items:center;
}
.client-card-logo{
  max-width:220px;
  width:auto;
  height:40px;
  object-fit:contain;
  opacity:.96;
}
.client-card-logo.is-tall{
  height:62px;
}
.case-client-logo-wrap{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:34px;
}
.case-client-logo{
  max-width:72%;
  max-height:64px;
  width:auto;
  height:auto;
  object-fit:contain;
  opacity:.96;
  mix-blend-mode:normal;
}
.case-client-logo.is-tall{
  max-height:110px;
}
.brand-case-visual{
  background:
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.012)),
    radial-gradient(circle at 72% 70%, rgba(18,55,184,.42), transparent 48%),
    #101010;
}
@media (max-width:820px){
  .client-track{
    gap:28px;
  }
  .client-track img{
    height:22px;
    max-width:150px;
  }
  .client-card-logo{
    height:34px;
    max-width:180px;
  }
  .client-card-logo.is-tall{
    height:54px;
  }
  .case-client-logo{
    max-width:78%;
    max-height:52px;
  }
  .case-client-logo.is-tall{
    max-height:86px;
  }
}

/* === V11: faixa com nomes + cards de clientes centralizados === */
.client-track-text{
  display:flex;
  width:max-content;
  gap:52px;
  animation:castron-marquee 28s linear infinite;
}
.client-track-text span{
  display:inline-flex;
  align-items:center;
  color:var(--muted);
  text-transform:uppercase;
  letter-spacing:.16em;
  font-size:.82rem;
  font-weight:700;
  white-space:nowrap;
}
.client-track-text span::before{
  content:'';
  width:7px;
  height:7px;
  margin-right:18px;
  background:var(--green);
  clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);
  opacity:.9;
}

.client-card{
  text-align:center;
  align-items:center;
}
.client-card-top{
  width:100%;
  align-items:center;
  text-align:center;
}
.client-card-logo-wrap{
  justify-content:center;
  width:100%;
  min-height:72px;
  margin:8px 0 4px;
}
.client-card-logo{
  width:220px;
  height:58px;
  max-width:100%;
  object-fit:contain;
}
.client-card-logo.is-tall{
  width:160px;
  height:76px;
}
.client-card h3,
.client-card p{
  text-align:center;
}
.client-card p{
  max-width:30rem;
  margin-left:auto;
  margin-right:auto;
}
.client-card .case-meta{
  justify-content:center;
  width:100%;
}

.case-client-logo-wrap{
  text-align:center;
}
.case-client-logo{
  width:260px;
  height:74px;
  max-width:78%;
  max-height:74px;
  object-fit:contain;
}
.case-client-logo.is-tall{
  width:170px;
  height:112px;
  max-height:112px;
}
.brand-case-visual{
  min-height:230px;
}

@media (max-width:820px){
  .client-track-text{
    gap:32px;
    animation-duration:22s;
  }
  .client-card-logo{
    width:190px;
    height:52px;
  }
  .client-card-logo.is-tall{
    width:140px;
    height:68px;
  }
  .case-client-logo{
    width:210px;
    height:58px;
    max-height:58px;
  }
  .case-client-logo.is-tall{
    width:140px;
    height:86px;
    max-height:86px;
  }
}