/* أركان تسعير — صفحةُ التعريف والأسعار · وثيقة AE-UI-010 · الإصدار 1.0 · الجولة 1017أج294 */
body.lp{background:var(--bg)}
.lp-top{display:flex;align-items:center;gap:18px;padding:12px 28px;background:var(--sheet);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.lp-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-family:var(--f-head);font-weight:600;font-size:18px}
.lp-nav{display:flex;gap:18px;flex:1}
.lp-nav a{color:var(--ink-2);text-decoration:none;font-size:14px}
.lp-cta{display:flex;gap:8px}
.btn.lg{height:44px;padding:0 20px;font-size:15px}
.lp-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;align-items:center;max-width:1200px;margin:0 auto;padding:64px 28px 48px}
.lp-hero h1{font-size:46px;line-height:1.2;letter-spacing:-.5px;margin-bottom:16px}
.lead{font-size:17px;color:var(--ink-2);max-width:60ch}
.lp-hero .ic-bar{margin:22px 0 10px}
.lp-demo{background:var(--sheet);border:1px solid var(--line);border-radius:var(--r-l);overflow:hidden;box-shadow:var(--shadow)}
.lp-demo-h{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line)}
.lp-demo-b{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px 16px}
.lp-demo-b label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--mute)}
.lp-demo-n{padding:0 16px 12px}
.tape-mini{background:var(--tape);color:var(--tape-ink);padding:0 0 12px}
.tape-mini::before{content:"";display:block;height:8px;margin-bottom:10px;background:repeating-linear-gradient(90deg,var(--tape-ink) 0 1px,transparent 1px 10px),repeating-linear-gradient(90deg,var(--tape-ink) 0 1.5px,transparent 1.5px 50px);background-size:auto 4px,auto 8px;background-repeat:repeat-x;opacity:.55}
.tape-mini .row2{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 16px}
.tape-mini .k{font-size:11px;opacity:.75;display:block}
.tape-mini .v{font-family:var(--f-head);font-weight:600;font-size:22px}
.lp-sec{max-width:1200px;margin:0 auto;padding:56px 28px}
.lp-sec h2{font-size:30px;margin-bottom:8px}
.lp-feats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-l);overflow:hidden;margin-top:24px}
.lp-feats article{background:var(--sheet);padding:22px}
.lp-feats h3{font-size:17px}
.lp-feats p{color:var(--ink-2);margin:0;font-size:14px}
.lp-dark{max-width:none;background:var(--rail);color:#E6E9EB}
.lp-dark > *{max-width:1144px;margin-inline:auto}
.lp-dark .lead{color:#AEB6BD}
.lp-cmp{margin-top:22px;border-color:#2F363C;background:#1B2024}
.lp-cmp .tbl th{background:#22282D;color:#C3C9CE;border-color:#2F363C}
.lp-cmp .tbl td{border-color:#262C31;color:#C3C9CE;padding:10px 12px}
.lp-cmp .tbl td:first-child{color:#E6E9EB}
.lp-cmp .us{background:rgba(242,183,5,.12);color:var(--tape)!important;font-weight:600}
.lp-cmp th.us{background:var(--tape)!important;color:var(--tape-ink)!important}
.lp-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.lp-plan{background:var(--sheet);border:1px solid var(--line);border-radius:var(--r-l);padding:22px;display:flex;flex-direction:column;gap:10px}
.lp-plan.pop{border:2px solid var(--tape);position:relative}
.lp-plan .pr{font-family:var(--f-head);font-size:34px;font-weight:600}
.lp-plan ul{margin:0;padding-inline-start:18px;line-height:1.9;font-size:14px;flex:1}
.lp-promo{text-align:center;background:var(--tape-soft);border-radius:var(--r-m);padding:10px;max-width:640px;margin:0 auto 16px}
.lp-faq{max-width:780px}
.lp-faq details{border-bottom:1px solid var(--line);padding:14px 0}
.lp-faq summary{cursor:pointer;font-weight:600;font-family:var(--f-head)}
.lp-faq p{color:var(--ink-2);margin:8px 0 0}
.lp-final{text-align:center;padding:64px 28px;background:var(--tape)}
.lp-final h2{font-size:30px;color:var(--tape-ink)}
.lp-final .btn.pri{background:var(--tape-ink);color:var(--tape);border-color:var(--tape-ink)}
.lp-foot{display:flex;justify-content:space-between;padding:18px 28px;color:var(--mute);font-size:13px}
@media (max-width:900px){.lp-hero{grid-template-columns:1fr;padding-top:36px}.lp-hero h1{font-size:34px}.lp-feats,.lp-plans{grid-template-columns:1fr}.lp-nav{display:none}}
@media (max-width:560px){.lp-top{padding:10px 16px}.lp-cta .ghost{display:none}.lp-sec{padding:40px 16px}.lp-demo-b{grid-template-columns:1fr}}