/* Vuxora 2026 — continuous blue gradient and reversible scroll animation */
:root,html[data-theme="dark"],html[data-theme="light"]{
 --bg:#010619; --surface:#0a1430; --surface2:#101e3e; --text:#f7f9ff;
 --muted:#b9c6dc; --line:rgba(182,202,246,.17); --blue:#010619;
 --blue2:#122d58;
 color-scheme:dark;
}
html{background:#00020d}
body{
 color:#f7f9ff;
 background:linear-gradient(155deg,#00020b 0%,#010619 24%,#071840 52%,#020b29 77%,#00030f 100%) fixed!important;
}
/* The dark gradient carries through the sections instead of separate flat color panels. */
body main,body .nx-section,body .nx-services,body .nx-team,body .nx-contact,
body .nx-facts,body .nx-clients,body .nx-process,body .vx-form-faq,
body .nx-reviews,body .nx-projects,body .nx-about,body .vx-deck-section,
body .nx-bento-section{background-color:transparent!important;background-image:none!important}
body .vx-full-bleed::before{background:transparent!important}
body .nx-services,body .nx-team{border-color:rgba(185,207,250,.12)}
body .footer,html[data-theme="light"] body .footer,html[data-theme="dark"] body .footer{
 background:linear-gradient(145deg,#02091e,#010619 58%,#00020c)!important;
}
body .nx-process.vx-full-bleed{background:transparent!important}
body .nx-process .nx-section-head{display:flex;align-items:center;justify-content:center;text-align:center;margin:0 auto 74px}
body .nx-process .nx-section-head>div{margin-inline:auto}
body .nx-process .nx-section-head .nx-heading{max-width:850px;margin:24px auto 0;text-wrap:balance}
body .nx-process .nx-section-head .nx-label{letter-spacing:.18em}
/* Timeline cards: scroll-following rotation, translate, and scale values supplied by JS. */
body .vx-timeline article,body .vx-timeline article:nth-of-type(even){
 --vxp:1;
 opacity:var(--vxp)!important;
 transform:translate3d(0,var(--vx-y,0px),0)
   perspective(900px) rotateX(var(--vx-rx,0deg))
   rotateZ(var(--vx-rz,0deg))
   scale(var(--vx-scale,1))!important;
 clip-path:none!important;
 filter:none!important;
 transition:none!important;
 will-change:transform,opacity;
 background:linear-gradient(135deg,#142a54 0%,#10234a 45%,#091a39 100%)!important;
 border:1px solid rgba(140,179,245,.23)!important;
 box-shadow:0 20px 55px rgba(0,0,0,.17)!important;
 transform-origin:center bottom;
 color:#fff;
}
body .vx-timeline article:nth-of-type(odd){--vx-tilt:-7deg}
body .vx-timeline article:nth-of-type(even){--vx-tilt:7deg}
body .vx-timeline article h3{color:#fff}
body .vx-timeline article p{color:#cad7ee}
body .vx-timeline .nx-step-number{color:#ff8c32}
body .vx-timeline .vx-timeline-dot{background:#17294e;color:#fff;border-color:#345383}
body .vx-timeline article.vx-arrived .vx-timeline-dot{background:#f67526;color:#fff;border-color:#f67526}
body .vx-timeline-rail>span{background:linear-gradient(#ff8531,#ff5a16)}
body .vx-form-wrap{background:linear-gradient(155deg,rgba(15,35,77,.85),rgba(7,18,46,.92))!important}
body .vx-faq-wrap details{background:#102247;color:#fff}
body .vx-faq-wrap summary,body .vx-faq-wrap details p{color:#f0f4ff}
body .nx-contact p{color:#c3d0e3}
body .nx-team-photo.vx-brand-role{background:linear-gradient(135deg,#0b1a3b,#091126)}
body .nx-tabs button,body .nx-service-panel,body .nx-stack-card{color:#f7f9ff}
@media(max-width:760px){
 body .nx-process .nx-section-head{margin-bottom:52px}
 body .vx-timeline article,body .vx-timeline article:nth-of-type(even){transform:translate3d(0,var(--vx-y,0px),0) rotateZ(var(--vx-rz,0deg)) scale(var(--vx-scale,1))!important}
}
@media(prefers-reduced-motion:reduce){
 body .vx-timeline article,body .vx-timeline article:nth-of-type(even){opacity:1!important;transform:none!important;will-change:auto}
}