/* ============================================================
   ميعاد — أنماط الموقع
   القيم مأخوذة حرفيًا من ملفات التصميم المعتمدة (Home / Support / Privacy / Terms)
   ============================================================ */

/* ---------- 01. Tokens ---------- */
:root{
  --font-sans:"Thmanyah Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-display:"Thmanyah Serif Display","Thmanyah Sans",serif;
  --font-mono:ui-monospace,Menlo,monospace;

  --page:#F7F5F0;--surface:#F7F5F0;--surface-alt:#EFEBE3;--band:#17191D;--footer:#101215;--deep-border:#1E2126;
  --border:#DFD9CE;--border-2:#E7E2D8;--border-3:#E2DCD1;--hairline:#C4BBA9;
  --ink:#17191D;--ink-2:#2A2E34;--text:#3A4048;--muted:#5A5F66;--muted-2:#6B6456;
  --brand:#4E7A74;--brand-hover:#3B6862;--on-brand:#F7F5F0;--brand-soft:#E4EDEB;--brand-ink:#3E635E;
  --brand-btn-hover:#446C67;--brand-btn-active:#3A5F5A;
  --btn-ghost-hover:#F2EFE8;--btn-ghost-hover-border:#B5AC9A;
  --plus:#A2854F;--plus-soft:#F0E8D8;--plus-ink:#6E5931;
  --note-bg:#FBF3E4;--note-border:#DCC59B;--note-ink:#8A6A2F;
  --on-dark:#F2EFE8;--on-dark-2:#A09A90;--on-dark-3:#8A857C;--on-dark-4:#6F6B63;
  --shot-a:#F2EFE8;--shot-b:#E7E2D7;--shot-frame:#17191D;
  --fixed-paper:#F7F5F0;--fixed-ink:#17191D;
  --focus-ring:3px solid rgba(78,122,116,.35);
}

/* الوضع الداكن — اختيار صريح من المستخدم */
[data-theme="dark"]{
  --page:#17191D;--surface:#1E2126;--surface-alt:#23262B;--band:#101215;--footer:#0C0E11;--deep-border:#23262B;
  --border:#2C3036;--border-2:#262A30;--border-3:#2C3036;--hairline:#3A3F45;
  --ink:#F2EFE8;--ink-2:#DDD8CE;--text:#B5AFA4;--muted:#9A958C;--muted-2:#8A857C;
  --brand:#7FA9A2;--brand-hover:#9BC0BA;--on-brand:#17191D;--brand-soft:#263835;--brand-ink:#8FB5AF;
  --brand-btn-hover:#9BC0BA;--brand-btn-active:#B0CFCA;
  --btn-ghost-hover:#23262B;--btn-ghost-hover-border:#3A3F45;
  --plus:#C7AC78;--plus-soft:#2E281C;--plus-ink:#C7AC78;
  --note-bg:#26221A;--note-border:#4A4133;--note-ink:#C7AC78;
  --shot-a:#262A30;--shot-b:#1E2126;--shot-frame:#0C0E11;
  --focus-ring:3px solid rgba(127,169,162,.45);
}

/* الوضع الداكن — تفضيل النظام حين لا يوجد اختيار محفوظ (ويعمل أيضًا دون جافاسكربت) */
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --page:#17191D;--surface:#1E2126;--surface-alt:#23262B;--band:#101215;--footer:#0C0E11;--deep-border:#23262B;
    --border:#2C3036;--border-2:#262A30;--border-3:#2C3036;--hairline:#3A3F45;
    --ink:#F2EFE8;--ink-2:#DDD8CE;--text:#B5AFA4;--muted:#9A958C;--muted-2:#8A857C;
    --brand:#7FA9A2;--brand-hover:#9BC0BA;--on-brand:#17191D;--brand-soft:#263835;--brand-ink:#8FB5AF;
    --brand-btn-hover:#9BC0BA;--brand-btn-active:#B0CFCA;
    --btn-ghost-hover:#23262B;--btn-ghost-hover-border:#3A3F45;
    --plus:#C7AC78;--plus-soft:#2E281C;--plus-ink:#C7AC78;
    --note-bg:#26221A;--note-border:#4A4133;--note-ink:#C7AC78;
    --shot-a:#262A30;--shot-b:#1E2126;--shot-frame:#0C0E11;
    --focus-ring:3px solid rgba(127,169,162,.45);
  }
}

