.heroV4{--h-navy:#15154a;--h-violet:#4b38ee;--h-violet2:#3d22d8;--h-eyebrow:#8e9bb8;--h-body:#5a6687;position:relative;overflow:hidden;padding-block:40px 88px;background:linear-gradient(180deg,#fff,#f8f8fd 46%,#f1f0fc)}.heroV4:before{content:"";position:absolute;left:-10%;right:-10%;bottom:4%;height:62%;pointer-events:none;background:radial-gradient(52% 50% at 54% 52%,rgba(196,192,250,.42),rgba(196,192,250,0) 72%)}.heroV4__wrap{position:relative;z-index:2;width:100%;max-width:1320px;margin-inline:auto;padding-inline:20px;display:grid;grid-template-columns:38% 1fr;gap:2%;align-items:center}.heroV4__eyebrow{margin:0 0 14px;font-size:clamp(8.5px,.9vw,12px);font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--h-eyebrow)}.heroV4__title{margin:0 0 20px;font-size:clamp(19px,2.95vw,41px);line-height:1.16;letter-spacing:-.025em;font-weight:700;color:var(--h-navy)}.heroV4__title-accent{display:block;color:var(--h-violet)}.heroV4__lede{margin:0 0 28px;max-width:30em;font-size:clamp(10.5px,1.25vw,17px);color:var(--h-body)}.heroV4__cta{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:999px;text-decoration:none;color:#fff;font-weight:600;line-height:1;white-space:nowrap;font-size:clamp(12px,1.2vw,16.5px);padding:clamp(10px,1.15vw,16px) clamp(18px,2.2vw,30px);background:linear-gradient(135deg,var(--h-violet2),#5a44f2);transition:transform .45s cubic-bezier(.2,1.45,.35,1),box-shadow .35s}.heroV4__cta:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 14px 32px rgba(61,34,216,.34)}.heroV4__ready{margin:14px 0 0;font-size:clamp(9.5px,.95vw,13px);color:var(--h-eyebrow)}.heroV4__down{display:inline-block;margin-top:clamp(14px,1.7vw,22px);font-size:clamp(10px,1.02vw,14px);font-weight:500;color:var(--h-navy);text-decoration:none}.heroV4__down span{display:inline-block;transition:transform .5s cubic-bezier(.2,1.45,.35,1)}.heroV4__down:hover span{transform:translateY(4px)}.heroV4__stage{position:relative;width:100%;aspect-ratio:1010/550}.heroV4__piece{position:absolute;margin:0;transform:translate(-50%,-50%)}.heroV4__lift{display:block;transform:rotate(var(--rot,0deg));transform-origin:50% 50%;transition:transform .62s cubic-bezier(.2,1.45,.35,1)}.heroV4__stack{position:relative;display:block}.heroV4__stack img{display:block;width:100%;height:auto}.heroV4__on{position:absolute;inset:0;opacity:0;transition:opacity .62s cubic-bezier(.2,1.45,.35,1)}.heroV4__piece:hover{z-index:30}.heroV4__piece:hover .heroV4__lift{transform:rotate(var(--rot,0deg)) scale(1.075)}.heroV4__piece:hover .heroV4__on{opacity:1}.heroV4__piece--phone img{display:block;width:100%;height:auto;filter:drop-shadow(0 24px 42px rgba(58,33,184,.2));transition:filter .4s ease}.heroV4__piece--phone:hover img{filter:drop-shadow(0 34px 58px rgba(75,56,238,.3))}.heroV4__orbits{position:absolute;inset:0;z-index:1;pointer-events:none}.heroV4__orbits svg{position:absolute;left:47.3%;top:52.8%;width:66%;aspect-ratio:1/1;overflow:visible;transform:translate(-50%,-50%) rotate(-12deg)}.heroV4__orbits ellipse{fill:none;stroke:#dcd6fb;stroke-width:1.3;opacity:.6}.heroV4__sphere{aspect-ratio:1/1;overflow:hidden;pointer-events:none;transform:translate(-50%,-50%);box-shadow:0 8px 18px rgba(58,33,184,.26)}.heroV4__sphere,.heroV4__sphere i{position:absolute;border-radius:50%}.heroV4__sphere i{inset:0;background:radial-gradient(circle at 32% 26%,#b9aaff 0,#6b53f0 38%,#3d22d8 72%,#2a1499 100%)}.heroV4__sphere u{position:absolute;left:22%;top:15%;width:28%;height:21%;border-radius:50%;background:#fff;filter:blur(2.5px);opacity:.9}@media (max-width:640px){.heroV4__wrap{grid-template-columns:1fr;gap:48px;padding-inline:0}.heroV4__copy{padding-inline:20px}.heroV4__stage{width:100vw;margin-left:50%;transform:translateX(-50%)}}@media (prefers-reduced-motion:reduce){.heroV4 *,.heroV4 :after,.heroV4 :before{transition-duration:.01ms!important;animation:none!important}}.hv4-franja{opacity:0;transform:translateY(100%);transition:opacity .3s ease,transform .3s ease}@media (hover:hover) and (pointer:fine){.v3-card:focus-within .hv4-franja,.v3-card:hover .hv4-franja{opacity:1;transform:none}}@media (hover:none){.hv4-franja{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.hv4-franja{transition:none}}