.hero-phone-card{flex-direction:column;align-items:center;width:100%;max-width:600px;margin:0 auto;display:flex;position:relative}.phone-glow{filter:blur(40px);pointer-events:none;z-index:0;background:radial-gradient(#3b82f64d 0%,#0000 65%);border-radius:50%;position:absolute;inset:-40px}.phone-container-rotated{z-index:2;justify-content:center;align-items:center;width:100%;max-width:350px;margin:0 auto;display:flex;position:relative}.phone-container-rotated:before{content:"";z-index:-1;filter:blur(30px);background:radial-gradient(#3b82f61a 0%,#0000 70%);border-radius:50%;position:absolute;inset:-20px}@media (max-width:768px){.phone-container-rotated{max-width:280px}}@media (max-width:640px){.phone-container-rotated{max-width:240px}}.phone-wrapper{z-index:1;filter:drop-shadow(0 40px 80px #3b82f633);width:100%;position:relative}.phone-mockup{aspect-ratio:9/19;z-index:2;background:#0a0e27;border:8px solid #111827;border-radius:42px;flex-direction:column;width:100%;max-width:280px;margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:0 50px 100px -20px #000c,0 0 0 1px #ffffff0d}@media (max-width:768px){.phone-mockup{max-width:240px}}.phone-mockup.hero-mockup{aspect-ratio:9/19;z-index:2;background:#0a0e27;border:8px solid #111827;border-radius:42px;width:280px;box-shadow:0 50px 100px -20px #000c,0 0 0 1px #ffffff0d}.phone-mockup .phone-notch.hero-notch{z-index:5;background:#000;border-radius:14px;width:90px;height:22px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.phone-mockup .map-bg{background:radial-gradient(at 30% 20%,#3b82f640,#0000 40%),radial-gradient(at 70% 70%,#a78bfa33,#0000 40%),#0c1424;position:absolute;inset:0}.phone-mockup .map-grid{opacity:.3;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.phone-mockup .pin{z-index:2;border-radius:50%;width:14px;height:14px;position:absolute}.phone-mockup .pin.red{background:#ef4444}.phone-mockup .pin.amber{background:#f59e0b}.phone-mockup .pin.blue{background:#60a5fa}.phone-mockup .pin.violet{background:#a78bfa}.phone-mockup .phone-card{z-index:4;-webkit-backdrop-filter:blur(20px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;padding:12px;font-size:12px;position:absolute;left:12px;right:12px}.phone-mockup .phone-card.phone-card-top{top:48px}.phone-mockup .phone-card.phone-card-bottom{bottom:12px}.phone-mockup .phone-card .dot{background:#ef4444;border-radius:50%;width:8px;height:8px;margin-right:6px;animation:2s cubic-bezier(0,0,.2,1) infinite ping;display:inline-block}.phone-mockup .phone-card b{color:var(--foreground)}.phone-mockup .phone-card .text-muted-foreground{color:var(--muted-foreground)}.status-bar{color:#fff;background:linear-gradient(#0009 0%,#0000004d 100%);border-bottom:1px solid #3b82f61a;justify-content:space-between;align-items:center;padding:8px 16px;font-size:12px;font-weight:600;display:flex;position:relative}.status-bar:after{content:"";background:#000;border-radius:0 0 16px 16px;width:140px;height:24px;position:absolute;top:0;left:50%;transform:translate(-50%)}.status-bar .time{z-index:1}.status-bar .status-icons{z-index:1;gap:6px;font-size:10px;display:flex}.phone-content{background:linear-gradient(#0a1420 0%,#1a2a42 100%);flex-direction:column;flex:1;gap:16px;padding:16px;display:flex;overflow-y:auto}.phone-content::-webkit-scrollbar{display:none}.badge-icon{background:linear-gradient(135deg,#f6f9fc,#add1ff 50%,#88bcff,#60a7ff);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:8px;font-size:24px;display:flex;box-shadow:0 0 20px #3b82f680}.title-section{flex-direction:column;gap:8px;display:flex}.phone-title{color:#fff;margin:0;font-size:18px;font-weight:600;line-height:1.3}.phone-title .bold{font-weight:700}@media (max-width:768px){.phone-title{font-size:16px}}.phone-description{color:#a0aac0;margin:0;font-size:13px;line-height:1.5}.image-container{min-height:200px;overflow:hidden}.phone-image{object-fit:cover;border-radius:12px;width:100%;height:100%;display:block}.pagination-dots{justify-content:center;align-items:center;gap:8px;margin:0;padding:0;display:flex}.pagination-dots .dot{cursor:pointer;background:#ffffff4d;border-radius:50%;width:6px;height:6px;transition:all .3s}.pagination-dots .dot:hover{background:#ffffff80}.pagination-dots .dot.active{background:#3b82f6cc;border-radius:3px;width:20px}.cta-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f6f9fc,#add1ff 50%,#88bcff,#60a7ff);border:none;border-radius:12px;padding:14px 32px;font-size:14px;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #3b82f666}.cta-button:hover{box-shadow:0 6px 20px #3b82f699}.cta-button:active{transform:scale(.98)}@media (max-width:768px){.cta-button{padding:12px 28px;font-size:13px}}.bottom-indicator{background:#ffffff4d;border-radius:2px;width:32px;height:4px;margin:8px auto 0}.verified-badge,.trust-badge{-webkit-backdrop-filter:blur(20px);z-index:3;background:#ffffff0a;border:1px solid #ffffff14;border-radius:1rem;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:12px;display:flex;position:absolute}.verified-badge .badge-icon,.trust-badge .badge-icon{width:24px;height:24px;color:var(--alert);flex-shrink:0;justify-content:center;align-items:center;display:flex}.verified-badge .badge-label,.trust-badge .badge-label{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em;font-size:10px}.verified-badge .badge-value,.trust-badge .badge-value{color:var(--foreground);font-weight:600}.verified-badge{top:-20px;left:-30px}.trust-badge{bottom:60px;right:-40px}@media (max-width:768px){.hero-phone-card{max-width:100%;padding:0 20px}.phone-mockup{aspect-ratio:9/16;max-width:100%}.phone-glow{width:280px;height:520px}.phone-content{gap:12px;padding:14px}.title-section{gap:6px}.image-container{min-height:180px}}