/* ---------- 02. Fonts ---------- */
@font-face{font-family:"Thmanyah Sans";src:url("/fonts/ThmanyahSans-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Thmanyah Sans";src:url("/fonts/ThmanyahSans-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Thmanyah Sans";src:url("/fonts/ThmanyahSans-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Thmanyah Serif Display";src:url("/fonts/ThmanyahSerifDisplay-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Thmanyah Serif Display";src:url("/fonts/ThmanyahSerifDisplay-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}

/* ---------- 03. Base ---------- */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;background:var(--page)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--page);color:var(--ink);font-family:var(--font-sans);font-weight:400;
  -webkit-font-smoothing:antialiased;overflow-wrap:break-word}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:500;margin:0}
p{margin:0}
img,svg{max-width:100%}
a{color:var(--brand);text-decoration:none}
a:hover{color:var(--brand-hover)}
strong{font-weight:500}
ul,ol{margin:0}
summary{list-style:none;cursor:pointer}
summary::-webkit-details-marker{display:none}
:focus-visible{outline:var(--focus-ring);outline-offset:3px;border-radius:4px}

.skip-link{position:absolute;inset-inline-start:0;top:-80px;z-index:50;background:var(--surface);color:var(--ink);
  border:1px solid var(--border);border-radius:0 0 12px 12px;padding:12px 20px;font-size:15px;font-weight:500}
.skip-link:focus{top:0}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ---------- 04. Header ---------- */
.site-header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
  padding:22px clamp(24px,6vw,80px);border-bottom:1px solid var(--border-2);background:var(--surface);
  position:sticky;top:0;z-index:5}
.brand{display:flex;align-items:center;gap:10px;color:var(--ink);margin-inline-end:clamp(20px,4vw,44px)}
.brand:hover{color:var(--ink)}
.brand img{width:32px;height:32px;border-radius:9px;display:block}
.brand__name{font-size:20px;font-weight:600}
.site-nav{display:flex;gap:clamp(16px,3vw,30px);font-size:16px;flex-wrap:wrap;margin-inline-end:auto}
.site-nav a{color:var(--text)}
.site-nav a:hover{color:var(--ink)}
.site-nav a[aria-current="page"]{color:var(--ink);font-weight:500}
.header-actions{display:flex;align-items:center;gap:12px}

.theme-toggle{width:44px;height:44px;min-width:44px;border-radius:999px;border:1px solid var(--border);
  background:var(--surface);color:var(--ink);display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer}
.theme-toggle:hover{background:var(--surface-alt)}
.icon-sun{display:none}
.icon-moon{display:block}
[data-theme="dark"] .icon-sun{display:block}
[data-theme="dark"] .icon-moon{display:none}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .icon-sun{display:block}
  :root:not([data-theme="light"]) .icon-moon{display:none}
}

/* ---------- 05. Buttons & CTA ---------- */
.btn-download{font-size:15px;font-weight:500;color:var(--on-brand);background:var(--brand);border-radius:999px;
  padding:12px 24px;display:inline-flex;align-items:center;justify-content:center;border:none;font-family:inherit;line-height:1.2}
a.btn-download:hover{color:var(--on-brand);background:var(--brand-btn-hover)}
a.btn-download:active{background:var(--brand-btn-active)}

.btn-ghost{font-size:16px;font-weight:500;color:var(--ink);border:1px solid var(--border);border-radius:999px;
  padding:15px 26px;min-height:56px;display:flex;align-items:center}
a.btn-ghost:hover{color:var(--ink);background:var(--btn-ghost-hover);border-color:var(--btn-ghost-hover-border)}

.btn-pill-paper{font-size:16px;font-weight:500;color:var(--fixed-ink);background:var(--fixed-paper);border-radius:999px;
  padding:15px 28px;min-height:52px;display:flex;align-items:center}
.btn-pill-paper:hover{color:var(--fixed-ink)}

/* شارة App Store — تُعرض كعنصر غير قابل للنقر إلى أن يُضبط الرابط في site.config.mjs */
.store-badge{display:flex;align-items:center;gap:12px;background:var(--band);color:var(--on-dark);
  border-radius:14px;padding:13px 24px;min-height:56px}
a.store-badge:hover{color:var(--on-dark);opacity:.9}
.store-badge__icon{width:26px;height:26px;border-radius:7px;border:1px dashed var(--on-dark-4);flex:none}
.store-badge__text{display:flex;flex-direction:column;line-height:1.35;text-align:start}
.store-badge__from{font-size:11px;color:var(--on-dark-2)}
.store-badge__name{font-size:17px;font-weight:500}
.store-badge--paper{background:var(--fixed-paper);color:var(--fixed-ink);padding:13px 26px}
a.store-badge--paper:hover{color:var(--fixed-ink)}
.store-badge--paper .store-badge__icon{border-color:#A8A29A}
.store-badge--paper .store-badge__from{color:#6B6456}

/* ---------- 06. Layout ---------- */
.section{padding-inline:clamp(24px,6vw,80px)}
.section--surface{background:var(--surface)}
.section--page{background:var(--page)}
.section--alt{background:var(--surface-alt)}
.section--band{background:var(--band)}
.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:clamp(32px,5vw,72px);align-items:center}
.stack{display:flex;flex-direction:column}
.eyebrow{font-size:14px;color:var(--brand)}
.section-title{font-size:clamp(28px,3.6vw,40px);line-height:1.4;letter-spacing:-0.01em}
.lede{font-size:18px;line-height:1.9;color:var(--text);max-width:46ch}

/* ---------- 07. Hero ---------- */
.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:clamp(32px,5vw,64px);
  padding:clamp(56px,8vw,96px) clamp(24px,6vw,80px) clamp(56px,7vw,88px);align-items:center;max-width:1600px}
.hero__copy{display:flex;flex-direction:column;gap:24px}
.hero__tag{align-self:flex-start;background:var(--brand-soft);color:var(--brand-ink);border-radius:999px;padding:8px 16px;font-size:14px}
.hero__title{font-size:clamp(38px,5.5vw,68px);line-height:1.28;letter-spacing:-0.015em;max-width:14ch}
.hero__sub{font-size:clamp(17px,1.5vw,20px);line-height:1.85;color:var(--text);max-width:44ch}
.hero__actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:8px}
.hero__shot{display:flex;justify-content:center}

