.cta-phone{position:absolute;z-index:4;left:50%;top:50%;width:186px;aspect-ratio:9/19;padding:7px;border-radius:34px;background:linear-gradient(145deg,#2a2f45,#05060d);border:1px solid rgba(255,255,255,.25);box-shadow:0 40px 80px rgba(0,0,0,.65),0 0 0 6px rgba(43,67,217,.18);transform:translate(-50%,-50%) rotate(-3deg);animation:ctaPhoneFloat 6s ease-in-out infinite}.cta-phone:before{content:"";position:absolute;z-index:2;left:50%;top:13px;width:56px;height:14px;border-radius:999px;background:#05060d;transform:translateX(-50%)}.cta-phone-screen{width:100%;height:100%;overflow:hidden;border-radius:28px;background:#fff}.cta-phone-screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
@keyframes ctaPhoneFloat{0%,100%{transform:translate(-50%,-50%) rotate(-3deg)}50%{transform:translate(-50%,calc(-50% - 12px)) rotate(-1deg)}}
@media(max-width:720px){.cta-phone{width:140px;border-radius:26px}.cta-phone-screen{border-radius:21px}}
.cta-devices{position:relative;z-index:2;flex:1 1 48%;max-width:640px;min-height:440px}.cta-devices .cta-phone{left:auto;right:-2%;top:auto;bottom:-6%;transform:rotate(3deg);animation:ctaPhoneBob 6s ease-in-out infinite;width:170px}
.cta-laptop{position:absolute;left:0;top:6%;width:88%}.cta-laptop-screen{position:relative;aspect-ratio:16/10;padding:12px 12px 14px;border-radius:16px 16px 4px 4px;background:#0a0c14;border:2px solid #2b2f40;box-shadow:0 40px 80px rgba(0,0,0,.6),0 0 0 6px rgba(43,67,217,.14)}.cta-laptop-cam{position:absolute;left:50%;top:4px;width:5px;height:5px;border-radius:50%;background:#2b2f40;transform:translateX(-50%)}.cta-laptop-base{height:14px;margin:0 -5%;border-radius:2px 2px 18px 18px;background:linear-gradient(#cfd3e0,#7b8094);box-shadow:0 18px 30px rgba(0,0,0,.5)}.cta-laptop-base:before{content:"";display:block;width:18%;height:5px;margin:0 auto;border-radius:0 0 8px 8px;background:#a2a7ba}
.cta-slides{position:relative;width:100%;height:100%;overflow:hidden;border-radius:4px;background:#07133F}.cta-slide{position:absolute;inset:0;margin:0;opacity:0;animation:ctaSlide 12s infinite;animation-delay:calc(var(--i)*3s)}.cta-slide img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.cta-slide figcaption{position:absolute;left:12px;bottom:12px;padding:7px 11px;border-radius:999px;background:rgba(0,0,0,.72);backdrop-filter:blur(8px);color:#fff;font-size:10px;font-weight:800;letter-spacing:.06em}
@keyframes ctaSlide{0%{opacity:0}4%,25%{opacity:1}29%,100%{opacity:0}}@keyframes ctaPhoneBob{0%,100%{transform:translateY(0) rotate(3deg)}50%{transform:translateY(-12px) rotate(1deg)}}
@media(max-width:1050px){.cta-devices{max-width:none;width:100%;min-height:400px}}@media(max-width:720px){.cta-devices{min-height:290px}.cta-devices .cta-phone{width:112px;border-radius:22px;padding:5px}.cta-devices .cta-phone-screen{border-radius:17px}.cta-laptop-screen{padding:7px 7px 9px}}
@media(prefers-reduced-motion:reduce){.cta-slide{animation:none}.cta-slide:first-child{opacity:1}}
.portfolio-brand-visual .cta-devices,.hero-brand-visual .cta-devices{width:100%;max-width:640px;min-height:0;aspect-ratio:1.25;flex:none;margin:auto}
@media(max-width:760px){.hero-brand-visual .cta-devices,.portfolio-brand-visual .cta-devices{aspect-ratio:1.1;min-height:300px}}