body{background:#090c0e}
.hero{--scene:url('assets/hero.png');isolation:isolate}
#servicios{--scene:url('assets/scene-services.png')}
#explora{--scene:url('assets/scene-showcase.png')}
#proceso{--scene:url('assets/scene-process.png')}
#contacto,.faq{--scene:url('assets/scene-contact.png')}
.section{position:relative;isolation:isolate;overflow:hidden;max-width:none;background:transparent}
.scene-layer{position:absolute;inset:-130px 0;z-index:-2;pointer-events:none;background-image:var(--scene);background-size:cover;background-position:center;transform:translate3d(0,var(--scene-y,0px),0);will-change:transform}
.scene-layer:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,10,14,.78),rgba(5,10,14,.26)),linear-gradient(0deg,rgba(5,10,14,.6),transparent 80%);z-index:1}
.hero .scene-layer:after{background:linear-gradient(90deg,rgba(5,10,14,.88),rgba(5,10,14,.08) 82%),linear-gradient(0deg,rgba(5,10,14,.76),transparent 70%)}
.hero-inner{min-height:710px}.hero h1{font-size:clamp(58px,7.3vw,108px);letter-spacing:-4px;line-height:.99}.hero-copy{font-size:21px;max-width:610px;line-height:1.6}
.service-ribbon,footer{background:#090e12}
.service-grid{background:rgba(8,13,16,.76);backdrop-filter:blur(10px)}
.service-card:hover{background:rgba(17,23,26,.8)}
.demo-menu button{background:rgba(8,13,16,.35)}
.demo-menu button[aria-selected=true]{background:rgba(9,14,17,.84)}
.steps article{background:rgba(8,13,16,.76);padding:25px 22px;border-top-color:rgba(255,119,55,.55);backdrop-filter:blur(8px)}
.faq>div:not(.scene-layer){padding:0 24px;background:rgba(8,13,16,.8);backdrop-filter:blur(8px)}
.section-head>p,.steps p,.service-card>p,.faq details p{color:#bdc7ce}.section-head h2 span{color:#b9c5ce}
.contact form{background:rgba(8,13,16,.75);padding:28px;backdrop-filter:blur(8px)}
@media(min-width:1600px){.section{padding-left:calc((100vw - 1400px)/2);padding-right:calc((100vw - 1400px)/2)}}
@media(max-width:720px){.scene-layer{background-position:64% center;inset:-90px 0}.scene-layer:after{background:linear-gradient(90deg,rgba(5,10,14,.78),rgba(5,10,14,.38))}.hero .scene-layer:after{background:linear-gradient(90deg,rgba(5,10,14,.78),rgba(5,10,14,.3)),linear-gradient(0deg,#090c0e88,transparent 70%)}.hero h1{font-size:clamp(40px,11.7vw,78px);letter-spacing:-2.6px}.hero-copy{font-size:18px}.hero-copy br{display:none}.steps article{padding:20px 14px}.faq>div:not(.scene-layer){padding:0 18px}.contact form{padding:24px 18px}}
@media(prefers-reduced-motion:reduce){.scene-layer{transform:none!important;will-change:auto}}
.hero,.section{clip-path:inset(0)}.scene-layer{position:fixed;inset:-130px 0}@media(max-width:720px){.scene-layer{inset:-90px 0}}