.sp-card-mockup { width: 180px; height: 110px; background: linear-gradient(135deg,#1a1a1a,#2d2d2d); border-radius: 14px; padding: 16px; position: relative; box-shadow: 0 12px 40px rgba(0,0,0,.25); flex-shrink: 0;}.sp-card-chip { width: 28px; height: 20px; background: linear-gradient(135deg,#d4af37,#c49a1e); border-radius: 4px; margin-bottom: 16px;}.sp-card-number { height: 6px; width: 70%; background: rgba(255,255,255,.2); border-radius: 3px;}.sp-card-logo { position: absolute; bottom: 14px; right: 16px; font-weight: 900; font-size: 1.1rem; color: rgba(255,255,255,.7);} .sp-phone-mockup { width: 160px; background: #111; border-radius: 28px; border: 2px solid #2a2a2a; padding: 14px 12px 18px; box-shadow: 0 20px 60px rgba(0,0,0,.3); flex-shrink: 0;}.sp-phone-mockup--light { width: 200px; border-radius: 34px; padding: 18px 14px 22px;}.sp-pm-notch { width: 40px; height: 6px; background: #2a2a2a; border-radius: 3px; margin: 0 auto 12px;}.sp-pm-screen { display: flex; flex-direction: column; gap: 0; }.sp-pm-bar { height: 8px; background: rgba(255,255,255,.15); border-radius: 4px;}.sp-pm-bar--sm { height: 6px; background: rgba(255,255,255,.08); }.sp-pm-widget { background: rgba(255,255,255,.06); border-radius: 8px; padding: 8px; margin-top: 8px;} .sp-tablet-mockup { width: 260px; background: #111; border-radius: 20px; border: 2px solid #2a2a2a; padding: 18px 14px; box-shadow: 0 16px 48px rgba(0,0,0,.25); flex-shrink: 0;}.sp-tm-screen { display: flex; flex-direction: column; gap: 0; } .sp-phone-wrap { position: relative; display: inline-block; }.sp-phone-glow { width: 200px; height: 200px; background: radial-gradient(circle,rgba(80,140,255,.35) 0%,transparent 70%); position: absolute; bottom: -30px; left: 0; right: 0; margin: auto; border-radius: 50%; z-index: -1;}