/* صفحة تطبيق Aymane TV — كل القواعد محصورة داخل .apl حتى لا تؤثر على بقية القالب */
.apl{--ink:#0E1B2C;--ink2:#16283f;--amber:#FFB703;--live:#E63946;--soft:#cdd9e5;padding:0;min-height:0;display:block}
.apl section{padding:clamp(3rem,7vw,5.5rem) 0}
.apl .wrap{max-width:1120px;padding-inline:16px}
.apl h1,.apl h2,.apl h3{color:var(--tx)}
.apl h2{font-size:clamp(1.55rem,3.6vw,2.3rem);line-height:1.35;margin:0 0 .6rem}
.apl h3{margin:.2rem 0 .4rem;font-size:1.2rem}
.apl p{margin:0 0 1rem}
.apl .sub{color:var(--mu);max-width:42em;margin:0 0 2.2rem;font-size:1.05rem}
.apl :focus-visible{outline:3px solid var(--amber);outline-offset:3px}
.apl img{display:block}
/* شريط روابط الصفحة */
.apl .anav{background:var(--sf);border-bottom:1px solid var(--bd)}
.apl .anav ul{display:flex;gap:.3rem 1.25rem;list-style:none;margin:0;padding:.35rem 0;overflow-x:auto;white-space:nowrap}
.apl .anav a{display:block;padding:.45rem .2rem;color:var(--tx);text-decoration:none;font-size:.95rem;font-weight:600}
.apl .anav a:hover{color:var(--lk);text-decoration:underline}
/* أزرار */
.apl .btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;background:var(--amber);color:#201600;font-weight:800;text-decoration:none;padding:.85rem 1.5rem;border-radius:14px;min-height:48px;font-size:1.05rem;border:0;transition:transform .15s}
.apl .btn:hover{transform:translateY(-2px)}
.apl .btn.ghost{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.35)}
/* الواجهة الرئيسية */
.apl .hero{background:radial-gradient(1200px 500px at 85% -10%,#1b4d52 0,transparent 60%),var(--ink);color:#fff;padding:3rem 0 0;overflow:hidden}
.apl .hero .wrap{display:grid;gap:2rem;align-items:center}
.apl .hero h1{color:#fff;font-size:clamp(1.9rem,5.2vw,3.2rem);line-height:1.3;margin:.8rem 0 1rem;font-weight:900}
.apl .live{display:inline-flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.08);padding:.3rem .9rem;border-radius:99px;font-size:.9rem}
.apl .live i{width:10px;height:10px;border-radius:50%;background:var(--live);box-shadow:0 0 0 4px rgba(230,57,70,.3)}
.apl .lead{font-size:clamp(1.05rem,2.4vw,1.25rem);color:var(--soft);max-width:36em;margin:0 0 1.5rem}
.apl .cta{display:flex;flex-wrap:wrap;gap:.8rem}
.apl .ticks{list-style:none;padding:0;margin:1.5rem 0 0;display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;color:var(--soft);font-size:.95rem}
.apl .ticks li::before{content:"✓";color:var(--amber);font-weight:900;margin-inline-end:.4rem}
.apl .phone{justify-self:center;width:min(300px,78%)}
.apl .phone img{border-radius:28px 28px 0 0;aspect-ratio:9/16;object-fit:cover;width:100%;box-shadow:0 20px 60px rgba(0,0,0,.45)}
.apl .ph{background:linear-gradient(135deg,#d9e4dc,#b9cabf);border-radius:28px}
@media(min-width:880px){.apl .hero .wrap{grid-template-columns:1.15fr .85fr}.apl .hero{padding-top:4rem}}
/* المميزات */
.apl .grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.apl .feat{padding:1.4rem 0;border-top:3px solid var(--acc)}
.apl .feat p{margin:0;color:var(--mu)}
.apl .feat span{font-size:1.8rem;display:block;margin-bottom:.3rem}
/* قسم داكن */
.apl .dark{background:var(--ink);color:#fff}
.apl .dark h2,.apl .dark h3{color:#fff}
.apl .dark p{color:var(--soft)}
.apl .split{display:grid;gap:2rem;align-items:center}
.apl .split img{border-radius:20px;width:100%;aspect-ratio:4/3;object-fit:cover}
@media(min-width:880px){.apl .split{grid-template-columns:1fr 1fr}}
/* الخطوات */
.apl .steps{counter-reset:s;list-style:none;padding:0;margin:0;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.apl .steps li{counter-increment:s;background:var(--ink2);border-radius:18px;padding:1.4rem}
.apl .steps li::before{content:counter(s);display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--amber);color:#201600;font-weight:900;margin-bottom:.8rem}
.apl .steps h3{color:#fff}
.apl .steps p{color:var(--soft);margin:0}
/* لقطات الشاشة */
.apl .screens{background:var(--sf)}
.apl .shots{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}
.apl .shots img{border-radius:20px;aspect-ratio:9/16;object-fit:cover;width:100%}
/* الأسئلة الشائعة */
.apl details{background:var(--sf);border:1px solid var(--bd);border-radius:14px;margin-bottom:.8rem}
.apl summary{cursor:pointer;font-weight:700;padding:1rem 1.2rem;min-height:48px;color:var(--tx)}
.apl details p{margin:0;padding:0 1.2rem 1.1rem;color:var(--mu)}
/* الختام */
.apl .final{text-align:center;background:linear-gradient(160deg,var(--acc),color-mix(in srgb,var(--acc) 60%,#000));color:#fff}
.apl .final h2{color:#fff}
.apl .final p{color:#e4f3ec;max-width:36em;margin:0 auto 1.6rem}
/* زر التحميل الثابت في الجوال (فوق الشريط السفلي للقالب إن وُجد) */
.apl-stick{display:none}
@media(max-width:700px){
.apl{padding-bottom:4.5rem}
.apl-stick{display:block;position:fixed;inset-inline:0;bottom:0;background:var(--ink);padding:.6rem 1rem calc(.6rem + env(safe-area-inset-bottom,0));z-index:45}
.apl-stick .btn{width:100%}
.has-mbar .apl-stick{bottom:calc(68px + env(safe-area-inset-bottom,0));padding-bottom:.6rem}
}
@media(max-width:819px) and (min-width:701px){.has-mbar .apl{padding-bottom:0}}
@media(prefers-reduced-motion:reduce){.apl .btn{transition:none}}