/* Hero option A: product-truth phone UI. Motion: Corporate personality.
   one-time staggered entrance, 300ms cubic-bezier(.2,0,0,1); cards stay visible at rest; no loop. */
.home-hero{overflow:hidden}
.hero-bg{position:absolute;inset:0;z-index:-3;background:radial-gradient(120% 90% at 80% 20%,#0f2a24 0%,#07080c 60%);pointer-events:none}
.pa{max-width:380px;margin:0 auto;position:relative}
.pa-phone{border:1px solid #2a3140;border-radius:36px;background:#0c0f15;padding:18px 14px 22px;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.pa-top{display:flex;justify-content:space-between;font-family:var(--mono);font-size:12px;color:#c9d0db;padding:0 8px 12px}
.pa-tag{display:inline-block;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#0b0d12;background:#9ae8ff;border-radius:4px;padding:3px 7px;margin:0 0 12px 8px}
.pa-c{border:1px solid #2a3140;background:#141923;border-radius:16px;padding:12px 14px;margin:0 0 10px;color:#eef2f7}
.pa-c b{display:block;font-size:15px}
.pa-c small{display:block;font-size:13px;color:#c9d0db;margin-top:2px}
.pa-k{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#9ae8ff;margin-bottom:4px}
.pa-miss .pa-k{color:#ff9b8f}
.pa-live{display:inline-block;width:8px;height:8px;border-radius:50%;background:#5ff2b4;margin-right:6px;vertical-align:middle}
.pa-sms{background:#1d3a32;border-color:#2f6b5a;border-radius:16px 16px 4px 16px}
.pa-cap{font-family:var(--mono);font-size:12px;color:#c9d0db;text-align:center;margin:0 0 12px}
@media (prefers-reduced-motion:no-preference){
 .pa-c{animation:pa-in .3s cubic-bezier(.2,0,0,1) backwards}
 .pa-ans{animation-delay:.1s}.pa-cal{animation-delay:.2s}.pa-sms{animation-delay:.3s}
 
}
/* cards enter once, staggered, then stay fully visible */
@keyframes pa-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}



@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}
@media (max-width:1023px){.pa{margin-top:28px}}