/* =========================================================
   S8 Agência | site | CSS compartilhado (index + sobre)
   Identidade: Setup v2 (setembro de 2026). Tokens em ../../tokens/s8.css
   Fontes: Inter (títulos e textos) e Monospace (chapéus, botões, detalhes)
   ========================================================= */
@font-face{font-family:'Inter';src:url('../fontes/inter-variavel.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Monospace S8';src:url('../fontes/monospace-s8.woff2') format('woff2');font-weight:400;font-display:swap}

:root{
  --blue:#1a06c3;--blue-deep:#12047e;
  --sky:#a7e4fa;--lime:#e6f998;--petrol:#04324c;
  --navy:#04324c;--navy-2:#04324c;--black:#050505;--graphite:#111111;
  --offwhite:#f4f4f4;--white:#ffffff;--mist:#e3f4fb;
  --steel:#a7e4fa;--steel-dark:#04324c;
  --ink:#050505;--muted:#545454;
  --display:'Inter',system-ui,-apple-system,Segoe UI,sans-serif;
  --sans:'Inter',system-ui,-apple-system,Segoe UI,sans-serif;
  --tech:'Monospace S8',ui-monospace,'SF Mono',Menlo,monospace;
  --maxw:1340px;--gutter:clamp(20px,5vw,72px);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;overflow-x:hidden}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{font-family:var(--sans);color:var(--ink);background:var(--offwhite);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:var(--display);font-weight:700;line-height:1.05;letter-spacing:-.015em}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}
.eyebrow{font-family:var(--tech);font-weight:400;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--blue);display:inline-block}
.eyebrow::before{content:"[ "}.eyebrow::after{content:" ]"}