/* إطارات لقطات التطبيق */
.phone{background:var(--shot-frame)}
.phone--hero{width:min(300px,80vw);aspect-ratio:1206/2622;border-radius:0;padding:0;background:transparent}
.phone--hero .phone__screen{border-radius:0}
.phone--pair{width:min(232px,42vw);aspect-ratio:232/472;border-radius:38px;padding:9px}
.phone--pair .phone__screen{border-radius:30px}
.phone--offset{margin-top:38px}
.phone--event{width:min(270px,78vw);aspect-ratio:270/548;border-radius:42px;padding:10px}
.phone--event .phone__screen{border-radius:33px}
.phone__screen{position:relative;width:100%;height:100%;overflow:hidden;
  background:repeating-linear-gradient(135deg,var(--shot-a) 0 9px,var(--shot-b) 9px 18px);
  display:flex;align-items:center;justify-content:center}
.slot-label{font-family:var(--font-mono);font-size:10px;color:var(--muted);background:var(--surface);
  padding:7px 10px;border-radius:7px;text-align:center;line-height:1.7}

/* Image slot — استبدل محتوى العنصر بوسم <img> عند توفر اللقطة النهائية */
.shot-slot{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.shot-slot img{width:100%;height:100%;object-fit:contain;display:block}
.shot-slot:has(img) .slot-label{display:none}
.shot-dark{display:none}
[data-theme="dark"] .shot-dark{display:flex}
[data-theme="dark"] .shot-light{display:none}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .shot-dark{display:flex}
  :root:not([data-theme="light"]) .shot-light{display:none}
}

