:root{
  --p:#6F0AF5;
  --p1:#4A0BC2;
  --p2:#3D0885;
  --p3:#2A0668;
  --p4:#1F0342;
  --p5:#140228;
  --pl:#8B3FF8;
  --pxl:#A770FA;
  --pul:#C79FFC;
  --yellow:#F5FF00;
  --yellow2:#E0EB00;
  --dark:#0A0612;
  --dark2:#120A1F;
  --gray:#1A1525;
  --bd:rgba(255,255,255,.08);
  --muted:rgba(255,255,255,.42);
  --text:rgba(255,255,255,.76);
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Space Grotesk',sans-serif;background:var(--dark);color:var(--text);overflow-x:hidden;-webkit-font-smoothing:antialiased;line-height:1.55;}
::selection{background:var(--p);color:#fff;}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
/* ===== CURSOR ===== */
.cur{position:fixed;pointer-events:none;z-index:9999;width:6px;height:6px;background:var(--p);border-radius:50%;top:0;left:0;transform:translate(-50%,-50%);mix-blend-mode:difference;}
.crr{position:fixed;pointer-events:none;z-index:9998;width:40px;height:40px;border:1.5px solid rgba(111,10,245,.6);border-radius:50%;top:0;left:0;transform:translate(-50%,-50%);transition:width .25s,height .25s,background .25s,border-color .25s;}
.crr.hv{width:72px;height:72px;background:rgba(111,10,245,.08);border-color:var(--p);}
@media(hover:none){.cur,.crr{display:none;} body{cursor:auto;}}
@media(hover:hover){body{cursor:none;} a,button{cursor:none;}}
/* ===== NAV ===== */
nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:20px 56px;display:flex;align-items:center;justify-content:space-between;transition:all .45s cubic-bezier(.7,0,.3,1);}
nav.stuck{background:rgba(10,6,18,.72);padding:12px 56px;border-bottom:1px solid var(--bd);backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);}
.nav-logo{display:flex;align-items:center;}
.nav-logo svg{height:28px;width:auto;}
.nav-links{display:flex;gap:32px;list-style:none;}
.nav-links a{position:relative;font-size:.72rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.55);transition:color .3s;}
.nav-links a::after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:1px;background:var(--p);transition:width .35s cubic-bezier(.7,0,.3,1);}
.nav-links a:hover{color:#fff;}
.nav-links a:hover::after{width:100%;}
.nav-cta{position:relative;display:inline-flex;align-items:center;gap:8px;font-family:'Bricolage Grotesque',sans-serif;font-size:.78rem;font-weight:600;letter-spacing:.05em;color:#fff;background:var(--p);padding:11px 22px;border-radius:100px;transition:transform .3s,box-shadow .3s;overflow:hidden;}
.nav-cta svg{width:13px;height:13px;}
.nav-cta:hover{transform:translateY(-2px);box-shadow:0 10px 32px rgba(111,10,245,.45);}
/* ===== HERO ===== */
.hero{
  min-height:100vh;display:flex;flex-direction:column;justify-content:center;
  padding:130px 56px 80px;position:relative;overflow:hidden;
  background:radial-gradient(ellipse 80% 70% at 75% 35%,rgba(111,10,245,.55) 0%,rgba(42,6,104,.85) 45%,var(--dark) 100%);
}
.hero::before{
  content:'';position:absolute;inset:0;z-index:1;
  background-image:linear-gradient(rgba(111,10,245,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(111,10,245,.04) 1px,transparent 1px);
  background-size:80px 80px;
  mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,#000 40%,transparent 100%);
  -webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,#000 40%,transparent 100%);
}
.hero-vid{position:absolute;inset:0;z-index:0;opacity:.55;}
.hero-vid video{width:100%;height:100%;object-fit:cover;}
.hero-vid::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(20,4,40,.55) 0%,rgba(111,10,245,.25) 45%,rgba(10,6,18,.75) 100%);
}
.hero::after{
  content:'';position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(to bottom,transparent 60%,rgba(10,6,18,.7) 100%);
}
.hero-inner{position:relative;z-index:3;max-width:1020px;}
.hero-eye{
  display:inline-flex;align-items:center;gap:12px;
  font-size:.66rem;font-weight:700;letter-spacing:.3em;text-transform:uppercase;
  color:var(--pxl);margin-bottom:22px;
  opacity:0;animation:fup .8s .2s forwards;
}
.hero-eye::before{content:'';width:28px;height:1.5px;background:var(--pxl);}
.hero-title{
  font-family:'Bricolage Grotesque',sans-serif;
  font-weight:800;font-variation-settings:"opsz" 72,"wdth" 100;
  font-size:clamp(3.2rem,7.2vw,9rem);
  line-height:.92;letter-spacing:-.035em;color:#fff;
  opacity:0;animation:fup .95s .4s forwards;
}
.hero-title .acc{
  color:var(--p);
  display:inline-block;position:relative;
}
.hero-title .scribble{color:rgba(255,255,255,.55);font-weight:400;font-variation-settings:"opsz" 12;font-size:.4em;display:block;margin-bottom:-.15em;letter-spacing:-.01em;}
.hero-sub{
  font-size:1rem;line-height:1.78;color:rgba(255,255,255,.66);
  max-width:560px;margin-top:24px;
  opacity:0;animation:fup .8s .65s forwards;
}
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px;opacity:0;animation:fup .8s .85s forwards;}
/* ===== TYPEWRITER ===== */
.hero-tw{margin-bottom:24px;opacity:0;animation:fup .95s .3s forwards;}
.tw-static{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-variation-settings:"opsz" 72,"wdth" 100;font-size:clamp(2.2rem,4.5vw,5.5rem);color:var(--pxl);line-height:.95;letter-spacing:-.04em;margin-bottom:6px;}
.tw-wrap{display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;}
#twDynamic{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-variation-settings:"opsz" 72,"wdth" 100;font-size:clamp(2.2rem,4.5vw,5.5rem);color:#fff;line-height:.92;letter-spacing:-.04em;}
.tw-cur{display:inline-block;width:4px;height:clamp(1.8rem,3.8vw,4.5rem);background:var(--p);border-radius:3px;flex-shrink:0;animation:twblink .7s step-end infinite;}
@keyframes twblink{0%,100%{opacity:1}50%{opacity:0}}
@media(max-width:640px){
  .tw-static{font-size:clamp(1.8rem,7vw,2.8rem);}
  #twDynamic{font-size:clamp(1.8rem,7vw,2.8rem);}
  .tw-cur{height:clamp(1.5rem,6vw,2.4rem);}
}
/* ===== BUTTONS ===== */
.btn-yl{
  display:inline-flex;align-items:center;gap:10px;
  font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:.82rem;letter-spacing:.02em;
  color:#fff;background:var(--p);
  padding:15px 28px;border-radius:100px;
  transition:all .35s cubic-bezier(.7,0,.3,1);
  border:1.5px solid var(--p);
}
.btn-yl:hover{transform:translateY(-3px);box-shadow:0 14px 40px rgba(111,10,245,.45);}
.btn-yl svg{width:15px;height:15px;}
.btn-gh{
  display:inline-flex;align-items:center;gap:10px;
  font-family:'Bricolage Grotesque',sans-serif;font-weight:600;font-size:.82rem;letter-spacing:.02em;
  color:#fff;background:transparent;
  padding:15px 28px;border-radius:100px;border:1.5px solid rgba(255,255,255,.2);
  transition:all .35s cubic-bezier(.7,0,.3,1);
}
.btn-gh:hover{border-color:var(--pl);color:var(--pl);transform:translateY(-3px);}
/* scroll indicator */
.scroll-side{position:fixed;right:26px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;z-index:90;}
.scroll-side span{font-size:.5rem;font-weight:700;letter-spacing:.35em;text-transform:uppercase;color:rgba(255,255,255,.3);writing-mode:vertical-rl;}
.scroll-ln{width:1px;height:46px;background:rgba(255,255,255,.1);position:relative;overflow:hidden;}
.scroll-ln::after{content:'';position:absolute;top:-100%;left:0;width:100%;height:100%;background:var(--p);animation:sdl 2.4s ease-in-out infinite;}
@keyframes sdl{0%{top:-100%}100%{top:100%}}
/* ===== MARQUEE ===== */
.mq{overflow:hidden;background:var(--p5);border-top:1px solid rgba(111,10,245,.25);border-bottom:1px solid rgba(111,10,245,.25);padding:4px 0;}
.mq-track{display:flex;width:max-content;animation:mqA 36s linear infinite;align-items:center;}
.mq-track:hover{animation-play-state:paused;}
.mq-w{font-family:'Bricolage Grotesque',sans-serif;font-variation-settings:"opsz" 72,"wdth" 100;font-weight:700;font-size:clamp(1rem,1.6vw,1.4rem);letter-spacing:-.01em;padding:14px 18px;white-space:nowrap;color:#fff;}
.mq-w.p{color:var(--p);font-variation-settings:"opsz" 72,"wdth" 85;}
.mq-sep{color:var(--p);padding:0 2px;display:flex;align-items:center;font-size:.85rem;}
@keyframes mqA{from{transform:translateX(0)}to{transform:translateX(-50%)}}
/* ===== CONTAINERS ===== */
.c{max-width:1240px;margin:0 auto;padding:0 56px;}
.sec{padding:120px 0;position:relative;}
.lbl{display:inline-flex;align-items:center;gap:10px;font-size:.6rem;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--pxl);margin-bottom:18px;}
.lbl::before{content:'';width:16px;height:1.5px;background:var(--p);}
.h-display{
  font-family:'Bricolage Grotesque',sans-serif;
  font-weight:800;font-variation-settings:"opsz" 72,"wdth" 100;
  font-size:clamp(2.5rem,5vw,6rem);line-height:.93;letter-spacing:-.035em;color:#fff;
}
.h-display .scr{font-weight:400;font-size:.35em;font-variation-settings:"opsz" 12;color:rgba(255,255,255,.55);display:block;letter-spacing:-.01em;margin-bottom:-.2em;}
.h-display .y{color:var(--pl);font-variation-settings:"opsz" 72,"wdth" 85;}
.h-display .yscr{color:var(--pl);font-weight:400;font-size:.35em;font-variation-settings:"opsz" 12;display:block;letter-spacing:-.01em;margin-bottom:-.2em;}
.btx{font-size:.96rem;line-height:1.8;color:var(--text);}
/* ===== ABOUT ===== */
.about-bg{background:var(--dark2);}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;}
.about-media{position:relative;aspect-ratio:4/5;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,var(--p4) 0%,var(--p2) 60%,var(--p) 100%);}
.about-media::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:40px 40px;opacity:.6;}
.about-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.95;}
.about-media::after{content:'';position:absolute;inset:0;background:linear-gradient(160deg,transparent 30%,rgba(111,10,245,.5) 100%);pointer-events:none;}
.about-stat{position:absolute;bottom:26px;left:26px;background:rgba(10,6,18,.85);backdrop-filter:blur(12px);padding:18px 22px;border-radius:14px;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:14px;}
.about-stat-n{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-variation-settings:"opsz" 72;font-size:2.4rem;color:var(--p);line-height:1;}
.about-stat-l{font-size:.62rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.7);line-height:1.35;}
.about-hl{
  font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-variation-settings:"opsz" 72,"wdth" 100;
  font-size:clamp(2rem,3.6vw,3.8rem);line-height:.98;letter-spacing:-.03em;color:#fff;margin-bottom:20px;
}
.about-hl .u{color:var(--pl);font-variation-settings:"opsz" 72,"wdth" 85;}
/* Pillars */
.pillars{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;margin-top:64px;border-top:1px solid var(--bd);padding-top:42px;}
.pillar{padding:0 32px;border-right:1px solid var(--bd);transition:transform .4s;}
.pillar:first-child{padding-left:0;}
.pillar:last-child{border-right:none;}
.pillar:hover{transform:translateY(-4px);}
.pillar-ico{width:40px;height:40px;border:1.5px solid var(--p);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;transition:background .3s;}
.pillar:hover .pillar-ico{background:var(--p);}
.pillar:hover .pillar-ico svg{stroke:#fff;}
.pillar-ico svg{width:17px;height:17px;stroke:var(--p);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s;}
.pillar-t{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:1rem;color:#fff;margin-bottom:10px;line-height:1.4;}
.pillar-t span{color:var(--pl);}
.pillar-d{font-size:.82rem;line-height:1.75;color:var(--muted);}
/* ===== SOCIAL-STYLE BANNER (reusable) ===== */
.sbanner{
  position:relative;overflow:hidden;min-height:82vh;
  display:flex;align-items:flex-end;
  padding:80px 56px;
  background:linear-gradient(155deg,var(--p4) 0%,var(--p2) 45%,var(--p) 100%);
}
.sbanner::before{
  content:'';position:absolute;inset:0;
  background-image:radial-gradient(ellipse 100% 60% at 70% 40%,rgba(167,112,250,.35) 0%,transparent 55%);
  pointer-events:none;
}
.sbanner::after{
  content:'';position:absolute;inset:0;
  background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);
  background-size:60px 60px;opacity:.5;pointer-events:none;
}
.sbanner-img{position:absolute;inset:0;z-index:0;opacity:.45;mix-blend-mode:luminosity;}
.sbanner-img img{width:100%;height:100%;object-fit:cover;}
.sbanner-inner{position:relative;z-index:2;max-width:1140px;width:100%;margin:0 auto;}
.sbanner-kicker{
  display:inline-flex;align-items:center;gap:8px;
  font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:.72rem;letter-spacing:.04em;
  color:var(--pxl);margin-bottom:14px;
}
.sbanner-kicker::before{content:'>';font-family:'JetBrains Mono',monospace;color:var(--p);}
.sbanner-scribble{
  font-family:'Bricolage Grotesque',sans-serif;
  font-variation-settings:"opsz" 12;font-weight:500;
  color:#fff;font-size:clamp(1.1rem,2vw,1.8rem);
  letter-spacing:-.01em;margin-bottom:-.15em;
}
.sbanner-title{
  font-family:'Bricolage Grotesque',sans-serif;font-weight:800;
  font-variation-settings:"opsz" 96,"wdth" 100;
  font-size:clamp(3.6rem,10vw,11rem);line-height:.9;letter-spacing:-.045em;
  color:var(--pl);text-transform:lowercase;
  margin-bottom:28px;
}
.sbanner-text{
  font-size:1.02rem;line-height:1.72;color:rgba(255,255,255,.85);
  max-width:540px;margin-bottom:34px;
}
.sbanner-text strong{color:var(--pxl);font-weight:600;}
/* ===== SERVICES as FOLDERS ===== */
.svc-bg{background:linear-gradient(180deg,var(--dark) 0%,var(--dark2) 100%);overflow:hidden;}
.svc-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:56px;}
.folders-wrap{position:relative;}
.folders{display:flex;flex-direction:column;gap:0;position:relative;}
.folder{
  position:relative;padding:36px 44px;
  border-radius:22px 22px 0 0;
  cursor:pointer;
  transition:all .6s cubic-bezier(.7,0,.3,1);
  color:#fff;
  margin-top:-18px;
  box-shadow:0 -8px 30px rgba(0,0,0,.25);
}
.folder:first-child{margin-top:0;}
.folder::before{
  content:'';position:absolute;top:-14px;left:44px;
  width:120px;height:14px;border-radius:14px 14px 0 0;
  background:inherit;
}
.folder:nth-child(1){background:linear-gradient(155deg,#2A0668,#3D0885);z-index:1;}
.folder:nth-child(2){background:linear-gradient(155deg,#3D0885,#4A0BC2);z-index:2;}
.folder:nth-child(3){background:linear-gradient(155deg,#4A0BC2,#6F0AF5);z-index:3;}
.folder:nth-child(4){background:linear-gradient(155deg,#6F0AF5,#8B3FF8);z-index:4;}
.folder:nth-child(5){background:linear-gradient(155deg,#8B3FF8,#A770FA);z-index:5;}
.folder:nth-child(6){background:linear-gradient(155deg,#A770FA,#C79FFC);z-index:6;}
.folder:nth-child(7){background:linear-gradient(155deg,#5A1BD3,#7B2AEC);z-index:7;}
.folder:nth-child(8){background:linear-gradient(155deg,#7B2AEC,#9D5AF9);z-index:8;}
.folder-head{display:flex;align-items:center;justify-content:space-between;gap:24px;transition:margin-bottom .45s;}
.folder-left{display:flex;align-items:center;gap:22px;}
.folder-num{font-family:'Bricolage Grotesque',sans-serif;font-weight:500;font-variation-settings:"opsz" 72;font-size:.9rem;color:rgba(255,255,255,.45);letter-spacing:.04em;min-width:40px;}
.folder-name{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-variation-settings:"opsz" 72,"wdth" 100;font-size:clamp(1.4rem,2.6vw,2.1rem);letter-spacing:-.02em;color:#fff;}
.folder-plus{width:42px;height:42px;border:1.5px solid rgba(255,255,255,.25);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .5s cubic-bezier(.7,0,.3,1),background .3s;}
.folder-plus svg{width:16px;height:16px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;transition:transform .5s cubic-bezier(.7,0,.3,1);}
.folder.open .folder-plus{background:rgba(255,255,255,.15);}
.folder.open .folder-plus svg{transform:rotate(45deg);}
.folder-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s cubic-bezier(.7,0,.3,1);}
.folder.open .folder-body{grid-template-rows:1fr;}
.folder-body>div{overflow:hidden;}
.folder-content{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end;padding-top:28px;}
.folder-desc{font-size:.96rem;line-height:1.78;color:rgba(255,255,255,.75);max-width:680px;}
.folder-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px;}
.folder-tag{font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:5px 12px;border-radius:100px;background:rgba(255,255,255,.1);color:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.12);}
.folder-cta a{display:inline-flex;align-items:center;gap:8px;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:.82rem;color:#fff;white-space:nowrap;padding:13px 22px;border-radius:100px;border:1.5px solid rgba(255,255,255,.3);transition:all .3s;}
.folder-cta a:hover{background:rgba(255,255,255,.12);border-color:#fff;}
.folder-cta svg{width:15px;height:15px;}
/* ===== PORTFOLIO ===== */
.pf-bg{background:var(--dark);}
.pf-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:36px;}
.pf-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:40px;}
.pf-filter{font-family:'Bricolage Grotesque',sans-serif;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:8px 18px;border-radius:100px;border:1.5px solid var(--bd);background:transparent;color:rgba(255,255,255,.5);cursor:pointer;transition:all .3s;}
.pf-filter:hover,.pf-filter.active{background:var(--p);border-color:var(--p);color:#fff;}
.pf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.pf-card{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:4/3;background:var(--gray);display:block;}
.pf-card-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.7,0,.3,1);}
.pf-card:hover .pf-card-img{transform:scale(1.06);}
.pf-card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,6,18,.92) 0%,rgba(10,6,18,.3) 50%,transparent 100%);transition:opacity .4s;}
.pf-card:hover .pf-card-overlay{opacity:.85;}
.pf-card-arrow{position:absolute;top:20px;right:20px;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;opacity:0;transform:translate(10px,-10px);transition:all .4s;}
.pf-card:hover .pf-card-arrow{opacity:1;transform:translate(0,0);}
.pf-card-arrow svg{width:14px;height:14px;stroke:#fff;fill:none;stroke-width:2;}
.pf-card-content{position:absolute;bottom:0;left:0;right:0;padding:24px;}
.pf-card-cat{font-size:.6rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--pxl);display:block;margin-bottom:6px;}
.pf-card-title{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:1.1rem;color:#fff;line-height:1.25;margin-bottom:6px;}
.pf-card-client{font-size:.78rem;color:rgba(255,255,255,.6);}
/* ===== CLIENTES ===== */
.cl-sec{background:var(--dark2);padding:56px 0;overflow:hidden;}
.cl-label{text-align:center;font-size:.6rem;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:rgba(255,255,255,.3);margin-bottom:32px;}
.cl-outer{overflow:hidden;position:relative;}
.cl-outer::before,.cl-outer::after{content:'';position:absolute;top:0;bottom:0;width:120px;z-index:2;pointer-events:none;}
.cl-outer::before{left:0;background:linear-gradient(to right,var(--dark2),transparent);}
.cl-outer::after{right:0;background:linear-gradient(to left,var(--dark2),transparent);}
.cl-track{display:flex;gap:0;animation:clScroll 36s linear infinite;width:max-content;}
.cl-track:hover{animation-play-state:paused;}
.cl-wrap-item{display:flex;align-items:center;justify-content:center;padding:0 40px;opacity:.5;transition:opacity .3s;filter:grayscale(1);}
.cl-wrap-item:hover{opacity:.9;filter:grayscale(0);}
.cl-img{height:36px;width:auto;object-fit:contain;}
@keyframes clScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
/* ===== ZAIA ===== */
.zaia-bg{background:linear-gradient(160deg,var(--dark) 0%,var(--p5) 50%,var(--dark) 100%);overflow:hidden;}
.zaia-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(111,10,245,.2) 0%,transparent 70%);pointer-events:none;}
.zaia-badge{display:inline-flex;align-items:center;gap:8px;font-size:.65rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--pxl);background:rgba(111,10,245,.12);border:1px solid rgba(111,10,245,.3);padding:6px 14px;border-radius:100px;margin-bottom:16px;}
.zbdot{width:6px;height:6px;border-radius:50%;background:var(--p);animation:pulse 2s infinite;}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}
.zaia-sm{display:block;font-weight:400;font-variation-settings:"opsz" 12;font-size:.35em;color:rgba(255,255,255,.55);letter-spacing:-.01em;margin-bottom:-.15em;}
.zaia-big{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-variation-settings:"opsz" 72,"wdth" 100;font-size:clamp(3.5rem,7vw,8rem);line-height:.88;letter-spacing:-.04em;color:var(--pl);display:block;}
.zaia-sub{font-size:.9rem;font-weight:500;color:rgba(255,255,255,.5);letter-spacing:.02em;margin-bottom:18px;margin-top:8px;}
.zf-list{display:flex;flex-direction:column;gap:10px;}
.zf{display:flex;align-items:center;gap:10px;font-size:.88rem;color:rgba(255,255,255,.72);}
.zf::before{content:'';width:6px;height:6px;background:var(--p);border-radius:50%;flex-shrink:0;}
/* CRM mock */
.crm-mock{background:rgba(10,6,18,.85);border:1px solid rgba(111,10,245,.3);border-radius:18px;overflow:hidden;backdrop-filter:blur(12px);}
.crm-bar{display:flex;align-items:center;gap:7px;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.06);}
.crm-dot{width:11px;height:11px;border-radius:50%;}
.crm-lbl{font-size:.7rem;font-weight:600;color:rgba(255,255,255,.4);margin-left:6px;letter-spacing:.04em;}
.crm-tags{display:flex;flex-wrap:wrap;gap:6px;padding:14px 18px 10px;}
.ctag{font-size:.62rem;font-weight:600;padding:4px 10px;border-radius:100px;letter-spacing:.04em;}
.ct1{background:rgba(245,255,0,.12);color:var(--yellow);border:1px solid rgba(245,255,0,.2);}
.ct2{background:rgba(139,63,248,.15);color:var(--pl);border:1px solid rgba(139,63,248,.25);}
.ct3{background:rgba(37,211,102,.12);color:#25D366;border:1px solid rgba(37,211,102,.2);}
.ct4{background:rgba(167,112,250,.12);color:var(--pxl);border:1px solid rgba(167,112,250,.2);}
.crm-msgs{height:280px;overflow-y:auto;padding:14px 18px;display:flex;flex-direction:column;gap:10px;scrollbar-width:none;}
.crm-msgs::-webkit-scrollbar{display:none;}
.mrow{display:flex;align-items:flex-end;gap:8px;opacity:0;transform:translateY(12px);transition:opacity .4s,transform .4s;}
.mrow.show{opacity:1;transform:translateY(0);}
.mrow.out{flex-direction:row-reverse;}
.mav{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.55rem;font-weight:700;flex-shrink:0;}
.av-u{background:var(--p3);color:var(--pxl);}
.av-ai{background:linear-gradient(135deg,var(--p),var(--pl));color:#fff;}
.bbl{max-width:240px;padding:10px 14px;border-radius:16px;font-size:.8rem;line-height:1.5;}
.bbl-in{background:rgba(255,255,255,.07);color:rgba(255,255,255,.85);border-radius:4px 16px 16px 16px;}
.bbl-ai{background:linear-gradient(135deg,var(--p2),var(--p));color:#fff;border-radius:16px 4px 16px 16px;}
.bbl-aud{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.07);padding:10px 14px;border-radius:4px 16px 16px 16px;max-width:200px;}
.aud-play{width:24px;height:24px;background:var(--p);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.aud-wave{flex:1;height:20px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.3) 0,rgba(255,255,255,.3) 2px,transparent 2px,transparent 5px);border-radius:2px;}
.aud-t{font-size:.65rem;color:rgba(255,255,255,.5);white-space:nowrap;}
.typing-bbl{display:flex;align-items:center;gap:5px;background:rgba(255,255,255,.07);padding:12px 16px;border-radius:4px 16px 16px 16px;}
.td{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.4);animation:typing .9s ease-in-out infinite;}
.td:nth-child(2){animation-delay:.18s;}
.td:nth-child(3){animation-delay:.36s;}
@keyframes typing{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-6px)}}
.crm-foot{display:flex;align-items:center;gap:10px;padding:14px 18px;border-top:1px solid rgba(255,255,255,.06);}
.crm-inp{flex:1;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:100px;padding:9px 16px;font-size:.78rem;color:rgba(255,255,255,.3);}
.crm-snd{width:34px;height:34px;background:var(--p);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
/* ===== MANI / FAQ BG ===== */
.mani-bg{background:var(--dark2);overflow:hidden;}
.mani-ghost{position:absolute;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:40vw;color:rgba(111,10,245,.04);line-height:1;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;user-select:none;}
/* ===== FAQ ===== */
.faq-list{display:flex;flex-direction:column;gap:0;max-width:820px;margin:0 auto;}
.faq-item{border-bottom:1px solid var(--bd);overflow:hidden;}
.faq-item:first-child{border-top:1px solid var(--bd);}
.faq-q{
  font-family:'Bricolage Grotesque',sans-serif;font-weight:700;
  font-variation-settings:"opsz" 72,"wdth" 100;
  font-size:clamp(1rem,1.6vw,1.2rem);color:#fff;
  padding:26px 0;cursor:pointer;
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  list-style:none;transition:color .3s;
}
.faq-q::-webkit-details-marker{display:none;}
.faq-q::after{
  content:'+';font-size:1.6rem;font-weight:300;color:var(--p);
  flex-shrink:0;transition:transform .4s cubic-bezier(.7,0,.3,1);
}
.faq-item[open] .faq-q{color:var(--pl);}
.faq-item[open] .faq-q::after{transform:rotate(45deg);}
.faq-a{font-size:.95rem;line-height:1.8;color:var(--text);padding-bottom:26px;max-width:700px;}
/* ===== PROCESSO ===== */
.proc-bg{background:var(--dark);}
.proc-steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:56px;}
.pstep{padding:32px 36px;border-right:1px solid var(--bd);transition:transform .4s;}
.pstep:last-child{border-right:none;}
.pstep:hover{transform:translateY(-4px);}
.pnum{font-size:.6rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:var(--p);margin-bottom:18px;}
.ptitle{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-variation-settings:"opsz" 72,"wdth" 100;font-size:clamp(1.4rem,2.2vw,2rem);line-height:1.1;letter-spacing:-.02em;color:#fff;margin-bottom:14px;}
.pdesc{font-size:.85rem;line-height:1.75;color:var(--muted);}
/* ===== DEPOIMENTOS ===== */
.dep-bg{background:var(--dark2);}
.dep-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px;}
.dep-card{
  background:var(--gray);border:1px solid var(--bd);border-radius:20px;
  padding:36px;position:relative;overflow:hidden;
  transition:transform .4s cubic-bezier(.7,0,.3,1),border-color .3s;
}
.dep-card:hover{transform:translateY(-6px);border-color:rgba(111,10,245,.4);}
.dep-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,var(--p),var(--pl));
  opacity:0;transition:opacity .3s;
}
.dep-card:hover::before{opacity:1;}
.dep-stars{display:flex;gap:4px;margin-bottom:20px;}
.dep-star{color:var(--p);font-size:1rem;}
.dep-text{font-size:.95rem;line-height:1.78;color:var(--text);margin-bottom:28px;font-style:italic;}
.dep-author{display:flex;align-items:center;gap:14px;}
.dep-avatar{
  width:44px;height:44px;border-radius:50%;
  background:linear-gradient(135deg,var(--p2),var(--p));
  display:flex;align-items:center;justify-content:center;
  font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:.9rem;color:#fff;
  flex-shrink:0;
}
.dep-name{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:.95rem;color:#fff;line-height:1.2;}
.dep-role{font-size:.75rem;color:var(--muted);margin-top:3px;}
/* ===== CONTATO FORM ===== */
.contact-bg{
  position:relative;overflow:hidden;padding:120px 0;
  background:linear-gradient(155deg,var(--p4) 0%,var(--p2) 45%,var(--p) 100%);
}
.contact-bg::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:70px 70px;pointer-events:none;}
.contact-bg::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 70% 30%,rgba(167,112,250,.2) 0%,transparent 60%);pointer-events:none;}
.contact-inner{max-width:1140px;margin:0 auto;padding:0 56px;position:relative;z-index:2;}
.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:start;}
.contact-label{font-size:.6rem;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--pxl);margin-bottom:18px;display:flex;align-items:center;gap:10px;}
.contact-label::before{content:'';width:16px;height:1.5px;background:var(--p);}
.contact-hl{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-variation-settings:"opsz" 72,"wdth" 100;font-size:clamp(2.2rem,4vw,4rem);line-height:.95;letter-spacing:-.03em;color:#fff;margin-bottom:20px;}
.contact-sub{font-size:.96rem;line-height:1.78;color:rgba(255,255,255,.72);max-width:380px;}
.contact-info{margin-top:36px;display:flex;flex-direction:column;gap:14px;}
.contact-info a{display:flex;align-items:center;gap:12px;font-size:.88rem;color:rgba(255,255,255,.72);transition:color .3s;}
.contact-info a:hover{color:#fff;}
.contact-info svg{width:16px;height:16px;stroke:var(--pl);fill:none;stroke-width:2;flex-shrink:0;}
.cf{display:flex;flex-direction:column;gap:16px;}
.cf-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.cf input,.cf select,.cf textarea{
  width:100%;background:rgba(255,255,255,.07);border:1.5px solid rgba(255,255,255,.12);
  border-radius:12px;padding:15px 18px;
  font-family:'Space Grotesk',sans-serif;font-size:.9rem;color:#fff;
  outline:none;transition:border-color .3s,background .3s;
  -webkit-appearance:none;
}
.cf input::placeholder,.cf textarea::placeholder{color:rgba(255,255,255,.35);}
.cf select{color:rgba(255,255,255,.6);}
.cf select option{background:var(--dark);color:#fff;}
.cf input:focus,.cf select:focus,.cf textarea:focus{border-color:var(--p);background:rgba(111,10,245,.08);}
.cf textarea{resize:none;min-height:110px;line-height:1.6;}
.cf-btn{
  width:100%;display:flex;align-items:center;justify-content:center;gap:10px;
  font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:.9rem;
  color:#fff;background:var(--p);
  padding:17px 28px;border-radius:100px;border:none;cursor:pointer;
  transition:all .35s cubic-bezier(.7,0,.3,1);margin-top:6px;
}
.cf-btn:hover{transform:translateY(-2px);box-shadow:0 14px 40px rgba(111,10,245,.5);}
.cf-btn svg{width:16px;height:16px;}
/* ===== MAPS ===== */
.maps-sec{position:relative;height:480px;overflow:hidden;}
.maps-sec iframe{position:absolute;inset:0;width:100%;height:100%;border:none;filter:grayscale(.7) invert(.9) hue-rotate(180deg);opacity:.7;}
.maps-ov{position:absolute;inset:0;background:linear-gradient(to bottom,var(--dark2) 0%,transparent 20%,transparent 80%,var(--dark) 100%);pointer-events:none;z-index:2;}
.maps-card{position:absolute;left:56px;bottom:56px;z-index:3;background:rgba(10,6,18,.9);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:22px 26px;min-width:240px;}
.maps-nm{display:flex;align-items:center;gap:8px;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:1rem;color:#fff;margin-bottom:10px;}
.maps-dot{width:8px;height:8px;background:#25D366;border-radius:50%;animation:pulse 2s infinite;}
.maps-addr{font-size:.8rem;line-height:1.65;color:rgba(255,255,255,.55);}
/* ===== FOOTER ===== */
footer{background:var(--dark2);padding:72px 0 0;}
.ft-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:48px;padding-bottom:56px;border-bottom:1px solid var(--bd);}
.ft-tag{font-size:.86rem;line-height:1.7;color:var(--muted);margin-top:20px;max-width:260px;}
.ft-addr{font-size:.78rem;line-height:1.7;color:rgba(255,255,255,.3);margin-top:16px;}
.fc-t{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.4);margin-bottom:18px;}
.fc-l{list-style:none;display:flex;flex-direction:column;gap:10px;}
.fc-l a{font-size:.84rem;color:rgba(255,255,255,.5);transition:color .3s;}
.fc-l a:hover{color:#fff;}
.ft-bot{display:flex;align-items:center;justify-content:space-between;padding:24px 0;gap:20px;}
.ft-copy{font-size:.74rem;color:rgba(255,255,255,.25);}
.ft-soc{display:flex;gap:24px;}
.ft-soc a{font-size:.74rem;color:rgba(255,255,255,.35);transition:color .3s;}
.ft-soc a:hover{color:#fff;}
/* ===== WHATSAPP FLOAT ===== */
.wa-float{
  position:fixed;bottom:28px;right:28px;z-index:800;
  width:62px;height:62px;background:#25D366;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 10px 30px rgba(37,211,102,.45);
  transition:transform .3s;
  animation:waPulse 2.4s ease-out infinite;
}
.wa-float::before{
  content:'Falar no WhatsApp';
  position:absolute;right:calc(100% + 14px);top:50%;transform:translateY(-50%);
  background:#25D366;color:#fff;padding:8px 14px;border-radius:10px;
  font-family:'Bricolage Grotesque',sans-serif;font-weight:600;font-size:.78rem;
  white-space:nowrap;opacity:0;pointer-events:none;
  transition:opacity .3s,transform .3s;
}
.wa-float::after{
  content:'';position:absolute;right:calc(100% + 8px);top:50%;transform:translateY(-50%);
  width:0;height:0;border-left:7px solid #25D366;border-top:6px solid transparent;border-bottom:6px solid transparent;
  opacity:0;transition:opacity .3s;
}
.wa-float:hover{transform:scale(1.08);}
.wa-float:hover::before,.wa-float:hover::after{opacity:1;}
.wa-float svg{width:30px;height:30px;fill:#fff;}
@keyframes waPulse{0%{box-shadow:0 10px 30px rgba(37,211,102,.45),0 0 0 0 rgba(37,211,102,.45);}70%{box-shadow:0 10px 30px rgba(37,211,102,.45),0 0 0 18px rgba(37,211,102,0);}100%{box-shadow:0 10px 30px rgba(37,211,102,.45),0 0 0 0 rgba(37,211,102,0);}}
/* ===== REVEAL ===== */
@keyframes fup{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
.rv{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.7,0,.3,1),transform .8s cubic-bezier(.7,0,.3,1);}
.rv.in{opacity:1;transform:translateY(0);}
.rl{opacity:0;transform:translateX(-30px);transition:opacity .8s cubic-bezier(.7,0,.3,1),transform .8s cubic-bezier(.7,0,.3,1);}
.rl.in{opacity:1;transform:translateX(0);}
.rr{opacity:0;transform:translateX(30px);transition:opacity .8s cubic-bezier(.7,0,.3,1),transform .8s cubic-bezier(.7,0,.3,1);}
.rr.in{opacity:1;transform:translateX(0);}
.d1{transition-delay:.1s;}.d2{transition-delay:.2s;}.d3{transition-delay:.3s;}.d4{transition-delay:.4s;}
.splitup{overflow:hidden;display:inline-block;}
.splitup>span{display:inline-block;transform:translateY(110%);transition:transform .9s cubic-bezier(.7,0,.3,1);}
.splitup.in>span{transform:translateY(0);}
.para{will-change:transform;}
/* ===== GRID HELPER ===== */
.g2{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;}
/* ===== RESPONSIVE ===== */
@media(max-width:991px){
  nav{padding:14px 22px;} nav.stuck{padding:10px 22px;}
  .nav-links{display:none;}
  .hero{padding:100px 22px 60px;}
  .c{padding:0 22px;}
  .sbanner{padding:70px 22px;min-height:auto;}
  .contact-bg{padding:100px 22px;}
  .about-grid{grid-template-columns:1fr;gap:40px;}
  .svc-head{flex-direction:column;align-items:flex-start;gap:20px;}
  .pf-grid{grid-template-columns:1fr 1fr;gap:18px;}
  .proc-steps{grid-template-columns:1fr 1fr;}
  .ft-grid{grid-template-columns:1fr 1fr;gap:28px;}
  .ft-bot{flex-direction:column;gap:14px;text-align:center;}
  .scroll-side{display:none;}
  .pillars{grid-template-columns:1fr;gap:20px;border-top:none;padding-top:0;}
  .pillar{border-right:none;border-bottom:1px solid var(--bd);padding:0 0 24px;}
  .pillar:last-child{border-bottom:none;padding-bottom:0;}
  .maps-card{left:22px;bottom:22px;}
  .folder-content{grid-template-columns:1fr;gap:22px;}
  .g2{grid-template-columns:1fr;gap:40px;}
  .crm-mock{max-width:100%;margin:0 auto;}
  .dep-grid{grid-template-columns:1fr;}
  .contact-grid{grid-template-columns:1fr;gap:40px;}
  .contact-inner{padding:0 22px;}
  .cf-row{grid-template-columns:1fr;}
}
@media(max-width:640px){
  .pf-grid{grid-template-columns:1fr;}
  .proc-steps{grid-template-columns:1fr;}
  .proc-steps .pstep{border-right:none;border-bottom:1px solid var(--bd);}
  .proc-steps .pstep:last-child{border-bottom:none;}
  .hero-title{font-size:clamp(2.6rem,12vw,4.4rem);}
  .sbanner-title{font-size:clamp(3rem,13vw,5rem);}
  .folder{padding:26px 22px;}
  .folder-plus{width:36px;height:36px;}
  .ft-grid{grid-template-columns:1fr;}
  .wa-float{width:56px;height:56px;bottom:18px;right:18px;}
  .wa-float svg{width:26px;height:26px;}
}