/* New app slide only. Original slides, page sections and shared CSS are untouched. */
.hero-text-wrap .app-carousel-slide{width:min(100%,1040px);text-align:left}
.app-carousel-inner{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:28px;align-items:center;padding:22px 34px;background:linear-gradient(115deg,#0a1933,#12385c);border:1px solid #314f6b;border-radius:24px;box-shadow:0 16px 36px -24px #001b5066}
.app-carousel-brand{display:flex;align-items:center;gap:11px;color:#ecf7ff;font-family:Inter,sans-serif;font-size:17px;margin-bottom:11px}
.app-carousel-brand img{width:40px;height:40px;border-radius:10px;flex:none}
.hero-text-wrap .app-carousel-slide h2{font-size:clamp(1.6rem,3vw,2.45rem);color:#fff;line-height:1.1;margin:0 0 12px}
.hero-text-wrap .app-carousel-slide h2 span{color:#85d8ff}
.hero-text-wrap .app-carousel-slide p{font-family:Inter,sans-serif;color:#d5e5f5;font-size:15px;line-height:1.55;max-width:520px;margin:0 0 17px}
.app-carousel-link{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:45px;padding:11px 18px;border-radius:10px;color:#0a345c;background:#fff;font-family:Inter,sans-serif;font-size:14px;line-height:1.4;font-weight:750;text-decoration:none}
.app-carousel-link:hover{background:#e1f5ff}.app-carousel-link:focus-visible{outline:3px solid #ffc94f;outline-offset:4px}
.app-carousel-copy small{display:block;font-family:Inter,sans-serif;font-size:11px;line-height:1.5;color:#b8d4e9;margin-top:10px}
.app-carousel-phone{display:flex;flex-direction:column;align-items:center;margin:0}
.app-carousel-device{width:122px;max-width:100%;padding:5px;background:#17212d;border:2px solid #8494a3;border-radius:20px;transform:rotate(4deg);box-shadow:5px 10px 22px #0005}
.app-carousel-device img{display:block;width:100%;height:auto;border-radius:12px}
.app-carousel-phone figcaption{font-family:Inter,sans-serif;font-size:9px;color:#b8d4e9;line-height:1.3;margin-top:10px;text-align:center}
@media(max-width:650px){
  .app-carousel-inner{grid-template-columns:minmax(0,1fr) 94px;gap:12px;padding:17px 16px;border-radius:18px}
  .app-carousel-brand{font-size:14px;gap:8px;margin-bottom:11px}.app-carousel-brand img{width:30px;height:30px;border-radius:8px}
  .hero-text-wrap .app-carousel-slide h2{font-size:25px;margin-bottom:10px;line-height:1.12}
  .hero-text-wrap .app-carousel-slide p{font-size:12px;line-height:1.5;margin-bottom:13px}
  .app-carousel-device{width:94px;padding:4px;border-radius:17px}.app-carousel-device img{border-radius:10px}
  .app-carousel-link{font-size:11px;padding:10px 12px;min-height:44px;gap:7px}
  .app-carousel-copy small{font-size:9px;line-height:1.5;margin-top:9px}
  .app-carousel-phone figcaption{font-size:8px}
}
@media(max-width:350px){
  .app-carousel-inner{grid-template-columns:minmax(0,1fr) 80px;padding:15px 12px;gap:10px}
  .hero-text-wrap .app-carousel-slide h2{font-size:22px}
  .hero-text-wrap .app-carousel-slide p{font-size:11px;line-height:1.5}
  .app-carousel-brand{font-size:12px;gap:7px}.app-carousel-brand img{width:27px;height:27px}
  .app-carousel-device{width:80px}.app-carousel-link{padding-inline:9px;font-size:10px;gap:5px}
}
@media(prefers-reduced-motion:reduce){.app-carousel-device{transform:none}}