/* LOLA Signature · landing — aurora, ruta animada, vidrio y botón con brillo. Solo CSS/SVG. */
.sig-aurora{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;mix-blend-mode:screen}
.sig-aurora i{position:absolute;border-radius:50%;filter:blur(64px);will-change:transform}
.sig-aurora i:nth-child(1){width:62vw;height:62vw;left:-16vw;top:-26vw;background:radial-gradient(closest-side,rgba(84,146,230,.55),transparent);animation:sigA 18s ease-in-out infinite}
.sig-aurora i:nth-child(2){width:52vw;height:52vw;right:-12vw;bottom:-24vw;background:radial-gradient(closest-side,rgba(244,199,30,.32),transparent);animation:sigB 22s ease-in-out infinite}
.sig-route{position:absolute;inset:0;z-index:2;width:100%;height:100%;pointer-events:none;opacity:.6}
.sig-route .dash{animation:sigDash 16s linear infinite}
@keyframes sigA{0%,100%{transform:translate3d(-4%,-3%,0) scale(1)}50%{transform:translate3d(5%,6%,0) scale(1.12)}}
@keyframes sigB{0%,100%{transform:translate3d(4%,5%,0) scale(1.05)}50%{transform:translate3d(-5%,-6%,0) scale(.95)}}
@keyframes sigDash{to{stroke-dashoffset:-400}}
@keyframes sigFloat{0%,100%{transform:translateY(-46%)}50%{transform:translateY(-50%)}}
@keyframes sigFill{from{width:58%}to{width:78%}}
.btn--primary{position:relative;overflow:hidden;background:linear-gradient(180deg,#FFDC5C 0%,#F4C71E 55%,#E8B800 100%);box-shadow:0 18px 36px -14px rgba(244,199,30,.75),inset 0 1px 0 rgba(255,255,255,.5)}
.btn--primary::after{content:'';position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transition:left .7s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.btn--primary:hover::after{left:120%}
.hero__stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 28px;width:100%;max-width:780px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15);border-radius:22px;padding:22px 28px;backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%);box-shadow:0 30px 60px -34px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.16)}
.hero__stats .stat__label{max-width:none}
@media (max-width:820px){.hero__stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sig-track{position:absolute;z-index:3;right:max(4vw,24px);top:50%;transform:translateY(-46%);width:min(340px,28vw);padding:20px;border-radius:26px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);box-shadow:0 44px 90px -34px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.22);color:#fff;animation:sigFloat 6s ease-in-out infinite}
.sig-track__top{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.sig-track__top i{width:8px;height:8px;border-radius:50%;background:#5BE49B;animation:ping 2s infinite}
.sig-track__route{margin:12px 0 16px;font-weight:700;font-size:15px;line-height:1.4}
.sig-track__bar{height:8px;border-radius:99px;background:rgba(255,255,255,.14);position:relative;overflow:hidden}
.sig-track__bar b{position:absolute;left:0;top:0;bottom:0;border-radius:99px;background:linear-gradient(90deg,var(--accent),#FFDC5C);animation:sigFill 6s ease-in-out infinite alternate}
.sig-track__row{display:flex;justify-content:space-between;align-items:center;margin-top:13px;font-size:13.5px;color:rgba(255,255,255,.82)}
.sig-track__row strong{color:#fff;font-size:17px;letter-spacing:-.3px}
.sig-track__pay{display:flex;align-items:center;gap:9px;margin-top:15px;padding-top:13px;border-top:1px solid rgba(255,255,255,.15);font-size:12.5px;color:rgba(255,255,255,.8)}
.sig-track__pay svg{flex:none;color:var(--accent)}
@media (max-width:1180px){.sig-track{display:none}}
@media (prefers-reduced-motion:reduce){.sig-aurora i,.sig-route .dash,.sig-track,.sig-track__bar b,.sig-track__top i{animation:none}.sig-route circle{display:none}}
