/* Finishing layer for the original video theme. */
:root{--gray:#a0a0ad;--gray-light:#cdced7;--orange-glow:rgba(255,107,0,.2);--gold-glow:rgba(245,184,0,.16)}
::selection{background:#ff6b00;color:#fff}section[id]{scroll-margin-top:90px}
header{border-bottom:1px solid #ffffff0a;background:linear-gradient(#0a0a0f70,transparent)}header.scrolled{border-bottom-color:#ffffff12;box-shadow:0 6px 30px #0003;background:rgba(10,10,15,.94)}
.header-inner{height:80px;gap:20px}.header-inner nav{gap:26px}nav a{font-size:.85rem;letter-spacing:.08em}.logo img{filter:drop-shadow(0 2px 8px #0005)}.header-cta .btn{padding:12px 22px;border-radius:6px}
.hero-bg::after{background:linear-gradient(90deg,rgba(10,10,15,.87) 0%,rgba(10,10,15,.68) 32%,rgba(10,10,15,.24) 75%),linear-gradient(0deg,#0a0a0f 0%,transparent 22%,rgba(10,10,15,.12) 80%)}
.hero-video{filter:saturate(.8);transition:opacity 1.7s ease}.hero-grid{opacity:.28;animation:none;background-size:80px 80px;pointer-events:none}.hero-glow{opacity:.3;animation:none;pointer-events:none}.hero-glow2{display:none}
.hero-content{padding-top:130px;padding-bottom:115px}.hero-title{font-size:clamp(2.8rem,5.1vw,4.9rem);line-height:1.08;letter-spacing:-.018em;max-width:770px;margin-bottom:30px}.hero-title .line2{filter:none}.neon-text{text-shadow:none}
.hero-badge{font-size:.7rem;letter-spacing:.18em;padding:8px 15px;background:#ff6b000c;border-color:#ff6b0038;backdrop-filter:blur(8px);margin-bottom:27px}.hero-badge i{animation:none}
.hero-sub{max-width:555px;font-size:1.04rem;line-height:1.85;color:#cdced7;text-shadow:0 1px 6px #0005}.hero-scroll{animation:none;bottom:28px}.hero-scroll span{font-size:.65rem}
.btn{border-radius:6px;padding:15px 27px;transition:transform .22s,box-shadow .22s,background .22s}.btn-primary{box-shadow:0 5px 24px #ff6b002b}.btn-primary:hover{box-shadow:0 8px 28px #ff6b003b;transform:translateY(-2px)}.btn-outline{background:#0a0a0f35;backdrop-filter:blur(6px);border-width:1px}
.btn-lock-access{border-radius:7px;font-size:.7rem;padding:10px 14px}.btn-lock-access::before{animation-duration:7s}
.services-header,.diff-header,.testimonials-header{margin-bottom:48px}.section-tag{font-size:.72rem;letter-spacing:.22em}.section-tag::before,.section-tag::after{height:1px;width:24px}.section-title{font-size:clamp(2rem,3.5vw,3.1rem);letter-spacing:-.015em}.section-sub{font-size:.95rem;line-height:1.85}
.services-grid{gap:22px}.service-card{padding:34px 28px;border-radius:10px;border-color:#ffffff0e;background:linear-gradient(145deg,#191922,#111118)}.service-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px #0004;background:linear-gradient(145deg,#20202a,#14141b);border-color:#ff6b0040}.service-card::before{height:2px;background:linear-gradient(90deg,var(--orange),var(--gold))}.service-card-glow{display:none}
.service-icon{border-radius:10px;background:#ff6b000c;border-color:#ff6b0026;width:52px;height:52px;font-size:1.35rem}.service-card:hover .service-icon{transform:none;box-shadow:none}.service-card h3{font-size:1.35rem}.service-card p{line-height:1.85}.service-card-num{font-size:3.5rem;color:#ffffff06}.service-card:hover .service-card-num{color:#ff6b0010}
.about-grid{gap:64px}.about-img-wrap{border-radius:10px}.about-img-wrap img{filter:saturate(.75) brightness(.85)}.about-img-wrap::before{border-color:#ff6b0030}.about-corner{opacity:.55}.about-badge{border-radius:9px;box-shadow:0 12px 35px #0004}.about-text{line-height:1.95}.about-stat-card{background:#ffffff02;border-color:#ffffff0d;border-radius:8px}.about-stat-card .label{font-size:.7rem;letter-spacing:.06em}.tech-line-dot{box-shadow:none}.tech-line-bar{opacity:.45}
.diff-grid{gap:22px}.diff-card{border-radius:10px;background:#ffffff02;padding:30px 24px;border-color:#ffffff0c}.diff-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #0003}.diff-card::after{height:2px;background:linear-gradient(90deg,var(--orange),var(--gold))}.diff-icon{width:58px;height:58px;font-size:1.4rem;border-width:1px!important}.diff-card p{line-height:1.85}
.testimonial-card{border-radius:10px;border-color:#ffffff10;box-shadow:none;padding:30px}.testimonial-card p{line-height:1.85}.testimonial-avatar{border-radius:8px}.testimonials-track{animation-duration:65s}
.contact-form{border-radius:12px;border-color:#ffffff12;background:linear-gradient(145deg,#191922,#111118);box-shadow:0 20px 50px #0002}.contact-item-icon{border-radius:9px}.form-group input,.form-group select,.form-group textarea{border-radius:7px;border-color:#ffffff18}
.whatsapp-btn{box-shadow:0 5px 22px #0004}.pulse-ring{display:none}.hamburger{background:transparent;border:0}.mobile-menu{top:80px}
.reveal{opacity:1;transform:none}.motion-ready .reveal{opacity:0;transform:translateY(20px);transition:opacity .65s,transform .65s}.motion-ready .reveal.visible{opacity:1;transform:none}
:is(a,button,input,select,textarea):focus-visible{outline:2px solid #f5b800;outline-offset:4px}[aria-invalid=true]{border-color:#f08277!important}
@media(min-width:769px) and (max-width:1150px){.header-cta{display:none}.header-inner nav{gap:20px}}
@media(max-width:768px){.header-inner{height:72px;padding-right:0}.mobile-menu{top:72px}.hero-content{padding-top:120px;padding-bottom:115px}.hero-title{font-size:clamp(2.5rem,8.5vw,4.1rem)}.hero-sub{font-size:.96rem;max-width:500px}.hero-bg::after{background:linear-gradient(90deg,#0a0a0fce,#0a0a0f65),linear-gradient(0deg,#0a0a0f,transparent 30%)}.hero-grid{opacity:.15}.hero-badge{font-size:.62rem;letter-spacing:.12em}.about-grid{gap:40px}.service-card{padding:28px 24px}.contact-form{padding:26px}.whatsapp-btn{width:54px;height:54px;right:18px;bottom:18px}.footer-brand{grid-template-columns:1fr}}
@media(max-width:400px){.hero-title{font-size:2.4rem}.hero-badge{font-size:.56rem}.hero-content{padding-bottom:120px}.hero-sub{font-size:.9rem}.services-grid{grid-template-columns:1fr}.logo-text .brand{font-size:1.2rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}}
/* Motion belongs to the existing page, without taking control of scrolling. */
.section-blueprint{position:absolute;right:-80px;top:5px;width:350px;opacity:.08;pointer-events:none}#servicos .container{position:relative;z-index:1}
.reading-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:1100;pointer-events:none;background:transparent}.reading-progress::after{content:'';display:block;height:100%;background:linear-gradient(90deg,#ff6b00,#f5b800);transform:scaleX(var(--progress,0));transform-origin:left}
.hero-bg{background:#0a0a0f;transform:translate3d(0,var(--hero-offset,0px),0) scale(1.045);will-change:transform}.hero-grid{background-position:0 var(--hero-offset,0px)}
.hero-title{animation:heroTitleIn .9s .1s cubic-bezier(.16,1,.3,1) both}.hero-badge{animation:fadeInUp .8s ease both}.hero-sub{animation-delay:.25s}.hero-buttons{animation-delay:.4s}
.hero-motion-control{position:absolute;z-index:6;bottom:28px;right:4%;font-family:var(--font-tech);font-size:.72rem;font-weight:600;color:#c9c9d2;border:1px solid #ffffff25;background:#0a0a0f80;border-radius:6px;padding:9px 14px;cursor:pointer;backdrop-filter:blur(8px);transition:border-color .2s}.hero-motion-control:hover{border-color:#ff6b0080;color:white}.hero-motion-control:disabled{cursor:default;opacity:.6}
.motion-ready .reveal{transition-delay:var(--reveal-delay,0ms)}
.about-img-wrap.engine-illustration{background:radial-gradient(ellipse at 50% 40%,#ff6b0009,transparent 65%),#111118;aspect-ratio:1/1;border:1px solid #ff6b0025;position:relative;padding:28px}.about-img-wrap.engine-illustration img{width:100%;height:100%;filter:none;object-fit:contain;opacity:.9;transition:transform .8s cubic-bezier(.16,1,.3,1)}.about-img-wrap.engine-illustration:hover img{filter:none;transform:scale(1.035)}
.technical-caption{font-family:var(--font-tech);font-size:.7rem;letter-spacing:.16em;color:#a0a0ad;padding-top:18px;display:flex;align-items:center;gap:12px}.technical-caption::before{content:'';width:24px;height:1px;background:var(--orange)}
.service-card-glow{display:block;width:100%;height:100%;inset:0;transform:none!important;border-radius:0;pointer-events:none;opacity:0;background:radial-gradient(260px circle at var(--spot-x,50%) var(--spot-y,50%),#ff6b0014,transparent 70%)!important;transition:opacity .3s}.service-card:hover .service-card-glow{opacity:1}
.diff-card::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(240px circle at var(--spot-x,50%) var(--spot-y,50%),#ff6b0010,transparent 70%);opacity:0;transition:opacity .3s}.diff-card:hover::before{opacity:1}
@media(hover:hover) and (pointer:fine){.service-card:hover,.diff-card:hover{transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-4px)}}
@keyframes heroTitleIn{from{opacity:0;transform:translateY(24px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@media(max-width:768px){.section-blueprint{width:260px;right:-100px}.hero-motion-control{bottom:24px;font-size:.66rem}.hero-scroll{left:4%;transform:none;align-items:flex-start}.hero-scroll i{display:none}.engine-illustration{max-width:520px;margin:auto}.hero-bg{will-change:auto}}
@media(prefers-reduced-motion:reduce){.hero-bg{transform:none;will-change:auto}.service-card:hover,.diff-card:hover{transform:none}.service-card-glow,.diff-card::before{display:none}}

/* Preserve the original hero proportions and continuous video. */
.hero-content{padding-top:80px;padding-bottom:0}.hero-title{font-size:clamp(2.2rem,6vw,4.5rem);line-height:1.1;margin-bottom:24px}.hero-sub{max-width:540px;margin-bottom:40px}.hero-bg::after{background:linear-gradient(90deg,rgba(10,10,15,.84) 0%,rgba(10,10,15,.56) 45%,rgba(10,10,15,.30) 100%)}
@media(max-width:768px){.hero-content{padding-top:110px;padding-bottom:100px}.hero-title{font-size:clamp(2.2rem,8vw,3.8rem)}.hero-bg::after{background:linear-gradient(90deg,#0a0a0fcc,#0a0a0f70)}}
.effects-control{position:absolute;right:max(110px,4%);bottom:27px;z-index:6;background:#0a0a0f80;border:1px solid #ffffff28;backdrop-filter:blur(8px);border-radius:6px;color:#cdced7;font-family:var(--font-tech);font-weight:600;font-size:.75rem;letter-spacing:.06em;padding:10px 15px;cursor:pointer;transition:border-color .25s,color .25s}.effects-control:hover{border-color:#ff6b0070;color:#fff}
html[data-motion=on] .hero-content{transform:translate3d(0,calc(var(--hero-travel,0) * -32px),0);opacity:calc(1 - var(--hero-travel,0) * .38)}
html[data-motion=on] .hero-bg{transform:translate3d(0,var(--hero-offset,0px),0) scale(1.045)}
html[data-motion=on] .motion-ready .reveal,html[data-motion=on].motion-ready .reveal{transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1),filter .8s!important;transition-delay:var(--reveal-delay,0ms)!important;filter:blur(3px);transform:translateY(30px);opacity:0}
html[data-motion=on].motion-ready .reveal.visible{filter:blur(0);transform:none;opacity:1}
.section-title::after{content:'';display:block;margin-top:20px;width:64px;height:2px;background:linear-gradient(90deg,var(--orange),var(--gold));transform-origin:left;transform:scaleX(var(--line-progress,1));opacity:.7}
.services-header .section-title::after,.diff-header .section-title::after,.testimonials-header .section-title::after,#contato>.container>.reveal .section-title::after{margin-left:auto;margin-right:auto}
.technical-engine{display:block;width:100%;height:100%;overflow:visible}.technical-engine :is(path,circle){stroke-dasharray:1;stroke-dashoffset:0}
html[data-motion=on] .about-visual:not(.visible) .technical-engine :is(path,circle){stroke-dashoffset:1}
html[data-motion=on] .about-visual.visible .technical-engine :is(path,circle){animation:engineTrace 2.2s .15s cubic-bezier(.25,.46,.45,.94) both!important}
.technical-engine [fill="#d65b27"]{stroke-dasharray:none}
@keyframes engineTrace{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
html[data-motion=off] .reveal{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}html[data-motion=off] .hero-bg{transform:none;will-change:auto}html[data-motion=off] .service-card:hover,html[data-motion=off] .diff-card:hover{transform:none}html[data-motion=off] .technical-engine *{animation:none!important}
@media(hover:hover) and (pointer:fine){html[data-motion=on] .service-card:hover,html[data-motion=on] .diff-card:hover{transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-4px)!important}html[data-motion=on] .service-card-glow{display:block!important}html[data-motion=on] .diff-card::before{display:block!important}}
@media(max-width:768px){.effects-control{font-size:.68rem;padding:8px 12px;bottom:24px}.technical-engine{min-height:270px}.hero-content{transform:none!important;opacity:1!important}}