/* ---------- 08. Features ---------- */
.s-features{padding-block:clamp(56px,7vw,88px);border-top:1px solid var(--border-2);scroll-margin-top:88px}
.s-features__head{max-width:44ch;margin-bottom:clamp(32px,5vw,56px)}
.s-features__head .eyebrow{display:block;margin-bottom:14px}
.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:clamp(20px,3vw,28px)}
.feature{display:flex;flex-direction:column;gap:14px}
.feature__icon{width:44px;height:44px;border-radius:12px;background:var(--brand-soft);border:1px dashed var(--brand);
  display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:8px;color:var(--brand-ink)}
.feature__title{font-family:var(--font-sans);font-size:22px;font-weight:500}
.feature p{font-size:16px;line-height:1.9;color:var(--text)}

/* ---------- 09. أقسام مقسومة ---------- */
.s-split{padding-block:clamp(56px,8vw,96px)}
.s-split .stack{gap:20px}
.s-split__title{max-width:16ch}
.phone-pair{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}
.stat-row{display:flex;gap:26px;margin-top:10px}
.stat{display:flex;flex-direction:column;gap:4px}
.stat__value{font-size:30px;font-weight:500}
.stat__label{font-size:14px;color:var(--muted-2)}
.stat-divider{width:1px;background:var(--border)}

/* قسم الودجت (خلفية داكنة ثابتة) */
.s-widgets{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:clamp(32px,5vw,72px);
  padding-block:clamp(56px,8vw,96px);align-items:center}
.widget-cluster{display:flex;gap:16px;justify-content:center;align-items:flex-start;flex-wrap:wrap}
.widget-tile{background:repeating-linear-gradient(135deg,#262A30 0 9px,#1E2126 9px 18px);
  display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:10px;
  color:var(--on-dark-2);text-align:center;line-height:1.7}
.widget-tile--md{width:168px;height:168px;border-radius:28px}
.widget-tile--sm{width:168px;height:76px;border-radius:22px}
.widget-col{display:flex;flex-direction:column;gap:16px}
.eyebrow--on-dark{color:#7FA9A2}
.title-on-dark{color:var(--on-dark);max-width:18ch}
.text-on-dark{font-size:18px;line-height:1.9;color:var(--on-dark-2);max-width:46ch}

/* ---------- 10. المشاركة ---------- */
.s-share{padding-block:clamp(56px,8vw,100px);scroll-margin-top:88px}
.s-share__head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;flex-wrap:wrap;
  margin-bottom:clamp(32px,5vw,56px)}
.s-share__head>div{max-width:46ch}
.s-share__head .eyebrow{display:block;margin-bottom:14px}
.s-share__title{font-size:clamp(30px,4vw,44px);line-height:1.38;letter-spacing:-0.012em}
.s-share__head p{margin-top:16px;font-size:18px;line-height:1.9;color:var(--text)}
.template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:20px}
.template{display:flex;flex-direction:column;gap:12px}
.template__frame{aspect-ratio:4/5;border-radius:18px;border:1px solid var(--border);
  background:repeating-linear-gradient(135deg,var(--shot-a) 0 9px,var(--shot-b) 9px 18px);
  display:flex;align-items:center;justify-content:center}
.template__frame .slot-label{background:transparent}
.template__name{font-size:15px;font-weight:500;text-align:center}
.template__name--row{display:flex;align-items:center;justify-content:center;gap:8px}
.tag-free{font-size:12px;color:var(--brand-ink);background:var(--brand-soft);border-radius:999px;padding:3px 9px}
.tag-plus{font-size:12px;color:var(--plus-ink);background:var(--plus-soft);border-radius:999px;padding:3px 9px}

