:root{--premium-ease:cubic-bezier(.16,1,.3,1);--premium-red:#ef3f24;--premium-black:#0a0b0c}
html{scroll-behavior:smooth}
body.home-information-master{font-family:"DM Sans",Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:#f5f1e9;overflow-x:clip}
/* branded preloader */
.premium-loader{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:#090b0c;color:#fff;transition:clip-path 1.1s var(--premium-ease),visibility 1.1s;clip-path:inset(0 0 0 0)}
.premium-loader.is-done{clip-path:inset(0 0 100% 0);visibility:hidden}
.premium-loader__inner{width:min(560px,82vw);display:grid;gap:28px}.premium-loader img{width:108px;filter:drop-shadow(0 8px 18px #0008)}
.premium-loader h2{font-size:clamp(2.3rem,7vw,5.8rem);line-height:.84;letter-spacing:-.07em;margin:0;text-transform:uppercase}.premium-loader p{margin:0;color:#b7b7b7;font-weight:650;max-width:36ch}
.premium-loader__bar{height:2px;background:#ffffff22;overflow:hidden}.premium-loader__bar i{display:block;height:100%;width:100%;background:var(--premium-red);transform:scaleX(0);transform-origin:left;animation:loaderbar 1.25s var(--premium-ease) forwards}@keyframes loaderbar{to{transform:scaleX(1)}}
/* stronger sticky header behavior */
.site-header{transition:background .45s var(--premium-ease),transform .45s var(--premium-ease),box-shadow .45s var(--premium-ease)}
.site-header.is-scrolled{background:rgba(12,13,14,.91);backdrop-filter:blur(18px);box-shadow:0 12px 40px #0003}
/* Hero stays structurally identical, but feels more cinematic. */
.hero{isolation:isolate;min-height:100svh}
.hero-media{transform:scale(calc(1.04 + var(--hero-scroll,0)*.06)) translate3d(0,calc(var(--hero-scroll,0)*-2.5vh),0);will-change:transform}
.hero-shade{opacity:calc(.96 - var(--hero-scroll,0)*.12)}
.hero-inner{transform:translate3d(calc(var(--hero-scroll,0)*-2vw),calc(var(--hero-scroll,0)*-6vh),0);opacity:calc(1 - var(--hero-scroll,0)*.6);will-change:transform,opacity}
.hero-line:nth-child(1){transform:translateX(calc(var(--hero-scroll,0)*-3vw))}.hero-line:nth-child(2){transform:translateX(calc(var(--hero-scroll,0)*2.6vw))}.hero-line:nth-child(3){transform:translateX(calc(var(--hero-scroll,0)*-5vw))}
.hero-orbit{transform:translate3d(calc(var(--hero-scroll,0)*7vw),calc(var(--hero-scroll,0)*-4vh),0) rotate(calc(var(--hero-scroll,0)*18deg));opacity:calc(1 - var(--hero-scroll,0)*.55)}
/* every informational block gets a controlled join/depart choreography */
main>section:not(.hero){--scene-enter:0;--scene-leave:0;position:relative;transform:translate3d(0,calc((1 - var(--scene-enter))*5vh - var(--scene-leave)*3vh),0) scale(calc(.985 + var(--scene-enter)*.015 - var(--scene-leave)*.01));opacity:calc(.35 + var(--scene-enter)*.65 - var(--scene-leave)*.25);transition:filter .18s linear;filter:blur(calc((1 - var(--scene-enter))*3px));will-change:transform,opacity,filter}
main>section:not(.hero)::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#1113 20%,#1113 80%,transparent);transform:scaleX(var(--scene-enter));transform-origin:left;pointer-events:none}
.section h2,.contact-section h2,.closing h2{letter-spacing:-.055em}
.services-section .service-panel,.steps article,.faq details,.request-form,.about-card{transition:transform .65s var(--premium-ease),box-shadow .65s var(--premium-ease)}
.services-section .service-panel:hover,.steps article:hover,.faq details:hover,.request-form:hover,.about-card:hover{transform:translateY(-7px);box-shadow:0 24px 65px #0d0d0d16}
.button,.text-link,.contact-direct{transition:transform .28s var(--premium-ease),box-shadow .28s var(--premium-ease),background .28s}.button:hover,.contact-direct:hover{transform:translateY(-3px);box-shadow:0 14px 34px #0002}.text-link:hover{transform:translateX(6px)}
/* visual accents that preserve content while adding polish */
.about::after,.area::after{content:"RUBENCAR";position:absolute;right:2vw;bottom:-.11em;font-weight:900;font-size:clamp(5rem,16vw,14rem);letter-spacing:-.08em;color:#111;opacity:.035;pointer-events:none}
.process{overflow:hidden}.process::after{content:"MOBILE";position:absolute;right:-.1em;top:.05em;font-size:clamp(7rem,20vw,18rem);font-weight:900;line-height:.8;color:#fff;opacity:.035;letter-spacing:-.08em;pointer-events:none}
/* Mobile: preserve the rich information architecture, but keep motion light enough to stay smooth. */
@media(max-width:760px){.hero-inner{transform:translate3d(0,calc(var(--hero-scroll,0)*-3vh),0)}main>section:not(.hero){transform:translate3d(0,calc((1 - var(--scene-enter))*3vh),0);filter:none}.premium-loader__inner{gap:20px}.premium-loader h2{font-size:clamp(2.7rem,13vw,5rem)}}
@media(prefers-reduced-motion:reduce){.premium-loader{display:none}.hero-media,.hero-inner,.hero-line,.hero-orbit,main>section:not(.hero){transform:none!important;opacity:1!important;filter:none!important}.button,.text-link,.contact-direct{transition:none!important}}