/* Goolab Home Story V3 — Clareza de posicionamento
   Estúdio Criativo + Tecnologia + Growth Marketing */

/* Header claro na Home ---------------------------------------------------- */
.home-story-v3 .header,
.home-story-v3 .header.scrolled{
  background:rgba(255,255,255,.94)!important;
  border-bottom:1px solid rgba(18,28,45,.08)!important;
  box-shadow:0 8px 28px rgba(18,28,45,.045)!important;
  backdrop-filter:blur(16px) saturate(145%)!important;
}
.home-story-v3 .header .brand img{filter:brightness(0)!important}
.home-story-v3 .nav-links>a,
.home-story-v3 .marketing-mega-trigger,
.home-story-v3 .plans-mega-trigger{color:#5d6775!important}
.home-story-v3 .nav-links>a:hover,
.home-story-v3 .nav-links>a:focus-visible,
.home-story-v3 .marketing-mega-trigger:hover,
.home-story-v3 .marketing-mega-trigger:focus-visible,
.home-story-v3 .marketing-mega-trigger[aria-expanded="true"],
.home-story-v3 .plans-mega-trigger:hover,
.home-story-v3 .plans-mega-trigger:focus-visible,
.home-story-v3 .plans-mega-trigger[aria-expanded="true"]{color:#111827!important}
.home-story-v3 .nav-links>a::after{background:#1948f0!important}
.home-story-v3 .btn-account{border-color:#dfe4ec!important;box-shadow:0 7px 20px rgba(10,15,28,.07)!important}
.home-story-v3 .nav-toggle{border-color:#dfe4ec!important;background:#fff!important;color:#172033!important}

/* Primeiro bloco --------------------------------------------------------- */
.home-story-v3 .home4-intro{
  min-height:100svh;
  min-height:100vh;
  display:flex;
  align-items:center;
  overflow:hidden;
  padding:8rem 0 5.5rem!important;
  background:#f8f8f5;
  color:#111827;
}
.home-story-v3 .home4-intro::before{
  content:"";
  position:absolute;
  width:min(48vw,44rem);
  aspect-ratio:1;
  left:50%;
  top:46%;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(circle,rgba(25,72,240,.065),rgba(25,72,240,0) 68%);
  pointer-events:none;
}
.home-story-v3 .home4-intro-inner{position:relative;z-index:1;text-align:center;max-width:82rem}
.home-story-v3 .home4-intro-mark{
  margin:0 auto 1.35rem;
  color:#687384;
  font:750 .67rem/1 var(--font-mono);
  letter-spacing:.18em;
  text-transform:uppercase;
}
.home-story-v3 .home4-intro h1{
  max-width:16ch;
  margin:0 auto;
  color:#121a28;
  font-size:clamp(3.2rem,7.2vw,7rem);
  font-weight:650;
  line-height:.98;
  letter-spacing:-.062em;
  text-wrap:balance;
}
.home-story-v3 .home4-intro h1 span{color:#1948f0}
.home-story-v3 .home4-continue{
  display:inline-flex;
  align-items:center;
  gap:.7rem;
  margin-top:2.6rem;
  padding:.82rem 1.15rem;
  border:1px solid #dfe3e9;
  border-radius:999px;
  background:rgba(255,255,255,.74);
  color:#172033;
  font-size:.78rem;
  font-weight:800;
  box-shadow:0 8px 22px rgba(10,15,28,.045);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.home-story-v3 .home4-continue svg{width:1rem;height:1rem;transition:transform .22s ease}
.home-story-v3 .home4-continue:hover{transform:translateY(-2px);border-color:#c6d1ff;box-shadow:0 12px 28px rgba(25,72,240,.09)}
.home-story-v3 .home4-continue:hover svg{transform:translateY(2px)}

/* Faixa de clientes: legenda e esteira nunca se sobrepõem --------------- */
.home-story-v3 .home4-clients{
  padding:2.1rem 0 2.35rem!important;
  background:#fff;
  border-top:1px solid #eceef1;
  border-bottom:1px solid #eceef1;
  overflow:hidden;
}
.home-story-v3 .home4-clients-head{
  margin-bottom:1.35rem;
  text-align:center;
}
.home-story-v3 .home4-clients-head span{
  color:#8a929e;
  font:700 .62rem/1 var(--font-mono);
  letter-spacing:.13em;
  text-transform:uppercase;
}
.home-story-v3 .home4-client-rail{
  position:relative;
  width:100%;
  overflow:hidden;
  mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);
}
.home-story-v3 .home4-client-rail .logo-track{align-items:center;animation-duration:42s!important}
.home-story-v3 .home4-client-rail .logo-chip{
  min-height:2.4rem;
  padding:0 clamp(1.8rem,3.4vw,3.25rem)!important;
  display:inline-flex;
  align-items:center;
  color:#3f4856!important;
  opacity:.62!important;
  font-family:var(--font-display)!important;
  font-size:clamp(.86rem,1.25vw,1.03rem)!important;
  font-weight:650!important;
  letter-spacing:-.025em!important;
  white-space:nowrap;
}
.home-story-v3 .home4-client-rail .logo-chip::after{
  content:"";
  width:3px;height:3px;border-radius:50%;background:#c9ced7;
  margin-left:clamp(3.6rem,6.8vw,6.5rem);
}
.home-story-v3 .home4-client-rail .logo-chip:hover{opacity:1!important;color:#1948f0!important}

/* Filme / experiência visual -------------------------------------------- */
.home-story-v3 .home4-film{min-height:92svh!important}
.home-story-v3 .home4-film-title{
  max-width:12.5ch;
  margin:1.4rem 0 0;
  color:#fff;
  font-family:var(--font-display);
  font-size:clamp(2.9rem,5.05vw,4.9rem);
  font-weight:650;
  letter-spacing:-.055em;
  line-height:1.02;
  text-wrap:balance;
}
.home-story-v3 .home4-film-title span{display:block}
.home-story-v3 .home4-film .lead{max-width:33rem!important;margin:1.35rem 0 0!important;color:rgba(245,247,255,.72)!important}
.home-story-v3 .home4-film .hero-ctas{justify-content:flex-start!important;margin-top:1.75rem!important}

/* Três especialidades ---------------------------------------------------- */
.home-story-v3 .home4-solutions{background:#fff}
.home-story-v3 .home4-specialties{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1rem;
  margin-top:2.8rem;
}
.home-story-v3 .home4-specialty{
  position:relative;
  display:flex;
  min-height:29rem;
  flex-direction:column;
  padding:1.8rem;
  border:1px solid #e4e7ec;
  border-radius:1.35rem;
  background:linear-gradient(150deg,#fff 0%,#fafbfc 100%);
  overflow:hidden;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.home-story-v3 .home4-specialty::before{
  content:"";position:absolute;right:-5rem;top:-5rem;width:12rem;height:12rem;border-radius:50%;background:radial-gradient(circle,rgba(25,72,240,.07),transparent 70%);pointer-events:none
}
.home-story-v3 .home4-specialty:hover{transform:translateY(-4px);border-color:#cfd8ff;box-shadow:0 18px 45px rgba(20,31,52,.07)}
.home-story-v3 .home4-specialty-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}
.home-story-v3 .home4-specialty-top>span{font:700 .62rem/1 var(--font-mono);color:#98a0ad}
.home-story-v3 .home4-specialty-icon{display:grid;width:2.65rem;height:2.65rem;place-items:center;border-radius:.75rem;background:#eef2ff;color:#1948f0}
.home-story-v3 .home4-specialty-icon svg{width:1.35rem;height:1.35rem}
.home-story-v3 .home4-specialty h3{margin-top:3.7rem;font-size:clamp(1.55rem,2.4vw,2.15rem);letter-spacing:-.04em}
.home-story-v3 .home4-specialty>p{margin-top:.85rem;color:#687384;font-size:.9rem;line-height:1.62;max-width:29rem}
.home-story-v3 .home4-specialty-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1.45rem}
.home-story-v3 .home4-specialty-tags span{padding:.34rem .58rem;border-radius:999px;background:#f2f4f7;color:#5c6675;font-size:.62rem;font-weight:750}
.home-story-v3 .home4-specialty>a{margin-top:auto;padding-top:2rem;color:#1948f0;font-size:.76rem;font-weight:850}
.home-story-v3 .home4-thesis{
  display:grid;
  grid-template-columns:auto auto auto auto auto 1fr;
  align-items:center;
  gap:.8rem;
  margin-top:1rem;
  padding:1.25rem 1.4rem;
  border:1px solid #e5e8ed;
  border-radius:1rem;
  background:#f8f9fb;
}
.home-story-v3 .home4-thesis span{font-family:var(--font-display);font-size:.78rem;font-weight:750;color:#283444}
.home-story-v3 .home4-thesis i{font-style:normal;color:#a4acb9}
.home-story-v3 .home4-thesis a{justify-self:end;color:#1948f0;font-size:.72rem;font-weight:850}

/* Menos ruído no restante da narrativa ---------------------------------- */
.home-story-v3 .home2-continuity{background:#f7f8fa!important}
.home-story-v3 .home2-search h2{max-width:16ch}
.home-story-v3 #por-onde-comecar .home2-entry h3{max-width:14ch}

@media(max-width:960px){
  .home-story-v3 .home4-intro h1{max-width:13ch;font-size:clamp(3rem,9.5vw,5.4rem)}
  .home-story-v3 .home4-specialties{grid-template-columns:1fr}
  .home-story-v3 .home4-specialty{min-height:22rem}
  .home-story-v3 .home4-specialty h3{margin-top:2.8rem}
  .home-story-v3 .home4-thesis{grid-template-columns:1fr auto 1fr;gap:.65rem;text-align:center}
  .home-story-v3 .home4-thesis span:nth-of-type(3){grid-column:1/-1}
  .home-story-v3 .home4-thesis i:nth-of-type(2){display:none}
  .home-story-v3 .home4-thesis a{grid-column:1/-1;justify-self:center;margin-top:.3rem}
}

@media(max-width:820px){
  .home-story-v3 .home4-film-title{max-width:11.5ch;font-size:clamp(2.35rem,10vw,3.4rem)}
  .home-story-v3 .home4-film .hero-ctas{justify-content:stretch!important}
  .home-story-v3 .home4-film .hero-ctas .btn{width:100%;justify-content:center}
}

@media(max-width:680px){
  .home-story-v3 .home4-intro{min-height:92svh;padding:7.8rem 0 4.8rem!important}
  .home-story-v3 .home4-intro h1{font-size:clamp(2.6rem,13vw,4rem);max-width:11ch;line-height:1.01}
  .home-story-v3 .home4-continue{margin-top:2rem}
  .home-story-v3 .home4-clients{padding:1.65rem 0 1.85rem!important}
  .home-story-v3 .home4-clients-head{margin-bottom:1rem}
  .home-story-v3 .home4-client-rail{mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
  .home-story-v3 .home4-client-rail .logo-chip{padding:0 1.55rem!important;font-size:.82rem!important}
  .home-story-v3 .home4-client-rail .logo-chip::after{margin-left:3.1rem}
  .home-story-v3 .home4-specialty{padding:1.35rem;min-height:20rem}
  .home-story-v3 .home4-specialty h3{margin-top:2.2rem;font-size:1.55rem}
  .home-story-v3 .home4-thesis{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:.45rem;padding:1.15rem}
  .home-story-v3 .home4-thesis i{transform:rotate(90deg);margin-left:.2rem}
  .home-story-v3 .home4-thesis i:nth-of-type(2){display:block}
  .home-story-v3 .home4-thesis a{align-self:flex-start;margin-top:.55rem}
}

@media(prefers-reduced-motion:reduce){
  .home-story-v3 .home4-specialty,.home-story-v3 .home4-continue{transition:none!important}
}