/* ---------- 11. ميعاد بلس ---------- */
.s-plus{padding-block:clamp(56px,8vw,96px);scroll-margin-top:88px;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:clamp(32px,5vw,72px);align-items:center}
.s-plus .stack{gap:20px}
.plus-tag{align-self:flex-start;background:var(--plus-soft);color:var(--plus-ink);border-radius:999px;
  padding:7px 15px;font-size:14px;font-weight:500}
.plus-note{font-size:15px;line-height:1.85;color:var(--muted-2);max-width:44ch}
.compare-wrap{border:1px solid var(--border);border-radius:20px;overflow:hidden}
.compare{width:100%;border-collapse:collapse;table-layout:fixed;font-size:16px;text-align:start}
.compare th,.compare td{padding:18px 22px;text-align:start;font-weight:400}
.compare thead th{background:var(--surface-alt);border-bottom:1px solid var(--border);
  padding:16px 22px;font-size:14px;color:var(--muted);font-weight:400}
.compare th:first-child{width:53.8%}
.compare th:nth-child(2),.compare th:nth-child(3){width:23.1%;text-align:center;padding-inline:12px}
.compare td:nth-child(2),.compare td:nth-child(3){text-align:center;padding-inline:12px}
.compare thead th:last-child{color:var(--plus-ink);font-weight:500}
.compare tbody tr{border-bottom:1px solid var(--border-2)}
.compare tbody tr:last-child{border-bottom:none}
.compare .no{color:var(--muted-2)}
.compare .yes-plus{color:var(--plus-ink)}

/* ---------- 12. الخصوصية في الرئيسية ---------- */
.s-privacy{padding-block:clamp(48px,7vw,88px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));
  gap:clamp(28px,5vw,72px);align-items:center}
.s-privacy .stack{gap:18px}
.s-privacy__title{font-size:clamp(26px,3.2vw,36px);line-height:1.45;max-width:18ch}
.s-privacy p{font-size:17px;line-height:1.9;color:var(--text);max-width:46ch}
.s-privacy__link{font-size:16px;font-weight:500;align-self:flex-start}
.mini-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:16px}
.mini-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:22px;
  display:flex;flex-direction:column;gap:8px}
.mini-card__title{font-family:var(--font-sans);font-size:17px;font-weight:500}
.mini-card p{font-size:15px;line-height:1.8;color:var(--muted)}

/* ---------- 13. الأسئلة الشائعة ---------- */
.s-faq{padding-block:clamp(56px,8vw,96px)}
.s-faq__title{font-size:clamp(26px,3.2vw,36px);margin-bottom:clamp(28px,4vw,44px)}
.faq-list{max-width:860px;border-top:1px solid var(--border-2)}
.faq{border-bottom:1px solid var(--border-2)}
.faq__q{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 4px;
  font-size:19px;font-weight:500;min-height:56px}
.faq__q:focus-visible{outline:var(--focus-ring);outline-offset:-2px}
.faq__marker{font-size:22px;color:var(--brand);flex:none}
.faq__marker::after{content:"+"}
.faq[open] .faq__marker::after{content:"−"}
.faq__a{padding:0 4px 26px;font-size:16px;line-height:1.95;color:var(--text);max-width:70ch}

/* ---------- 14. CTA النهائي ---------- */
.s-cta{padding-block:clamp(64px,9vw,110px);display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}
.s-cta__title{font-size:clamp(30px,4.2vw,46px);line-height:1.38;color:var(--on-dark);max-width:18ch}
.s-cta p{font-size:19px;line-height:1.85;color:var(--on-dark-2);max-width:44ch}
.s-cta .store-badge{margin-top:6px}

/* ---------- 15. التذييل ---------- */
.site-footer{padding:clamp(36px,5vw,56px) clamp(24px,6vw,80px);background:var(--footer);
  display:flex;justify-content:space-between;gap:40px;align-items:flex-start;flex-wrap:wrap}
