/* VELSUNO — Cinematic 3D scroll experience. All original demos below are preserved. */
:root{--vs-electric:#34baff;--vs-lavender:#c27dfc;--vs-ice:#eef5ff}
html{scroll-behavior:smooth}
.vs-journey{position:relative;isolation:isolate;min-height:100svh;color:#f6f8ff;background:#060c1b;overflow:clip}
.vs-sticky{position:relative;min-height:100svh;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse 100% 120% at 50% 105%,#0b2d64 0%,#07152f 40%,#080c19 71%,#050813 100%)}
.vs-atmosphere{position:absolute;inset:0;pointer-events:none;overflow:hidden;transition:transform .2s linear}
.vs-atmosphere:before{content:"";position:absolute;inset:0;background-image:radial-gradient(1px 1px at 12% 18%,#ebf2ffad 95%,transparent),radial-gradient(1px 1px at 78% 21%,#bdcfff9c 95%,transparent),radial-gradient(1px 1px at 46% 8%,#d8eaff94 95%,transparent),radial-gradient(1px 1px at 90% 69%,#b1cdff9c 95%,transparent),radial-gradient(1px 1px at 25% 65%,#e4efff75 95%,transparent);background-size:400px 380px;opacity:.43}
.vs-planet{position:absolute;left:-35%;right:-35%;bottom:-89%;height:116%;border-radius:50% 50% 0 0;background:radial-gradient(ellipse at 48% 1%,#6cc5ff78 0%,#1c64aa5f 6%,#0e2d64 17%,#091229 33%,#040814 59%);box-shadow:0 -4px 35px #2ba6ff88,0 -13px 145px #1354d548, inset 0 8px 28px #71b8ff55;transform:rotate(-1.5deg)}
.vs-light{position:absolute;left:5%;right:5%;bottom:13%;height:1px;background:linear-gradient(90deg,transparent,#388ffb66 30%,#c7b1ffcc 50%,#388ffb66 70%,transparent);box-shadow:0 0 50px 12px #4a88ff38;transform:rotate(-1deg)}
.vs-orbit{position:absolute;left:50%;top:51%;width:120vw;height:55vw;border:1px solid #4383ff16;border-radius:50%;transform:translate(-50%,-50%) rotate(-17deg)}.vs-orbit-two{width:95vw;height:42vw;transform:translate(-50%,-50%) rotate(20deg);border-color:#894eff21}
.vs-topline,.vs-bottomline{position:absolute;z-index:20;left:max(24px,calc((100vw - 1350px)/2));right:max(24px,calc((100vw - 1350px)/2));display:flex;justify-content:space-between;align-items:center;font:600 10px/1.3 Arial,sans-serif;letter-spacing:.24em;color:#a5b5d5;pointer-events:none}
.vs-topline{top:117px}.vs-bottomline{bottom:22px;font-size:9px;color:#8b9bbc}.vs-topright{color:#d1ddf1}.vs-live{display:inline-block;width:7px;height:7px;background:#55eab6;border-radius:50%;box-shadow:0 0 13px #4ddfb7;margin-right:7px}
.vs-perspective{position:relative;min-height:100svh;display:grid;align-items:center;perspective:1600px;perspective-origin:50% 46%;transform-style:preserve-3d}
.vs-screen{position:relative;max-width:min(1240px,calc(100vw - 112px));margin:105px auto 40px;transform-style:preserve-3d;will-change:transform,opacity;box-sizing:border-box}
.vs-screen h1,.vs-screen h2,.vs-screen p{margin:0}.vs-screen a{color:inherit}.vs-screen em{font-style:normal;color:#9fb9ff}
.vs-screen-hero{min-height:540px;display:grid;place-items:center;text-align:center;width:100%}
.vs-hero-inner{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.vs-hero-v{width:170px;height:125px;object-fit:contain;filter:drop-shadow(0 15px 35px #4d75fb88);margin-bottom:12px}.vs-eyebrow,.vs-overline{font:600 11px/1.5 Arial,sans-serif;letter-spacing:.25em;color:#93b7fb}.vs-screen-hero h1{font-size:clamp(55px,9.1vw,139px);line-height:1.05;letter-spacing:.10em;text-indent:.1em;font-weight:800;text-shadow:0 14px 55px #273e7277}.vs-dot{color:#3ea8ff}.vs-slogan{letter-spacing:.51em;text-indent:.51em;color:#e4eafc;font-size:clamp(11px,1.6vw,19px);font-weight:500;margin-top:7px!important}.vs-hero-divider{width:170px;height:1px;background:linear-gradient(90deg,transparent,#bdccff,transparent);margin:24px auto}.vs-hero-copy{color:#c4d1e8;font-size:clamp(15px,1.65vw,19px);line-height:1.6;max-width:530px}.vs-pill{display:inline-flex;align-items:center;gap:27px;justify-content:space-between;min-height:46px;padding:10px 21px;border:1px solid #8eadfc99;border-radius:50px;background:linear-gradient(120deg,#1b3d8fbb,#2725649c);box-shadow:0 11px 35px #08152d70;text-decoration:none!important;font:650 13px/1 Arial,sans-serif;margin-top:24px;transition:transform .25s ease,background .25s ease}.vs-pill:hover{transform:translateY(-3px);background:#315fd1}
.vs-hero-foot{position:absolute;bottom:15px;left:0;right:0;display:flex;justify-content:space-between;font:600 10px Arial,sans-serif;letter-spacing:.2em;color:#a5b8d4}
.vs-screen:not(.vs-screen-hero):not(.vs-screen-future){width:100%;min-height:530px;display:grid;grid-template-columns: minmax(0,1fr) minmax(340px,1.08fr);align-items:center;gap:clamp(35px,4.3vw,88px)}
.vs-content{max-width:545px}.vs-overline{display:flex;align-items:center;gap:12px}.vs-overline span{border:1px solid #4c7aca77;padding:5px 8px;border-radius:6px;font-weight:700;color:#fff}
.vs-content h2,.vs-future-body h2{font-size:clamp(35px,4.45vw,65px);font-weight:700;line-height:1.09;letter-spacing:-.055em;margin:23px 0!important}.vs-content p,.vs-future-body p{font-size:clamp(15px,1.45vw,18px);color:#bdcbdf;line-height:1.68;max-width:495px}.vs-chips{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0}.vs-chips span,.vs-division-row span{font:650 11px Arial,sans-serif;letter-spacing:.065em;padding:8px 12px;border:1px solid #6987bb55;border-radius:30px;background:#15264788;color:#cedefb}.vs-textlink{display:inline-block;margin-top:5px;border-bottom:1px solid #8c9dff;padding:4px 0 9px;font-size:14px;font-weight:700;text-decoration:none!important;color:#ecf4ff!important}.vs-textlink span{margin-left:16px;color:#7bb6ff}
.vs-device{position:relative;min-width:0;overflow:hidden;border:1px solid #6993ec78;border-radius:16px;background:linear-gradient(140deg,#142543fb,#0b1428f9 63%,#162452ec);box-shadow:0 50px 90px #000a,0 0 70px #2362d52b,inset 0 1px #ffffff3b;transform:perspective(1000px) rotateY(-9deg) rotateX(4deg);padding:0}.vs-device-head{display:flex;align-items:center;justify-content:space-between;height:51px;padding:0 22px;border-bottom:1px solid #5972a766;color:#a5b9db;font:600 11px/1 Arial,sans-serif;letter-spacing:.12em}.vs-head-dots{display:flex;gap:6px}.vs-head-dots i{background:#ff5c78;border-radius:100%;width:7px;height:7px}.vs-head-dots i:nth-child(2){background:#ffd074}.vs-head-dots i:nth-child(3){background:#42c999}.vs-green{color:#5de1a3}.vs-blue{color:#7dc4ff}.vs-purple{color:#d3a4ff}.vs-pink{color:#f38ac8}.vs-code-device{min-height:392px}.vs-code-lines{font:500 clamp(10px,1.05vw,14px)/2.05 ui-monospace,SFMono-Regular,Consolas,monospace;padding:27px 19px 22px;white-space:nowrap}.vs-code-lines b{color:#64799f;font-weight:500;margin-right:20px}.vs-cursor{display:inline-block;width:8px;height:16px;background:#81c6ff;vertical-align:middle;animation:vs-blink 1s steps(1) infinite}.vs-terminal{display:flex;align-items:center;gap:8px;border-top:1px solid #4d65914d;padding:16px 24px;font:12px ui-monospace,monospace;color:#b5c1dc}.vs-terminal span:last-child{margin-left:auto;color:#78b2ff;font-size:10px}
.vs-sys-device{min-height:398px}.vs-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:21px}.vs-stat-grid>div{border:1px solid #607faf4d;background:#18315891;border-radius:10px;padding:15px 10px;display:flex;flex-direction:column;gap:8px;min-width:0}.vs-stat-grid small{font:600 9px Arial,sans-serif;color:#a6bbda;letter-spacing:.09em}.vs-stat-grid strong{font-size:clamp(19px,2vw,28px);letter-spacing:-.03em;color:#f9faff;white-space:nowrap}.vs-stat-grid span{font:700 10px Arial,sans-serif}.vs-chart{margin:4px 21px 23px;height:147px;border-radius:9px;border:1px solid #3d5e9955;background:linear-gradient(#2b497230 1px,transparent 1px) 0 0/100% 25%,linear-gradient(100deg,#122c5090,#15204485);padding:18px 14px 0}.vs-chart-bars{height:100%;display:flex;align-items:end;gap:8px}.vs-chart-bars i{display:block;flex:1;min-width:2px;height:var(--v);border-radius:5px 5px 0 0;background:linear-gradient(0deg,#313eed,#358ffb 65%,#6fd6ff);box-shadow:0 0 12px #3474ff36}.vs-chart-bars i:nth-child(3n){background:linear-gradient(0deg,#7221ce,#b065fa)}.vs-sys-bottom{border-top:1px solid #3e619055;display:flex;justify-content:space-between;padding:12px 20px;font:600 10px Arial,sans-serif;color:#95b3e4;letter-spacing:.07em}
.vs-ai-device{min-height:400px;display:grid;place-items:center}.vs-ai-sphere{position:relative;width:280px;height:280px;display:grid;place-items:center;transform-style:preserve-3d;animation:vs-slow-rotate 18s ease-in-out infinite alternate}.vs-ai-sphere:before{content:"";position:absolute;inset:15%;border-radius:50%;background:radial-gradient(circle,#a0b8ff77 0%,#583ec655 35%,#196eac28 55%,transparent 73%);filter:blur(15px)}.vs-ai-ring{position:absolute;width:260px;height:235px;border-radius:50%;border:1.5px solid #76cfffaf;box-shadow:0 0 18px #4b7af95a,inset 0 0 20px #784bea31;transform:rotate(60deg) rotateX(67deg)}.vs-ai-ring.b{transform:rotate(-50deg) rotateY(64deg);border-color:#aa77fbc0}.vs-ai-ring.c{transform:rotate(14deg) rotateX(43deg);border-color:#d9c6ff77}.vs-ai-core{position:relative;display:grid;place-items:center;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,#263f89e0,#141d47cc);box-shadow:0 0 35px #7665ff99}.vs-ai-core img{width:80px}.vs-ai-legend{border-top:1px solid #3c649055;width:100%;display:flex;flex-direction:column;gap:7px;padding:16px 25px;font:600 11px Arial,sans-serif;letter-spacing:.11em;color:#94baf2}.vs-ai-legend b{font-size:14px;color:#eef4ff}.vs-ai-legend small{color:#9b9fdf}
.vs-screen-future{width:100%;min-height:540px;display:grid;place-items:center;text-align:center}.vs-future-body{display:flex;align-items:center;flex-direction:column;max-width:1000px}.vs-future-symbol{width:118px;height:86px;margin:8px 0 3px;object-fit:contain;filter:drop-shadow(0 0 24px #588eff9b)}.vs-future-body h2{font-size:clamp(38px,5vw,77px);margin:8px 0 21px!important}.vs-future-body p{max-width:650px}.vs-division-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:28px}.vs-pill-white{background:#e7f0ff!important;color:#0e1c3d!important;border-color:#e7f0ff!important}.vs-pill-white:hover{background:#fff!important}
.vs-progress{position:absolute;z-index:20;bottom:65px;left:max(24px,calc((100vw - 1350px)/2));display:flex;align-items:center;gap:14px;font:700 10px Arial,sans-serif;letter-spacing:.15em;color:#c0d0ec;pointer-events:none}.vs-progress-track{width:128px;height:2px;display:block;background:#728dbd66}.vs-progress-track>span{display:block;height:100%;width:0;background:linear-gradient(90deg,#5dbbff,#c473ee);transition:width .1s linear}
@keyframes vs-blink{50%{opacity:0}}@keyframes vs-slow-rotate{to{transform:rotate(12deg) scale(1.06)}}
/* enhance the sections below the cinematic experience while preserving interactive modules */
main #legacy-inicio>.hero{display:none!important}main #legacy-inicio>.strip{margin-top:60px}
.vs-motion .vs-journey{height:490vh;min-height:0;overflow:visible}
.vs-motion .vs-sticky{position:sticky;top:0;height:100svh;min-height:0}
.vs-motion .vs-perspective{height:100svh;min-height:0}
.vs-motion .vs-screen{position:absolute;inset:0;margin:auto;min-height:0;height:min(620px,calc(100svh - 180px));display:grid;align-items:center;transform-origin:50% 50%;opacity:0;pointer-events:none}
.vs-motion .vs-screen.vs-screen-hero{height:min(610px,calc(100svh - 170px));min-height:0}.vs-motion .vs-screen.vs-screen-future{height:min(600px,calc(100svh - 170px));min-height:0}
.vs-motion .vs-screen.vs-screen-hero.vs-active,.vs-motion .vs-screen.vs-active{pointer-events:auto}
.vs-motion .vs-atmosphere{will-change:transform}
.vs-motion .vs-screen .vs-device{will-change:transform}
/* mobile layouts use wider screen space and smaller interaction surfaces */
@media(max-width:850px){.vs-screen{max-width:calc(100vw - 42px)}.vs-motion .vs-screen{height:min(600px,calc(100svh - 165px))}.vs-screen:not(.vs-screen-hero):not(.vs-screen-future){grid-template-columns:1fr;gap:16px;align-content:center;max-width:640px}.vs-content{text-align:center;max-width:100%;display:flex;flex-direction:column;align-items:center}.vs-content h2{font-size:clamp(32px,4.5vw,47px);margin:12px 0!important}.vs-content p{font-size:14px;max-width:540px;line-height:1.5}.vs-overline{font-size:10px}.vs-chips{margin:14px 0}.vs-device{max-width:540px;width:100%;margin:auto;transform:none;min-height:0}.vs-code-device{max-height:255px}.vs-code-lines{padding:9px 14px;font-size:11px;line-height:1.68}.vs-terminal{padding:9px 14px}.vs-sys-device{max-height:265px}.vs-stat-grid{gap:6px;padding:10px}.vs-stat-grid>div{padding:9px}.vs-stat-grid strong{font-size:20px}.vs-chart{height:90px;margin:0 10px 10px}.vs-sys-bottom{padding:8px;font-size:8px}.vs-device-head{height:33px;padding:0 12px;font-size:9px}.vs-ai-device{height:245px}.vs-ai-sphere{width:190px;height:190px}.vs-ai-ring{width:175px;height:165px}.vs-ai-core{width:80px;height:80px}.vs-ai-core img{width:60px}.vs-ai-legend{padding:8px 14px;gap:2px}.vs-ai-legend b{font-size:11px}.vs-textlink{font-size:12px;padding-bottom:4px}.vs-hero-v{width:150px;height:110px}.vs-screen-hero h1{font-size:clamp(54px,10vw,100px)}.vs-hero-copy{font-size:15px}.vs-topline{top:110px;font-size:9px;letter-spacing:.09em}.vs-topright{font-size:9px}.vs-future-body h2{font-size:clamp(38px,6vw,58px)}.vs-future-symbol{width:100px}.vs-future-body p{font-size:15px}.vs-division-row{gap:5px;margin-top:18px}.vs-division-row span{font-size:9px}}
@media(max-width:520px){.vs-screen{max-width:calc(100vw - 28px)}.vs-topline{left:15px;right:15px;top:95px}.vs-topright{display:none}.vs-bottomline{left:16px;right:16px;bottom:17px;font-size:8px}.vs-progress{left:16px;bottom:44px}.vs-screen-hero h1{font-size:clamp(42px,11.3vw,58px);letter-spacing:.055em;text-indent:.055em}.vs-hero-v{width:125px;height:95px}.vs-slogan{letter-spacing:.28em;text-indent:.28em;font-size:11px}.vs-eyebrow{font-size:9px}.vs-hero-copy{font-size:14px;max-width:300px}.vs-hero-foot{display:none}.vs-motion .vs-screen{height:calc(100svh - 147px)}.vs-screen:not(.vs-screen-hero):not(.vs-screen-future){gap:11px}.vs-content h2{font-size:clamp(31px,8vw,43px);margin:10px 0!important}.vs-content p{font-size:13px;line-height:1.5}.vs-chips{gap:5px;margin:10px 0}.vs-chips span{font-size:9px;padding:6px 9px}.vs-code-device{max-height:244px}.vs-code-lines{font-size:9px;padding:8px;line-height:1.85}.vs-code-lines b{margin-right:7px}.vs-terminal{font-size:9px}.vs-terminal span:last-child{font-size:8px}.vs-stat-grid small{font-size:7px}.vs-stat-grid strong{font-size:16px}.vs-stat-grid span{font-size:8px}.vs-chart{height:92px}.vs-sys-bottom{font-size:7px}.vs-device-head{font-size:8px}.vs-ai-device{height:230px}.vs-ai-sphere{width:170px;height:170px}.vs-ai-ring{width:157px;height:146px}.vs-ai-legend small{font-size:8px}.vs-future-body h2{font-size:clamp(32px,9vw,45px)}.vs-future-body p{font-size:14px}.vs-future-symbol{height:65px;margin:8px 0}.vs-division-row{margin-top:14px}.vs-division-row span{font-size:8px;padding:7px}.vs-pill{font-size:12px;margin-top:14px;padding:10px 15px}.vs-topline{color:#b9c8e3}}
/* static accessible alternative for reduced motion / disabled JS */
@media(prefers-reduced-motion:reduce){.vs-journey{overflow:visible}.vs-sticky{min-height:100svh}.vs-perspective{display:block;min-height:100svh;padding:140px 0 50px}.vs-screen,.vs-screen:not(.vs-screen-hero):not(.vs-screen-future){position:relative;max-width:calc(100vw - 44px);min-height:520px;margin:0 auto 65px;transform:none!important;opacity:1!important}.vs-orbit,.vs-ai-sphere,.vs-cursor{animation:none!important}.vs-topline{top:100px}.vs-progress{display:none}main #legacy-inicio>.hero{display:none}}