.hero-stage{position:relative;isolation:isolate;overflow:hidden;background:#0d1218}
.hero-atmosphere{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 77% 44%,#254b5b40,transparent 52%)}
.hero-atmosphere:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#111318 0%,#111318c9 22%,transparent 58%),linear-gradient(0deg,#111318,transparent 26%)}
.hero-light-field{position:absolute;inset:0 -15% -15% 15%;background:radial-gradient(ellipse at 66% 48%,#55889a22,transparent 55%);animation:company-light 12s ease-in-out infinite alternate}
.hero-stage .hero{position:relative;width:min(1440px,calc(100% - 112px));min-height:840px;padding-top:155px;display:flex;flex-direction:column;align-items:stretch;justify-content:center}
.hero-stage .hero-copy{position:relative;width:48%;max-width:650px;z-index:2;padding-bottom:64px;pointer-events:none}
.hero-stage .hero-copy a{pointer-events:auto}.hero-stage .hero h1{font-weight:600;font-size:clamp(62px,5.5vw,94px);letter-spacing:-.06em;line-height:1.07}
.hero-stage .hero h1 em{color:#94c8d6;background:linear-gradient(115deg,#c4e2e6,#81b9c9 65%,#6698a8);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero-stage .hero-copy>.eyebrow{color:#acd3df;margin-bottom:29px}.hero-stage .hero-description{color:#bdc5ce;font-size:14px;max-width:440px;margin-top:29px;line-height:1.8}
.hero-stage .hero-actions{gap:16px 22px;margin-top:30px;flex-wrap:wrap}.hero-stage .hero-actions .primary{background:#3b778c;border-color:#81bed04d;box-shadow:0 8px 32px #35667524}.hero-stage .hero-actions .primary:hover{background:#4a8ba1}
.hero-stage .hero-visual{position:absolute;z-index:0;right:-4%;top:95px;width:70%;max-width:1120px;height:auto;aspect-ratio:3/2;margin:0;overflow:visible;align-self:auto}
.hero-stage .hero-visual:before{display:none}.company-scene{position:relative;isolation:isolate;width:100%;height:100%;user-select:none}
.company-scene:before{content:'';position:absolute;inset:87% -2% -5%;background:radial-gradient(ellipse,#426f8444,transparent 65%);filter:blur(18px);z-index:-1}
.company-art{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;filter:drop-shadow(0 24px 25px #0005)}
.company-workers{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.worker-part{transform-box:view-box}
.worker-breathe{animation:worker-breathe 4.8s ease-in-out infinite}
.worker-service-head{animation:worker-service-head 5.6s ease-in-out infinite}
.worker-service-arm{animation:worker-type-arm 1.1s ease-in-out infinite}
.worker-service-hand{animation:worker-type-hand .62s ease-in-out infinite}
.worker-sales-head{animation:worker-sales-head 6.4s ease-in-out infinite}
.worker-sales-upper{animation:worker-sales-upper 4.6s ease-in-out infinite}
.worker-sales-gesture{animation:worker-sales-gesture 4.6s ease-in-out infinite}
.worker-sales-typing{animation:worker-type-arm 1.4s ease-in-out -.4s infinite}
.worker-sales-hand{animation:worker-type-hand .8s ease-in-out -.2s infinite}
.worker-operation-head{animation:worker-read 5s ease-in-out infinite}
.worker-operation-upper{animation:worker-tablet-arm 3.8s ease-in-out infinite}
.worker-operation-tablet{animation:worker-tablet 3.8s ease-in-out infinite}
.worker-management-head{animation:worker-monitor 6s ease-in-out -1.3s infinite}
.worker-management-arm{animation:worker-type-arm 1.25s ease-in-out -.6s infinite}
.worker-management-hand{animation:worker-type-hand .7s ease-in-out -.35s infinite}
.worker-sales .worker-breathe{animation-delay:-1.4s}.worker-operation .worker-breathe{animation-delay:-2.8s}.worker-management .worker-breathe{animation-delay:-.7s}
@keyframes worker-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-1.4px)}}
@keyframes worker-service-head{0%,100%{transform:rotate(0deg)}30%,45%{transform:rotate(-4deg) translateY(1px)}65%,80%{transform:rotate(2deg)}}
@keyframes worker-type-arm{0%,100%{transform:rotate(0deg)}35%{transform:rotate(-1.2deg)}70%{transform:rotate(.9deg)}}
@keyframes worker-type-hand{0%,100%{transform:translateY(0) rotate(0deg)}35%{transform:translateY(-2px) rotate(-3deg)}65%{transform:translateY(-.5px) rotate(2deg)}}
@keyframes worker-sales-head{0%,100%{transform:rotate(0deg)}25%,40%{transform:rotate(5deg)}65%,80%{transform:rotate(-3deg)}}
@keyframes worker-sales-upper{0%,100%{transform:rotate(0deg)}35%,55%{transform:rotate(-3deg)}}
@keyframes worker-sales-gesture{0%,100%{transform:rotate(0deg)}25%{transform:rotate(-11deg) translate(-1px,-1px)}45%{transform:rotate(-5deg)}65%{transform:rotate(-13deg)}80%{transform:rotate(-4deg)}}
@keyframes worker-read{0%,100%{transform:rotate(0deg)}30%,65%{transform:rotate(7deg) translate(1px,1px)}}
@keyframes worker-tablet-arm{0%,100%{transform:rotate(0deg)}45%,60%{transform:rotate(-2deg)}}
@keyframes worker-tablet{0%,100%{transform:rotate(0deg)}35%,65%{transform:rotate(-4deg) translateY(-1px)}}
@keyframes worker-monitor{0%,100%{transform:rotate(0deg)}25%,45%{transform:rotate(4deg)}65%,80%{transform:rotate(-3deg) translateY(-1px)}}
.company-flows{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.company-route-halo{stroke:#72d2ed;stroke-width:12;opacity:.2;fill:none;filter:url(#company-glow)}
.company-route-base{stroke:#ace7f7;stroke-width:3.4;opacity:.78;fill:none;stroke-linecap:round;stroke-linejoin:round}
.company-route-current{stroke:#e5faff;stroke-width:3.8;stroke-dasharray:24 95;stroke-linecap:round;fill:none;opacity:.8;animation:company-current 5s linear infinite}
.company-node{fill:#d6f6ff;stroke:#82d8ef;stroke-width:2;filter:url(#company-glow)}
.company-core-line{fill:none;stroke:#82d4e9;stroke-width:1.5;stroke-dasharray:70 120;opacity:.5;animation:company-core 5.5s linear infinite}
.company-core-line:nth-child(2n){animation-delay:-2s;opacity:.26}
.company-label{position:absolute;z-index:2;min-width:16%;padding:7px 16px;border:1px solid #66b4cc60;background:#111e29c9;box-shadow:0 8px 20px #0002;border-radius:6px;font-size:clamp(11px,1.25vw,19px);font-weight:550;line-height:1.25;letter-spacing:-.025em;text-align:center;color:#ecf3f6;transition:background .5s,border-color .5s,box-shadow .5s}
.company-label-atendimento{left:15.5%;top:22%}.company-label-comercial{left:66%;top:22%}.company-label-operacao{left:15.5%;top:57.5%}.company-label-gestao{left:66%;top:57.5%}
.company-scene[data-phase="0"] .company-label-atendimento,.company-scene[data-phase="1"] .company-label-comercial,.company-scene[data-phase="2"] .company-label-operacao,.company-scene[data-phase="3"] .company-label-gestao{border-color:#a2e1f2;background:#244c5bd9;box-shadow:0 0 26px #77c4df22}
.company-brain-title{position:absolute;z-index:2;left:44%;top:24%;width:9.5%;color:#eff9fc;text-align:center;font-size:clamp(12px,1.35vw,20px);line-height:1.3;font-weight:650;letter-spacing:.13em}
.company-brain-title:after{content:'';display:block;width:1px;height:clamp(35px,6vw,85px);margin:20px auto 0;background:linear-gradient(transparent,#a5e2f7,transparent);opacity:.55;animation:company-core-light 4s ease-in-out infinite alternate}
.hero-stage .company-controls{position:absolute;z-index:3;bottom:2%;right:7.5%;display:flex;align-items:center;gap:18px}
.company-caption{font-size:8px;color:#91a9b5;letter-spacing:.12em}
.hero-stage .hero-bottom{position:relative;z-index:2;grid-column:auto;display:flex;justify-content:space-between;align-items:center;width:100%;margin:0;border-top:1px solid #8db7c31c;padding:23px 0 27px}.hero-stage .hero-bottom p{max-width:440px;color:#99a9b5;font-size:11px}.hero-stage .scroll-link{gap:30px}
.hero-stage:not(.is-active) .hero-atmosphere *,.hero-stage:not(.is-active) .company-scene *{animation-play-state:paused}
@keyframes company-current{to{stroke-dashoffset:-238}}
@keyframes company-core{to{stroke-dashoffset:-380}}
@keyframes company-core-light{from{opacity:.2;transform:scaleY(.7)}to{opacity:.8;transform:scaleY(1)}}
@keyframes company-light{from{transform:translate(-2%,0);opacity:.6}to{transform:translate(2%,-1%);opacity:1}}
@media(min-width:1600px){.hero-stage .hero{min-height:880px;padding-top:165px}.hero-stage .hero-visual{top:94px;right:-4%;width:66%;max-width:1160px}.hero-stage .hero-copy{padding-bottom:70px}}
@media(max-width:1200px) and (min-width:901px){.hero-stage .hero{width:calc(100% - 64px);min-height:780px;padding-top:150px}.hero-stage .hero h1{font-size:clamp(54px,5.6vw,68px)}.hero-stage .hero-copy{width:48%;padding-bottom:60px}.hero-stage .hero-visual{width:70%;right:-4%;top:138px}.hero-stage .hero-description{font-size:12px;max-width:350px}.hero-stage .hero-actions .button{font-size:11px;padding:13px 17px;gap:16px}.hero-stage .hero-actions .text-link{font-size:10px}.company-label{padding:6px 12px;font-size:13px}.company-caption{font-size:6px}.company-brain-title{font-size:14px}}
@media(max-width:900px){.hero-stage .hero{width:calc(100% - 48px);padding-top:128px;min-height:0;display:block}.hero-stage .hero-copy{width:100%;max-width:650px;padding-bottom:0}.hero-stage .hero h1{font-size:clamp(58px,9.5vw,82px)}.hero-stage .hero-description{max-width:470px;font-size:14px}.hero-stage .hero-visual{position:relative;width:105%;max-width:850px;right:auto;top:auto;margin:5px -2.5% 10px;aspect-ratio:3/2}.hero-stage .company-controls{bottom:1%;right:5%}.hero-stage .hero-bottom{padding:24px 0 30px}.company-label{font-size:clamp(10px,2vw,17px);padding:6px 11px}.company-brain-title{font-size:clamp(11px,2vw,17px)}.hero-atmosphere:after{background:linear-gradient(180deg,#111318eb 0%,#1113186e 45%,transparent 70%,#111318)}.company-caption{font-size:7px}}
@media(max-width:540px){.hero-stage .hero{width:calc(100% - 40px);padding-top:122px}.hero-stage .hero h1{font-size:clamp(42px,11.9vw,62px);letter-spacing:-.05em;line-height:1.08}.hero-stage .hero-copy>.eyebrow{font-size:8px;letter-spacing:.13em;margin-bottom:23px}.hero-stage .hero-description{font-size:12px;margin-top:24px;max-width:350px}.hero-stage .hero-actions{gap:14px 20px;margin-top:25px}.hero-stage .hero-visual{width:112%;margin:12px -6% 27px}.company-label{min-width:17%;font-size:clamp(8px,2.25vw,11px);padding:4px 7px;border-radius:3px}.company-label-atendimento,.company-label-operacao{left:14.5%}.company-label-comercial,.company-label-gestao{left:65%}.company-brain-title{font-size:clamp(8px,2.3vw,11px);letter-spacing:.08em}.company-brain-title:after{height:30px;margin-top:10px}.hero-stage .company-controls{bottom:-5%;right:7%;left:7%;justify-content:space-between;gap:10px}.company-caption{font-size:6px;letter-spacing:.09em}.hero-stage .hero-bottom{padding:22px 0}.hero-stage .hero-bottom p{font-size:9px;max-width:200px}.hero-stage .scroll-link{max-width:110px;gap:14px}.company-art{filter:drop-shadow(0 10px 15px #0004)}}
@media(max-width:350px){.hero-stage .hero{width:calc(100% - 32px)}.hero-stage .hero h1{font-size:40px}.hero-stage .hero-copy>.eyebrow{letter-spacing:.09em}.hero-stage .hero-actions .button{font-size:10px;padding:13px 15px}.hero-stage .hero-bottom p{max-width:175px}.company-caption{max-width:115px;line-height:1.5}}
@media(prefers-reduced-motion:reduce){.hero-atmosphere *,.company-scene *{animation:none!important;transition:none!important}.company-route-current{stroke-dasharray:none;opacity:.2}}