.footer-brand{display:flex;flex-direction:column;gap:14px;max-width:32ch}
.footer-brand__row{display:flex;align-items:center;gap:10px}
.footer-brand__row img{width:28px;height:28px;display:block}
.footer-brand__name{font-size:18px;font-weight:600;color:var(--on-dark)}
.footer-brand p{font-size:14px;line-height:1.85;color:var(--on-dark-3)}
.footer-brand a{font-size:14px;color:var(--on-dark)}
.footer-cols{display:flex;gap:clamp(28px,5vw,64px);flex-wrap:wrap}
.footer-col{display:flex;flex-direction:column;gap:12px}
.footer-col__title{font-size:13px;color:var(--on-dark-4)}
.footer-col a{font-size:15px;color:var(--on-dark)}
.footer-col a:hover,.footer-brand a:hover{color:#fff}
.social-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.social{width:36px;height:36px;border-radius:999px;border:1px solid var(--deep-border);color:var(--on-dark);
  display:flex;align-items:center;justify-content:center}
.social:hover{color:var(--on-dark);border-color:var(--on-dark-4)}
.social-handle{font-size:14px;color:var(--on-dark-3);text-align:start}
.footer-legal{padding:22px clamp(24px,6vw,80px);background:var(--footer);border-top:1px solid var(--deep-border);
  font-size:13px;color:var(--on-dark-3)}

/* ---------- 16. صفحات الدعم ---------- */
.page-head{padding:clamp(56px,8vw,88px) clamp(24px,6vw,80px) clamp(40px,5vw,56px);
  border-bottom:1px solid var(--border-2);display:flex;flex-direction:column;gap:16px}
.page-head__title{font-size:clamp(34px,5.5vw,52px);line-height:1.34;letter-spacing:-0.014em;max-width:18ch}
.page-head p{font-size:18px;line-height:1.9;color:var(--text);max-width:56ch}
.chip-row{padding:clamp(28px,4vw,40px) clamp(24px,6vw,80px);display:flex;gap:10px;flex-wrap:wrap;
  max-width:1440px;border-bottom:1px solid var(--border-2)}
.chip{border:1px solid var(--border);border-radius:999px;padding:11px 20px;font-size:15px;color:var(--text);background:var(--surface)}
.chip:hover{color:var(--ink);background:var(--surface-alt)}
.chip--brand{border-color:var(--brand);color:var(--brand)}
.chip--brand:hover{color:var(--brand-hover)}
.support-grid{padding:clamp(40px,6vw,64px) clamp(24px,6vw,80px);background:var(--surface-alt);
  border-bottom:1px solid var(--border-2);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(360px,100%),1fr));
  gap:clamp(20px,3vw,32px);max-width:1440px;align-items:start}
.support-cat{display:flex;flex-direction:column;gap:12px;scroll-margin-top:96px}
.support-cat__title{font-family:var(--font-sans);font-size:14px;color:var(--muted-2);font-weight:500}
.support-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;overflow:hidden}
.faq--card{border-bottom:1px solid var(--border-2)}
.faq--card:last-child{border-bottom:none}
.faq--card .faq__q{padding:18px 22px;font-size:17px;min-height:56px}
.faq--card .faq__marker{font-size:20px}
.faq--card .faq__a{padding:0 22px 20px;font-size:16px;line-height:1.95;max-width:none}
.faq__a ol,.faq__a ul{padding-inline-start:20px;display:flex;flex-direction:column;gap:8px;margin:0}

