/* svc-mobile.css — Mobile Apps · unified blue/cyan system */
.hero-mobile {
    background: linear-gradient(140deg, #0B1426 0%, #0F1E38 50%, #0B1426 100%);
}
.hero-mobile .svc-hero__bg::before {
    content:''; position:absolute; inset:0;
    background:radial-gradient(ellipse at 70% 40%, rgba(37,99,235,.14) 0%, transparent 60%);
    pointer-events:none;
}
.hero-mobile .svc-hero__bg::after {
    content:''; position:absolute;
    width:440px; height:440px; border-radius:50%;
    background:radial-gradient(circle, rgba(6,182,212,.1) 0%, transparent 70%);
    top:-60px; right:-40px; pointer-events:none;
}
.hero-mobile .svc-h1            { color:#fff; }
.hero-mobile .svc-sub           { color:#94A3B8; }
.hero-mobile .hero-tag          { color:#38BDF8; background:rgba(56,189,248,.1); border:1px solid rgba(56,189,248,.22); }
.hero-mobile .svc-bc            { color:rgba(255,255,255,.45); }
.hero-mobile .svc-bc a          { color:rgba(255,255,255,.45); }
.hero-mobile .svc-bc a:hover    { color:#fff; }
.hero-mobile .svc-bc i          { color:rgba(255,255,255,.22); }
.hero-mobile .svc-proof-item    { color:rgba(255,255,255,.65); }
.hero-mobile .svc-proof-item i  { color:#38BDF8; }

/* Phone frame */
.phone-wrap { display:flex; justify-content:center; position:relative; padding-bottom:24px; }
.phone-frame {
    width:200px; height:420px;
    background:#0d0f1e; border-radius:34px;
    border:6px solid rgba(255,255,255,.1);
    box-shadow:0 32px 80px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.06);
    overflow:hidden; position:relative;
    animation:float 8s ease-in-out infinite;
}
.phone-notch {
    position:absolute; top:9px; left:50%; transform:translateX(-50%);
    width:58px; height:16px; background:#080515; border-radius:var(--r-full); z-index:3;
}
.phone-screen {
    position:absolute; inset:0;
    background:linear-gradient(160deg,#0B1426 0%,#111e3a 100%);
    display:flex; flex-direction:column;
    padding:38px 12px 16px; gap:8px; overflow:hidden;
}
.p-card {
    background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.08);
    border-radius:11px; padding:10px; display:flex; gap:8px; align-items:center;
}
.p-icon { width:32px; height:32px; border-radius:8px; display:flex; align-items:center; justify-content:center; font-size:.9rem; flex-shrink:0; }
.p-title  { font-size:.65rem; font-weight:600; color:#fff; }
.p-metric { font-size:.56rem; color:rgba(255,255,255,.35); margin-top:2px; }
.p-notif {
    background:rgba(56,189,248,.12); border:1px solid rgba(56,189,248,.22);
    border-radius:9px; padding:8px 10px; display:flex; align-items:center; gap:6px;
}
.notif-dot { width:7px; height:7px; border-radius:50%; background:#38BDF8; flex-shrink:0; animation:pulse-dot 1.8s ease-in-out infinite; }
.notif-txt { font-size:.6rem; color:#BAE6FD; line-height:1.4; }

.cta-mobile { background:linear-gradient(135deg,#0B1426 0%,#0c1830 100%); }
.cta-mobile h2 { color:#fff; }
.cta-mobile .svc-cta-sub { color:#94A3B8; }
.cta-mobile .svc-cta-trust { color:rgba(255,255,255,.5); }
.cta-mobile .svc-cta-trust i { color:#38BDF8; }