.ico{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.wrap{max-width:var(--maxw);padding:0 var(--sp-7);margin:0 auto;position:relative}a:focus-visible,button:focus-visible{outline:3px solid var(--accent-bright);outline-offset:3px;border-radius:var(--r-xs)}.hero-shell{color:var(--on-dark);margin-top:calc(var(--sp-12) * -1);padding-top:var(--sp-12);background:radial-gradient(120% 80% at 90% 8%,#ef2f6380 0%,#ef2f6300 44%),radial-gradient(70% 60% at 72% 36%,#78144680 0%,#78144600 60%),linear-gradient(150deg,#08070c 0%,#120710 40%,#280a1c 70%,#5e1029 100%);position:relative;overflow:hidden}.hero{z-index:2;position:relative}.hero .grid{gap:var(--sp-9);padding-top:var(--sp-7);padding-bottom:var(--sp-12);grid-template-columns:1fr 1.04fr;align-items:center;display:grid}.hero h1{margin-top:var(--sp-5)}.hero .lede{font-size:var(--text-lg);color:var(--on-dark-soft);max-width:46ch;margin-top:var(--sp-5)}.hero-cta{align-items:center;gap:var(--sp-6);margin-top:var(--sp-7);flex-wrap:wrap;display:flex}.mock{justify-content:center;align-items:center;height:430px;display:flex;position:relative}@property --boom{syntax:"<length>";inherits:false;initial-value:0}.hero-cube .iso-scene{perspective:1100px;width:min(400px,100%);height:400px;position:relative}.hero-cube .iso-scene:after{content:"";z-index:0;pointer-events:none;opacity:0;animation:solveGlow 8s var(--ease) infinite;background:radial-gradient(50% 50% at 50% 52%,#ef2f6357 0%,#ef2f632e 38%,#ef2f630f 62%,#0000 85%);position:absolute;inset:-45%}.hero-cube .iso-cube{z-index:1;width:0;height:0;transform-style:preserve-3d;animation:cubePulse 8s var(--ease) infinite;position:absolute;top:52%;left:50%;transform:rotateX(-27deg)rotateY(-44deg)}.hero-cube .tile{--k:1.85;--tb0:#ffffff2e;--bg0:#ffffff0a;border:1.6px solid var(--tb0);background:var(--bg0);width:70px;height:70px;transform:var(--pl) translateZ(var(--boom));animation-name:none,heroSolve,none,boomWave;animation-duration:8s,8s,8s,8s;animation-timing-function:var(--ease), var(--ease), linear, var(--ease);animation-iteration-count:infinite,infinite,infinite,infinite;animation-delay:0s, var(--sd,0s), 0s, var(--sd,0s);border-radius:8px;margin:-35px 0 0 -35px;position:absolute;top:0;left:0}.hero-cube .tb,.hero-cube .tl,.hero-cube .tbo{opacity:.3}.hero-cube .ctr{--bg1:var(--accent)}.hero-cube .tf{--pl:translate3d(calc(var(--x,0px) * var(--k)), calc(var(--y,0px) * var(--k)), calc(60px * var(--k)))}.hero-cube .tb{--pl:rotateY(180deg) translate3d(calc(var(--x,0px) * var(--k)), calc(var(--y,0px) * var(--k)), calc(60px * var(--k)))}.hero-cube .tr{--pl:rotateY(90deg) translate3d(calc(var(--d,0px) * var(--k)), calc(var(--y,0px) * var(--k)), calc(60px * var(--k)))}.hero-cube .tl{--pl:rotateY(-90deg) translate3d(calc(var(--d,0px) * var(--k)), calc(var(--y,0px) * var(--k)), calc(60px * var(--k)))}.hero-cube .tt{--pl:rotateX(90deg) translate3d(calc(var(--x,0px) * var(--k)), calc(var(--d,0px) * var(--k)), calc(60px * var(--k)))}.hero-cube .tbo{--pl:rotateX(-90deg) translate3d(calc(var(--x,0px) * var(--k)), calc(var(--d,0px) * var(--k)), calc(60px * var(--k)))}.hero-cube .mt{animation-name:heroMt,heroSolve,none,boomWave}.hero-cube .mt.tf{animation-name:heroMt,heroSolve,fMtF,boomWave}.hero-cube .mt.tb{animation-name:heroMt,heroSolve,fMtB,boomWave}.hero-cube .mt.tr{animation-name:heroMt,heroSolve,fMtR,boomWave}.hero-cube .mt.tl{animation-name:heroMt,heroSolve,fMtL,boomWave}.hero-cube .me{animation-name:heroMe,heroSolve,none,boomWave}.hero-cube .me.tf{animation-name:heroMe,heroSolve,fMeF,boomWave}.hero-cube .me.tb{animation-name:heroMe,heroSolve,fMeB,boomWave}.hero-cube .me.tr{animation-name:heroMe,heroSolve,fMeR,boomWave}.hero-cube .me.tl{animation-name:heroMe,heroSolve,fMeL,boomWave}.hero-cube .vt.tf{animation-name:heroVt,heroSolve,fVtF,boomWave}.hero-cube .vt.tb{animation-name:heroVt,heroSolve,fVtB,boomWave}.hero-cube .vt.tt{animation-name:heroVt,heroSolve,fVtT,boomWave}.hero-cube .ve.tf{animation-name:heroVe,heroSolve,fVeF,boomWave}.hero-cube .ve.tb{animation-name:heroVe,heroSolve,fVeB,boomWave}.hero-cube .vb.tf{animation-name:heroVb,heroSolve,fVbF,boomWave}.hero-cube .vb.tb{animation-name:heroVb,heroSolve,fVbB,boomWave}.hero-cube .vb.tbo{animation-name:heroVb,heroSolve,fVbO,boomWave}.hero-cube .tf.ve.ctr{animation-name:heroVe,heroCtrA,fVeF,boomWave}.hero-cube .tt.vt.ctr2{animation-name:heroVtE,heroCtrB,fCtr2,boomWave}.hero-cube .tbo.vb.ctr3{animation-name:heroVbE,heroCtrC,fCtr3,boomWave}@keyframes heroMt{0%,3%{transform:rotateY(0deg) var(--pl) translateZ(var(--boom))}17%,to{transform:rotateY(360deg) var(--pl) translateZ(var(--boom))}}@keyframes heroMe{0%,41%{transform:rotateY(0deg) var(--pl) translateZ(var(--boom))}53%{transform:rotateY(186deg) var(--pl) translateZ(var(--boom))}54.5%,to{transform:rotateY(180deg) var(--pl) translateZ(var(--boom))}}@keyframes heroVt{0%,3%{transform:rotateX(0deg) rotateY(0deg) var(--pl) translateZ(var(--boom))}17%,22%{transform:rotateX(0deg) rotateY(360deg) var(--pl) translateZ(var(--boom))}36%,to{transform:rotateX(270deg) rotateY(360deg) var(--pl) translateZ(var(--boom))}}@keyframes heroVtE{0%,3%{transform:rotateY(0deg) rotateX(0deg) rotateY(0deg) var(--pl) translateZ(var(--boom))}17%,22%{transform:rotateY(0deg) rotateX(0deg) rotateY(360deg) var(--pl) translateZ(var(--boom))}36%,41%{transform:rotateY(0deg) rotateX(270deg) rotateY(360deg) var(--pl) translateZ(var(--boom))}53%{transform:rotateY(186deg) rotateX(270deg) rotateY(360deg) var(--pl) translateZ(var(--boom))}54.5%,to{transform:rotateY(180deg) rotateX(270deg) rotateY(360deg) var(--pl) translateZ(var(--boom))}}@keyframes heroVe{0%,22%{transform:rotateX(0deg) var(--pl) translateZ(var(--boom))}36%,to{transform:rotateX(270deg) var(--pl) translateZ(var(--boom))}}@keyframes heroVb{0%,22%{transform:rotateX(0deg) var(--pl) translateZ(var(--boom))}36%,to{transform:rotateX(270deg) var(--pl) translateZ(var(--boom))}}@keyframes heroVbE{0%,22%{transform:rotateY(0deg) rotateX(0deg) var(--pl) translateZ(var(--boom))}36%,41%{transform:rotateY(0deg) rotateX(270deg) var(--pl) translateZ(var(--boom))}53%{transform:rotateY(186deg) rotateX(270deg) var(--pl) translateZ(var(--boom))}54.5%,to{transform:rotateY(180deg) rotateX(270deg) var(--pl) translateZ(var(--boom))}}@keyframes fMtF{0%,3%{opacity:1}10%{opacity:.3}17%,to{opacity:1}}@keyframes fMtB{0%,3%{opacity:.3}10%{opacity:1}17%,to{opacity:.3}}@keyframes fMtR{0%,3%{opacity:1}6.5%,10%{opacity:.3}13.5%,to{opacity:1}}@keyframes fMtL{0%,3%{opacity:.3}6.5%,10%{opacity:1}13.5%,to{opacity:.3}}@keyframes fMeF{0%,48%{opacity:1}54.5%,to{opacity:.3}}@keyframes fMeB{0%,48%{opacity:.3}54.5%,to{opacity:1}}@keyframes fMeR{0%,41%{opacity:1}48%,to{opacity:.3}}@keyframes fMeL{0%,41%{opacity:.3}48%,to{opacity:1}}@keyframes fVtF{0%,3%{opacity:1}10%{opacity:.3}17%,26.5%{opacity:1}31%,to{opacity:.3}}@keyframes fVtB{0%,3%{opacity:.3}10%{opacity:1}17%,26.5%{opacity:.3}31%,to{opacity:1}}@keyframes fVtT{0%,22%{opacity:1}26.5%,31%{opacity:.3}36%,to{opacity:1}}@keyframes fCtr2{0%,22%{opacity:1}26.5%,31%{opacity:.3}36%,48%{opacity:1}54.5%,to{opacity:.3}}@keyframes fVeF{0%,26.5%{opacity:1}31%,to{opacity:.3}}@keyframes fVeB{0%,26.5%{opacity:.3}31%,to{opacity:1}}@keyframes fVbF{0%,26.5%{opacity:1}31%,to{opacity:.3}}@keyframes fVbB{0%,26.5%{opacity:.3}31%,to{opacity:1}}@keyframes fVbO{0%,22%{opacity:.3}26.5%,31%{opacity:1}36%,to{opacity:.3}}@keyframes fCtr3{0%,22%{opacity:.3}26.5%,31%{opacity:1}36%,48%{opacity:.3}54.5%,to{opacity:1}}@keyframes heroSolve{0%,57%{border-color:var(--tb0);background:var(--bg0)}59.5%{border-color:var(--accent-bright);background:var(--accent-bright)}62%,86%{border-color:var(--accent-bright);background:var(--bg1,#ef2f6373)}93%,to{border-color:var(--tb0);background:var(--bg0)}}@keyframes boomWave{0%,57%{--boom:0px}59.5%{--boom:16px}63%,to{--boom:0px}}@keyframes cubePulse{0%,57%{transform:rotateX(-27deg)rotateY(-44deg)}60.5%{transform:rotateX(-27deg)rotateY(-44deg)scale(1.045)}65%,to{transform:rotateX(-27deg)rotateY(-44deg)}}@keyframes solveGlow{0%,56%{opacity:0}72%,82%{opacity:1}98%,to{opacity:0}}@keyframes heroCtrA{0%,17%{border-color:var(--tb0);background:var(--bg0)}18.5%,22%{background:#ef2f6329;border-color:#ff4d778c}23.5%,57%{border-color:var(--tb0);background:var(--bg0)}59.5%{border-color:var(--accent-bright);background:var(--accent-bright)}62%,86%{border-color:var(--accent-bright);background:#ef2f6373}93%,to{border-color:var(--tb0);background:var(--bg0)}}@keyframes heroCtrB{0%,36%{border-color:var(--tb0);background:var(--bg0)}37.5%,41%{background:#ef2f6329;border-color:#ff4d778c}42.5%,57%{border-color:var(--tb0);background:var(--bg0)}59.5%{border-color:var(--accent-bright);background:var(--accent-bright)}62%,86%{border-color:var(--accent-bright);background:#ef2f6373}93%,to{border-color:var(--tb0);background:var(--bg0)}}@keyframes heroCtrC{0%,56%{border-color:var(--tb0);background:var(--bg0)}58%{border-color:var(--accent-bright);background:var(--accent-bright)}60%,86%{border-color:var(--accent-bright);background:var(--accent)}93%,to{border-color:var(--tb0);background:var(--bg0)}}.projects{padding:var(--sp-12) 0 var(--sp-10)}.projects-card{grid-template-columns:1fr 1fr;display:grid;position:relative}.projects-badge{top:var(--sp-5);left:var(--sp-5);z-index:5;position:absolute}.projects-visual{min-height:360px;padding:var(--sp-6);background:radial-gradient(120% 120% at 80% 10%,#fdf2f6,#f9e3eb 70%,#f2d7e0);position:relative;overflow:hidden}.projects-visual img{inset:var(--sp-6);width:calc(100% - 2 * var(--sp-6));height:calc(100% - 2 * var(--sp-6));object-fit:cover;border-radius:var(--r-sm);transition:opacity .45s var(--ease);position:absolute;box-shadow:0 24px 50px #10131a29}.projects-visual img.off{opacity:0}.projects-card .projects-body h4,.projects-card .projects-body p,.projects-card .projects-tags{transition:opacity .35s var(--ease), transform .35s var(--ease)}.projects-card.fade .projects-body h4,.projects-card.fade .projects-body p,.projects-card.fade .projects-tags{opacity:0;transform:translateX(var(--dx,-8px))}.projects-card.snap .projects-body h4,.projects-card.snap .projects-body p,.projects-card.snap .projects-tags{transition:none}.projects-body{padding:var(--sp-8) var(--sp-9);flex-direction:column;justify-content:center;display:flex}.projects-body p{margin-top:var(--sp-4);max-width:44ch}.projects-tags{gap:var(--sp-2);margin-top:var(--sp-5);flex-wrap:wrap;display:flex}.projects-foot{margin-top:var(--sp-9);justify-content:space-between;align-items:center;display:flex}.projects-nav{align-items:center;gap:var(--sp-3);color:var(--muted);font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--text-md);display:flex}.services{padding:var(--sp-10) 0 var(--sp-12)}.services .section-header{margin-bottom:var(--sp-8)}.services .section-header p{max-width:560px;margin-top:var(--sp-3)}.services-panel{grid-template-columns:340px 1fr;display:grid}.services-tabs{border-right:1px solid var(--line);padding:var(--sp-4);background:#fbfbfc}.services-content{padding:var(--sp-8)}.services-content .services-h{margin-bottom:var(--sp-3)}.services-content .intro{color:var(--ink-2);max-width:46ch;margin-bottom:var(--sp-6)}.services-list{gap:var(--sp-4) var(--sp-6);grid-template-columns:1fr 1fr;max-width:540px;display:grid}.services-pane{display:none}.services-pane.on{display:block}.services-content .services-cta{margin-top:var(--sp-7)}.social-trust{padding:var(--sp-10) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg-soft)}.social-trust .logo-cloud{margin-top:var(--sp-6)}.logo--ruptela{aspect-ratio:558/140;--logo:url(/assets/images/clients/logo-ruptela.avif)}.logo--formosa{aspect-ratio:1920/1128;--logo:url(/assets/images/clients/logo-formosa.avif);height:44px}.logo--bioderma{aspect-ratio:464/94;--logo:url(/assets/images/clients/logo-bioderma.avif)}.logo--katwood{aspect-ratio:1451/323;--logo:url(/assets/images/clients/logo-katwood.avif)}.logo--zelda{aspect-ratio:1920/643;--logo:url(/assets/images/clients/logo-zelda.avif);height:36px}@media (width<=1023px){.hero .grid{gap:var(--sp-7);padding-bottom:var(--sp-10);grid-template-columns:1fr}.hero-text{text-align:center}.hero h1{max-width:24ch;margin-left:auto;margin-right:auto}.hero .lede{margin-left:auto;margin-right:auto}.hero-cta{justify-content:center}.mock{height:300px;margin-top:var(--sp-3)}.hero-cube .iso-scene{transform:scale(.72)}.projects-card{grid-template-columns:1fr}.projects-visual{min-height:280px}.services-panel{grid-template-columns:1fr}.services-tabs{border-right:0;border-bottom:1px solid var(--line);gap:var(--sp-1);grid-template-columns:1fr;display:grid}}@media (width<=767px){.wrap{padding:0 var(--sp-5)}.mock{height:260px}.hero-cube .iso-scene{height:260px;transform:scale(.55)}.hero h1,.hero .lede{text-wrap:balance}.services-list{grid-template-columns:1fr}.projects-body,.services-content{padding:var(--sp-7) var(--sp-6)}}@media (prefers-reduced-motion:reduce){*{animation:none!important}.stage{transition:none}.hero-cube .tile{border-color:var(--accent-bright);background:var(--bg1,#ef2f6373)}.hero-cube .iso-scene:after{opacity:.7}}