/* header */
header{position:fixed;inset:0 0 auto 0;z-index:60;transition:background .35s ease,box-shadow .35s ease,padding .35s ease;padding:16px 0;background:var(--black)}
header.scrolled{background:rgba(5,5,5,.92);backdrop-filter:blur(12px);box-shadow:0 1px 0 rgba(255,255,255,.1);padding:10px 0}
.nav{display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:10px}
.brand .logo{height:30px;width:auto;transition:height .35s ease}
.brand .logo-sim{height:36px}
.brand .logo-ass{height:17px;margin-left:2px}
header.scrolled .brand .logo{height:26px}
header.scrolled .brand .logo-sim{height:31px}
header.scrolled .brand .logo-ass{height:15px}
@media (max-width:560px){.brand .logo-ass{display:none}}
.menu{display:flex;align-items:center;gap:clamp(16px,1.8vw,28px)}
.menu a{font-size:.86rem;font-weight:500;color:#fff;position:relative;padding:4px 0}
.menu a:not(.btn){font-family:var(--tech);font-size:.82rem;letter-spacing:.02em}
.menu a::after{content:"";position:absolute;left:0;bottom:-1px;height:1.5px;width:0;background:var(--blue);transition:width .28s ease}
.menu a:hover::after{width:100%}
.menu .btn::after{content:none}
.btn{font-family:var(--tech);display:inline-flex;align-items:center;gap:9px;border:1.5px solid transparent;border-radius:999px;padding:13px 22px;font-weight:400;font-size:.84rem;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background .25s ease,color .25s ease,transform .2s ease,border-color .25s ease}
/* botões em pílula de vidro, mesmo estilo do rodapé */
.btn-pill{display:inline-flex;align-items:center;gap:10px;padding:13px 24px;border-radius:999px;font-family:var(--tech);font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:#dad8d4;text-decoration:none;background:linear-gradient(145deg,rgba(255,255,255,.04) 0%,rgba(255,255,255,.015) 100%);border:1px solid rgba(255,255,255,.09);box-shadow:0 10px 30px -10px rgba(5,5,5,.5),inset 0 1px 1px rgba(255,255,255,.1),inset 0 -1px 2px rgba(5,5,5,.8);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:background .4s cubic-bezier(.16,1,.3,1),border-color .4s,box-shadow .4s,color .4s;cursor:pointer;will-change:transform}
.btn-pill:hover{background:linear-gradient(145deg,rgba(255,255,255,.09) 0%,rgba(255,255,255,.03) 100%);border-color:rgba(167,228,250,.45);box-shadow:0 20px 40px -10px rgba(5,5,5,.7),inset 0 1px 1px rgba(255,255,255,.2);color:#fff}
.btn-pill svg{width:18px;height:18px;flex:none;color:var(--sky);transition:color .4s}
.btn-pill:hover svg{color:var(--lime)}
/* variante principal: maior, texto branco, borda e ícone em lima */
.btn-pill--primary{padding:19px 34px;font-size:.86rem;color:#fff;border-color:var(--blue);background:linear-gradient(145deg,rgba(26,6,195,.3) 0%,rgba(26,6,195,.08) 100%);box-shadow:0 0 0 1px rgba(26,6,195,.35),0 12px 34px -10px rgba(26,6,195,.7),inset 0 1px 1px rgba(255,255,255,.12)}
.btn-pill--primary svg{width:22px;height:22px;color:var(--blue)}
.btn-pill--primary:hover{border-color:var(--sky);background:linear-gradient(145deg,rgba(26,6,195,.5) 0%,rgba(26,6,195,.18) 100%);color:#fff;box-shadow:0 0 0 1px rgba(167,228,250,.3),0 18px 40px -10px rgba(26,6,195,.85),inset 0 1px 1px rgba(255,255,255,.2)}
.btn-pill--primary:hover svg{color:var(--sky)}
/* variante para fundo claro */
.btn-pill--light{color:var(--ink);background:linear-gradient(145deg,rgba(5,5,5,.04) 0%,rgba(5,5,5,.015) 100%);border-color:rgba(5,5,5,.16);box-shadow:0 10px 30px -14px rgba(5,5,5,.35),inset 0 1px 1px rgba(255,255,255,.8)}
.btn-pill--light svg{color:var(--blue)}
.btn-pill--light:hover{background:linear-gradient(145deg,rgba(26,6,195,.08) 0%,rgba(26,6,195,.02) 100%);border-color:rgba(26,6,195,.5);color:var(--blue);box-shadow:0 20px 40px -14px rgba(26,6,195,.35)}
.btn-pill--light:hover svg{color:var(--blue)}
.btn-blue{background:var(--blue);color:#fff}
.btn-blue:hover{background:var(--blue-deep);transform:translateY(-2px)}
.hero-cta .btn-blue:hover{box-shadow:inset 0 0 0 2px #fff}
.btn-ghost{border-color:currentColor;color:var(--ink)}
.btn-ghost:hover{background:var(--ink);color:var(--offwhite);border-color:var(--ink)}
.btn-ghost.on-blue{color:#fff}
.btn-ghost.on-blue:hover{background:#fff;color:var(--blue);border-color:#fff}
.btn-ghost.on-dark{color:#fff}
.btn-ghost.on-dark:hover{background:#fff;color:var(--black);border-color:#fff}
header .menu .btn{padding:11px 18px;font-size:.8rem;background:var(--blue);color:#fff}
header .menu .btn:hover{background:var(--blue-deep);transform:translateY(-2px)}
.hamb{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px}
.hamb span{width:24px;height:2px;background:#fff;transition:.3s;transform-origin:center}
.hamb[aria-expanded="true"] span{background:var(--blue)}
.hamb[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hamb[aria-expanded="true"] span:nth-child(2){opacity:0}
.hamb[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.wa-float{position:fixed;right:22px;bottom:22px;z-index:80;width:60px;height:60px;border-radius:999px;display:grid;place-items:center;background:#25D366;color:#fff;box-shadow:0 12px 30px -8px rgba(0,0,0,.45);transition:transform .2s ease,box-shadow .2s ease}
.wa-float:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 16px 38px -10px rgba(0,0,0,.5)}
.wa-float:active{transform:scale(.96)}
.wa-float::after{content:"";position:absolute;inset:0;border-radius:999px;border:2px solid #25D366;opacity:.55;animation:waPulse 2.4s ease-out infinite;pointer-events:none}
@keyframes waPulse{0%{transform:scale(1);opacity:.55}70%{transform:scale(1.55);opacity:0}100%{transform:scale(1.55);opacity:0}}
@media (prefers-reduced-motion:reduce){.wa-float::after{animation:none;opacity:0}}
@media (max-width:640px){.wa-float{right:16px;bottom:16px;width:56px;height:56px}}

/* hero: rede de partículas interativa (canvas) sobre a foto industrial, conteúdo centralizado */
.hero-wrap{background:var(--black);padding:82px 0 0}
.hero{position:relative;height:min(calc(100vh - 90px),920px);min-height:640px;overflow:hidden;isolation:isolate;background:var(--black);display:flex;align-items:center;justify-content:center}
.hero__noise,.hero::before,.hero::after{position:absolute;inset:0;content:""}
.hero__fill{position:absolute;inset:0;z-index:0;background:linear-gradient(120deg,#050505 0%,#04324c 55%,#1a06c3 100%)}
/* foto industrial do setup, atenuada para a rede de partículas ler bem; sem o arquivo fica o gradiente */
.hero__photo{position:absolute;inset:0;z-index:1;background:url("../img/hero-industria.jpg") center/cover no-repeat;opacity:.5}
.hero__shade{position:absolute;inset:0;z-index:2;background:radial-gradient(62% 72% at 50% 52%,rgba(5,5,5,.5) 0%,rgba(5,5,5,.86) 100%),linear-gradient(180deg,rgba(5,5,5,.55) 0%,rgba(5,5,5,0) 28%,rgba(5,5,5,0) 72%,var(--black) 100%)}
.hero__net{position:absolute;inset:0;z-index:3;width:100%;height:100%;display:block}
.hero::before{background:radial-gradient(circle at 12% 18%,rgba(26,6,195,.35) 0,rgba(26,6,195,0) 22%),radial-gradient(circle at 88% 82%,rgba(26,6,195,.3) 0,rgba(26,6,195,0) 26%);z-index:2}
.hero::after{background:linear-gradient(180deg,rgba(255,255,255,.05) 0,rgba(255,255,255,0) 8%);mix-blend-mode:screen;opacity:.35;z-index:4}
.hero__noise{z-index:4;opacity:.08;background-image:radial-gradient(rgba(255,255,255,.4) .65px,transparent .65px),radial-gradient(rgba(0,0,0,.22) .65px,transparent .65px);background-position:0 0,12px 12px;background-size:24px 24px;mix-blend-mode:soft-light;pointer-events:none}
@keyframes float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(8deg)}}
.hero-inner{position:relative;z-index:6;width:100%;max-width:var(--maxw);padding:40px var(--gutter);display:flex;justify-content:center}
.hero-text{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:860px}
/* selo em pílula com o símbolo da marca */
.hero-pill{display:inline-flex;align-items:center;padding:9px 20px;border-radius:999px;background:rgba(167,228,250,.08);border:1px solid rgba(167,228,250,.24);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.hero-pill .eyebrow{color:var(--sky)}
.hero-text h1{color:#fff;font-weight:600;font-size:clamp(2.4rem,6vw,5rem);line-height:.98;letter-spacing:-.04em;margin:26px 0 0}
.hero-text h1 em{font-style:normal;color:var(--lime)}
.hero-text .lead{color:rgba(255,255,255,.86);font-size:clamp(1rem,1.4vw,1.18rem);margin:24px auto 34px;max-width:40em}
.hero-cta{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;align-items:center}
/* entrada em cascata (selo, título, texto, botões) */
.fx{opacity:0;transform:translateY(22px);animation:fxUp .9s cubic-bezier(.22,.61,.36,1) forwards;animation-delay:calc(.45s + var(--i,0)*.2s)}
@keyframes fxUp{to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.fx{animation:none;opacity:1;transform:none}}
@media (max-width:680px){
  .hero{height:auto;min-height:calc(100vh - 82px)}
  .hero-inner{padding:64px 22px 72px}
  .hero__photo{opacity:.42}
}
section{position:relative}
.pad{padding:clamp(104px,14vh,176px) 0}
.sec-head{display:grid;grid-template-columns:1fr auto;gap:0 32px;align-items:start;margin-bottom:clamp(40px,5vh,64px)}
.sec-head h2{grid-column:1;grid-row:1;font-size:clamp(2.6rem,5.2vw,4.2rem);margin:0;font-weight:600;letter-spacing:-.035em;line-height:1.02;max-width:16em}
.sec-head h2 em,.sobre2-copy h2 em,.name-copy h2 em,.about-hero-copy h1 em{font-style:normal;color:var(--blue)}
.dark .sec-head h2 em,.dark .name-copy h2 em,.about-hero-copy h1 em{color:var(--lime)}
.sec-head .eyebrow{grid-column:2;grid-row:1;justify-self:end;text-align:right;margin-top:12px}
.sec-head p{grid-column:1;grid-row:2;color:var(--muted);margin-top:36px;font-size:1.03rem;max-width:44rem}
.stk{grid-column:2;grid-row:2;justify-self:end;align-self:end;position:relative;width:min(320px,26vw);height:190px;pointer-events:none}
.stk img{position:absolute;width:38%;filter:drop-shadow(0 18px 28px rgba(5,5,5,.25));animation:float 8s ease-in-out infinite}
.stk img:nth-child(1){left:0;top:0;width:44%}
.stk img:nth-child(2){right:0;top:8%;animation-delay:-3s}
.stk img:nth-child(3){left:32%;bottom:0;width:36%;animation-delay:-5.5s}
@media (max-width:680px){.stk{display:none}}
.dark{background:radial-gradient(85% 95% at 100% 0%,rgba(26,6,195,.4),rgba(26,6,195,0) 52%),radial-gradient(80% 90% at 0% 100%,rgba(4,50,76,.75),rgba(18,4,126,0) 52%),var(--black);color:var(--offwhite)}
/* xadrez leve de fundo, o mesmo do rodapé, em seções escuras */
.grid-bg::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-size:60px 60px;background-image:linear-gradient(to right,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.035) 1px,transparent 1px);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 78%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 78%,transparent)}
.grid-bg>*{position:relative;z-index:1}
.dark .sec-head p{color:#dad8d4}
.dark h2,.dark h3{color:#fff}
.dark .eyebrow{color:var(--lime)}

/* mobile: cabeçalhos de seção com chapéu em cima, à esquerda */
@media (max-width:680px){
  .sec-head{grid-template-columns:1fr;gap:0}
  .sec-head .eyebrow{grid-column:1;grid-row:1;justify-self:start;text-align:left;white-space:nowrap;margin:0 0 14px}
  .sec-head h2{grid-column:1;grid-row:2;font-size:clamp(2.1rem,8.5vw,2.9rem);max-width:none}
  .sec-head p{grid-column:1;grid-row:3;margin-top:22px}
  #clientes{display:none}
  #portfolio .sec-head h2{font-size:clamp(1.9rem,7.4vw,2.5rem)}
  #equipe .sec-head h2{font-size:clamp(1.9rem,7.8vw,2.6rem)}
  #sobre .sobre2-mark{display:none}
}

/* números */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(28px,4vw,56px)}
.stat b{font-family:var(--display);font-weight:700;font-size:clamp(2.6rem,5vw,4.4rem);color:var(--ink);display:block;line-height:.9;letter-spacing:-.03em}
.stat .l{display:block;font-family:var(--display);font-weight:600;font-size:1.1rem;color:var(--ink);margin:24px 0 10px;padding-top:18px;border-top:1px solid rgba(5,5,5,.18)}
.stat .d{display:block;color:var(--muted);font-size:.95rem;line-height:1.6;max-width:19em;min-height:4.8em}

/* pattern de marca (textura de fundo sutil) */
.has-pattern{position:relative;isolation:isolate}
.has-pattern::before{content:"";position:absolute;inset:0;z-index:0;background-image:url("../img/pattern-marca.webp");background-size:520px auto;background-repeat:repeat;opacity:.13;pointer-events:none}
.has-pattern>*{position:relative;z-index:1}
.has-pattern.dark-pat::before{background-image:url("../img/pattern-marca-escuro.webp");opacity:.05}

/* sobre */
/* sobre v2: texto+botão à esquerda, símbolo grande girando à direita */
.sobre2{overflow:hidden}
.sobre2-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,64px);align-items:center;position:relative}
.sobre2-copy{position:relative;z-index:2;max-width:44rem}
.sobre2-eyebrow{display:flex;align-items:center;gap:18px;margin-bottom:20px}
.sobre2-seal{width:96px;height:96px;flex:none;display:inline-block}
.sobre2-seal .sealsvg{width:100%;height:100%;animation:spin 26s linear infinite reverse}
.sobre2-copy h2{font-size:clamp(2.2rem,4.2vw,3.3rem);margin:0 0 22px;font-weight:600;letter-spacing:-.035em;line-height:1.04;color:var(--ink)}
.sobre2-copy p{font-size:1.12rem;color:#545454;max-width:34em;margin:0 0 30px}
.sobre2-copy p .wrd{display:inline-block;transition:font-weight .12s ease,color .12s ease}
.sobre2-copy p .wrd:hover{font-weight:700;color:var(--ink)}
.sobre2-mark{position:absolute;top:50%;right:-24%;transform:translateY(-50%);z-index:1;pointer-events:auto}
.sobre2-sym{width:min(820px,54vw);display:block;animation:spin 40s linear infinite;transform-origin:center}
@keyframes spin{to{transform:rotate(360deg)}}
@media (max-width:900px){
  .sobre2-grid{grid-template-columns:1fr}
  .sobre2-mark{position:relative;top:auto;right:auto;transform:none;display:flex;justify-content:center;margin-top:40px;opacity:.5}
}
/* celular: o símbolo grande da seção "O que nos torna únicos" (página Sobre) e "Sobre a agência" (home) não aparece */
@media (max-width:680px){
  .sobre2-mark{display:none}
  .sobre2-sym{width:min(360px,70vw)}
}

/* serviços v4 */
.svc4{position:relative;margin-top:52px}
.svc4-list{display:flex;flex-direction:column;position:relative;z-index:1}
.svc4-row{background:none;border:0;border-top:1px solid rgba(255,255,255,.16);cursor:pointer;color:#dad8d4;font-family:var(--display);font-weight:700;font-size:clamp(1.5rem,3.4vw,2.6rem);letter-spacing:-.02em;padding:22px 2px;display:flex;align-items:center;justify-content:space-between;gap:18px;text-align:left;width:100%;transition:color .3s ease,padding .3s ease}
.svc4-row:last-child{border-bottom:1px solid rgba(255,255,255,.16)}
.svc4-row .nm{display:flex;align-items:center;gap:14px;min-width:0}
.svc-ic{width:28px;height:28px;flex:none;opacity:.9}
.svc4-mc h3 .svc-ic{width:22px;height:22px;vertical-align:-4px;margin-right:10px;display:inline-block}
.svc4-row .arw{width:0;overflow:hidden;color:var(--blue);transition:width .32s ease;display:inline-flex;flex:none}
.svc4-row .arw svg{width:32px;height:26px}
.svc4-row .num{font-family:var(--tech);font-size:.82rem;letter-spacing:.06em;color:#767676;font-weight:600;flex:none;transition:color .3s ease}
.svc4-row:hover,.svc4-row.active{color:#fff}
.svc4-row.active{padding-left:8px}
.svc4-row.active .arw{width:44px}
.svc4-row.active .num{color:var(--blue)}
.svc4-figure{position:absolute;top:0;bottom:0;left:54%;right:1%;z-index:3;pointer-events:none;opacity:0;transition:opacity .35s ease}
.svc4-figure.show{opacity:1}
.svc4-fig{position:absolute;top:0;left:0;width:min(340px,94%);opacity:0;transition:opacity .45s ease,transform .45s ease;transform:translateY(14px)}
.svc4-fig.active{opacity:1;transform:translateY(0)}
.svc4-fig .imgbox{position:relative;aspect-ratio:1;border-radius:18px;overflow:hidden;background:linear-gradient(150deg,var(--graphite),var(--black));border:1px solid rgba(255,255,255,.14);box-shadow:0 44px 90px -34px rgba(0,0,0,.85)}
.svc4-fig .imgbox img{width:100%;height:100%;object-fit:cover;display:block}
.svc4-fig .imgbox .ph{position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:#767676;font-family:var(--tech);font-size:.9rem;letter-spacing:.04em;padding:20px;line-height:1.7}
.svc4-fig .imgbox .ph small{font-size:.7rem;opacity:.7}
.svc4-fig .desc{margin-top:18px;color:#dad8d4;font-size:.96rem}
.svc4-mob{display:none}
.svc4-mc{display:flex;gap:16px;align-items:center}
.svc4-mc h3{font-family:var(--display);font-weight:700;color:#fff;font-size:1.25rem;margin:0 0 6px}
.svc4-mc p{color:#dad8d4;font-size:.92rem}

/* Border Beam Panel (luz que corre pela borda dos cards) */
.beam{position:relative;isolation:isolate;--beam-a:0deg}
.beam .beam-ring,.beam .beam-glow{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--beam-a),transparent 0deg,color-mix(in srgb,var(--blue) 4%,transparent) 18deg,color-mix(in srgb,var(--blue) 55%,transparent) 46deg,var(--sky) 56deg,color-mix(in srgb,var(--sky) 22%,#fff) 60deg,transparent 63deg,transparent 198deg,color-mix(in srgb,var(--blue-deep) 4%,transparent) 216deg,color-mix(in srgb,var(--blue-deep) 50%,transparent) 244deg,var(--lime) 254deg,color-mix(in srgb,var(--lime) 26%,#fff) 258deg,transparent 261deg,transparent 360deg)}
.beam .beam-ring{padding:2px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;z-index:4}
.beam .beam-glow{filter:blur(14px);opacity:.4;z-index:0}
.beam.fcard2{overflow:visible}
.beam.fcard2 .body,.beam.fcard2 .photo{position:relative;z-index:2}
.beam.fcard2 .photo{border-top-left-radius:inherit;border-top-right-radius:inherit;overflow:hidden}
@media (forced-colors:active){.beam .beam-ring,.beam .beam-glow{display:none}}

/* faixa de ferramentas que dominamos */
.tools{background:var(--black);padding:52px 0 48px;overflow:hidden}
.tools-eyebrow{font-family:var(--tech);font-size:.62rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#767676;text-align:center;margin:0 0 30px}
.tools-marquee{position:relative;width:100%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.tools-track{display:flex;width:max-content;animation:toolscroll 48s linear infinite}
.tools-track:hover{animation-play-state:paused}
.tool-item{flex:none;width:150px;height:66px;margin:0 26px;display:flex;align-items:center;justify-content:center}
.tool-item img{max-width:118px;max-height:46px;object-fit:contain;opacity:.72;transition:opacity .3s ease}
.tool-item:hover img{opacity:1}
@keyframes toolscroll{to{transform:translateX(-50%)}}
@media (max-width:680px){.tool-item{width:120px;height:56px;margin:0 18px}.tool-item img{max-width:96px;max-height:38px}}

/* equipe (marquee giratório com beam, compartilhada index + sobre) */
.team-marq{overflow:hidden;margin-top:52px;width:100vw;margin-left:calc(50% - 50vw);-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);padding-block:20px}
.team-track{display:flex;gap:26px;width:max-content;padding:0 13px;animation:teammarq 60s linear infinite}
.team-track:hover{animation-play-state:paused}
@keyframes teammarq{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.team-card{flex:0 0 clamp(240px,24vw,300px);background:var(--white);border:1px solid rgba(5,5,5,.08);border-radius:18px;overflow:hidden;transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s ease}
.team-card:hover{transform:scale(1.06);box-shadow:0 34px 60px -30px rgba(5,5,5,.5);z-index:3}
.team-photo{aspect-ratio:4/5;background:linear-gradient(150deg,var(--mist),#fff);display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(5,5,5,.08)}
.team-photo span{font-family:var(--tech);color:#767676;font-size:1.1rem;letter-spacing:.1em}
.team-photo img.real{width:100%;height:100%;object-fit:cover;display:block}
.team-info{padding:20px 22px}
.team-info h3{font-family:var(--display);font-weight:600;font-size:1.16rem;color:var(--ink);margin:0}
.team-info p{color:var(--muted);font-size:.9rem;margin:6px 0 0}
/* beam nos cards da equipe (mesmo efeito dos sócios) */
.team-card.beam>.team-photo,.team-card.beam>.team-info{position:relative;z-index:2}
@media (max-width:680px){.team-card{flex-basis:70vw}}
/* equipe: coverflow carousel (compartilhado) */
.cover{position:relative;margin-top:52px;display:flex;align-items:center;justify-content:center;gap:12px}
.cover-stage{position:relative;height:clamp(380px,46vw,460px);flex:1;max-width:1000px;perspective:1600px;transform-style:preserve-3d}
.cover-card{position:absolute;top:0;left:50%;width:clamp(230px,26vw,300px);height:100%;border-radius:20px;overflow:hidden;background:var(--white);border:1px solid rgba(5,5,5,.1);box-shadow:0 30px 60px -30px rgba(5,5,5,.5);transition:transform .55s cubic-bezier(.2,.7,.2,1),opacity .55s ease,filter .55s ease;transform-origin:center center;cursor:pointer;will-change:transform}
.cover-photo{width:100%;height:100%;position:relative}
.cover-photo img{width:100%;height:100%;object-fit:cover;display:block}
.cover-info{position:absolute;left:0;right:0;bottom:0;padding:20px;background:linear-gradient(180deg,rgba(5,5,5,0) 0%,rgba(5,5,5,.86) 100%);color:#fff;opacity:0;transition:opacity .4s ease}
.cover-card.is-active .cover-info{opacity:1}
.cover-info h3{font-family:var(--display);font-weight:600;font-size:1.2rem;margin:0;text-shadow:0 2px 12px rgba(0,0,0,.5)}
.cover-info p{font-family:var(--tech);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--sky);margin:5px 0 0}
.cover-arrow{flex:none;width:48px;height:48px;border-radius:50%;border:1px solid rgba(5,5,5,.16);background:var(--white);color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20;transition:background .25s ease,color .25s ease,border-color .25s ease,transform .2s ease}
.cover-arrow:hover{background:var(--blue);color:#fff;border-color:var(--blue);transform:translateY(-2px)}
.cover-arrow svg{width:22px;height:22px}
.cover-dots{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:30px}
.cover-dot{width:9px;height:9px;border-radius:50%;border:0;background:rgba(5,5,5,.2);cursor:pointer;padding:0;transition:background .25s ease,transform .25s ease}
.cover-dot.active{background:var(--blue);transform:scale(1.35)}
@media (max-width:560px){.cover-arrow{width:40px;height:40px}}

/* fundadores */
.founders-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:52px}
.fcard2{background:var(--white);border:1px solid rgba(5,5,5,.08);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:transform .32s ease,box-shadow .32s ease,border-color .32s ease}
.fcard2 .photo{aspect-ratio:4/5;overflow:hidden;background:linear-gradient(150deg,var(--mist),#fff);border-bottom:1px solid rgba(5,5,5,.08);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:24px}
.fcard2 .photo:has(img.real){padding:0}
.fcard2 .photo .ph-ic{width:74px;height:74px;opacity:.45}
.fcard2 .photo .ph-label{font-family:var(--tech);font-size:.74rem;letter-spacing:.05em;color:var(--steel-dark);max-width:18em}
.fcard2 .photo img.real{width:100%;height:100%;object-fit:cover;object-position:center 18%;display:block}
.fcard2 .body{padding:28px 30px 30px}
.fcard2 h3{font-size:1.6rem;margin:0 0 12px}
.fcard2 p{color:#545454;font-size:.95rem}
.fcard2 .creds{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.fcard2 .creds span{font-family:var(--tech);font-size:.72rem;background:var(--mist);color:var(--steel-dark);padding:5px 11px;border-radius:999px;font-weight:500}

/* clientes: corredor 3D */
#ishClientes{position:relative;overflow:hidden;height:clamp(400px,56vh,600px);container-type:inline-size;margin-top:8px}
#ishClientes .ish-scene{position:absolute;inset:0;pointer-events:none}
#ishClientes .ish-world{position:absolute;inset:0;transform-style:preserve-3d}
#ishClientes .ish-card{position:absolute;overflow:hidden;backface-visibility:hidden;box-shadow:0 24px 60px -24px rgba(0,0,0,.7);border:1px solid rgba(255,255,255,.1);border-radius:1cqw}
#ishClientes .ish-logo{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(150deg,#04324c,#050505);padding:16%}
#ishClientes .ish-logo img{max-width:100%;max-height:100%;object-fit:contain}

/* diferenciais */
.split2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(34px,5vw,72px);align-items:center}
.split2-img .ph{aspect-ratio:4/5;border-radius:18px;background:linear-gradient(140deg,var(--mist),#fff 72%);border:1px dashed rgba(26,6,195,.4);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:24px}
.split2-img .ph.has-img{padding:0;border-style:solid;border-color:rgba(5,5,5,.08);overflow:hidden}
.split2-img .ph .dif-img{width:100%;height:100%;object-fit:cover;object-position:center 20%;display:block;border-radius:inherit;transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.split2-img .ph.has-img:hover .dif-img{transform:scale(1.05)}
.split2-img .ph .ph-ic{width:88px;height:88px;opacity:.4}
.split2-img .ph span{font-family:var(--tech);font-size:.8rem;color:var(--steel-dark);letter-spacing:.03em;max-width:16em}
.split2 .sh-inline{margin-bottom:22px}
.split2 .col h2{font-size:clamp(1.8rem,3.2vw,2.5rem);margin:0;font-weight:500;text-transform:uppercase}
.list-lux{margin-top:20px;border-top:1px solid rgba(5,5,5,.12)}
.list-lux li{list-style:none;display:flex;align-items:flex-start;gap:16px;padding:18px 0;border-bottom:1px solid rgba(5,5,5,.12);font-size:1.02rem}
.list-lux li .dot{flex:none;margin-top:3px;color:var(--blue)}

/* depoimentos */
.tst-marq{overflow:hidden;margin-top:48px;width:100vw;margin-left:calc(50% - 50vw);-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);padding-block:16px}
.tst-mtrack{display:flex;gap:24px;width:max-content;padding:0 12px;animation:tmarq 46s linear infinite}
.tst-marq:hover .tst-mtrack{animation-play-state:paused}
@keyframes tmarq{to{transform:translateX(-50%)}}
.tcard2{flex:0 0 clamp(300px,32vw,430px);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:28px 30px;display:flex;flex-direction:column;gap:24px;min-height:320px;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
.tcard2:hover{transform:scale(1.05);border-color:var(--blue);box-shadow:0 26px 54px -30px rgba(26,6,195,.5);z-index:2}
.t-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.t-photo{width:64px;height:64px;border-radius:14px;overflow:hidden;background:linear-gradient(140deg,#04324c,#050505);border:1px solid rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center}
.t-photo span{font-family:var(--tech);font-size:.8rem;letter-spacing:.06em;color:var(--lime);font-weight:600}
.t-quote{color:#f4f4f4;font-size:1.02rem;line-height:1.55;flex:1;font-style:italic}
.t-who{display:flex;flex-direction:column;gap:2px}
.t-who b{font-family:var(--display);font-weight:600;color:#fff;font-size:1.1rem}
.t-who span{font-size:.82rem;color:var(--lime)}

/* depoimentos: marquee 3D (colunas verticais inclinadas em perspectiva) */
.tst3d{position:relative;margin-top:40px;height:clamp(520px,70vh,760px);display:flex;flex-direction:row;align-items:stretch;justify-content:center;gap:22px;overflow:hidden;perspective:1400px}
.tst3d-inner{display:flex;flex-direction:row;gap:18px}
.tst3d-col{position:relative;height:100%;overflow:hidden;width:clamp(230px,22vw,290px);flex:none}
.tst3d-track{display:flex;flex-direction:column;gap:18px;animation:tst3dup 40s linear infinite}
.tst3d-col--rev .tst3d-track{animation-direction:reverse}
@keyframes tst3dup{from{transform:translateY(0)}to{transform:translateY(calc(-50% - 9px))}}
.tst3d-card{flex:none;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:22px 22px;display:flex;flex-direction:column;gap:14px}
.tst3d-head{display:flex;align-items:center;gap:12px}
.tst3d-ava{width:40px;height:40px;border-radius:50%;flex:none;background:linear-gradient(140deg,#04324c,#050505);border:1px solid rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center;font-family:var(--tech);font-size:.66rem;font-weight:600;color:var(--lime)}
img.tst3d-ava{object-fit:cover;background:#111;padding:0}
.tst3d-id b{display:block;font-family:var(--display);font-weight:600;color:#fff;font-size:.92rem;line-height:1.2}
.tst3d-id span{font-size:.74rem;color:var(--lime)}
.tst3d-card blockquote{margin:0;color:#f4f4f4;font-size:.9rem;line-height:1.5}
/* o palco inclinado em 3D */
.tst3d{transform-style:preserve-3d}
.tst3d>.tst3d-col{transform:rotate(8deg) scale(1.05)}
.tst3d-fade{position:absolute;left:0;right:0;height:24%;z-index:5;pointer-events:none}
.tst3d-fade-t{top:0;background:linear-gradient(180deg,var(--black),transparent)}
.tst3d-fade-b{bottom:0;background:linear-gradient(0deg,var(--black),transparent)}
@media (max-width:900px){.tst3d-col:nth-child(3),.tst3d-col:nth-child(4){display:none}}
@media (max-width:560px){.tst3d-col{width:clamp(180px,44vw,240px)}.tst3d>.tst3d-col{transform:rotate(6deg) scale(1.02)}}

/* cases v2: card stack (baralho em leque) */
.cstack{margin-top:72px;display:flex;flex-direction:column;align-items:center;gap:56px}
.cstack-deck{position:relative;width:min(560px,92vw);height:clamp(340px,52vw,440px);perspective:1600px}
.cstack-card{position:absolute;inset:0;border-radius:22px;overflow:hidden;background-size:cover;background-position:center;box-shadow:0 30px 70px -30px rgba(5,5,5,.7);transform-origin:bottom center;transition:transform .55s cubic-bezier(.2,.7,.2,1),opacity .55s ease,filter .55s ease;will-change:transform;cursor:grab;border:1px solid rgba(255,255,255,.12)}
.cstack-card:active{cursor:grabbing}
.cstack-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,5,5,.05) 0%,rgba(5,5,5,.15) 46%,rgba(5,5,5,.85) 100%)}
.cstack-tag{position:absolute;top:18px;left:18px;z-index:2;font-family:var(--tech);font-size:.66rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;background:rgba(255,255,255,.92);color:var(--ink);padding:7px 13px;border-radius:999px}
.cstack-logo{position:absolute;top:16px;right:16px;z-index:2;max-width:96px;max-height:48px;object-fit:contain;background:rgba(255,255,255,.95);padding:8px 10px;border-radius:12px;box-shadow:0 6px 20px -8px rgba(0,0,0,.5)}
.cstack-info{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:26px 28px;color:#fff}
.cstack-info h3{font-family:var(--display);font-weight:600;font-size:clamp(1.4rem,3vw,2rem);margin:0;text-shadow:0 2px 16px rgba(0,0,0,.5)}
.cstack-info p{font-family:var(--tech);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--sky);margin:6px 0 0}
.cstack-nav{display:flex;align-items:center;gap:20px}
.cstack-arrow{width:46px;height:46px;border-radius:50%;border:1px solid rgba(5,5,5,.18);background:var(--white);color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .25s ease,color .25s ease,border-color .25s ease,transform .2s ease}
.cstack-arrow:hover{background:var(--blue);color:#fff;border-color:var(--blue);transform:translateY(-2px)}
.cstack-arrow svg{width:22px;height:22px}
.cstack-dots{display:flex;align-items:center;gap:10px}
.cstack-dot{width:9px;height:9px;border-radius:50%;border:0;background:rgba(5,5,5,.2);cursor:pointer;padding:0;transition:background .25s ease,transform .25s ease}
.cstack-dot.active{background:var(--blue);transform:scale(1.35)}
@media (max-width:680px){.cstack-info{padding:20px}}

/* faq */
.faq{margin-top:44px;max-width:64rem}
.qa{border-bottom:1px solid rgba(5,5,5,.12);border-radius:12px;transition:box-shadow .22s ease,background .22s ease}
.qa:hover,.qa.open{box-shadow:inset 0 0 0 2px rgba(26,6,195,.55),0 16px 34px -24px rgba(26,6,195,.5);background:rgba(26,6,195,.04)}
.qa-q{width:100%;text-align:left;background:none;border:0;cursor:pointer;padding:26px 16px;display:flex;justify-content:space-between;align-items:center;gap:24px;font-family:var(--display);font-weight:400;font-size:clamp(1.1rem,2vw,1.4rem);line-height:1.3;color:var(--ink)}
.qa .plus{flex:none;width:26px;height:26px;position:relative;transition:transform .3s ease}
.qa .plus::before,.qa .plus::after{content:"";position:absolute;background:var(--blue);border-radius:2px}
.qa .plus::before{left:0;right:0;top:12px;height:2px}
.qa .plus::after{top:0;bottom:0;left:12px;width:2px}
.qa.open .plus{transform:rotate(45deg)}
.qa-a{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1)}
.qa .ans{padding:0 16px 26px;color:#545454;max-width:60em;font-size:1rem;line-height:1.7}

.foot-main{padding:clamp(64px,9vh,100px) 0 0}
.foot-grid{display:grid;grid-template-columns:1.7fr .8fr 1fr;gap:clamp(36px,5vw,72px)}
.foot-brand .foot-logo{display:inline-flex;align-items:center;gap:12px;line-height:0;margin-bottom:26px}
.foot-brand .foot-logo img{height:38px;width:auto;transition:transform .35s ease}
.foot-brand .foot-logo .logo-sim{height:46px}
.foot-brand .foot-logo .logo-ass{height:22px;margin-left:2px}
.foot-brand .foot-logo:hover img{transform:scale(1.06)}
.foot-brand .tag{color:#dad8d4;font-size:.98rem;line-height:1.7;max-width:28em;margin-bottom:30px}
.foot-col h4{font-family:var(--tech);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:#767676;font-weight:600;margin-bottom:16px}
.foot-col a,.foot-col p{display:block;color:#dad8d4;font-size:1.02rem;padding:6px 0;transition:color .25s ease}
.foot-col a:hover{color:#fff}
.social{display:flex;gap:12px;margin-top:10px}
.social a{width:42px;height:42px;border:1px solid rgba(255,255,255,.2);border-radius:50%;display:grid;place-items:center;transition:.25s;color:#fff}
.social a:hover{background:var(--blue);border-color:var(--blue);color:#fff}
.social svg{width:18px;height:18px}
.foot-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:18px;margin-top:clamp(48px,7vh,76px);padding:30px 0;border-top:1px solid rgba(255,255,255,.12);color:#767676;font-size:.82rem}
.foot-bottom .slog{color:#dad8d4;letter-spacing:.04em}

/* reveal */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}
.sec-head h2,.sh-inline h2{position:relative;clip-path:inset(0 0 108% 0);transform:translateY(14px);opacity:0;transition:clip-path .85s cubic-bezier(.2,.7,.2,1),transform .85s cubic-bezier(.2,.7,.2,1),opacity .85s ease}
.sec-head.in h2,.reveal.in .sh-inline h2{clip-path:inset(0 0 -12% 0);transform:none;opacity:1}
.sec-head h2 .h2i,.sh-inline h2 .h2i,.name-copy h2 .h2i{display:inline-block;transform-origin:left center;transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.sec-head h2:hover .h2i,.sh-inline h2:hover .h2i,.name-copy h2:hover .h2i{transform:scale(1.05)}
.stat{transition:transform .3s ease}
.stat b{transition:transform .35s ease,color .3s ease;transform-origin:left center}
.stat:hover b{transform:scale(1.25);color:var(--blue)}
.stat:hover .l{color:var(--blue-deep)}
.sobre-copy p .w{display:inline-block;cursor:default}
.sobre-copy p .w .wi{display:inline-block;transition:transform .2s ease,color .2s ease;transform-origin:center}
.sobre-copy p .w.w-hot .wi{transform:scale(1.18);color:var(--blue)}
.list-lux li{opacity:0;transform:translateX(-22px);transition:opacity .55s cubic-bezier(.2,.7,.2,1),transform .55s cubic-bezier(.2,.7,.2,1),color .25s ease;transform-origin:left center}
.list-lux li.show{opacity:1;transform:none}
.list-lux li.show:hover{transform:scale(1.1);color:var(--blue)}
.list-lux li.show:hover .dot{color:var(--blue)}
.fcard2 .photo img.real{transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.fcard2:hover{transform:translateY(-6px);box-shadow:0 30px 56px -30px rgba(5,5,5,.4)}
.fcard2:hover .photo img.real{transform:scale(1.12)}

/* logo topo: gira */
.brand{perspective:600px}
.brand .logo{transform-origin:center}
@keyframes brandSpin{0%{transform:rotateY(0) scale(1)}45%{transform:rotateY(180deg) scale(1.12)}100%{transform:rotateY(360deg) scale(1)}}
.brand .logo.spin{animation:brandSpin .8s ease}

/* cursor: seta normal do sistema (sem sombra) */

.menu-logo{display:none}

/* responsivo */
@media (max-width:900px){
  .sobre-grid,.founders-grid,.split2{grid-template-columns:1fr}
  .svc4-list,.svc4-figure{display:none}
  .svc4-mob{display:flex;flex-direction:column;gap:0;margin-top:8px}
  .svc4-mc{flex-direction:column;align-items:stretch;gap:0;cursor:pointer;border-top:1px solid rgba(255,255,255,.16);padding:20px 4px}
  .svc4-mc:last-child{border-bottom:1px solid rgba(255,255,255,.16)}
  .svc4-mc>div{width:100%}
  .svc4-mc h3{position:relative;padding-right:34px;margin:0;transition:font-size .3s ease}
  .svc4-mc h3::after{content:"+";position:absolute;right:6px;top:50%;transform:translateY(-50%);color:var(--blue);font-family:var(--sans);font-weight:400;font-size:1.4rem;transition:transform .3s ease}
  .svc4-mc.open h3{font-size:1.5rem}
  .svc4-mc.open h3::after{transform:translateY(-50%) rotate(45deg)}
  .svc4-mc p{max-height:0;overflow:hidden;opacity:0;margin:0;transition:max-height .35s ease,opacity .3s ease,margin .3s ease}
  .svc4-mc.open p{max-height:360px;opacity:1;margin-top:10px}
  .stats{grid-template-columns:repeat(2,1fr);gap:34px 28px}
  .foot-grid{grid-template-columns:1fr 1fr}
  .foot-brand{grid-column:1/-1}
  .sobre-mark{min-height:230px;order:-1}
  .menu{position:fixed;inset:0 0 0 auto;width:min(82vw,330px);background:var(--navy);flex-direction:column;justify-content:flex-start;gap:20px;transform:translateX(100%);transition:transform .35s ease;box-shadow:-20px 0 60px -30px rgba(0,0,0,.6);padding:90px 40px 40px;z-index:65;overflow-y:auto}
  .menu.open{transform:none}
  .menu a{color:#fff;font-size:1.05rem}
  .menu a:not(.btn){font-size:1rem}
  .menu .btn{width:100%;justify-content:center;margin-top:8px;background:var(--blue)!important;color:#fff!important}
  .menu-logo{display:block;height:40px;width:auto;margin-bottom:6px}
  .hamb{display:flex;z-index:70}
}
@media (max-width:560px){.foot-grid{grid-template-columns:1fr}}

/* ===== página sobre ===== */
.about-hero{background:var(--black);padding:82px 30px 0}
.about-hero-inner{position:relative;border-radius:24px;overflow:hidden;background:linear-gradient(120deg,#050505 0%,#04324c 55%,#1a06c3 100%);height:600px;max-height:calc(100vh - 90px);display:flex;align-items:center;isolation:isolate}
.about-hero-inner::before{content:"";position:absolute;inset:0;background-image:url("../img/pattern-marca-escuro.webp");background-size:520px auto;opacity:.08;z-index:0}
/* foto do casal (sem fundo), justificada à direita, do topo à base */
.about-hero-photo{position:absolute;top:0;right:20px;bottom:0;z-index:1;width:min(52%,760px);background-image:url("../img/sobre-hero-socios.webp");background-position:right bottom;background-repeat:no-repeat;background-size:contain}
.about-hero-copy{position:relative;z-index:2;padding:clamp(48px,7vw,96px) clamp(28px,5vw,72px);max-width:min(52%,600px)}
.about-hero-copy .eyebrow{color:var(--sky)}
.about-hero-copy h1{color:#fff;font-family:var(--display);font-weight:600;font-size:clamp(2.3rem,5vw,4rem);line-height:1;letter-spacing:-.035em;margin:0 0 22px}
.about-hero-sub{color:var(--sky);font-family:var(--tech);font-size:clamp(.72rem,1vw,.84rem);letter-spacing:.06em;line-height:1.7;max-width:34em;margin:0;text-transform:uppercase}
@media (max-width:820px){
  .about-hero-inner{height:auto;max-height:none;min-height:560px;align-items:flex-start}
  .about-hero-copy{max-width:none;padding-bottom:320px}
  .about-hero-photo{width:88%;max-width:420px;left:50%;right:auto;transform:translateX(-50%);top:auto;height:300px;background-position:center bottom}
}
/* significado do nome (fundo preto, logo grande) */
.name-sec .name-grid{align-items:center}
.name-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(30px,5vw,72px);align-items:center}
.name-logo{display:flex;align-items:center;justify-content:center}
.name-logo img{width:min(560px,92%);height:auto}
.name-sec .name-copy h2{color:#fff}
.name-sec .name-copy p{color:#dad8d4}
.name-sec .name-copy p b{color:#fff}
.name-copy h2{font-family:var(--display);font-weight:600;font-size:clamp(2.6rem,5.2vw,4.2rem);letter-spacing:-.035em;margin:0 0 24px;line-height:1.02}
.name-copy p{color:#545454;font-size:1.04rem;line-height:1.75;margin:0 0 16px;max-width:26em}
.name-copy p b{color:var(--ink)}
@media (max-width:860px){.name-grid{grid-template-columns:1fr}.name-logo img{width:min(400px,75%)}}
/* 8 valores */
.vals-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:40px}
.val-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:26px 24px;transition:transform .3s ease,border-color .3s ease,background .3s ease;position:relative;isolation:isolate}
.val-card>.val-num,.val-card>h3,.val-card>p{position:relative;z-index:2}
.val-card:hover{transform:translateY(-6px);border-color:rgba(230,249,152,.6);background:rgba(26,6,195,.14)}
.val-num{font-family:var(--tech);font-size:.8rem;font-weight:600;letter-spacing:.1em;color:var(--lime);display:block;margin-bottom:14px}
.val-card h3{font-family:var(--display);font-weight:500;font-size:1.4rem;color:#fff;margin:0 0 10px}
.val-card p{color:#dad8d4;font-size:.92rem;line-height:1.55;margin:0}
@media (max-width:980px){.vals-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.vals-grid{grid-template-columns:1fr}}
/* galeria de clientes */
.cli-gallery{display:grid;grid-template-columns:repeat(6,1fr);gap:0;margin-top:52px;border-top:1px solid rgba(5,5,5,.1);border-left:1px solid rgba(5,5,5,.1)}
.cli-logo{aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;padding:26px 30px;border-right:1px solid rgba(5,5,5,.1);border-bottom:1px solid rgba(5,5,5,.1);transition:background .3s ease}
.cli-logo:hover{background:rgba(26,6,195,.04)}
.cli-logo img{max-width:100%;max-height:52px;object-fit:contain;filter:brightness(0) opacity(.5);transition:filter .3s ease,transform .3s ease}
.cli-logo:hover img{filter:brightness(0) opacity(.9);transform:scale(1.12)}
@media (max-width:900px){.cli-gallery{grid-template-columns:repeat(4,1fr)}}
@media (max-width:560px){.cli-gallery{grid-template-columns:repeat(2,1fr)}.cli-logo img{max-height:42px}}

/* ===== rodapé cinematográfico: fixo atrás do conteúdo, revelado como cortina no fim da rolagem ===== */
main{position:relative;z-index:1;background:var(--black)}
.cfoot-reveal{position:relative;height:100vh;height:100svh;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
.cfoot{position:fixed;left:0;bottom:0;width:100%;height:100vh;height:100svh;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:var(--black);color:#fff;z-index:0;font-family:var(--sans)}
.cfoot__aurora{position:absolute;left:50%;top:50%;width:80vw;height:60vh;border-radius:50%;filter:blur(80px);background:radial-gradient(circle at 50% 50%,rgba(26,6,195,.6) 0%,rgba(167,228,250,.16) 42%,transparent 70%);animation:cfBreathe 8s ease-in-out infinite alternate;pointer-events:none}
@keyframes cfBreathe{from{transform:translate(-50%,-50%) scale(1);opacity:.6}to{transform:translate(-50%,-50%) scale(1.1);opacity:1}}
.cfoot__grid{position:absolute;inset:0;background-size:60px 60px;background-image:linear-gradient(to right,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.035) 1px,transparent 1px);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 30%,#000 70%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 30%,#000 70%,transparent);pointer-events:none}
.cfoot__giant{position:absolute;bottom:-4vh;left:50%;transform:translateX(-50%);white-space:nowrap;font-family:var(--display);font-weight:800;font-size:16.4vw;line-height:.75;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(167,228,250,.16) 0%,transparent 60%);-webkit-background-clip:text;background-clip:text;pointer-events:none;user-select:none;will-change:transform,opacity}
.cfoot__marquee{position:absolute;top:104px;left:-5%;width:110%;transform:rotate(-2deg);border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);background:rgba(5,5,5,.6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:16px 0;overflow:hidden;z-index:2;box-shadow:0 25px 50px -12px rgba(0,0,0,.5)}
.cfoot__track{display:flex;align-items:center;width:max-content;animation:cfMarquee 90s linear infinite;font-family:var(--tech);font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:var(--sky)}
.cfoot__track span{padding:0 28px;white-space:nowrap}
.cfoot__track i{font-style:normal;color:var(--lime)}
@keyframes cfMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.cfoot__main{position:relative;z-index:3;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:170px 24px 40px;max-width:1100px;margin:0 auto;width:100%}
.cfoot__title{font-family:var(--display);font-weight:700;font-size:clamp(2.6rem,7vw,5.6rem);letter-spacing:-.045em;line-height:.98;text-align:center;margin:0 0 52px;background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.45) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px rgba(255,255,255,.15))}
.cfoot__title em{font-style:normal;-webkit-text-fill-color:var(--lime)}
.cfoot__links{display:flex;flex-direction:column;align-items:center;gap:22px;width:100%}
.cfoot__row{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;width:100%}
.cfoot__pill{display:inline-flex;align-items:center;gap:10px;padding:13px 24px;border-radius:999px;font-family:var(--tech);font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:#dad8d4;text-decoration:none;background:linear-gradient(145deg,rgba(255,255,255,.04) 0%,rgba(255,255,255,.015) 100%);border:1px solid rgba(255,255,255,.09);box-shadow:0 10px 30px -10px rgba(5,5,5,.5),inset 0 1px 1px rgba(255,255,255,.1),inset 0 -1px 2px rgba(5,5,5,.8);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:background .4s cubic-bezier(.16,1,.3,1),border-color .4s,box-shadow .4s,color .4s;cursor:pointer;will-change:transform}
.cfoot__pill:hover{background:linear-gradient(145deg,rgba(255,255,255,.09) 0%,rgba(255,255,255,.03) 100%);border-color:rgba(167,228,250,.45);box-shadow:0 20px 40px -10px rgba(5,5,5,.7),inset 0 1px 1px rgba(255,255,255,.2);color:#fff}
.cfoot__pill svg{width:18px;height:18px;flex:none;color:var(--sky);transition:color .4s}
.cfoot__pill:hover svg{color:var(--lime)}
.cfoot__pill--lg{padding:19px 34px;font-size:.86rem;color:#fff}
.cfoot__pill--lg svg{width:22px;height:22px;color:var(--lime)}
.cfoot__bottom{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 clamp(24px,4vw,48px) 34px;flex-wrap:wrap}
.cfoot__copy{font-family:var(--tech);font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:#767676}
.cfoot__badge{cursor:default;font-size:.64rem;letter-spacing:.16em;color:#767676;gap:8px}
.cfoot__badge b{color:#fff;font-family:var(--display);font-weight:700;letter-spacing:0;text-transform:none;font-size:.9rem}
.cfoot__heart{color:var(--lime);font-size:1rem;display:inline-block;animation:cfHeart 2s cubic-bezier(.25,1,.5,1) infinite}
@keyframes cfHeart{0%,100%{transform:scale(1);filter:drop-shadow(0 0 5px rgba(230,249,152,.5))}15%,45%{transform:scale(1.2);filter:drop-shadow(0 0 10px rgba(230,249,152,.8))}30%{transform:scale(1)}}
.cfoot__top{width:48px;height:48px;padding:0;justify-content:center}
.cfoot__top svg{width:20px;height:20px;transition:transform .3s,color .4s}
.cfoot__top:hover svg{transform:translateY(-4px)}
@media (max-width:680px){
  .cfoot__marquee{top:86px;padding:12px 0}
  .cfoot__main{padding:130px 18px 24px}
  .cfoot__title{margin-bottom:36px}
  .cfoot__bottom{justify-content:center;text-align:center;padding-bottom:26px}
  .cfoot__copy{order:3;width:100%}
}
@media (prefers-reduced-motion:reduce){.cfoot__track,.cfoot__aurora,.cfoot__heart{animation:none}}
.wa-float.is-hidden{opacity:0;pointer-events:none;transform:translateY(12px)}