/* Evo showcase: intro + swipe/scroll animations (additive) */
#evo-showcase{position:relative;isolation:isolate;padding-top:30px}
.evo-bg{position:absolute;inset:0 -24px;z-index:-1;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(transparent,#000 18%,#000 82%,transparent)}
.evo-bg img{width:100%;height:100%;object-fit:cover;opacity:.3;filter:blur(46px) saturate(1.3);transform:translateY(var(--bgy,0px)) scale(1.25)}
.evo-intro{position:relative;max-width:920px;margin:0 auto 80px;aspect-ratio:1736/906;overflow:hidden;
  border-radius:32px;box-shadow:0 34px 90px rgba(37,99,235,.24);
  clip-path:inset(var(--ci,0%) var(--cx,0%) round 36px);transform:scale(var(--cs,1));will-change:clip-path,transform}
.evo-intro img{width:100%;height:100%;object-fit:cover;display:block;transform:translateY(var(--iy,0px)) scale(1.12)}
.intro-tag{position:absolute;top:9%;left:50%;transform:translateX(-50%);white-space:nowrap;
  font-family:var(--font-m);font-size:.72rem;text-transform:uppercase;color:var(--midnight);letter-spacing:.22em;
  padding:9px 18px;border-radius:100px;background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.7);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 10px 26px rgba(11,27,58,.12);
  transition:opacity .9s ease .25s,letter-spacing 1.4s cubic-bezier(.16,.8,.3,1) .25s}
.sc-js .intro-tag:not(.in){opacity:0;letter-spacing:.7em}
.swipe-wrap{--pw:min(250px,64vw);position:relative;margin-top:30px}
.swipe-track{position:relative;display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;
  padding:30px calc(50% - var(--pw)/2) 46px;scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab;outline:none}
.swipe-track::-webkit-scrollbar{display:none}
.swipe-track.drag{scroll-snap-type:none;scroll-behavior:auto;cursor:grabbing}
.phone-card{flex:0 0 var(--pw);scroll-snap-align:center;transition:opacity .8s ease,transform .9s cubic-bezier(.16,.8,.3,1)}
.sc-js .phone-card:not(.in){opacity:0;transform:translateY(70px)}
.phone{padding:6px;border-radius:40px;background:linear-gradient(145deg,#1d2d4f,#0B1B3A);
  box-shadow:0 34px 64px rgba(14,165,233,.26),0 6px 16px rgba(11,27,58,.22),inset 0 0 0 1px rgba(255,255,255,.18);
  transform:perspective(900px) translateX(calc(var(--d,0)*-7%)) rotateY(calc(var(--d,0)*-30deg)) scale(calc(1 - var(--a,0)*.17));
  opacity:calc(1 - var(--a,0)*.5);filter:blur(calc(var(--a,0)*2.2px));will-change:transform,filter}
.phone img{display:block;width:100%;height:auto;border-radius:34px;pointer-events:none;user-select:none;-webkit-user-drag:none}
.swipe-cap{text-align:center;min-height:92px;max-width:420px;margin:0 auto;transition:opacity .35s ease,transform .35s ease}
.swipe-cap.swap{opacity:0;transform:translateY(8px)}
.swipe-cap h3{font-family:var(--font-d);font-weight:800;font-size:1.25rem;letter-spacing:-.02em;margin-bottom:6px;color:var(--midnight)}
.swipe-cap p{color:var(--ink-dim);font-size:.95rem;line-height:1.65}
.swipe-ui{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:14px}
.sbtn{width:44px;height:44px;border-radius:50%;border:1px solid var(--glass-brd);background:rgba(255,255,255,.75);color:var(--sky-4);
  font-size:1.1rem;font-weight:700;cursor:pointer;box-shadow:0 6px 18px rgba(11,27,58,.08);transition:transform .3s,opacity .3s}
.sbtn:hover{transform:scale(1.08)}.sbtn:disabled{opacity:.35;cursor:default;transform:none}
.sdots{display:flex;gap:8px;align-items:center}
.sdot{width:8px;height:8px;padding:0;border:0;border-radius:8px;background:rgba(11,27,58,.2);cursor:pointer;transition:width .35s,background .35s}
.sdot.on{width:26px;background:linear-gradient(120deg,var(--sky-3),var(--sky-4))}
@media(max-width:560px){.evo-intro{border-radius:24px;margin-bottom:56px}.intro-tag{font-size:.6rem;padding:7px 13px}.sbtn{display:none}}

/* arrow buttons: icon perfectly centered in the circle */
.sbtn{padding:0;line-height:0;border-color:rgba(37,99,235,.28)}
.sbtn svg{width:18px;height:18px;display:block}
.sbtn:disabled{opacity:.5}
@media(min-width:561px){.sbtn{display:inline-flex;align-items:center;justify-content:center}}