:root{--ink-night:#0D0A08;--amber-gold:#B8945A;--bronze-glow:#9A6B42;--deep-walnut:#1A110B;--warm-slate:#2D1F17;--ivory-light:#E8E4DC;--copper-shine:#8B5A3C;--pearl-gray:#B5AFA5;--gradient-gold:linear-gradient(135deg, var(--amber-gold), var(--bronze-glow));--gradient-dark:linear-gradient(180deg, var(--ink-night), var(--deep-walnut));--gradient-shimmer:linear-gradient(90deg, transparent, rgba(184, 148, 90, 0.2), transparent);--gradient-glow:radial-gradient(circle at 50% 50%, rgba(184, 148, 90, 0.15), transparent 70%)}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;background:var(--gradient-dark);color:var(--ivory-light);line-height:1.6;min-height:100vh;overflow-x:hidden;-webkit-text-size-adjust:100%}iframe,img,video{max-width:100%;height:auto}[dir=rtl]{text-align:right}[dir=rtl] .nav-links{flex-direction:row-reverse}h1,h2,h3,h4,h5,h6{font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;line-height:1.3;color:var(--ivory-light);letter-spacing:-.02em}h1{font-size:clamp(2rem, 5vw, 3.5rem);font-weight:800}h2{font-size:clamp(1.5rem, 4vw, 2.5rem);font-weight:700}h3{font-size:clamp(1.25rem, 3vw, 1.75rem);font-weight:600}.dhikr-arabic,.quote-arabic,.surah-arabic{font-family:Amiri,'Traditional Arabic',serif}p{color:var(--pearl-gray);margin-bottom:1rem}a{color:var(--amber-gold);text-decoration:none;transition:color .3s ease}a:hover{color:var(--bronze-glow)}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.floating-stars{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.floating-stars .star{position:absolute;background:var(--amber-gold);border-radius:50%;opacity:0;animation:globalStarFloat 12s ease-in-out infinite;box-shadow:0 0 8px 3px rgba(184,148,90,.5)}.floating-stars .star.small{width:2px;height:2px}.floating-stars .star.medium{width:3px;height:3px}.floating-stars .star.large{width:4px;height:4px}.floating-stars .star:first-child{top:8%;left:5%;animation-delay:0s;animation-duration:14s}.floating-stars .star:nth-child(2){top:15%;right:10%;animation-delay:2s;animation-duration:11s}.floating-stars .star:nth-child(3){top:25%;left:15%;animation-delay:4s;animation-duration:13s}.floating-stars .star:nth-child(4){top:35%;right:20%;animation-delay:1s;animation-duration:10s}.floating-stars .star:nth-child(5){top:45%;left:8%;animation-delay:3s;animation-duration:12s}.floating-stars .star:nth-child(6){top:55%;right:5%;animation-delay:5s;animation-duration:15s}.floating-stars .star:nth-child(7){top:65%;left:25%;animation-delay:2.5s;animation-duration:11s}.floating-stars .star:nth-child(8){top:75%;right:15%;animation-delay:4.5s;animation-duration:13s}.floating-stars .star:nth-child(9){top:85%;left:12%;animation-delay:1.5s;animation-duration:10s}.floating-stars .star:nth-child(10){top:92%;right:25%;animation-delay:3.5s;animation-duration:14s}.floating-stars .star:nth-child(11){top:20%;left:40%;animation-delay:6s;animation-duration:12s}.floating-stars .star:nth-child(12){top:50%;left:45%;animation-delay:7s;animation-duration:11s}.floating-stars .star:nth-child(13){top:70%;right:40%;animation-delay:5.5s;animation-duration:13s}.floating-stars .star:nth-child(14){top:30%;right:35%;animation-delay:8s;animation-duration:10s}.floating-stars .star:nth-child(15){top:60%;left:35%;animation-delay:6.5s;animation-duration:14s}@keyframes globalStarFloat{0%,100%{opacity:0;transform:translateY(0) scale(.5)}10%{opacity:.3;transform:translateY(-5px) scale(.8)}50%{opacity:.8;transform:translateY(-15px) scale(1)}90%{opacity:.3;transform:translateY(-25px) scale(.8)}}.floating-stars .star:nth-child(odd){animation-name:globalStarTwinkle}@keyframes globalStarTwinkle{0%,100%{opacity:0;transform:scale(.5)}25%{opacity:.6;transform:scale(1.2)}50%{opacity:.2;transform:scale(.9)}75%{opacity:.8;transform:scale(1)}}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(13,10,8,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(184,148,90,.2)}.nav-container{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;max-width:1200px;margin:0 auto}.nav-logo{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:var(--ivory-light)}.nav-logo img{width:40px;height:40px;border-radius:10px}.nav-links{display:flex;gap:2rem;list-style:none;align-items:center}.nav-links a{color:var(--pearl-gray);font-weight:500;transition:color .3s ease}.nav-links a.active,.nav-links a:hover{color:var(--amber-gold)}.language-selector{position:relative}.language-btn{background:0 0;border:1px solid var(--amber-gold);color:var(--amber-gold);padding:.75rem 1.25rem;border-radius:6px;cursor:pointer;font-size:.875rem;transition:all .3s ease;min-height:44px;-webkit-tap-highlight-color:transparent}.language-btn:hover{background:var(--amber-gold);color:var(--ink-night)}.language-dropdown{display:none;position:absolute;top:100%;right:0;background:var(--warm-slate);border-radius:8px;padding:.5rem;min-width:120px;box-shadow:0 10px 30px rgba(0,0,0,.3)}.language-dropdown.active{display:block}.language-dropdown a{display:block;padding:.5rem 1rem;color:var(--pearl-gray);border-radius:4px}.language-dropdown a:hover{background:var(--deep-walnut);color:var(--amber-gold)}.nav-download{margin-left:.5rem}.nav-download-btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--gradient-gold);color:var(--ink-night)!important;padding:.6rem 1.2rem;border-radius:50px;font-weight:600;font-size:.9rem;transition:all .3s ease;box-shadow:0 4px 15px rgba(184,148,90,.3)}.nav-download-btn svg{width:18px;height:18px}.nav-download-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(184,148,90,.4);color:var(--ink-night)!important}@media (max-width:768px){.nav-download{width:100%;margin-left:0;margin-top:.5rem}.nav-download-btn{width:100%;justify-content:center}}.mobile-menu-btn{display:none;background:0 0;border:none;color:var(--ivory-light);font-size:1.5rem;cursor:pointer;min-width:48px;min-height:48px;padding:12px;-webkit-tap-highlight-color:transparent}@media (max-width:768px){.mobile-menu-btn{display:block}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:var(--ink-night);flex-direction:column;padding:1rem;gap:.5rem;border-bottom:1px solid rgba(184,148,90,.2)}.nav-links.active{display:flex}.nav-links li a{display:block;padding:.75rem 1rem;min-height:48px;line-height:1.5}}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:6rem 1.5rem 4rem;background:0 0;position:relative;overflow:hidden}.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center top,rgba(184,148,90,.15) 0,transparent 50%),radial-gradient(ellipse at 20% 80%,rgba(154,107,66,.1) 0,transparent 40%),radial-gradient(ellipse at 80% 60%,rgba(139,90,60,.08) 0,transparent 40%);pointer-events:none;animation:heroGlow 8s ease-in-out infinite alternate}.hero::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23B8945A' fill-opacity='0.03'%3E%3Ccircle cx='30' cy='30' r='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}@keyframes heroGlow{0%{opacity:.6;transform:scale(1)}100%{opacity:1;transform:scale(1.1)}}.hero-content{position:relative;z-index:1;max-width:700px;display:flex;flex-direction:column;align-items:center}.hero-eyebrow{display:inline-block;background:rgba(184,148,90,.15);border:1px solid rgba(184,148,90,.4);padding:.5rem 1.25rem;border-radius:50px;font-size:.85rem;font-weight:600;color:var(--amber-gold);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:1.5rem;animation:fadeInUp .6s ease forwards}.hero-highlight{background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-visual{margin-top:2rem;animation:fadeInUp .8s ease .5s forwards;opacity:0}.hero-icon{width:120px;height:120px;border-radius:28px;margin-bottom:1.5rem;box-shadow:0 20px 60px rgba(184,148,90,.4),0 0 0 1px rgba(184,148,90,.2);animation:iconFloat 4s ease-in-out infinite,fadeInUp .8s ease forwards}@keyframes iconFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}.hero-stars{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.hero-stars .star{position:absolute;width:4px;height:4px;background:var(--amber-gold);border-radius:50%;opacity:0;animation:starFloat 8s ease-in-out infinite;box-shadow:0 0 6px 2px rgba(184,148,90,.4)}.hero-stars .star:first-child{top:15%;left:10%;animation-delay:0s;animation-duration:10s}.hero-stars .star:nth-child(2){top:25%;right:15%;width:2px;height:2px;animation-delay:1.5s;animation-duration:12s}.hero-stars .star:nth-child(3){top:40%;left:20%;width:2px;height:2px;animation-delay:3s;animation-duration:9s}.hero-stars .star:nth-child(4){top:60%;right:25%;animation-delay:2s;animation-duration:11s}.hero-stars .star:nth-child(5){top:70%;left:8%;width:2px;height:2px;animation-delay:4s;animation-duration:10s}.hero-stars .star:nth-child(6){top:20%;left:35%;width:2px;height:2px;animation-delay:5s;animation-duration:13s}.hero-stars .star:nth-child(7){top:50%;right:10%;animation-delay:2.5s;animation-duration:9s}.hero-stars .star:nth-child(8){top:80%;right:35%;width:2px;height:2px;animation-delay:6s;animation-duration:11s}@keyframes starFloat{0%,100%{opacity:0;transform:translateY(0) scale(.8)}15%{opacity:.4}50%{opacity:.6;transform:translateY(-30px) scale(1.2)}85%{opacity:.4}}.hero h1{margin-bottom:1.5rem;color:var(--ivory-light);animation:titleReveal 1s ease forwards;font-size:clamp(2.5rem, 6vw, 4rem);line-height:1.1}@keyframes titleReveal{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-subtitle{font-size:1.3rem;color:var(--pearl-gray);margin-bottom:2.5rem;max-width:650px;margin-left:auto;margin-right:auto;line-height:1.7;animation:fadeInUp .8s ease .2s forwards;opacity:0}.hero-badges{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap;margin-bottom:2.5rem;animation:fadeInUp .8s ease .3s forwards;opacity:0}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(184,148,90,.1);border:1px solid rgba(184,148,90,.3);padding:.5rem 1rem;border-radius:50px;font-size:.85rem;color:var(--amber-gold)}.hero-badge-icon{font-size:1rem}.hero-cta{animation:fadeInUp .8s ease .4s forwards;opacity:0}.hero-download-btn{display:inline-flex;align-items:center;gap:1rem;background:var(--gradient-gold);color:var(--ink-night);padding:1rem 2rem;border-radius:60px;font-weight:600;font-size:1rem;text-decoration:none;transition:all .4s cubic-bezier(.25, .46, .45, .94);box-shadow:0 10px 40px rgba(184,148,90,.4),0 0 0 0 rgba(184,148,90,.3)}.hero-download-btn svg{width:32px;height:32px;flex-shrink:0}.hero-download-btn span{display:flex;flex-direction:column;align-items:flex-start;line-height:1.3}.hero-download-btn span small{font-size:.75rem;font-weight:500;opacity:.8}.hero-download-btn span strong{font-size:1.15rem;font-weight:700}.hero-download-btn:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 60px rgba(184,148,90,.5),0 0 0 4px rgba(184,148,90,.2);color:var(--ink-night)}.hero-cta-note{margin-top:1rem;font-size:.85rem;color:var(--pearl-gray);opacity:.8}.split-hero{min-height:100vh;display:flex;align-items:center;justify-content:center;background:0 0;padding:100px 24px 60px;position:relative;overflow:hidden}.split-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center top,rgba(184,148,90,.12) 0,transparent 50%);pointer-events:none}.split-hero-inner{display:grid!important;grid-template-columns:1.2fr 0.8fr;align-items:center;gap:40px;width:100%;max-width:1140px;margin:0 auto;position:relative;z-index:1}.split-hero-text{width:100%;max-width:600px}.split-eyebrow{display:inline-block;background:rgba(184,148,90,.15);border:1px solid rgba(184,148,90,.4);padding:8px 20px;border-radius:50px;font-size:13px;font-weight:600;color:var(--amber-gold);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:24px}.split-title{font-size:clamp(2.2rem, 5vw, 3.5rem);font-weight:800;line-height:1.15;color:var(--ivory-light);margin-bottom:20px}.split-highlight{background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.split-subtitle{font-size:1.1rem;line-height:1.7;color:var(--pearl-gray);margin-bottom:28px;max-width:520px}.split-badges{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:32px}.split-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(184,148,90,.1);border:1px solid rgba(184,148,90,.3);padding:8px 14px;border-radius:50px;font-size:13px;color:var(--amber-gold)}.split-download-btn{display:inline-flex;align-items:center;gap:14px;background:var(--gradient-gold);color:var(--ink-night);padding:14px 28px;border-radius:60px;font-weight:600;text-decoration:none;transition:all .3s ease;box-shadow:0 10px 40px rgba(184,148,90,.4)}.split-download-btn:hover{transform:translateY(-3px);box-shadow:0 16px 50px rgba(184,148,90,.5);color:var(--ink-night)}.split-download-btn svg{width:28px;height:28px;flex-shrink:0}.split-download-btn span{display:flex;flex-direction:column;align-items:flex-start;line-height:1.3}.split-download-btn span small{font-size:11px;font-weight:500;opacity:.8}.split-download-btn span strong{font-size:16px;font-weight:700}.split-cta-note{margin-top:14px;font-size:13px;color:var(--pearl-gray);opacity:.7}.split-social-proof{display:flex;align-items:center;gap:12px;margin-bottom:20px}.social-proof-avatars{display:flex;align-items:center}.social-proof-avatars .avatar{width:32px;height:32px;border-radius:50%;background:var(--warm-slate);border:2px solid var(--amber-gold);display:flex;align-items:center;justify-content:center;font-size:14px;margin-right:-10px}.social-proof-avatars .avatar-more{width:32px;height:32px;border-radius:50%;background:var(--amber-gold);color:var(--ink-night);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;border:2px solid var(--amber-gold)}.social-proof-text{font-size:14px;color:var(--pearl-gray);margin:0}.social-proof-text strong{color:var(--amber-gold);font-weight:700}.split-hero-phone{justify-self:center;width:340px}.split-phone-wrapper{position:relative;animation:splitPhoneFloat 5s ease-in-out infinite}@keyframes splitPhoneFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.split-phone-frame{width:320px;max-width:100%;height:650px;max-height:85vh;background:linear-gradient(145deg,#2d2d2d,#1a1a1a);border-radius:48px;padding:12px;box-shadow:0 40px 80px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.1);overflow:hidden;position:relative}.split-phone-island{position:absolute;top:18px;left:50%;transform:translateX(-50%);width:100px;height:28px;background:#000;border-radius:14px;z-index:10}.split-phone-frame{cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.split-phone-frame:hover{transform:scale(1.02);box-shadow:0 50px 100px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.15),0 0 40px rgba(184,148,90,.3)}.split-phone-frame::after{content:'▶';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:rgba(184,148,90,.9);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--ink-night);opacity:0;transition:opacity .3s ease;pointer-events:none;padding-left:4px}.split-phone-frame:hover::after{opacity:1}.split-phone-frame video{width:100%;height:100%;object-fit:cover;border-radius:38px;display:block}.split-phone-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:400px;background:radial-gradient(circle,rgba(184,148,90,.25) 0,transparent 70%);z-index:-1;pointer-events:none}@media (max-width:900px){.split-hero{padding:110px 1.5rem 4rem;min-height:auto}.split-hero-inner{grid-template-columns:1fr;text-align:center;gap:3rem}.split-hero-text{max-width:100%;order:1;margin:0 auto}.split-hero-phone{width:auto;order:2;justify-self:center;margin-top:1rem}.split-title{font-size:clamp(2.5rem, 8vw, 3rem);margin-bottom:1rem}.split-subtitle{max-width:100%;font-size:1.05rem;margin-bottom:1.5rem}.split-badges{justify-content:center;margin-bottom:2rem;gap:.75rem}.split-cta{display:flex;flex-direction:column;align-items:center;width:100%}.split-download-btn{width:100%;justify-content:center;max-width:320px}.split-phone-frame{width:260px;height:530px;border-radius:40px;box-shadow:0 30px 60px rgba(0,0,0,.4)}.split-phone-island{width:80px;height:24px;top:15px}.split-phone-frame video{border-radius:34px}.split-phone-glow{width:280px;height:280px;opacity:.6}}.app-store-btn{display:inline-block;transition:transform .3s ease,box-shadow .3s ease}.app-store-btn img{height:60px;width:auto}.app-store-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 15px 40px rgba(184,148,90,.3)}.app-store-btn{animation:fadeInUp .8s ease .4s forwards;opacity:0}.app-preview-section{background:0 0;padding:6rem 1.5rem;overflow:hidden;position:relative}.preview-container{max-width:1400px;margin:0 auto}.preview-header{text-align:center;margin-bottom:4rem;position:relative;z-index:1}.preview-showcase{display:flex;justify-content:center;align-items:center;gap:2rem;flex-wrap:wrap;position:relative;z-index:1}.device-mockup{position:relative;width:280px;flex-shrink:0}.device-mockup.featured{width:320px;z-index:2}.device-frame{background:#1a1a1a;border-radius:40px;padding:12px;box-shadow:0 50px 100px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.1);position:relative;overflow:hidden}.device-frame::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:120px;height:30px;background:#1a1a1a;border-radius:0 0 20px 20px;z-index:10}.device-screen{border-radius:30px;overflow:hidden;aspect-ratio:9/19.5;background:var(--ink-night)}.device-screen img{width:100%;height:100%;object-fit:cover;display:block}.device-frame{transition:transform .4s cubic-bezier(.25, .46, .45, .94)}.device-mockup:hover .device-frame{transform:translateY(-10px)}.device-caption{text-align:center;margin-top:1.5rem;font-size:.95rem;color:var(--amber-gold);font-weight:500}.video-preview-container{max-width:400px;margin:3rem auto 0;position:relative;z-index:1}.video-device-frame{background:#1a1a1a;border-radius:40px;padding:12px;box-shadow:0 50px 100px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.1)}.video-device-frame video{width:100%;border-radius:30px;display:block}.features{padding:6rem 1.5rem;background:0 0;position:relative;overflow:hidden}.features::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 70%,rgba(184,148,90,.05) 0,transparent 50%);pointer-events:none}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-top:3rem;position:relative;z-index:1}.feature-card{background:linear-gradient(145deg,rgba(45,31,23,.9),rgba(26,17,11,.95));padding:2.5rem;border-radius:24px;border:1px solid rgba(184,148,90,.15);transition:all .4s cubic-bezier(.25, .46, .45, .94);backdrop-filter:blur(10px);position:relative;overflow:hidden}.feature-card::after{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(184,148,90,.3),transparent)}.feature-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 30px 60px rgba(0,0,0,.3),0 0 40px rgba(184,148,90,.1);border-color:rgba(184,148,90,.4)}.feature-icon{width:72px;height:72px;background:linear-gradient(135deg,var(--amber-gold),var(--bronze-glow),var(--copper-shine));border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2rem;margin-bottom:1.75rem;box-shadow:0 10px 30px rgba(184,148,90,.3);position:relative}.feature-icon::before{content:'';position:absolute;inset:2px;background:linear-gradient(145deg,rgba(255,255,255,.2),transparent);border-radius:18px;pointer-events:none}.feature-icon svg{width:32px;height:32px;fill:var(--ink-night)}.feature-card h3{margin-bottom:1rem;font-size:1.35rem;background:linear-gradient(135deg,var(--ivory-light),var(--pearl-gray));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.feature-card p{font-size:1rem;line-height:1.7;color:var(--pearl-gray)}.video-section{background:0 0;padding:5rem 1.5rem;text-align:center}.video-wrapper{max-width:380px;margin:3rem auto 0;position:relative}.video-device{background:linear-gradient(145deg,#2a2a2a,#1a1a1a);border-radius:50px;padding:15px;box-shadow:0 50px 100px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.1),0 0 0 1px rgba(255,255,255,.05)}.video-device::before{content:'';position:absolute;top:8px;left:50%;transform:translateX(-50%);width:100px;height:25px;background:#1a1a1a;border-radius:0 0 15px 15px;z-index:10}.video-device video{width:100%;border-radius:38px;display:block;background:var(--ink-night)}.video-play-overlay{position:absolute;inset:15px;border-radius:38px;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s ease}.video-play-overlay:hover{background:rgba(0,0,0,.2)}.video-play-overlay.hidden{opacity:0;pointer-events:none}.play-button{width:80px;height:80px;background:rgba(184,148,90,.9);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 40px rgba(184,148,90,.4);transition:transform .3s ease,box-shadow .3s ease}.play-button:hover{transform:scale(1.1);box-shadow:0 15px 50px rgba(184,148,90,.5)}.play-button svg{width:32px;height:32px;fill:var(--ink-night);margin-left:4px}.section{padding:5rem 1.5rem}.section-title{text-align:center;margin-bottom:1rem}.section-subtitle{text-align:center;max-width:600px;margin:0 auto 3rem}.stories-section{background:0 0}.stories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.story-card-link{display:block;text-decoration:none;color:inherit;border-radius:20px;transition:all .4s cubic-bezier(.25, .46, .45, .94)}.story-card-link:hover{color:inherit}.story-card-link:hover .story-card{transform:translateY(-8px) scale(1.02);border-color:var(--amber-gold);box-shadow:0 25px 50px rgba(0,0,0,.4),0 0 30px rgba(184,148,90,.15)}.story-card-link:hover .story-card h3{color:var(--amber-gold)}.story-card-link:hover .story-image img{transform:scale(1.1)}.story-card{position:relative;border-radius:20px;overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.25, .46, .45, .94);aspect-ratio:3/4;border:1px solid rgba(184,148,90,.15)}.story-card:hover{transform:translateY(-8px) scale(1.02);border-color:var(--amber-gold);box-shadow:0 25px 50px rgba(0,0,0,.4),0 0 30px rgba(184,148,90,.15)}.story-image{position:absolute;inset:0;background:var(--gradient-gold);display:flex;align-items:center;justify-content:center;font-size:4rem}.story-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.25, .46, .45, .94)}.story-card:hover .story-image img{transform:scale(1.1)}.story-content{position:absolute;bottom:0;left:0;right:0;padding:2rem 1.5rem 1.5rem;background:linear-gradient(to top,rgba(13,10,8,.98) 0,rgba(13,10,8,.9) 40%,rgba(13,10,8,.6) 70%,transparent 100%);z-index:2}.story-card h3{margin-bottom:.5rem;font-size:1.2rem;font-weight:600;transition:color .3s ease;color:var(--ivory-light);text-shadow:0 2px 10px rgba(0,0,0,.5)}.story-card:hover h3{color:var(--amber-gold)}.story-card p{font-size:.9rem;margin-bottom:0;color:var(--pearl-gray);line-height:1.5;opacity:.9}.story-tag{display:inline-block;background:rgba(184,148,90,.9);color:var(--ink-night);font-size:.7rem;font-weight:700;padding:.3rem .8rem;border-radius:20px;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px;backdrop-filter:blur(10px)}.quran-section{background:0 0}.quran-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.surah-card{background:var(--warm-slate);padding:1.5rem;border-radius:12px;border:1px solid rgba(184,148,90,.1);transition:all .3s ease}.surah-card:hover{border-color:var(--amber-gold);transform:translateY(-3px)}.surah-number{width:40px;height:40px;background:var(--gradient-gold);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--ink-night);margin-bottom:1rem;font-size:.9rem}.surah-card h4{margin-bottom:.25rem}.surah-arabic{font-family:'Traditional Arabic',Amiri,serif;font-size:1.25rem;color:var(--amber-gold)}.cta-section{background:0 0;text-align:center;padding:5rem 1.5rem}.cta-section h2,.cta-section p{color:var(--ivory-light)}.cta-section p{max-width:600px;margin:0 auto 2rem}.cta-btn{display:inline-block;background:var(--ink-night);color:var(--ivory-light);padding:1rem 2.5rem;border-radius:50px;font-weight:600;transition:all .3s ease;min-height:48px;-webkit-tap-highlight-color:transparent}.cta-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,0,0,.3);color:var(--amber-gold)}.cta-download-btn{display:inline-flex;align-items:center;gap:.75rem;background:var(--ink-night);color:var(--ivory-light);padding:1.25rem 2.5rem;border-radius:60px;font-weight:700;font-size:1.1rem;transition:all .4s cubic-bezier(.25, .46, .45, .94);box-shadow:0 10px 40px rgba(0,0,0,.3)}.cta-download-btn svg{width:28px;height:28px}.cta-download-btn:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 60px rgba(0,0,0,.4);color:var(--amber-gold)}.cta-trust{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem;font-size:.9rem;color:var(--ink-night);opacity:.8}.cta-trust span:nth-child(2),.cta-trust span:nth-child(4){opacity:.4}.floating-download{position:fixed;bottom:2rem;right:2rem;display:flex;align-items:center;gap:.5rem;background:var(--gradient-gold);color:var(--ink-night);padding:.875rem 1.5rem;border-radius:50px;font-weight:600;font-size:.9rem;z-index:999;box-shadow:0 10px 40px rgba(184,148,90,.4),0 4px 15px rgba(0,0,0,.3);transition:all .4s cubic-bezier(.25, .46, .45, .94);opacity:0;transform:translateY(20px);pointer-events:none}.floating-download.visible{opacity:1;transform:translateY(0);pointer-events:auto}.floating-download svg{width:20px;height:20px}.floating-download:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 15px 50px rgba(184,148,90,.5),0 6px 20px rgba(0,0,0,.4);color:var(--ink-night)}@media (max-width:768px){.floating-download{bottom:1.5rem;right:1.5rem;padding:0;width:56px;height:56px;font-size:0;display:flex;align-items:center;justify-content:center;border-radius:50%;opacity:1!important;transform:translateY(0)!important;pointer-events:auto!important;background:var(--gradient-gold);box-shadow:0 10px 30px rgba(184,148,90,.4)}.floating-download span{display:none}.floating-download svg{width:28px;height:28px}}.footer{background:0 0;padding:4rem 1.5rem 2rem;border-top:1px solid rgba(184,148,90,.2)}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:3rem;margin-bottom:3rem}.footer-brand{max-width:300px}.footer-brand h3{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.footer-brand img{width:32px;height:32px;border-radius:8px}.footer-links h4{color:var(--amber-gold);margin-bottom:1rem;font-size:1rem}.footer-links ul{list-style:none}.footer-links li{margin-bottom:.5rem}.footer-links a{color:var(--pearl-gray);font-size:.95rem}.footer-links a:hover{color:var(--amber-gold)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(184,148,90,.1)}.footer-bottom p{font-size:.875rem;margin-bottom:0}.footer-grid--5col{grid-template-columns:1.4fr repeat(4,1fr);gap:2rem 2.5rem}@media (max-width:1024px){.footer-grid--5col{grid-template-columns:1fr 1fr;gap:2rem}}@media (max-width:768px){.footer-grid--5col{grid-template-columns:1fr;text-align:center;gap:2.5rem}}.page-header{padding:8rem 1.5rem 4rem;text-align:center;background:0 0}.page-header h1{margin-bottom:1rem}.page-header p{max-width:600px;margin:0 auto}.content-section{padding:4rem 1.5rem}.content-wrapper{max-width:800px;margin:0 auto}.content-wrapper h2{margin-top:2rem;margin-bottom:1rem;color:var(--amber-gold)}.content-wrapper h3{margin-top:1.5rem;margin-bottom:.75rem}.content-wrapper ol,.content-wrapper ul{margin-left:1.5rem;margin-bottom:1rem}.content-wrapper li{margin-bottom:.5rem;color:var(--pearl-gray)}.about-section{background:0 0}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;align-items:center}.about-image{text-align:center}.about-image img{max-width:300px;border-radius:20px;box-shadow:0 20px 60px rgba(184,148,90,.2)}.dhikr-section{background:0 0}.dhikr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.dhikr-card{background:var(--warm-slate);padding:2rem;border-radius:16px;text-align:center;border:1px solid rgba(184,148,90,.1);transition:all .3s ease}.dhikr-card:hover{border-color:var(--amber-gold);transform:translateY(-5px)}.dhikr-arabic{font-family:'Traditional Arabic',Amiri,serif;font-size:1.75rem;color:var(--amber-gold);margin-bottom:1rem;line-height:1.8}.dhikr-translation{font-size:.95rem;color:var(--pearl-gray);margin-bottom:.5rem}.dhikr-benefit{font-size:.85rem;color:var(--copper-shine);font-style:italic}@media (max-width:768px){.hero{padding:7rem 1rem 3rem;min-height:auto}.hero h1{font-size:clamp(2rem, 8vw, 2.5rem)}.hero-eyebrow{font-size:.75rem;padding:.4rem 1rem}.hero-subtitle{font-size:1rem;margin-bottom:1.5rem}.hero-badges{gap:.5rem;margin-bottom:2rem}.hero-badge{font-size:.75rem;padding:.4rem .75rem}.hero-download-btn{padding:.875rem 1.5rem;font-size:.9rem}.hero-download-btn svg{width:24px;height:24px}.hero-download-btn span strong{font-size:1rem}.hero-icon{width:90px;height:90px;margin-bottom:1rem}.hero-stars .star{width:2px;height:2px}.cta-download-btn{padding:1rem 2rem;font-size:1rem;width:100%;justify-content:center}.cta-trust{flex-wrap:wrap;gap:.5rem;font-size:.8rem}.about-grid,.dhikr-grid,.features-grid,.quran-preview,.stories-grid{grid-template-columns:1fr;gap:1.25rem}.feature-card{padding:1.5rem}.feature-icon{width:60px;height:60px;font-size:1.5rem;margin-bottom:1.25rem}.feature-icon svg{width:28px;height:28px}.story-content{padding:1.5rem 1.25rem 1.25rem}.dhikr-card{padding:1.5rem}.footer-grid{grid-template-columns:1fr;text-align:center;gap:2.5rem}.footer-brand{max-width:100%;margin-bottom:1rem}.footer-brand h3{justify-content:center}.nav-links{background:rgba(13,10,8,.98);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:1.5rem;gap:1rem;box-shadow:0 10px 40px rgba(0,0,0,.5);border-bottom:1px solid rgba(184,148,90,.15)}.nav-links li{width:100%}.nav-links li a{border-radius:8px;padding:.75rem 1rem}.nav-links li a.active,.nav-links li a:hover{background:rgba(184,148,90,.1)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{from{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.7}}.dhikr-card,.feature-card,.story-card,.surah-card{opacity:0;transform:translateY(15px);will-change:opacity,transform}.animate-fade-in{animation:fadeInUp .35s ease forwards}.animate-delay-1{animation-delay:30ms}.animate-delay-2{animation-delay:60ms}.animate-delay-3{animation-delay:90ms}.animate-delay-4{animation-delay:.12s}.animate-delay-5{animation-delay:.15s}.animate-delay-6{animation-delay:.18s}.scroll-reveal{opacity:0;transform:translateY(15px);transition:opacity .35s ease,transform .35s ease;will-change:opacity,transform}.scroll-reveal.revealed{opacity:1;transform:translateY(0)}.dhikr-card::before,.feature-card::before,.story-card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gradient-shimmer);transition:left .5s ease;pointer-events:none}.dhikr-card:hover::before,.feature-card:hover::before,.story-card:hover::before{left:100%}.dhikr-card,.feature-card,.story-card,.surah-card{position:relative;overflow:hidden}.stats-section{background:0 0;padding:4rem 1.5rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;max-width:1000px;margin:0 auto}.stat-item{text-align:center}.stat-number{font-size:3rem;font-weight:700;background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.stat-label{color:var(--pearl-gray);font-size:1rem;margin-top:.5rem}.quote-section{background:0 0;padding:5rem 1.5rem;text-align:center}.quote-content{max-width:800px;margin:0 auto}.quote-text{font-size:1.5rem;font-style:italic;color:var(--ivory-light);line-height:1.8;position:relative}.quote-text::before{content:'"';font-size:5rem;color:var(--amber-gold);opacity:.3;position:absolute;top:-2rem;left:-1rem;line-height:1}.quote-arabic{font-family:'Traditional Arabic',Amiri,serif;font-size:2rem;color:var(--amber-gold);margin-top:2rem;direction:rtl}.floating-decoration{position:absolute;width:200px;height:200px;background:var(--gradient-glow);border-radius:50%;filter:blur(60px);pointer-events:none;z-index:0}@media (max-width:1024px){.preview-showcase{gap:1.5rem}.device-mockup{width:220px}.device-mockup.featured{width:260px}}@media (max-width:768px){.preview-showcase{flex-direction:column}.device-mockup,.device-mockup.featured{width:280px}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (hover:none) and (pointer:coarse){[role=button],a,button,input,select,textarea{min-height:44px;-webkit-tap-highlight-color:rgba(184,148,90,0.2)}.cta-btn,.cta-download-btn,.floating-download,.nav-download-btn,.nav-links a,.split-download-btn{-webkit-user-select:none;user-select:none;touch-action:manipulation}.dhikr-card:hover,.feature-card:hover,.story-card:hover{transform:none}}@media (max-width:375px){.split-title{font-size:1.8rem}.split-subtitle{font-size:1rem}.split-badges{gap:8px}.split-badge{font-size:11px;padding:6px 10px}.split-phone-frame{width:200px;height:410px}.hero h1{font-size:1.75rem}.section-title{font-size:1.5rem}.feature-card{padding:1.5rem}.container{padding:0 1rem}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}a:focus,button:focus{outline:2px solid var(--amber-gold);outline-offset:2px}.skip-link{position:absolute;top:-40px;left:0;background:var(--amber-gold);color:var(--ink-night);padding:8px 16px;z-index:100;transition:top .3s}.skip-link:focus{top:0}.faq-section{background:0 0}.faq-grid{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.faq-item{background:rgba(184,148,90,.05);border:1px solid rgba(184,148,90,.2);border-radius:12px;overflow:hidden;transition:all .3s ease}.faq-item:hover{border-color:var(--amber-gold)}.faq-item[open]{background:rgba(184,148,90,.1)}.faq-question{padding:1.25rem 1.5rem;cursor:pointer;font-weight:600;font-size:1.1rem;color:var(--ivory-light);display:flex;justify-content:space-between;align-items:center;list-style:none}.faq-question::-webkit-details-marker{display:none}.faq-question::after{content:'+';font-size:1.5rem;color:var(--amber-gold);transition:transform .3s ease}.faq-item[open] .faq-question::after{content:'−'}.faq-answer{padding:0 1.5rem 1.25rem;color:var(--pearl-gray);line-height:1.7}.faq-answer p{margin:0}@media (max-width:768px){.faq-question{font-size:1rem;padding:1rem 1.25rem}.faq-answer{padding:0 1.25rem 1rem}}.breadcrumb{background:rgba(26,17,11,.5);padding:.75rem 1.5rem;margin-top:70px}.breadcrumb-list{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:0;font-size:.9rem}.breadcrumb-list li{display:flex;align-items:center}.breadcrumb-list li:not(:last-child)::after{content:'›';margin-left:.5rem;color:var(--pearl-gray);opacity:.5}.breadcrumb-list a{color:var(--pearl-gray);transition:color .2s ease}.breadcrumb-list a:hover{color:var(--amber-gold)}.breadcrumb-list li[aria-current=page]{color:var(--amber-gold);font-weight:500}.educational-section{background:rgba(26,17,11,.6);border:1px solid rgba(184,148,90,.15);border-radius:16px;padding:2rem;margin:2rem 0}.educational-section h3{font-size:1.25rem;color:var(--amber-gold);margin-bottom:1.25rem;display:flex;align-items:center;gap:.75rem}.educational-section h3::before{content:'';width:4px;height:24px;background:var(--gradient-gold);border-radius:2px}.lessons-list{list-style:none;padding:0;margin:0}.lessons-list li{position:relative;padding-left:1.75rem;margin-bottom:1rem;line-height:1.6;color:var(--ivory-light)}.lessons-list li:last-child{margin-bottom:0}.lessons-list li::before{content:'✦';position:absolute;left:0;color:var(--amber-gold);font-size:.75rem;top:.3rem}.context-text{font-size:1.05rem;line-height:1.8;color:var(--ivory-light)}.story-hero{position:relative;min-height:50vh;display:flex;align-items:flex-end;padding:3rem 1.5rem 3rem;overflow:hidden}.story-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center top;z-index:0}.story-hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,var(--ink-night) 0,rgba(13,10,8,.95) 30%,rgba(13,10,8,.7) 60%,rgba(13,10,8,.5) 100%);z-index:1}.story-hero-content{position:relative;z-index:2;max-width:800px}.story-hero h1{font-size:clamp(2rem, 5vw, 3rem);margin-bottom:.5rem;text-shadow:0 2px 20px rgba(0,0,0,.5)}.story-hero-subtitle{font-size:1.25rem;color:var(--amber-gold);margin-bottom:1rem;font-weight:500}.story-meta{display:flex;flex-wrap:wrap;gap:1.5rem;font-size:.9rem;color:var(--pearl-gray)}.story-meta span{display:flex;align-items:center;gap:.5rem}.story-meta svg{opacity:.7}.story-article{background:0 0;padding:3rem 1.5rem 4rem}.story-content-wrapper{max-width:800px;margin:0 auto}.story-teaser{margin-bottom:2.5rem}.story-teaser p{font-size:1.1rem;line-height:1.9;color:var(--ivory-light);margin-bottom:1.25rem}.story-teaser p:first-child::first-letter{font-size:3.5rem;float:left;line-height:1;margin-right:.75rem;margin-top:.1rem;color:var(--amber-gold);font-weight:700}.listen-cta-box{background:linear-gradient(145deg,rgba(45,31,23,.95),rgba(26,17,11,.98));border:1px solid rgba(184,148,90,.3);border-radius:20px;padding:2.5rem;text-align:center;margin:3rem 0;position:relative;overflow:hidden}.listen-cta-box::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-gold)}.listen-cta-icon{width:80px;height:80px;background:var(--gradient-gold);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;box-shadow:0 10px 40px rgba(184,148,90,.3)}.listen-cta-icon svg{fill:var(--ink-night)}.listen-cta-box h2{font-size:1.5rem;margin-bottom:.75rem;color:var(--ivory-light)}.listen-cta-box>p{color:var(--pearl-gray);max-width:500px;margin:0 auto 1.5rem}.listen-features{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.listen-features span{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--amber-gold)}.listen-features svg{fill:var(--amber-gold)}.listen-cta-btn{display:inline-flex;align-items:center;gap:.75rem;background:var(--gradient-gold);color:var(--ink-night);padding:1rem 2rem;border-radius:50px;font-weight:700;font-size:1rem;transition:all .3s ease;box-shadow:0 10px 30px rgba(184,148,90,.4)}.listen-cta-btn:hover{transform:translateY(-3px);box-shadow:0 15px 40px rgba(184,148,90,.5);color:var(--ink-night)}.listen-cta-btn svg{width:24px;height:24px}.story-info-section{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(184,148,90,.15)}.story-info-section h3{color:var(--amber-gold);margin-bottom:1.5rem;font-size:1.25rem}.story-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.story-info-card{background:rgba(45,31,23,.5);padding:1.25rem;border-radius:12px;border:1px solid rgba(184,148,90,.1)}.story-info-card h4{font-size:.85rem;color:var(--amber-gold);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-weight:600}.story-info-card p{font-size:.95rem;color:var(--ivory-light);margin-bottom:0;line-height:1.5}.themes-list{display:flex;flex-wrap:wrap;gap:.5rem}.theme-tag{display:inline-block;background:rgba(184,148,90,.15);color:var(--ivory-light);padding:.25rem .75rem;border-radius:20px;font-size:.85rem}.related-stories-section{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(184,148,90,.15)}.related-stories-section h3{color:var(--amber-gold);margin-bottom:1.5rem;font-size:1.25rem}.related-stories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.related-story-card{display:flex;align-items:center;gap:1rem;background:rgba(45,31,23,.5);padding:.75rem;border-radius:12px;border:1px solid rgba(184,148,90,.1);transition:all .3s ease;text-decoration:none}.related-story-card:hover{border-color:var(--amber-gold);transform:translateY(-2px);background:rgba(45,31,23,.8)}.related-story-card img{width:70px;height:70px;object-fit:cover;border-radius:8px;flex-shrink:0}.related-story-info{flex:1;min-width:0}.related-story-info .story-tag{font-size:.65rem;padding:.2rem .5rem;margin-bottom:.25rem}.related-story-info h4{font-size:.95rem;color:var(--ivory-light);margin:0;line-height:1.3}.view-all-stories{display:inline-block;margin-top:1.5rem;color:var(--amber-gold);font-weight:600;transition:all .3s ease}.view-all-stories:hover{color:var(--ivory-light)}@media (max-width:768px){.breadcrumb{padding:.5rem 1rem;margin-top:60px}.breadcrumb-list{font-size:.8rem}.educational-section{padding:1.5rem;margin:1.5rem 0}.educational-section h3{font-size:1.1rem}.lessons-list li{font-size:.95rem;padding-left:1.5rem}.context-text{font-size:.95rem}.story-hero{min-height:40vh;padding:2rem 1rem 2rem}.story-hero h1{font-size:1.75rem}.story-hero-subtitle{font-size:1.1rem}.story-meta{gap:1rem;font-size:.8rem}.story-teaser p{font-size:1rem}.story-teaser p:first-child::first-letter{font-size:2.75rem}.listen-cta-box{padding:1.75rem 1.25rem}.listen-cta-icon{width:64px;height:64px}.listen-cta-icon svg{width:32px;height:32px}.listen-cta-box h2{font-size:1.25rem}.listen-features{flex-direction:column;align-items:center;gap:.5rem}.listen-cta-btn{width:100%;justify-content:center}.story-info-grid{grid-template-columns:1fr}.related-stories-grid{grid-template-columns:1fr}}