:root{--bg:#030711;--line:rgba(113,160,216,.19);--text:#f7f9ff;--blue:#1684ff;--violet:#8066ff;--green:#21e5b4;--header:78px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;overflow-x:clip}.skip{position:fixed;top:-80px;left:20px;z-index:100;background:#fff;color:#000;padding:12px 18px;border-radius:8px}.skip:focus{top:14px}.site-header{height:var(--header);position:fixed;inset:0 0 auto;z-index:50;display:grid;grid-template-columns:minmax(220px,270px) 1fr minmax(180px,220px);align-items:center;padding:0 clamp(24px,4.7vw,78px);border-bottom:1px solid var(--line);background:rgba(2,7,16,.8);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:16px;color:#fff;text-decoration:none}.brand-mark{display:flex;font:800 38px/1 Manrope;letter-spacing:-13px;width:67px}.brand-mark b:first-child{color:#fff;z-index:1}.brand-mark b:last-child{color:var(--blue);transform:translateX(3px)}.brand-copy{display:flex;flex-direction:column}.brand-copy strong{font:700 20px/1.1 Manrope;letter-spacing:.06em}.brand-copy small{margin-top:5px;color:#8392aa;font-size:9px;letter-spacing:.22em}.nav{height:100%;display:flex;justify-content:center;gap:clamp(18px,2.7vw,50px)}.nav a{position:relative;display:grid;place-items:center;color:#e4eaf5;text-decoration:none;font-size:14px}.nav a:after{content:"";position:absolute;bottom:0;width:0;height:3px;background:var(--blue);box-shadow:0 0 14px rgba(22,132,255,.65);transition:.25s}.nav a:hover:after,.nav a.active:after{width:36px}.header-cta,.button{display:flex;align-items:center;justify-content:center;gap:18px;text-decoration:none;color:#fff;border-radius:15px;transition:transform .25s,box-shadow .25s,border-color .25s}.header-cta{justify-self:end;width:210px;height:47px;border:1px solid #2474ff;font-weight:600}.header-cta:hover,.button:hover{transform:translateY(-2px);box-shadow:0 9px 30px rgba(20,111,255,.18)}
.hero{position:relative;min-height:max(650px,calc(100svh - 116px));padding:calc(var(--header) + 30px) clamp(24px,4.7vw,78px) 24px;display:grid;grid-template-columns:minmax(0,47fr) minmax(0,53fr);gap:clamp(18px,2vw,38px);align-items:center;isolation:isolate;overflow:clip}.hero:before{content:"";position:absolute;inset:0;z-index:-4;background:radial-gradient(circle at 74% 42%,rgba(12,64,147,.2),transparent 32%),linear-gradient(100deg,#020711 0%,#050914 58%,#061124 100%)}.ambient{position:absolute;filter:blur(65px);z-index:-3;pointer-events:none}.ambient-one{width:430px;height:430px;right:8%;top:15%;background:rgba(0,63,240,.28);border-radius:50%}.ambient-two{width:140px;height:230px;left:45%;bottom:10%;background:rgba(255,138,45,.13)}.hero-copy{position:relative;z-index:4;width:100%;max-width:680px}.eyebrow{margin:0;color:#37a2ff;font-size:12px;letter-spacing:.22em;display:flex;align-items:center;gap:14px}.eyebrow i{width:32px;height:2px;background:var(--blue)}h1{margin:15px 0 4px;font-family:Manrope,sans-serif;letter-spacing:-.045em}h1 strong{display:block;font-size:clamp(54px,5.3vw,86px);line-height:.9}h1 em{color:var(--blue);font-style:normal}h1 span{display:block;font-weight:400;font-size:clamp(46px,4.55vw,74px);line-height:1.04}h2{margin:8px 0;color:#2d96ff;font:700 clamp(22px,2vw,32px)/1.2 Manrope}.intro{max-width:590px;margin:0;color:#c2cede;font-size:clamp(14px,1.12vw,17px);line-height:1.48}.skills{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:20px}.skills article{min-height:92px;padding:11px 5px;border:1px solid rgba(82,147,211,.22);border-radius:13px;background:linear-gradient(145deg,rgba(11,30,50,.75),rgba(4,13,24,.58));display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:.3s}.skills article:hover{transform:perspective(600px) rotateX(3deg) translateY(-3px);border-color:rgba(50,143,255,.55)}.skill-icon{color:#398bff;font-style:normal;font-size:23px;font-weight:700;margin-bottom:8px}.skills span{font-size:clamp(10px,.82vw,13px);line-height:1.35}.actions{display:flex;gap:16px;margin-top:22px}.button{min-height:54px;padding:0 24px;font-size:14px;font-weight:600;border:1px solid #2582ff}.button.primary{background:linear-gradient(135deg,#0879ff,#1359ed);box-shadow:0 10px 32px rgba(0,111,255,.24)}.button.secondary{background:rgba(3,11,22,.6)}.chat-icon{color:#887dff}.availability{font-size:12px;color:#b9c7da;margin:18px 0 0;display:flex;gap:9px;align-items:center;flex-wrap:wrap}.availability i{flex:0 0 auto;width:12px;height:12px;background:var(--green);border-radius:50%;box-shadow:0 0 16px rgba(33,229,180,.75)}.availability span{color:#6e819c}
.portrait-stage{position:relative;z-index:1;width:100%;height:min(610px,calc(100svh - 125px));min-height:540px;perspective:1000px;transform-style:preserve-3d}.halo{position:absolute;z-index:1;width:min(76%,520px);aspect-ratio:1;left:52%;top:48%;transform:translate(-50%,-50%);border:3px solid rgba(29,121,255,.72);border-left-color:rgba(132,91,255,.48);border-radius:50%;filter:drop-shadow(0 0 18px #1169ff);opacity:.72}.halo:before{content:"";position:absolute;inset:-28px;border:1px solid rgba(83,72,255,.2);border-radius:inherit}.portrait-frame{position:absolute;z-index:2;left:50%;bottom:-2%;width:min(88%,650px);aspect-ratio:1;transform:translateX(-50%) translateZ(0);overflow:hidden;border-radius:50%;mask-image:linear-gradient(to bottom,#000 0%,#000 84%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 84%,transparent 100%)}.portrait-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.float-card{--px:0px;--py:0px;position:absolute;z-index:3;width:clamp(132px,11vw,164px);min-height:104px;padding:17px 20px;border:1px solid rgba(75,130,255,.65);border-radius:15px;background:linear-gradient(145deg,rgba(12,31,74,.9),rgba(3,14,39,.84));box-shadow:0 18px 46px rgba(0,31,105,.36),inset 0 0 25px rgba(52,100,255,.08);backdrop-filter:blur(12px);transform-style:preserve-3d;transition:border-color .3s,box-shadow .3s;animation:float-a 6s ease-in-out infinite}.float-card:hover{border-color:#6a8fff;box-shadow:0 18px 45px rgba(30,93,255,.28)}.float-card strong{display:block;font:700 21px/1 Manrope;margin-bottom:10px}.float-card span{display:block;color:#b7c7e6;font-size:10px;line-height:1.65;letter-spacing:.05em}.card-ai{left:1%;top:3%;animation-delay:-1s}.card-web{left:0;top:51%;animation-name:float-b;animation-delay:-3.1s;border-color:rgba(129,85,255,.6)}.card-crm{right:1%;top:8%;animation-name:float-c;animation-delay:-2s}.card-design{right:0;top:57%;animation-name:float-b;animation-delay:-4.4s;border-color:rgba(117,83,255,.55)}@keyframes float-a{0%,100%{transform:translate3d(var(--px),var(--py),80px) rotate(5deg) rotateY(-2deg)}50%{transform:translate3d(var(--px),calc(var(--py) - 10px),80px) rotate(6deg) rotateY(2deg)}}@keyframes float-b{0%,100%{transform:translate3d(var(--px),var(--py),80px) rotate(-4deg) rotateY(2deg)}50%{transform:translate3d(calc(var(--px) + 5px),calc(var(--py) - 8px),80px) rotate(-3deg) rotateY(-2deg)}}@keyframes float-c{0%,100%{transform:translate3d(var(--px),var(--py),80px) rotate(-6deg) rotateY(2deg)}50%{transform:translate3d(calc(var(--px) - 4px),calc(var(--py) - 12px),80px) rotate(-5deg) rotateY(-2deg)}}
.pillars{min-height:116px;padding:20px clamp(24px,4.7vw,78px);display:grid;grid-template-columns:repeat(4,1fr) 1.05fr;border-top:1px solid rgba(81,153,225,.38);border-bottom:1px solid var(--line);background:rgba(3,11,21,.93)}.pillars article{display:flex;align-items:center;gap:16px;padding:0 20px;border-right:1px solid var(--line)}.pillars article:first-child{padding-left:0}.pillars i{font-style:normal;color:#267dff;font-size:29px}.pillars div{display:flex;flex-direction:column}.pillars strong{font-size:11px;line-height:1.4}.pillars span{color:#8f9db2;font-size:10px;margin-top:7px}.pillars>p{margin:auto 0 auto 28px;padding-left:24px;border-left:3px solid var(--blue);color:#a8b6cf;font-size:10px;letter-spacing:.13em;line-height:1.55}.pillars>p strong{color:#d7e6ff}footer{min-height:72px;padding:0 clamp(24px,4.7vw,78px);display:flex;align-items:center;gap:14px;color:#77869e;font-size:9px;letter-spacing:.15em}footer i{width:1px;height:14px;background:#536078}footer small{margin-left:auto;text-align:right;font-size:8px;line-height:1.5}.menu-toggle{display:none}
@media(max-width:1500px){:root{--header:72px}.site-header{padding-inline:40px;grid-template-columns:230px 1fr 190px}.nav{gap:28px}.header-cta{width:184px}.hero{padding:calc(var(--header) + 23px) 40px 20px;gap:16px}h1 strong{font-size:clamp(52px,5vw,72px)}h1 span{font-size:clamp(45px,4.3vw,64px)}.skills{margin-top:17px}.actions{margin-top:18px}.availability{margin-top:15px}.portrait-stage{height:min(570px,calc(100svh - 118px));min-height:520px}.float-card{width:142px;min-height:94px;padding:14px 17px}.pillars{padding-inline:40px}}
@media(max-width:1180px){.site-header{grid-template-columns:210px 1fr 168px;padding-inline:24px}.nav{gap:18px}.header-cta{width:160px;font-size:13px}.hero{grid-template-columns:minmax(0,50fr) minmax(0,50fr);padding-inline:28px}.skills{grid-template-columns:repeat(3,1fr)}.skills article:nth-child(4),.skills article:nth-child(5){display:none}.portrait-stage{min-height:500px}.float-card{width:126px}.pillars{grid-template-columns:repeat(4,1fr);padding-inline:28px}.pillars>p{display:none}}
@media(max-width:860px){:root{--header:72px}.site-header{grid-template-columns:1fr auto;padding:0 20px}.brand-mark{font-size:32px;width:57px}.brand-copy strong{font-size:17px}.header-cta{display:none}.menu-toggle{display:flex;width:44px;height:44px;background:transparent;border:1px solid var(--line);border-radius:10px;flex-direction:column;justify-content:center;gap:5px;padding:0 12px}.menu-toggle span{height:2px;width:100%;background:#fff}.nav{position:fixed;top:72px;left:0;right:0;height:auto;display:flex;flex-direction:column;gap:0;background:rgba(2,7,16,.97);transform:translateY(-120%);transition:.3s;padding:14px 20px 24px;border-bottom:1px solid var(--line)}.nav.open{transform:translateY(0)}.nav a{height:48px;display:flex}.nav a:after{left:0;bottom:7px}.hero{min-height:auto;padding:108px 20px 28px;grid-template-columns:1fr;gap:20px;overflow:hidden}.hero-copy{max-width:680px;margin-inline:auto}.eyebrow{font-size:10px}h1 strong{font-size:clamp(49px,15vw,70px)}h1 span{font-size:clamp(42px,13vw,62px)}h2{font-size:23px}.intro{font-size:15px}.skills{grid-template-columns:repeat(3,1fr);gap:8px}.skills article{min-height:92px}.actions{flex-direction:column;gap:12px}.button{width:100%}.availability{line-height:1.6}.portrait-stage{width:100%;max-width:650px;height:min(520px,116vw);min-height:400px;margin:8px auto 0}.portrait-frame{width:min(92%,520px);bottom:0}.halo{width:min(75%,410px)}.float-card{width:120px;min-height:84px;padding:12px 14px}.float-card strong{font-size:18px;margin-bottom:7px}.float-card span{font-size:9px}.card-ai{left:1%;top:4%}.card-web{left:0;top:58%}.card-crm{right:1%;top:7%}.card-design{right:0;top:62%}.pillars{grid-template-columns:1fr 1fr;padding:10px 20px}.pillars article{min-height:88px;padding:12px;border-bottom:1px solid var(--line)}.pillars article:nth-child(2n){border-right:0}footer{padding:22px 20px;flex-wrap:wrap}footer small{width:100%;text-align:left;margin:0}}
@media(max-width:480px){.skills article:nth-child(3){display:none}.skills{grid-template-columns:1fr 1fr}.portrait-stage{height:410px;min-height:410px}.float-card{width:106px}.card-web{display:none}.card-ai{top:2%}.card-crm{top:8%}.card-design{top:65%}.pillars{grid-template-columns:1fr}.pillars article{border-right:0;padding-left:0}.pillars article:nth-child(3),.pillars article:nth-child(4){display:none}}
@media(max-height:780px) and (min-width:861px){.hero{min-height:650px}.portrait-stage{height:535px;min-height:535px}.skills article{min-height:84px}.skill-icon{margin-bottom:5px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}.float-card{transform:none!important}}:focus-visible{outline:2px solid #65a8ff;outline-offset:4px}
.portrait-stage{isolation:isolate}
.portrait-frame{z-index:2;mask-image:none!important;-webkit-mask-image:none!important}
.portrait-frame:after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 -34px 44px rgba(2,7,17,.35);pointer-events:none}
.float-card{z-index:10}
.intro strong{display:block;margin-bottom:7px;color:#f4f8ff;font:700 clamp(18px,1.5vw,23px)/1.25 Manrope}.intro span{display:block}.intro small{display:block;margin-top:8px;color:#8fa1b8;font-size:12px;line-height:1.5}.pillars article{align-items:flex-start;padding-top:16px;padding-bottom:16px}.pillars article i{margin-top:2px}.pillars article span{line-height:1.45}.pillars>p{line-height:1.65}

/* Polimento de movimento — restrito aos quatro cards do Hero */
@property --lift{syntax:"<length>";inherits:false;initial-value:0px}
@property --tilt-x{syntax:"<angle>";inherits:false;initial-value:0deg}
@property --tilt-y{syntax:"<angle>";inherits:false;initial-value:0deg}
.float-card{
  --lift:0px;--tilt-x:0deg;--tilt-y:0deg;
  will-change:transform;
  border-color:rgba(92,145,255,.62);
  background:linear-gradient(145deg,rgba(13,33,78,.88),rgba(3,14,39,.78));
  box-shadow:0 18px 46px rgba(0,28,90,.34),0 4px 14px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.07),inset 0 0 26px rgba(60,107,255,.07);
  transition:--lift .32s cubic-bezier(.2,.8,.2,1),--tilt-x .32s ease,--tilt-y .32s ease,border-color .32s ease,box-shadow .32s ease,background .32s ease;
}
.float-card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(125deg,rgba(255,255,255,.09),transparent 31%,transparent 72%,rgba(39,119,255,.07));opacity:.55;transition:opacity .32s ease}
.float-card:hover{--lift:-7px;border-color:rgba(112,166,255,.9);background:linear-gradient(145deg,rgba(17,42,96,.92),rgba(4,17,46,.84));box-shadow:0 25px 58px rgba(0,42,128,.45),0 8px 22px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.11),inset 0 0 30px rgba(73,122,255,.12)}
.float-card:hover:before{opacity:.9}
.card-ai{animation-duration:7.4s}
.card-web{animation-duration:8.6s}
.card-crm{animation-duration:7.9s}
.card-design{animation-duration:9.2s}
@keyframes float-a{0%,100%{transform:translate3d(var(--px),calc(var(--py) + var(--lift)),80px) rotate(5deg) rotateX(var(--tilt-x)) rotateY(calc(var(--tilt-y) - 2deg))}48%{transform:translate3d(calc(var(--px) + 3px),calc(var(--py) - 9px + var(--lift)),84px) rotate(5.7deg) rotateX(var(--tilt-x)) rotateY(calc(var(--tilt-y) + 1deg))}}
@keyframes float-b{0%,100%{transform:translate3d(var(--px),calc(var(--py) + var(--lift)),80px) rotate(-4deg) rotateX(var(--tilt-x)) rotateY(calc(var(--tilt-y) + 2deg))}53%{transform:translate3d(calc(var(--px) + 5px),calc(var(--py) - 8px + var(--lift)),86px) rotate(-3.2deg) rotateX(var(--tilt-x)) rotateY(calc(var(--tilt-y) - 1deg))}}
@keyframes float-c{0%,100%{transform:translate3d(var(--px),calc(var(--py) + var(--lift)),82px) rotate(-6deg) rotateX(var(--tilt-x)) rotateY(calc(var(--tilt-y) + 2deg))}46%{transform:translate3d(calc(var(--px) - 4px),calc(var(--py) - 11px + var(--lift)),88px) rotate(-5deg) rotateX(var(--tilt-x)) rotateY(calc(var(--tilt-y) - 1deg))}}
@media(prefers-reduced-motion:reduce){.float-card{will-change:auto;--lift:0px!important;--tilt-x:0deg!important;--tilt-y:0deg!important}.float-card:hover{transform:none!important}}
@media(max-width:860px){.intro strong{font-size:20px}.intro small{font-size:11px}.pillars article{align-items:center;padding-top:14px;padding-bottom:14px}}