.pill-row{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.pill{border:1px solid var(--border);border-radius:999px;padding:7px 14px;font-size:15px}
.support-contact{padding:clamp(40px,6vw,72px) clamp(24px,6vw,80px);display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:clamp(24px,4vw,40px);max-width:1440px;align-items:start}
.support-contact>*{display:flex;flex-direction:column;gap:16px;scroll-margin-top:96px}
.support-contact h2{font-size:clamp(24px,3vw,30px)}
.support-contact p{font-size:17px;line-height:1.9;color:var(--text);max-width:46ch}
.contact-box{border:1px solid var(--border);border-radius:18px;padding:24px;background:var(--surface-alt);
  display:flex;flex-direction:column;gap:10px}
.contact-box__label{font-size:14px;color:var(--muted-2)}
.contact-box__email{font-size:clamp(20px,2.4vw,24px);font-weight:500}
.contact-box__note{font-size:15px;line-height:1.85;color:var(--muted);margin-top:2px}
.bug-list{display:flex;flex-direction:column;gap:10px}
.bug-list li{border:1px solid var(--border);border-radius:14px;padding:16px 20px;font-size:16px;
  background:var(--surface);list-style:none}
.bug-list li:last-child{line-height:1.7}
.bug-list{margin:0;padding:0}
.release-wrap{padding:0 clamp(24px,6vw,80px) clamp(48px,7vw,80px);max-width:1440px}
.release-box{margin:0;border:1px solid var(--border);border-radius:20px;padding:clamp(24px,4vw,32px);
  display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:24px;background:var(--surface)}
.release-item{display:flex;flex-direction:column;gap:8px}
.release-item dt{font-size:14px;color:var(--muted-2)}
.release-item dd{margin:0;font-size:22px;font-weight:500;color:var(--muted)}
.release-note{display:flex;flex-direction:column;gap:8px;justify-content:center;
  font-family:var(--font-mono);font-size:11px;color:var(--note-ink);line-height:1.8}
.s-cta--support{padding-block:clamp(48px,7vw,88px);gap:20px}
.s-cta--support .s-cta__title{font-size:clamp(26px,3.6vw,38px);line-height:1.4;max-width:20ch}
.s-cta--support p{font-size:18px}

/* ---------- 17. الصفحات القانونية ---------- */
.legal-head{padding:clamp(48px,7vw,72px) clamp(24px,6vw,80px) clamp(32px,4vw,40px);
  border-bottom:1px solid var(--border-2);display:flex;flex-direction:column;gap:14px}
.legal-head__eyebrow{font-size:14px;color:var(--muted-2)}
.legal-head__title{font-size:clamp(32px,5vw,44px);line-height:1.36;letter-spacing:-0.012em}
.legal-head p{font-size:17px;line-height:1.9;color:var(--text);max-width:62ch}
.legal-meta{display:flex;gap:16px;flex-wrap:wrap;align-items:center;font-size:15px;color:var(--muted-2);margin-top:4px}
.legal-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:clamp(28px,5vw,56px);
  padding:clamp(32px,5vw,48px) clamp(24px,6vw,80px) clamp(56px,7vw,80px);max-width:1440px}
.toc{max-width:260px;display:flex;flex-direction:column;gap:12px;align-self:start;position:sticky;top:96px}
.toc__title{font-size:13px;color:var(--muted-2);font-weight:500}
.toc__list{display:flex;flex-direction:column;gap:10px;font-size:15px;
  border-inline-start:1px solid var(--border-3);padding-inline-start:14px;margin:0;list-style:none}
.toc__list a{color:var(--text)}
.toc__list a:hover{color:var(--brand)}
.toc__list li:first-child a{color:var(--brand)}
.legal-main{display:flex;flex-direction:column;gap:36px;max-width:68ch;grid-column:span 2;min-width:0}
.legal-main>p{font-size:17px;line-height:2;color:var(--ink-2)}
.legal-section{display:flex;flex-direction:column;gap:14px;scroll-margin-top:100px}
.legal-section h2{font-size:26px;line-height:1.5}
.legal-section p{font-size:17px;line-height:2;color:var(--ink-2)}
.legal-section ul{padding-inline-start:22px;display:flex;flex-direction:column;gap:10px;
  font-size:17px;line-height:1.95;color:var(--ink-2)}
