.audio-hero[data-v-e8f4cc20]{align-items:center;display:flex;min-height:90vh;overflow:hidden;padding:160px 0 80px;position:relative}.bg-shapes[data-v-e8f4cc20]{inset:0;pointer-events:none;position:absolute}.bg-shape[data-v-e8f4cc20]{border-radius:50%;filter:blur(100px);position:absolute}.bg-shape-1[data-v-e8f4cc20]{background:radial-gradient(circle,rgba(var(--primary-rgb),.2) 0,rgba(var(--primary-rgb),0) 70%);height:600px;right:-10%;top:-10%;width:600px}.bg-shape-2[data-v-e8f4cc20]{background:radial-gradient(circle,#10b98126 0,#10b98100 70%);bottom:-20%;height:500px;left:-10%;width:500px}.bg-shape-3[data-v-e8f4cc20]{background:radial-gradient(circle,rgba(var(--primary-2,var(--primary-rgb)),.1) 0,transparent 70%);height:300px;left:30%;top:30%;width:300px}[data-theme=dark] .bg-shape-1[data-v-e8f4cc20]{background:radial-gradient(circle,rgba(var(--primary-rgb),.25) 0,rgba(var(--primary-rgb),0) 70%)}.relative[data-v-e8f4cc20]{position:relative;z-index:1}.audio-hero-inner[data-v-e8f4cc20]{align-items:center;display:grid;gap:64px;grid-template-columns:1.1fr .9fr}.badge-pill[data-v-e8f4cc20]{align-items:center;background:rgba(var(--primary-rgb),.1);border:1px solid rgba(var(--primary-rgb),.2);border-radius:var(--radius-pill);color:var(--primary);display:inline-flex;font-size:14px;font-weight:700;gap:8px;margin-bottom:24px;padding:8px 18px}.audio-hero-title[data-v-e8f4cc20]{color:var(--text);font-size:clamp(36px,5vw,58px);font-weight:800;letter-spacing:-.02em;line-height:1.15;margin:0 0 24px}.text-gradient[data-v-e8f4cc20]{background:linear-gradient(135deg,var(--primary) 0,#10b981 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.audio-hero-lead[data-v-e8f4cc20]{color:var(--text-secondary);font-size:18px;line-height:1.9;margin:0 0 40px;max-width:560px}.audio-hero-buttons[data-v-e8f4cc20]{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:32px}.btn-large[data-v-e8f4cc20]{border-radius:var(--radius-pill);font-size:16px;padding:16px 32px}.audio-hero-trust[data-v-e8f4cc20]{align-items:center;display:flex;gap:12px}.trust-dots[data-v-e8f4cc20]{display:flex;gap:6px}.trust-dot[data-v-e8f4cc20]{border-radius:50%;height:8px;width:8px}.trust-text[data-v-e8f4cc20]{color:var(--muted);font-size:14px;font-weight:600}.audio-hero-visual[data-v-e8f4cc20]{display:flex;justify-content:center;position:relative}.audio-player-mockup[data-v-e8f4cc20]{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--card-bg);border:var(--border);border-radius:32px;box-shadow:var(--shadow-lg);padding:32px;position:relative;transition:transform var(--transition-spring);width:380px}.audio-player-mockup[data-v-e8f4cc20]:hover{transform:translateY(-8px) rotate(1deg)}.mockup-glow[data-v-e8f4cc20]{background:radial-gradient(circle,rgba(var(--primary-rgb),.2) 0,transparent 70%);border-radius:50%;height:200px;pointer-events:none;position:absolute;right:-60px;top:-60px;width:200px}.player-top[data-v-e8f4cc20]{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.player-status[data-v-e8f4cc20]{align-items:center;background:#22c55e1a;border-radius:var(--radius-pill);color:#22c55e;display:inline-flex;font-size:13px;font-weight:700;gap:8px;padding:6px 14px}.player-status[data-v-e8f4cc20]:before{animation:pulse-e8f4cc20 2s infinite;background:#22c55e;border-radius:50%;content:"";height:8px;width:8px}@keyframes pulse-e8f4cc20{0%,to{opacity:1}50%{opacity:.3}}.player-time[data-v-e8f4cc20]{color:var(--muted);font-size:14px;font-variant-numeric:tabular-nums;font-weight:600}.player-artwork[data-v-e8f4cc20]{align-items:center;background:linear-gradient(135deg,rgba(var(--primary-rgb),.15),rgba(var(--primary-rgb),.05));border:1px solid rgba(var(--primary-rgb),.15);border-radius:24px;color:var(--primary);display:flex;flex-direction:column;gap:12px;height:160px;justify-content:center;margin:0 auto 32px;width:160px}.artwork-label[data-v-e8f4cc20]{color:var(--text);font-size:13px;font-weight:800}.player-track[data-v-e8f4cc20]{margin-bottom:24px;text-align:center}.track-name[data-v-e8f4cc20]{color:var(--text);font-size:20px;font-weight:800;margin:0 0 6px}.track-artist[data-v-e8f4cc20]{color:var(--muted);font-size:14px;margin:0}.player-progress[data-v-e8f4cc20]{margin-bottom:28px}.progress-track[data-v-e8f4cc20]{background:rgba(var(--primary-rgb),.1);height:6px;margin-bottom:8px}.progress-fill[data-v-e8f4cc20],.progress-track[data-v-e8f4cc20]{border-radius:var(--radius-pill);position:relative}.progress-fill[data-v-e8f4cc20]{background:linear-gradient(90deg,var(--primary),var(--primary-2));height:100%}.progress-thumb[data-v-e8f4cc20]{background:#fff;border:3px solid var(--primary);border-radius:50%;box-shadow:var(--shadow-sm);height:16px;position:absolute;right:0;top:50%;transform:translate(50%,-50%);width:16px}.progress-times[data-v-e8f4cc20]{color:var(--muted);display:flex;font-size:12px;font-weight:500;justify-content:space-between}.player-controls[data-v-e8f4cc20]{gap:24px;margin-bottom:24px}.ctrl-btn[data-v-e8f4cc20],.player-controls[data-v-e8f4cc20]{align-items:center;display:flex;justify-content:center}.ctrl-btn[data-v-e8f4cc20]{background:var(--surface-2);border:var(--border);border-radius:50%;color:var(--text);cursor:pointer;height:48px;transition:all var(--transition-fast);width:48px}.ctrl-btn.primary[data-v-e8f4cc20]{background:linear-gradient(135deg,var(--primary),var(--primary-2));border:none;box-shadow:0 8px 24px rgba(var(--primary-rgb),.35);color:#fff;height:64px;width:64px}.ctrl-btn[data-v-e8f4cc20]:hover{transform:scale(1.1)}.player-options[data-v-e8f4cc20]{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.option-chip[data-v-e8f4cc20]{background:var(--surface-2);border:var(--border);border-radius:var(--radius-pill);color:var(--muted);font-size:12px;font-weight:700;padding:6px 14px}.option-chip.option-active[data-v-e8f4cc20]{background:rgba(var(--primary-rgb),.1);border-color:rgba(var(--primary-rgb),.2);color:var(--primary)}.floating-card[data-v-e8f4cc20]{align-items:center;animation:float-e8f4cc20 4s ease-in-out infinite;background:var(--card-bg);border:var(--border);border-radius:var(--radius-tile);box-shadow:var(--shadow-lg);display:flex;font-size:13px;gap:12px;padding:14px 18px;position:absolute;z-index:2}.floating-card svg[data-v-e8f4cc20]{color:var(--primary);flex-shrink:0}.floating-card strong[data-v-e8f4cc20]{color:var(--text);display:block;font-size:13px;margin-bottom:2px}.floating-card span[data-v-e8f4cc20]{color:var(--muted);font-size:12px}.float-note[data-v-e8f4cc20]{right:-40px;top:12%}.float-quran[data-v-e8f4cc20]{animation-delay:2s;bottom:8%;left:-40px}@keyframes float-e8f4cc20{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(max-width:1024px){.audio-hero-inner[data-v-e8f4cc20]{gap:48px;grid-template-columns:1fr;text-align:center}.audio-hero-content[data-v-e8f4cc20]{align-items:center;display:flex;flex-direction:column}.audio-hero-lead[data-v-e8f4cc20]{margin:0 auto 40px}.audio-hero-buttons[data-v-e8f4cc20]{justify-content:center}.float-note[data-v-e8f4cc20]{right:0}.float-quran[data-v-e8f4cc20]{left:0}}@media(max-width:640px){.audio-hero[data-v-e8f4cc20]{padding:130px 0 60px}.audio-player-mockup[data-v-e8f4cc20]{max-width:340px;padding:24px;width:100%}.floating-card[data-v-e8f4cc20]{display:none}.audio-hero-buttons[data-v-e8f4cc20]{flex-direction:column;width:100%}.audio-hero-buttons .btn[data-v-e8f4cc20]{width:100%}}.audio-cta[data-v-97ee0dce]{padding:60px 0 100px}.audio-cta-card[data-v-97ee0dce]{background:var(--cta-gradient);border:var(--border);border-radius:40px;overflow:hidden;padding:80px 40px;position:relative;text-align:center}.cta-glow[data-v-97ee0dce]{animation:ctaPulse-97ee0dce 5s ease-in-out infinite alternate;background:radial-gradient(circle,rgba(var(--primary-rgb),.25) 0,transparent 70%);border-radius:50%;height:400px;pointer-events:none;position:absolute;right:-80px;top:-120px;width:400px}@keyframes ctaPulse-97ee0dce{0%{opacity:.6;transform:scale(.9)}to{opacity:1;transform:scale(1.1)}}.cta-badge[data-v-97ee0dce]{align-items:center;background:#ffffff26;border:1px solid hsla(0,0%,100%,.25);border-radius:var(--radius-pill);display:inline-flex;font-size:13px;font-weight:700;gap:8px;margin-bottom:24px;padding:8px 20px}.cta-badge[data-v-97ee0dce],.cta-title[data-v-97ee0dce]{color:#fff;position:relative;z-index:1}.cta-title[data-v-97ee0dce]{font-size:clamp(28px,4.5vw,44px);font-weight:800;line-height:1.3;margin:0 0 16px}.cta-lead[data-v-97ee0dce]{color:#ffffffd9;font-size:17px;line-height:1.8;margin:0 auto 36px;max-width:520px}.cta-buttons[data-v-97ee0dce],.cta-lead[data-v-97ee0dce]{position:relative;z-index:1}.cta-buttons[data-v-97ee0dce]{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.cta-btn-primary[data-v-97ee0dce]{align-items:center;background:#fff;border:none;border-radius:var(--radius-pill);box-shadow:0 8px 24px #00000026;color:var(--teal-deep);display:inline-flex;font-weight:800;gap:8px;padding:16px 32px;transition:all var(--transition-fast)}.cta-btn-primary[data-v-97ee0dce]:hover{box-shadow:0 16px 40px #0003;transform:translateY(-3px)}.cta-btn-ghost[data-v-97ee0dce]{align-items:center;background:#ffffff1a;border:1px solid hsla(0,0%,100%,.3);border-radius:var(--radius-pill);color:#fff;display:inline-flex;font-weight:700;gap:8px;padding:16px 32px;transition:all var(--transition-fast)}.cta-btn-ghost[data-v-97ee0dce]:hover{background:#fff3;transform:translateY(-3px)}.cta-stores[data-v-97ee0dce]{align-items:center;gap:24px;justify-content:center;margin-top:32px;position:relative;z-index:1}.cta-stores[data-v-97ee0dce],.store-badges[data-v-97ee0dce]{display:flex;flex-wrap:wrap}.store-badges[data-v-97ee0dce]{gap:10px}.badge-chip[data-v-97ee0dce]{background:#ffffff1f;border:1px solid hsla(0,0%,100%,.2);border-radius:var(--radius-pill);color:#e2f0f5;font-size:12px;font-weight:600;padding:6px 14px}.cta-guarantee[data-v-97ee0dce]{align-items:center;color:#ffffffbf;display:flex;font-size:13px;font-weight:600;gap:6px}@media(max-width:768px){.audio-cta-card[data-v-97ee0dce]{border-radius:28px;padding:60px 24px}.cta-buttons[data-v-97ee0dce]{flex-direction:column;width:100%}.cta-buttons .btn[data-v-97ee0dce]{width:100%}.cta-stores[data-v-97ee0dce]{flex-direction:column;gap:12px}}