:root{--base:#16051f;--purple:#26083f;--ink:#fff;--muted:#c7b7d2;--orange:#ff7420;--pink:#dc36d7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--base);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;overflow-x:hidden}a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.055em;line-height:1.06}h1{font-size:clamp(3.15rem,5.3vw,5.9rem);font-weight:790}h2{font-size:clamp(2.45rem,4.2vw,4.6rem)}em{font-style:normal;color:var(--orange)}.nav{height:92px;position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:42px;padding:0 clamp(22px,5vw,88px);background:rgba(28,5,45,.94);border-bottom:1px solid #ffffff12;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;min-width:240px;gap:9px}.brand img{width:55px;height:55px;object-fit:contain}.brand>span{display:flex;align-items:center;gap:4px;line-height:.85}.brand strong{font-size:39px;letter-spacing:-.09em}.brand small{font-size:11px;line-height:1}.nav nav{display:flex;gap:30px;margin:auto;font-size:14px}.nav nav a:hover{color:#ffa366}.cta,.outline{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:16px 24px;border-radius:10px;font-weight:650;border:1px solid transparent;transition:transform .25s,box-shadow .25s}.cta{background:linear-gradient(120deg,#ffa127,#ff4a1e);color:#fff;box-shadow:0 9px 25px #ff4b1e26}.cta:hover,.outline:hover{transform:translateY(-3px)}.outline{background:transparent;border-color:#c766eb;color:white}.small{padding:13px 17px;font-size:13px;white-space:nowrap}.menu-toggle{display:none}.hero{min-height:690px;position:relative;display:flex;align-items:center;padding:90px clamp(22px,5vw,88px) 130px;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 70% 45%,#590b69 0%,#24083d 48%,#15041f 100%)}.hero-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 75% 80%,#ef3e7b23,transparent 55%);z-index:-1}.hero-copy{position:relative;z-index:2;width:55%;max-width:780px}.eyebrow{font-size:12px;letter-spacing:.24em;font-weight:750;color:#e9d7ed;margin-bottom:30px}.eyebrow i{display:inline-block;width:40px;height:3px;background:var(--orange);vertical-align:middle;margin-right:14px}.hero p{max-width:600px;color:#e1d5e8;font-size:clamp(16px,1.5vw,20px);line-height:1.6}.actions{display:flex;flex-wrap:wrap;gap:15px;margin-top:35px}.hero-visual{position:absolute;width:55%;height:94%;right:0;top:4%;z-index:1;mask-image:linear-gradient(to right,transparent 0%,#000 19%,#000 100%)}.hero-visual img{height:100%;width:100%;object-fit:cover;object-position:center;animation:none}@keyframes float{to{transform:scale(1.055) translateY(-7px)}}.scrollcue{position:absolute;bottom:29px;left:50%;font-size:45px;color:#efcbff;animation:bounce 2s infinite}@keyframes bounce{50%{transform:translateY(9px)}}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#ffffff17;border-block:1px solid #ffffff14}.benefits>div{padding:25px 16px;text-align:center;background:#25083a;color:#ff7c39;font-size:26px}.benefits span{font-size:13px;margin-left:12px;color:white}.section{padding:115px clamp(22px,5vw,88px)}.section-heading{max-width:750px}.section-heading>p:not(.eyebrow),.process-copy>p:not(.eyebrow){color:var(--muted);font-size:18px;line-height:1.65}.solutions{background:radial-gradient(ellipse at 15% 80%,#42105d,#17051f 75%)}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:47px}.service{min-height:310px;padding:29px 24px;border:1px solid #913cad66;background:linear-gradient(145deg,#3e1056c9,#20072fbd);border-radius:18px;transition:transform .25s,border-color .25s}.service:hover{transform:translateY(-9px);border-color:#f672e7}.service-icon{font-size:40px;color:#eb63e3;margin-bottom:20px}.category{color:#ff9349;font-size:10px;font-weight:700;letter-spacing:.2em}.service h3{font-size:22px;margin:12px 0}.service p{color:var(--muted);line-height:1.5;font-size:14px}.service a{font-size:13px;color:#ffad75;display:block;margin-top:25px}.showcase{padding:110px clamp(22px,5vw,88px) 125px;background:radial-gradient(ellipse at 75% 60%,#400d5b,#14031e 70%)}.center{text-align:center;margin:auto}.demo-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:35px;max-width:1350px;margin:55px auto 0;align-items:center}.steps{border-left:1px solid #983db0}.step{display:flex;text-align:left;gap:18px;background:none;border:0;color:white;width:100%;padding:19px;border-left:3px solid transparent;opacity:.52;transition:.3s}.step.active{opacity:1;border-left-color:var(--orange);background:#aa34c31b}.step b{color:var(--orange);font-size:13px}.step strong{display:block;font-size:19px}.step small{display:block;color:#c6b3d0;margin-top:8px;line-height:1.45;font-size:13px}.demo-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:20px 0}.demo-actions .outline{padding:10px 15px;font-size:13px}.note{font-size:11px;color:#a98dbb}.demo-window{border:1px solid #bc4bd2;border-radius:17px;overflow:hidden;background:#160d29;box-shadow:0 30px 95px #080014,0 0 32px #da30dc3b;min-width:0}.window-top{height:47px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#270e3d;font-size:11px;letter-spacing:.13em;color:#d4b9e4}.dots{display:flex;gap:6px}.dots i{width:8px;height:8px;border-radius:50%;background:#ff6c7f}.dots i:nth-child(2){background:#feb95b}.dots i:nth-child(3){background:#56d6bd}.live{color:#70e8be}.live i{display:inline-block;background:#51e49e;width:6px;height:6px;border-radius:50%;margin-right:6px}.window-body{display:flex;min-height:410px}.mini-sidebar{background:#1e102f;border-right:1px solid #ffffff14;padding:17px 12px;display:flex;flex-direction:column;gap:24px;color:#bca4c9}.mini-sidebar .selected{color:#ff8a4f}.work-area{padding:26px;flex:1;min-width:0}.work-head{display:flex;justify-content:space-between;gap:8px}.work-head small{font-size:10px;letter-spacing:.16em;color:#ca77d6}.work-head h3{margin:8px 0 20px;font-size:22px}.chip{height:max-content;background:#4c1c65;border:1px solid #a358c1;border-radius:18px;padding:6px 9px;font-size:11px}.stat-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat-strip>div{background:#27133b;border:1px solid #ffffff12;border-radius:9px;padding:14px}.stat-strip small{display:block;font-size:10px;color:#a99bb7;margin-bottom:8px}.stat-strip b{font-size:18px}.progress-label{display:flex;justify-content:space-between;margin:25px 0 9px;font-size:12px;color:#c6b6d1}.progress-track{height:8px;background:#46304c;border-radius:9px;overflow:hidden}.progress-track span{display:block;height:100%;width:0%;background:linear-gradient(90deg,#da46d2,#ff852e);border-radius:9px;transition:width .65s}.fake-table{margin-top:20px;border:1px solid #ffffff1c;border-radius:9px;overflow:hidden}.fake-table>div{display:grid;grid-template-columns:1.2fr 1.5fr 1fr;gap:7px;padding:12px;font-size:12px;border-bottom:1px solid #ffffff12}.fake-table>div:last-child{border-bottom:0}.fake-header{background:#301646;color:#b99ac7;font-size:9px!important;letter-spacing:.1em}.state{color:#ba9ac4}.state.done{color:#70e5ae}.state.running{color:#fbb96a}.event-log{background:#261036;margin-top:16px;padding:14px;color:#ecb5f1;font-size:12px;border-radius:8px;min-height:42px}.process{display:grid;grid-template-columns:1fr 1fr;gap:70px;background:#230936}.process-copy{max-width:550px}.process-list>div{border-bottom:1px solid #ffffff24;display:flex;align-items:center;gap:30px;padding:27px 0}.process-list b{font-size:40px;color:var(--orange)}.process-list strong{display:block;font-size:23px}.process-list small{display:block;color:var(--muted);font-size:14px;margin-top:8px;line-height:1.5}.contact{background:radial-gradient(ellipse at center,#4c1464,#17061f 74%)}.contact-panel{text-align:center;max-width:810px;margin:auto}.contact-panel p:not(.eyebrow){color:var(--muted);font-size:18px;line-height:1.6}.contact-panel .cta{margin:25px auto 18px}.contact-panel small{display:block;color:#aa8eba;font-size:12px}footer{border-top:1px solid #ffffff21;padding:35px clamp(22px,5vw,88px);display:flex;align-items:center;justify-content:space-between;gap:15px;color:#a994b6;font-size:12px}.foot-brand{display:flex;align-items:center;gap:6px;color:white}.foot-brand img{width:35px;height:35px}.foot-brand strong{font-size:25px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}@media(max-width:1100px){.card-grid{grid-template-columns:repeat(2,1fr)}.nav{gap:15px}.nav nav{gap:12px}.hero-copy{width:60%}.hero-visual{width:58%}}@media(max-width:750px){.nav{height:72px;padding:0 18px}.brand{min-width:auto}.brand img{width:44px;height:44px}.brand strong{font-size:29px}.brand small{font-size:9px}.nav>.small{display:none}.menu-toggle{display:block;margin-left:auto;background:none;color:white;border:0;font-size:26px}.nav nav{display:none;position:absolute;top:72px;left:0;right:0;background:#250936;padding:22px;flex-direction:column;gap:22px}.nav nav.open{display:flex}.hero{padding:65px 23px 320px;min-height:810px;align-items:flex-start}.hero-copy{width:100%}.hero h1{font-size:clamp(2.6rem,9vw,4rem)}.hero p{font-size:16px}.hero-visual{width:100%;height:370px;top:auto;bottom:0;mask-image:linear-gradient(to bottom,transparent 0%,#000 22%)}.scrollcue{display:none}.benefits{grid-template-columns:repeat(2,1fr)}.benefits>div{font-size:20px}.benefits span{font-size:11px}.section,.showcase{padding:75px 22px}.card-grid{grid-template-columns:1fr}.service{min-height:240px}.demo-layout,.process{grid-template-columns:1fr}.demo-layout{gap:24px}.process{gap:24px}.window-body{min-height:355px}.work-area{padding:14px}.mini-sidebar{padding:14px 7px}.stat-strip>div{padding:8px}.stat-strip small{font-size:9px}.stat-strip b{font-size:12px}.fake-table>div{padding:10px 6px;font-size:9px}.work-head h3{font-size:16px}footer{flex-wrap:wrap}.actions .cta,.actions .outline{font-size:12px;padding:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* ELAN V3 — demostraciones en video, inspiradas en la lectura vertical de páginas de producto. */
.video-intro{padding-bottom:54px;background:radial-gradient(ellipse at 75% 45%,#3d0b56,#18051f 75%)}
.video-intro .section-heading{max-width:860px}.video-feature{display:grid;grid-template-columns: minmax(320px,.82fr) minmax(0,1.18fr);align-items:center;gap:clamp(30px,5vw,90px);padding:70px clamp(22px,5vw,88px) 120px;min-height:610px;background:radial-gradient(ellipse at 85% 65%,#3e0b59,#18051f 75%)}
.feature-second{grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);background:radial-gradient(ellipse at 10% 60%,#45125e,#1a0627 72%)}
.video-text h2{font-size:clamp(2.5rem,4vw,4.8rem);margin:22px 0}.video-text p{color:#d7c4de;font-size:18px;line-height:1.7;max-width:520px}.feature-num{font-size:12px;letter-spacing:.18em;color:#ffb674;font-weight:750}.feature-points{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 34px}.feature-points span{padding:10px 13px;border:1px solid #b65ed044;background:#43145680;border-radius:30px;color:#ecd3f2;font-size:12px}.video-frame{background:#160b27;border:1px solid #ac42cf;border-radius:22px;overflow:hidden;box-shadow:0 24px 80px #090112a8,0 0 45px #c430dc24;min-width:0;transition:transform .4s,border-color .4s}.video-frame:hover{transform:translateY(-5px);border-color:#fa8e55}.video-frame video{width:100%;aspect-ratio:16/9;object-fit:contain;display:block;background:#10091a}.video-top{height:48px;background:#2a103f;display:flex;justify-content:space-between;align-items:center;padding:0 16px;color:#eacaf4;font-size:10px;letter-spacing:.12em;gap:12px}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ff873c;box-shadow:0 0 10px #ff873c;vertical-align:middle;margin-right:6px}.video-replay{color:#fff;background:#ffffff12;border:1px solid #ffffff35;border-radius:7px;padding:7px 11px;font-size:11px;white-space:nowrap}.video-replay:hover{background:#ff7420}.video-caption{padding:11px 17px;color:#bda5cc;font-size:11px}.video-outro{text-align:center;padding:85px 22px 100px;background:radial-gradient(ellipse at center,#521265,#1a0525 70%)}.video-outro p{color:#dec9e7;font-size:18px}.video-outro h2{margin-bottom:32px}
@media(max-width:850px){.video-feature,.feature-second{grid-template-columns:1fr;gap:36px;padding:55px 22px 80px;min-height:unset}.feature-second .video-text{grid-row:1}.feature-second .video-frame{grid-row:2}.video-text h2{font-size:clamp(2.6rem,8vw,4rem)}.video-text p{font-size:16px}.video-intro{padding-bottom:20px}}

/* V3.2.0 - fidelidad de marca y portada sin vibración */
:root{--orange:#ff8a25;--pink:#d20a6c;--muted:#d5c7df}
.brand{min-width:265px;gap:8px}
.brand .brand-symbol{width:50px;height:54px;object-fit:contain;flex-shrink:0}
.brand .brand-name{width:185px;height:57px;object-fit:contain;object-position:left center}
.hero-visual img{animation:none!important;transform:none!important;will-change:auto;display:block}
.hero-visual{contain:paint}
.hero{background:radial-gradient(ellipse at 83% 36%,#552166 0%,#321044 43%,#1b0929 76%,#15041f 100%)}
.hero-copy{text-shadow:0 2px 16px rgba(14,2,20,.32)}
.hero h1 em,.section h2 em,.video-feature h2 em{color:#ff8b35}
.cta{background:linear-gradient(115deg,#cd116e,#f34178);box-shadow:0 10px 30px rgba(224,26,112,.22)}
.cta:hover{box-shadow:0 14px 34px rgba(224,26,112,.32)}
.outline{border-color:#f0b6e2}
.nav{background:rgba(26,7,39,.97)}
.hero-visual{mask-image:linear-gradient(to right,transparent 0%,#000 19%,#000 100%)}
.foot-brand img:first-child{width:34px;height:39px}
.foot-brand .footer-wordmark{width:140px;height:45px;object-fit:contain;object-position:left center}
@media(max-width:1150px){.brand{min-width:210px}.brand .brand-symbol{width:42px;height:47px}.brand .brand-name{width:145px;height:48px}.nav{gap:16px}.nav nav{gap:15px}}
@media(max-width:750px){.brand{min-width:auto}.brand .brand-symbol{width:35px;height:39px}.brand .brand-name{width:118px;height:40px}.hero-visual{contain:none;mask-image:linear-gradient(to bottom,transparent 0%,#000 26%,#000 100%)}.hero{padding-bottom:355px}.hero h1{line-height:1.08}.foot-brand .footer-wordmark{width:130px}}
@media(prefers-reduced-motion:reduce){.hero-visual img{animation:none!important}.scrollcue{animation:none!important}}