.legal-list{border:1px solid var(--border);border-radius:16px;overflow:hidden;background:var(--surface-alt);
  list-style:none;padding:0;margin:0}
.legal-list li{padding:16px 20px;border-bottom:1px solid var(--border);font-size:16px;line-height:1.85}
.legal-list li:last-child{border-bottom:none}
.legal-contact{border:1px solid var(--border);border-radius:16px;padding:22px;display:flex;flex-direction:column;
  gap:8px;background:var(--surface-alt)}
.legal-contact__label{font-size:14px;color:var(--muted-2)}
.legal-contact__email{font-size:20px;font-weight:500}
.legal-contact__link{font-size:16px;font-weight:500;margin-top:4px;align-self:flex-start}
.legal-foot{border-top:1px solid var(--border-2);padding-top:26px;display:flex;flex-direction:column;gap:10px}
.legal-foot__label{font-size:14px;color:var(--muted-2)}
.legal-foot div:not(.legal-foot__label):not(.legal-foot__note){font-size:16px;line-height:1.9;color:var(--ink-2)}
.legal-foot__note{font-size:15px;line-height:1.9;color:var(--muted-2);margin-top:6px}

/* ---------- 18. الاستجابة ---------- */
@media (max-width:900px){
  .toc{position:static;max-width:none}
}
@media (max-width:768px){
  .site-header{gap:12px 14px;padding:14px clamp(16px,4vw,24px)}
  .site-nav{order:3;flex-basis:100%;margin:0;gap:clamp(12px,4vw,22px);font-size:15px}
  .header-actions{order:2}
  .brand{margin-inline-end:0;flex:none}
  .s-features,.s-share,.s-plus,.support-cat{scroll-margin-top:120px}
  .legal-section,.support-contact>*{scroll-margin-top:120px}
}
@media (max-width:560px){
  .site-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}
  .brand{min-width:0}
  .header-actions{min-width:0;justify-self:end}
  .site-nav{grid-column:1/-1;min-width:0;justify-content:space-between}
  .btn-download{padding-inline:16px;white-space:normal;text-align:center}
  .compare th,.compare td{padding:16px 14px;font-size:15px}
  .compare thead th{padding:14px 14px}
  .compare th:nth-child(2),.compare th:nth-child(3),
  .compare td:nth-child(2),.compare td:nth-child(3){padding-inline:8px}
  .support-grid{grid-template-columns:1fr}
}
@media (max-width:340px){
  .site-header{padding:12px 14px;gap:10px 12px}
  .site-nav{gap:10px;font-size:14px}
  .header-actions{gap:8px}
  .btn-download{max-width:112px;padding:9px 11px;font-size:12.5px}
  .brand__name{font-size:17px}
  .brand img{width:28px;height:28px}
  .store-badge{padding:12px 16px}
  .phone-pair{gap:12px}
  .phone--offset{margin-top:20px}
}

/* ---------- 19. تصحيحات التخصيص ---------- */
.faq__a ul.pill-row{flex-direction:row;flex-wrap:wrap;gap:8px;padding-inline-start:0;list-style:none}
.faq__a ul.pill-row .pill{list-style:none}
.legal-section ul.legal-list{display:block;padding:0;gap:0}
.link-strong{font-weight:500}
.stack--gap-20{gap:20px}
.lede--44{max-width:44ch}
.shot-slot .slot-label{background:transparent;display:flex;flex-direction:column;align-items:center;gap:6px}
.shot-slot .slot-label::before{content:"";width:18px;height:15px;border:1.4px solid currentColor;border-radius:3px;opacity:.75}

.faq__a--stack{display:flex;flex-direction:column;gap:10px}
.faq__a-intro{margin-bottom:8px}
.faq__a ul.pill-row{margin:0}

/* عمود واحد للصفحات القانونية على الشاشات الضيقة (نفس نقطة تحوّل فهرس المحتويات) */
@media (max-width:900px){
  .legal-body{grid-template-columns:1fr}
  .legal-main{grid-column:auto}
}