/* 400VOLTZ • BRANDKIT 2026
   Brand kit pages 3–14: official logo; #141414, #6C3BFF, #C7FF32, #FF3D9A,
   #F4F3F0, #A5A5A8; Space Grotesk; diagonal cuts; restrained neon.
*/
:root{
  --ink:#141414;--panel:#1D1B23;--panel2:#25202F;--panel3:#2D263D;
  --white:#F4F3F0;--muted:#B5B1BC;--faint:#8C8993;
  --acid:#C7FF32;--violet:#6C3BFF;--magenta:#FF3D9A;
  --border:rgba(244,243,240,.14);--max:1370px;
  --display:'Space Grotesk','Arial Black',Arial,sans-serif;
  --body:'Space Grotesk',Aptos,Arial,sans-serif;
}
html{background:#141414}
body{background:#141414;font-size:15px;line-height:1.65}
::selection{background:#6C3BFF;color:#fff}
.cursor-glow{background:radial-gradient(circle,rgba(108,59,255,.075),transparent 67%);width:360px;height:360px}
.site-shell{background:#141414}
.topbar{background:#6C3BFF;color:#fff;font-size:10px;letter-spacing:.17em;height:29px}
.nav-shell{background:rgba(20,20,20,.95);border-bottom:1px solid rgba(255,255,255,.13)}
.nav{height:91px;gap:24px}
.nav-links{gap:29px}
.nav-links a{font-size:11px;color:#c6c1cc;font-weight:700;letter-spacing:.1em}
.nav-links a.active,.nav-links a:hover{color:#C7FF32}
.logo,.footer .logo{transform:none!important;letter-spacing:normal;font:inherit;max-width:100%;flex-shrink:0}
.logo img{width:181px;height:auto;display:block;object-fit:contain}
.footer .logo img{width:263px}
.nav-cta{border-color:#C7FF32;color:#C7FF32;padding:12px 17px;letter-spacing:.07em;border-radius:0;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,0 100%)}
.mobile-menu{border-color:rgba(199,255,50,.55);color:var(--acid)}
.h1,.h2,.h3,.cover-title,.case-info h3,.pillar h3,.marquee-quote,.profile-info h2,.project-stage h3{font-family:var(--display);font-weight:700;letter-spacing:-.065em}
.h1,.h2,.h3{line-height:.98}
.h1{font-size:clamp(70px,10vw,152px)}
.h2{font-size:clamp(52px,7.1vw,98px)}
.h3{font-size:clamp(38px,5vw,68px)}
.lead{color:#c5c1c9;line-height:1.62}
.eyebrow{color:#C7FF32;letter-spacing:.18em;font-size:10px}
.eyebrow:before{height:3px;width:22px;box-shadow:none;transform:skewX(-29deg)}
.eyebrow.light{color:#D9FF9E}.eyebrow.light:before{background:#C7FF32}
.section{padding:100px 0}
.section-head{margin-bottom:44px}
.btn{background:var(--acid);border-color:var(--acid);font-weight:700;letter-spacing:.09em;min-height:54px;padding:15px 23px;clip-path:polygon(0 0,calc(100% - 11px) 0,100% 11px,100% 100%,0 100%)}
.btn:hover{box-shadow:0 12px 35px rgba(199,255,50,.13)}
.btn-outline{background:transparent;color:var(--white);border-color:#8E8B94;clip-path:none}
.btn-outline:hover{border-color:#C7FF32}
.btn-dark{color:#C7FF32;background:#141414;border-color:#141414}
.pill{border-radius:0;color:#D1CDD3;border-color:#49414E}
.pill.dot:before,.live-dot{box-shadow:none;background:#C7FF32}
.panel{background:#211B2B}
.hero{min-height:760px;background:radial-gradient(ellipse 56% 76% at 76% 46%,rgba(108,59,255,.21),transparent 74%),linear-gradient(120deg,#141414 0%,#171320 73%,#141414);position:relative}
.hero:before{opacity:.25;background-size:78px 78px}
.hero:after{content:'';position:absolute;width:38%;height:100%;right:0;top:0;background:linear-gradient(110deg,transparent 18%,rgba(108,59,255,.095) 18%,rgba(108,59,255,.095) 54%,transparent 54%);pointer-events:none}
.hero-content{grid-template-columns:1.05fr .95fr;padding-top:48px;padding-bottom:85px;gap:10px;min-height:750px}
.hero-copy{z-index:6;position:relative}
.hero .h1{font-size:clamp(70px,8.1vw,128px);letter-spacing:-.075em;line-height:.96;color:#F4F3F0;margin:23px 0 0}
.hero-purple{color:#9C75FF}
.hero .lead{margin:31px 0 30px;max-width:560px;font-size:clamp(17px,1.7vw,21px)}
.hero-system-tag{display:flex;align-items:center;gap:9px;letter-spacing:.2em;font-size:9px;color:#AAA5AE;font-weight:600;white-space:nowrap}
.hero-system-tag .tag-line{height:1px;width:32px;background:#5D5661;display:inline-block}
.hero-info{margin-top:26px}.hero-info .mini{color:#99949C;font-size:9px;letter-spacing:.12em}
.hero-id{bottom:25px;left:34px;right:34px;display:flex;justify-content:space-between;color:#99949C;font-size:9px;letter-spacing:.17em}
.hero-vector-lines{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.hero-vector-lines span{position:absolute;height:3px;width:50vw;background:#6C3BFF;transform:rotate(-46deg);opacity:.43;transform-origin:center}
.hero-vector-lines span:nth-child(1){right:10%;top:19%;width:28vw}
.hero-vector-lines span:nth-child(2){right:-5%;bottom:19%;width:39vw;height:1px;opacity:.5}
.hero-vector-lines span:nth-child(3){right:2%;top:43%;width:9vw;background:#C7FF32;height:3px;opacity:.95}
.voltage-stage{height:620px;transform-style:preserve-3d}
.voltage-stage:before{width:530px;height:530px;background:radial-gradient(circle,rgba(108,59,255,.24),transparent 65%);filter:blur(40px);animation:none}
.voltage-stage:after{display:none}
.energy-ring{width:510px;height:510px;border:1px solid rgba(108,59,255,.26);border-radius:0;clip-path:polygon(24% 0,100% 0,100% 76%,76% 100%,0 100%,0 24%);transform:rotate(-7deg);animation:none}
.energy-ring.second{width:440px;height:440px;border:1px solid rgba(199,255,50,.13);border-radius:0;clip-path:none;transform:rotate(18deg);animation:none}
.energy-ring.third{display:none}
.stage-slash{position:absolute;height:590px;width:86px;background:linear-gradient(155deg,transparent 8%,rgba(108,59,255,.19) 8%,rgba(108,59,255,.19) 92%,transparent 92%);transform:rotate(32deg);right:31%;top:1%;z-index:0}
.hero-brandmark{position:relative;z-index:4;width:min(95%,620px);height:auto;object-fit:contain;filter:drop-shadow(0 20px 40px rgba(0,0,0,.24))}
.stage-coordinate{position:absolute;color:#C7FF32;letter-spacing:.15em;font-size:10px;font-weight:700;z-index:5}
.stage-coordinate-top{right:1%;top:13%}.stage-coordinate-bottom{left:3%;bottom:15%;color:#ADA6B6}
.energy-line{position:absolute;height:3px;width:180px;background:#C7FF32;z-index:5;clip-path:polygon(0 100%,96% 0,100% 0,4% 100%)}
.energy-line.l1{left:3%;bottom:24%;transform:rotate(-32deg)}.energy-line.l2{right:7%;top:28%;width:90px;background:#FF3D9A;transform:rotate(-32deg)}
.stat-hud{display:none}
.ticker{height:48px;background:#C7FF32;border:none;color:#141414}
.ticker-track{font:700 16px var(--display);letter-spacing:.17em;gap:36px}
.ticker-track span{gap:30px}
.manifesto{background:#6C3BFF;color:#F4F3F0;overflow:hidden}
.manifesto .h2{font-weight:700;letter-spacing:-.075em;line-height:1;max-width:800px}
.manifesto p{color:#F4F3F0;font-size:18px;opacity:.89}
.manifesto .manifesto-stamp{border-color:#C7FF32;color:#C7FF32;border-radius:0;transform:skew(-8deg);font-size:11px;padding:10px 13px}
.manifesto .btn{background:#C7FF32;color:#141414}
.four-grid{border-color:var(--border)}
.pillar{min-height:346px;border-color:var(--border);background:#1D1A25}
.pillar:nth-child(2),.pillar:nth-child(4){background:#211A2E}
.pillar:hover{background:#2E2045}
.pillar-icon{color:#7650C9;opacity:.8;font-weight:700}
.pillar-index{color:#C7FF32}
.pillar:after{color:#C7FF32}
.pillar h3{font-size:38px}
.case-card{background:#1D1A23;border-color:#3C3544}
.case-card:hover{border-color:#6C3BFF}
.case-info{padding:32px}
.case-info h3{letter-spacing:-.055em;line-height:1.02}
.case-tags span{border-color:#61546E;color:#CDC7D2}
.cover-title{font-size:clamp(40px,5.1vw,70px);font-weight:700}
.cover-mind{background:radial-gradient(ellipse at 58% 38%,#6650A8 0,#3C2569 36%,#181320 81%)}
.cover-gartner{background:radial-gradient(ellipse at 50% 54%,#8260BC 0,#402D73 36%,#171323 85%)}
.cover-retail{background:linear-gradient(145deg,#F4F3F0,#D8C3DA 55%,#6C3BFF)}
.cover-retail .cover-title{color:#141414}
.creature{background:radial-gradient(circle at 23% 18%,#D5FF73,#82CF56 30%,#2D775B 79%);box-shadow:inset -20px -25px 40px #0005,0 20px 65px #0008}
.team-image-frame{background:#1B1427;border:1px solid #5A4672;clip-path:polygon(0 0,100% 0,100% calc(100% - 28px),calc(100% - 28px) 100%,0 100%)}
.team-image-frame:after{background:#141414;color:#C7FF32}
.team-teaser .h2 .purple{color:#A488FF}
.lab-preview{background:#21172C;border-color:#48346A;clip-path:polygon(0 0,100% 0,100% calc(100% - 25px),calc(100% - 25px) 100%,0 100%)}
.lab-preview:before{border-radius:0;transform:rotate(22deg);border-color:#6C3BFF;box-shadow:0 0 0 60px rgba(108,59,255,.035),0 0 0 120px rgba(108,59,255,.025)}
.lab-code{color:#B6FF84}.lab-code .dim{color:#A28BB4}
.lab-score{font-weight:700;font-size:92px;color:#C7FF32}
.cta-band{background:#F4F3F0;color:#141414}
.cta-band .h2{font-size:clamp(63px,9.7vw,130px);letter-spacing:-.075em}
.cta-band .h2 .stroke{color:transparent;-webkit-text-stroke:1.5px #6C3BFF}
.cta-band .lead{color:#44404E}
.cta-band .eyebrow.light{color:#6C3BFF}.cta-band .eyebrow.light:before{background:#6C3BFF}
.cta-band:after{color:#6C3BFF;opacity:.06}
.cta-band .btn{background:#6C3BFF;color:#fff;border-color:#6C3BFF}
.footer{background:#100F13;padding-top:75px}
.footer .logo{margin-top:-10px}
.footer-title{font-size:17px;font-weight:700}
.footer-links a{color:#AFAAB5}
.footer-bottom{color:#8D8793}
.page-hero{background:radial-gradient(ellipse at 90% 0%,rgba(108,59,255,.26),transparent 45%),#18141F;border-color:#383041;padding:108px 0 86px}
.page-hero:after{border-radius:0;border-color:rgba(108,59,255,.22);transform:rotate(22deg);box-shadow:0 0 0 80px rgba(108,59,255,.022),0 0 0 150px rgba(108,59,255,.012)}
.page-hero .h1.compact{font-size:clamp(55px,8.4vw,129px)}
.nav-crumb{color:#A9A3AE}
.solution-block .num{font-weight:700;color:#6C3BFF}
.solution-block h3{font-weight:700;letter-spacing:-.055em}
.chip{color:#CEC9D4;background:#211C2A;border:1px solid #50455C;transition:background .2s,color .2s}
.chip:hover,.chip.active{background:#6C3BFF;color:#fff;border-color:#6C3BFF}
.sector-panel{background:linear-gradient(135deg,#241934,#17141D 76%);border-color:#493A58}
.sector-panel h3{font-weight:700;letter-spacing:-.06em}
.sector-panel .question{color:#C7FF32}
.case-hero-art{border-color:#493B60}
.project-stage .n{font-weight:700;color:#6C3BFF}
.project-stage h3{font-weight:700;letter-spacing:-.055em}
.placeholder{border-color:rgba(199,255,50,.44);color:#C7FF32}
.evidence{background:#211C2A;border-left-color:#6C3BFF}
.disclaimer{background:#211C2A;color:#BEB7C6}
.team-page{background:radial-gradient(ellipse at 83% 38%,rgba(108,59,255,.09),transparent 58%)}
.human-frame{background:radial-gradient(circle at 50% 38%,rgba(108,59,255,.35),transparent 58%),#161320;border-color:#524063}
.human-frame:before{border-color:rgba(199,255,50,.17);border-radius:0;transform:scale(.94) rotate(4deg)}
.human-frame .orbit-label{color:#C7FF32}
.human-placeholder{background:radial-gradient(circle at 50% 30%,rgba(108,59,255,.28),transparent 58%),#161320}
.human-placeholder .initials{font-weight:700;color:#6C3BFF}
.profile-info{background:#211B2B;border-color:#51405E}
.profile-info h2{font-weight:700;letter-spacing:-.075em}
.skill{background:#1A1621;border-color:#53465D;font-weight:600}
.skill.active,.skill:hover{border-color:#C7FF32;color:#C7FF32}
.skill-desc{border-left-color:#6C3BFF;background:#15121A}
.pulse-wipe{background:linear-gradient(90deg,transparent 0%,rgba(108,59,255,.05) 36%,rgba(108,59,255,.75) 49%,rgba(199,255,50,.7) 50%,rgba(108,59,255,.06) 60%,transparent 100%)}
.circuit-art{background:radial-gradient(circle at 50% 45%,#281B40,#17131C 66%);border-color:#463953}
.lab-console{background:#211A2A;border-color:#513B6A}
.lab-output{background:#6C3BFF;color:#fff}
.lab-output .output-head{color:#DAD0FF}
.lab-output .small{color:#DFD6FF}
.lab-output p{color:#fff}
.lab-output [style*="border-top:1px solid #667a2a"]{border-color:rgba(255,255,255,.32)!important}
.lab-prompt{color:#B9ADC6}
.lab-mini-grid .panel{background:#211A2A}
.brief-card{background:#211A2A;border-color:#564268}
.brief-step h2{font-weight:700;letter-spacing:-.058em}
.brief-progress span{background:#52465C}
.field-input{background:#17131D;border-color:#63586E}
.field-label{color:#D5CBDD}
.summary-box{background:#17131D}
.tiny-callout{border-color:rgba(108,59,255,.45);background:rgba(108,59,255,.08);color:#C5BFD0}
.info-columns article{background:#211A2A}
.label-top{background:#141414ed}
/* brand expression elements: diagonals, solid bars and rare magenta accent */
.section-head .h2 .acid,.page-hero .acid{color:#C7FF32}
.section-head:before{content:'';position:absolute;left:0;top:0;height:3px;width:70px;background:linear-gradient(90deg,#6C3BFF 80%,#FF3D9A 80%);transform:skewX(-33deg);opacity:.0}
/* 15/10: seta do 3º card em verde, igual às outras */
@media(max-width:1120px){
 .nav-links{gap:14px}.nav-links a{font-size:10px}
 .nav .logo img{width:169px}
 .hero .h1{font-size:clamp(68px,8.8vw,110px)}
}
@media(max-width:1050px){
 .hero-content{grid-template-columns:1fr;min-height:720px}
 .voltage-stage{width:64%;right:-16%;top:7%;opacity:.31;pointer-events:none}
 .hero h1{max-width:790px}
}
@media(max-width:780px){
 .nav{height:76px}.nav .logo img{width:165px}
 .mobile-overlay{top:76px;background:#20172B;border-color:#5E4A72}
 .hero{min-height:730px}
 .hero-content{padding-top:91px;padding-bottom:88px;min-height:720px}
 .voltage-stage{width:88%;right:-44%;top:11%;opacity:.28;pointer-events:none}
 .hero .h1{font-size:clamp(66px,12.6vw,106px);max-width:750px}
 .hero-id{left:21px;right:21px;gap:20px}
 .manifesto .h2{font-size:clamp(55px,10vw,90px)}
 .h2{font-size:clamp(48px,9vw,80px)}
 .footer .logo img{width:223px}
}
@media(max-width:520px){
 .topbar{font-size:8px;letter-spacing:.095em}
 .nav{height:74px}.mobile-overlay{top:74px}.nav .logo img{width:160px}
 .hero{min-height:760px}.hero-content{padding-top:84px;min-height:745px;padding-bottom:108px}
 .hero .h1{font-size:clamp(54px,13.3vw,76px);line-height:1.02;letter-spacing:-.075em;max-width:96%}
 .hero .lead{font-size:16px;line-height:1.62;max-width:335px}
 .hero-system-tag{font-size:8px;letter-spacing:.07em;flex-wrap:wrap}
 .hero .buttons{gap:10px}
 .hero .buttons .btn{font-size:10px;min-height:49px;padding:12px 14px}
 .voltage-stage{top:13%;right:-73%;width:125%;opacity:.23}
 .hero-id{bottom:19px;display:block;font-size:8px}
 .hero-id span+span{display:none}
 .h2{font-size:clamp(47px,11.8vw,67px)}
 .manifesto .h2{font-size:clamp(49px,11.7vw,74px)}
 .pillar{min-height:260px;padding:18px}
 .pillar h3{font-size:25px;letter-spacing:-.04em}
 .pillar-icon{font-size:50px}
 .cta-band .h2{font-size:clamp(52px,11.9vw,78px)}
 .page-hero .h1.compact{font-size:clamp(47px,11.7vw,80px)}
 .human-frame{min-height:490px}
 .profile-info h2{font-size:59px}
 .footer .logo img{width:206px}
 .lab-output .output-idea{font-size:45px}
}
@media(prefers-reduced-motion:reduce){.voltage-stage,.energy-ring{animation:none!important}}
/* Mobile: preserve contrast by keeping the brandmark out of running copy. */
@media(max-width:520px){
  .hero{min-height:755px}
  .hero-content{min-height:730px}
  .voltage-stage{display:none}
  .hero:before{opacity:.13}
  .hero:after{width:70%;opacity:.33}
  .hero-vector-lines span:nth-child(3){right:3%;top:21%;opacity:.55}
}

/* 13/10: logo do cabeçalho sem "AGÊNCIA". A altura do menu diminui na mesma
   proporção para o logo manter a mesma distância da linha divisória. */
.nav{height:80px}
@media(max-width:1120px){ .nav{height:81px} }
@media(max-width:780px){ .nav{height:66px}.mobile-overlay{top:66px} }
@media(max-width:520px){ .nav{height:64px}.mobile-overlay{top:64px} }

/* 13/10: logo do cabeçalho 8% menor (181→167, 169→155, 165→152, 160→147) */
.nav .logo img{width:167px}
@media(max-width:1120px){ .nav .logo img{width:155px} }
@media(max-width:780px){ .nav .logo img{width:152px} }
@media(max-width:520px){ .nav .logo img{width:147px} }

/* 13/10: cabeçalho fixo ao rolar. O sticky não funcionava porque o body com
   overflow-x:hidden virava o container de rolagem; clip corta igual sem quebrar o sticky. */
body{overflow-x:clip}
.nav-shell{position:sticky;top:0;z-index:100}

/* 13/10: linhas do topo da home escondidas, mantendo o espaço que ocupavam */
.hero-copy > .eyebrow,.hero-copy > .hero-system-tag{visibility:hidden!important}

/* 13/10: todos os títulos H1 em Oxanium */
h1,h1[class]{font-family:Oxanium,Arial,sans-serif!important}

/* 13/10: frase da home em três linhas ("SUA MARCA EM" / "MÁXIMA" / "POTÊNCIA").
   A fonte se ajusta sozinha para "SUA MARCA EM", a linha mais longa, ocupar a
   largura da coluna de texto em qualquer tela (ela mede 6,53× o tamanho da fonte em Oxanium). */
.hero-copy{container-type:inline-size;min-width:0}
.hero .h1.hero-title{font-size:min(calc(100cqi / 6.62),150px);max-width:none}
.hero-title .ht-line{display:block;white-space:nowrap}

/* 13/10: descarga de energia da home (js/surge.js). O logo acende junto com a
   ignição (aos ~0,65 s de 1,6 s), treme um instante e volta ao normal. Toca uma vez. */
.voltage-stage .hero-brandmark.surge{animation:logo-surge 1.6s cubic-bezier(.2,.7,.2,1) both}
@keyframes logo-surge{
  0%{transform:scale(.965);filter:brightness(.55) saturate(.7) drop-shadow(0 20px 40px rgba(0,0,0,.24))}
  36%{transform:scale(.975);filter:brightness(.8) saturate(.9) drop-shadow(0 0 10px rgba(199,255,50,.35))}
  41%{transform:scale(1.045) translate(-3px,1px);filter:brightness(2.1) saturate(1.3) drop-shadow(0 0 34px rgba(199,255,50,.95))}
  44%{transform:scale(1.03) translate(3px,-2px);filter:brightness(1.7) saturate(1.25) drop-shadow(0 0 26px rgba(156,117,255,.9))}
  47%{transform:scale(1.035) translate(-2px,-1px);filter:brightness(1.9) saturate(1.3) drop-shadow(0 0 30px rgba(199,255,50,.85))}
  52%{transform:scale(1.02) translate(0,0);filter:brightness(1.35) saturate(1.15) drop-shadow(0 0 22px rgba(156,117,255,.6))}
  100%{transform:scale(1);filter:brightness(1) saturate(1) drop-shadow(0 20px 40px rgba(0,0,0,.24))}
}
/* os raios se apagam suavemente perto das bordas do palco, sem corte reto */
.voltage-stage .hero-volt{-webkit-mask-image:radial-gradient(closest-side,#000 72%,transparent 100%);mask-image:radial-gradient(closest-side,#000 72%,transparent 100%)}
@media(prefers-reduced-motion:reduce){.voltage-stage .hero-brandmark.surge{animation:none}}

/* 13/10: tirada a linha verde solta no canto direito do hero da home */
.hero-vector-lines span:nth-child(3){display:none}

/* 13/10: faixa rotativa fica 50px abaixo dos botões da home.
   O hero passa a ter a altura do conteúdo; no desktop o palco do logo
   acompanha a altura da coluna de texto. Sem espaço para a linha
   "ESTRATÉGIA EM MOVIMENTO / SCROLL PARA EXPLORAR", ela sai. */
.hero{min-height:0}
.hero-content{min-height:0;padding-bottom:50px}
@media(min-width:1051px){ .voltage-stage{height:auto;align-self:stretch} }
@media(max-width:1050px){ .hero-content{min-height:0;padding-bottom:50px} }
@media(max-width:780px){ .hero{min-height:0}.hero-content{min-height:0;padding-bottom:50px} }
@media(max-width:520px){ .hero{min-height:0}.hero-content{min-height:0;padding-bottom:50px} }
.hero-id{display:none}

/* 13/10: bloco "Prazer, 400Voltz" com o texto novo (sem botão).
   Coluna 1: título + "Nascemos no marketing...". Coluna 2: selo + dois parágrafos.
   Embaixo, frase de destaque ocupando a largura toda da seção. */
.manifesto .h2.manifesto-title{font-size:clamp(40px,4.6vw,72px);line-height:1.02;letter-spacing:-.05em}
.manifesto-title span{display:block}
.manifesto-title span+span{margin-top:.18em}
.manifesto .acid{color:#C7FF32}
.manifesto .two-col{align-items:center} /* título centralizado na vertical em relação à coluna da direita */
.manifesto-intro{margin:30px 0 0;max-width:560px;line-height:1.65}
.manifesto-copy p{margin:0 0 18px;line-height:1.65;max-width:560px}
.manifesto-copy .manifesto-stamp+p{margin-top:28px}
.manifesto-copy strong{color:#fff;font-weight:700}
.manifesto{padding-bottom:0}
/* frase de destaque: faixa verde neon de ponta a ponta, com corte diagonal no ângulo do V */
.manifesto-band{margin-top:88px;background:#C7FF32;color:#141414;clip-path:polygon(0 56px,100% 0,100% 100%,0 100%);padding:118px 0 92px;position:relative}
.manifesto-band:before{content:"";position:absolute;left:0;right:0;bottom:0;height:10px;background:repeating-linear-gradient(-58deg,#141414 0 14px,transparent 14px 28px);opacity:.9}
.manifesto .manifesto-close{margin:0;max-width:none;color:#141414;opacity:1;font-family:Oxanium,Arial,sans-serif;text-transform:uppercase}
.manifesto-close .mc-small{display:inline-block;font-weight:700;font-size:clamp(15px,1.4vw,20px);letter-spacing:.14em;background:#141414;color:#C7FF32;padding:9px 14px;margin-bottom:26px}
.manifesto-close .mc-big{display:block;font-family:var(--display);font-weight:700;font-size:clamp(40px,4.6vw,72px);line-height:1.02;letter-spacing:-.05em} /* mesmo tamanho do título da coluna da esquerda */
.manifesto-close .mc-big em{font-style:normal;color:#6C3BFF;display:block} /* "é o nosso ponto de partida." sempre na linha de baixo */
@media(max-width:780px){
  .manifesto .h2.manifesto-title{font-size:clamp(36px,8.4vw,56px)}
  .manifesto-band{margin-top:56px;clip-path:polygon(0 32px,100% 0,100% 100%,0 100%);padding:76px 0 64px}
  .manifesto-close .mc-small{font-size:12px;letter-spacing:.1em;margin-bottom:18px}
  .manifesto-close .mc-big{font-size:clamp(36px,8.4vw,56px)}
}

/* 13/10: seção 02 da home "QUEM FAZ" (antes Human Circuit), com fundo próprio para não repetir o da seção de soluções */
.who-section{background:radial-gradient(ellipse 55% 70% at 12% 20%,rgba(108,59,255,.28),transparent 70%),linear-gradient(160deg,#211A33 0%,#1A1528 55%,#151220 100%);border-top:1px solid rgba(156,117,255,.25);border-bottom:1px solid rgba(156,117,255,.25)}
.who-grid{grid-template-columns:1fr 1fr;gap:clamp(36px,5vw,80px);align-items:start}
.who-title{font-size:clamp(40px,4.6vw,72px);line-height:1.02;letter-spacing:-.05em}
.who-title span{display:block}
.who-title span+span{margin-top:.15em}
.who-title .acid{color:#C7FF32}
.who-circuit{height:auto;aspect-ratio:600/480;margin-top:clamp(28px,4vw,48px);border-color:rgba(156,117,255,.3)}
.who-circuit:after{display:none} /* tira a etiqueta antiga "HUMAN / CIRCUIT" de cima do mapa */
.who-col2{padding-top:clamp(0px,3.4vw,50px)}
.who-lead{margin:0 0 26px;max-width:560px;font-family:var(--display);font-weight:700;font-size:clamp(22px,2.1vw,32px);line-height:1.2;letter-spacing:-.03em;color:#F4F3F0}
.who-lead span{color:#A488FF}
.who-col2 .body-copy{margin:0 0 18px;max-width:560px;color:#C9C3D3}
.who-highlight{margin:28px 0 28px;padding-left:16px;border-left:3px solid #C7FF32;font-family:var(--display);font-weight:700;font-size:clamp(18px,1.6vw,22px);line-height:1.35;color:#F4F3F0;max-width:560px}
.who-col2 .btn{margin-top:14px}
@media(max-width:780px){
  .who-grid{grid-template-columns:1fr}
  .who-title{font-size:clamp(36px,8.4vw,56px)}
  .who-col2{padding-top:0}
}

/* 13/10: Quem somos sem o topo "A potência tem rosto": a seção começa mais perto do menu */
.team-page{padding-top:clamp(40px,6vh,72px)}
/* 13/10: abertura do Quem somos no mesmo estilo da home: título grande em Oxanium (branco + roxo) e texto de apoio embaixo */
.hc-intro.team-intro{display:block;margin-bottom:clamp(28px,4vh,44px)}
.team-title{margin:0;max-width:1100px;font-weight:700;font-size:clamp(36px,4.6vw,76px);line-height:.98;letter-spacing:-.05em;text-transform:uppercase;color:#F4F3F0}
.team-title span{display:inline} /* a parte roxa continua na mesma linha de "CRIAR" */
.team-title .team-title-alt{color:#9C75FF}
.hc-intro .team-lead{margin:clamp(18px,2.6vh,30px) 0 0;max-width:none;font-size:clamp(17px,1.5vw,21px);line-height:1.55;color:#C9C3D3}
@media(min-width:1000px){ .hc-intro .team-lead{white-space:nowrap} } /* frase numa linha só onde há espaço; no celular ela quebra normalmente */
/* 13/10: título da seção 01 da home (antes "QUATRO FORÇAS. UMA CONEXÃO."), no tamanho dos outros títulos longos */
.forces-title{font-size:clamp(40px,4.6vw,72px);line-height:1.02;letter-spacing:-.05em;max-width:860px}
.forces-title .acid{display:block}
@media(max-width:780px){ .forces-title{font-size:clamp(36px,8.4vw,56px)} }

/* 15/10: "SUA MARCA EM" alinhado à largura do texto de baixo (o js/app.js faz o ajuste fino; isto é o ponto de partida) */
.hero .h1.hero-title{font-size:min(calc(min(100cqi,560px) / 6.62),150px)}
@media(max-width:780px){.hero .h1.hero-title{font-size:calc(min(100cqi,335px) / 6.62);line-height:.95}}