/*
  الطابعُ الليليّ — قرارُ المالك 2026-10-04 («ليلي فخم»، النموذج أ).

  يُحمَّل بعد site.css وproduct-media.css ويعيد تعريفَ الرموز أوّلاً، فينقلب كلُّ ما بُني على الرموز
  دفعةً واحدة؛ ثمّ يعالج قسماً قسماً ما ثُبّت لونُه في الرسوم. والعلامةُ الرسميّةُ بيضاءُ الحروف —
  صُمّمت لأرضٍ داكنة — فهذا الطابعُ يعيدها إلى أرضها.

  الألوانُ من العلامة نفسِها: مثلّثُ حرف A بين #00E7CC و#00DDAF، ومنه التدرّجُ الفيروزيّ.
*/
:root{
 --paper:#06110d;--surface:#0c1b16;--ink:#eef5f2;--muted:#9fb3ac;--line:#1c3029;--soft:#11241e;
 --brand:#2fe3c6;--mint:#2fe3c6;--lime:#19c98f;--night:#030a07;--white:#f4faf7;--error:#ff8e7d;--warning:#f2c66d;
 --bg2:#091712;--glass:rgba(255,255,255,.035);--glass-2:rgba(255,255,255,.06);--edge:rgba(255,255,255,.09);
 --grad:linear-gradient(100deg,#00e7cc 0%,#16c993 100%);--glow:0 0 0 1px rgba(47,227,198,.18),0 18px 60px rgba(0,231,204,.12);
 color-scheme:dark;background:var(--paper);color:var(--ink);
}
#how,#owner,#print{--ink:#eef5f2;--muted:#a3b7b0;--line:#21382f;--soft:#132a22;--brand:#2fe3c6;background:#081812;color:var(--ink)}
.on-paper{--ink:#eef5f2;--muted:#9fb3ac;--line:#1c3029;--soft:#11241e;--brand:#2fe3c6;color:var(--ink)}
body{background:var(--paper);color:var(--ink)}
::selection{background:#2fe3c655;color:#fff}
:focus-visible{outline:2px solid var(--brand);outline-offset:3px}
a:hover{color:var(--brand)}

/* ── الخطّ والإيقاع ── */
h1,h2,h3{color:var(--ink)}
h1 em,h2 em{font-style:normal;color:transparent;background:var(--grad);-webkit-background-clip:text;background-clip:text}
.pun{color:transparent;background:var(--grad);-webkit-background-clip:text;background-clip:text}
.eyebrow{color:var(--brand);letter-spacing:.01em}
.eyebrow::before{width:22px;background:var(--grad);height:2px;border-radius:2px}
.lede{color:var(--muted)}
.tiny{color:var(--muted)}
section{border-color:var(--line)}
.band{background:var(--bg2)}
.mono{color:var(--muted)}

/* ── الأزرار ── */
.btn{border-radius:12px;transition:background var(--quick),transform var(--quick),box-shadow var(--quick),border-color var(--quick)}
.btn--p,.price--lead .btn--p{background:var(--grad);color:#04140f;border:0;box-shadow:0 12px 34px rgba(0,231,204,.22),inset 0 1px 0 rgba(255,255,255,.45)}
.btn--p:hover,.price--lead .btn--p:hover{background:var(--grad);color:#04140f;transform:translateY(-2px);box-shadow:0 18px 44px rgba(0,231,204,.32),inset 0 1px 0 rgba(255,255,255,.55)}
.btn--g{border-color:var(--edge);background:var(--glass);color:var(--ink);backdrop-filter:blur(8px)}
.btn--g:hover{background:var(--glass-2);border-color:rgba(47,227,198,.35);color:var(--ink)}
.btn--pill{border-color:var(--edge);color:var(--ink)}
.top__act .btn--pill.btn--wa{background:var(--grad);border:0;color:#04140f;box-shadow:0 8px 26px rgba(0,231,204,.25)}
.top__act .btn--pill.btn--wa:hover{background:var(--grad);color:#04140f;box-shadow:0 12px 34px rgba(0,231,204,.35)}

/* ── الرأس ── */
.top{background:rgba(6,17,13,.72);backdrop-filter:saturate(140%) blur(18px);-webkit-backdrop-filter:saturate(140%) blur(18px);border-bottom:1px solid var(--edge)}
.top.on{box-shadow:0 10px 40px rgba(0,0,0,.35)}
.top nav:not(.mobile-menu){font-size:14px}
.top nav a{color:var(--muted)}
.top nav a:hover,.top nav a[aria-current]{color:var(--ink)}
.top nav a::after{background:var(--grad);height:2px;border-radius:2px}
.mark__word{background:var(--ink)}
.mark:hover .mark__word{background:var(--brand)}
.lang{color:var(--muted);border:1px solid var(--edge);border-radius:999px}
.menu-toggle{border-color:var(--edge)}
.menu-toggle span{background:var(--ink)}
.mobile-menu{background:rgba(6,17,13,.97);border-color:var(--edge)}
.mobile-menu a{border-color:var(--line)}
.skip-link{background:var(--brand);color:#04140f}
@supports (animation-timeline:scroll()){@media(prefers-reduced-motion:no-preference){.top::after{background:var(--grad)}}}

/* ── الواجهة الأولى: شاشةُ البرنامج كبيرة، والضوءُ من ألوان العلامة ── */
.hero{position:relative;padding:64px 0 0;overflow:hidden;isolation:isolate}
.hero::before{content:'';position:absolute;inset:-10% -10% 0;z-index:-2;pointer-events:none;background:
 radial-gradient(760px 520px at 22% 26%,rgba(0,231,204,.15),transparent 62%),
 radial-gradient(640px 460px at 88% 6%,rgba(22,201,147,.10),transparent 60%)}
.hero::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.5;
 background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
 background-size:64px 64px;-webkit-mask:radial-gradient(780px 520px at 28% 32%,#000,transparent 72%);mask:radial-gradient(780px 520px at 28% 32%,#000,transparent 72%)}
[dir=ltr] .hero::before{transform:scaleX(-1)}
.hero__grid{grid-template-columns:1fr 1.12fr;gap:60px}
.hero .eyebrow{display:inline-flex;width:fit-content;padding:7px 16px;border:1px solid var(--edge);border-radius:999px;background:var(--glass);color:var(--muted);font-size:14px;margin-bottom:6px}
.hero .eyebrow::before{width:8px;height:8px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 4px rgba(47,227,198,.16)}
.hero h1{margin-top:18px;letter-spacing:-.02em;line-height:1.14}
.hero__copy .lede{font-size:19px;line-height:1.9;max-width:540px}
.hero .cta-row{margin-top:36px}
.hero .btn{min-height:58px;padding-inline:28px;font-size:16px}
.chip{font-size:14px;color:var(--muted);gap:8px}
.chip i{width:16px;height:16px;border-radius:50%;background:rgba(47,227,198,.14);position:relative}
.chip i::after{content:'';position:absolute;inset:4px;border-radius:50%;background:var(--brand)}
.hero-device{position:relative;min-width:0;padding:18px 0 34px}
.hero-device__glow{position:absolute;inset:8% 4% 4%;border-radius:40px;background:radial-gradient(closest-side,rgba(0,231,204,.28),transparent);filter:blur(30px);z-index:-1}
.hero-device__screen{display:block;position:relative;border-radius:20px;padding:10px;background:linear-gradient(160deg,rgba(255,255,255,.16),rgba(255,255,255,.03) 45%,rgba(255,255,255,.07));border:1px solid rgba(255,255,255,.12);box-shadow:0 50px 120px rgba(0,0,0,.6),0 0 0 1px rgba(0,0,0,.45),0 0 90px rgba(0,231,204,.10);transition:transform 700ms var(--ease)}
.hero-device__screen:hover{transform:translateY(-4px)}
.hero-device__screen img{display:block;width:100%;height:auto;border-radius:11px}
.hero-float{position:absolute;display:flex;align-items:center;gap:13px;padding:14px 18px 14px 16px;border-radius:16px;background:rgba(9,25,20,.82);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 24px 60px rgba(0,0,0,.5);font-size:13px;z-index:2}
.hero-float b{display:block;font-size:15px;color:var(--ink)}
.hero-float small{color:var(--muted);font-size:13px}
.hero-float>i{flex:none;width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:rgba(47,227,198,.14);color:var(--brand);font:600 14px var(--body);font-style:normal}
.hero-float--a{bottom:0;inset-inline-end:-18px}
.hero-float--b{top:0;inset-inline-start:28px}
.proof-line{margin-top:78px;border:1px solid var(--edge);border-radius:20px;background:var(--glass);padding:0;gap:0}
.proof-line>div{padding:26px 28px;border-inline-end:1px solid var(--edge)}
.proof-line>div:last-child{border:0}
.proof-line b{font-size:30px;color:transparent;background:var(--grad);-webkit-background-clip:text;background-clip:text;width:fit-content}
.proof-line span{font-size:14px;margin-top:4px}
.hero{padding-bottom:96px;border-bottom:1px solid var(--line)}
@media(max-width:1150px){.hero__grid{grid-template-columns:1fr 1fr;gap:40px}.hero-float--a{inset-inline-end:-6px}}
@media(max-width:820px){.hero__grid{grid-template-columns:1fr}.hero-device{max-width:640px;width:100%;justify-self:center;padding-top:6px}.proof-line{grid-template-columns:1fr 1fr}.proof-line>div:nth-child(2){border-inline-end:0}.proof-line>div:nth-child(-n+2){border-bottom:1px solid var(--edge)}}
@media(max-width:540px){.hero{padding:34px 0 64px}.hero h1{font-size:50px;line-height:1.16}.hero__copy .lede{font-size:16px}.hero .btn{width:100%;font-size:16px}.hero .cta-row{flex-direction:column;align-items:stretch;gap:12px}.chip{font-size:13px}.hero-float--b{display:none}.hero-float--a{inset-inline-end:8px;bottom:6px;padding:11px 13px}.hero-float>i{width:34px;height:34px}.proof-line{margin-top:48px;border-radius:16px}.proof-line>div{padding:18px 16px}.proof-line b{font-size:23px}.proof-line span{font-size:13px}}
.chip i{width:auto;height:auto;background:none;border-radius:0}
.chip i::after{content:'✓';position:static;inset:auto;background:none;color:var(--brand);font:600 14px var(--body)}

/* ── اختيارُ المحل ── */
.choose-section{background:var(--paper);border:0;padding:8px 0 80px}
.choose{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid var(--edge);border-radius:24px;padding:36px;box-shadow:0 30px 80px rgba(0,0,0,.28)}
.choose__head h2{font-size:clamp(30px,2.8vw,40px)}
.choose__tile{background:rgba(255,255,255,.025);border:1px solid var(--edge);border-radius:16px;min-height:168px;padding:20px 18px 50px}
.choose__tile:hover,.choose__tile:focus-visible{background:rgba(47,227,198,.07);border-color:rgba(47,227,198,.45);color:var(--ink);transform:translateY(-3px);box-shadow:var(--glow)}
.choose__tile b{font-size:20px;color:var(--ink)}
.choose__plan{color:var(--brand)}
.choose__tile em{display:inline-flex;align-items:center;gap:6px;width:fit-content;margin-top:4px;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.05);color:var(--muted)}
.choose__tile.is-live em{background:rgba(47,227,198,.12);color:var(--brand)}
.choose__tile.is-live em::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--brand);box-shadow:0 0 8px var(--brand)}
.choose__tile i{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.05);font-size:15px;inset-inline-end:14px;bottom:12px;transition:background var(--quick),color var(--quick)}
.choose__tile:hover i{background:var(--grad);color:#04140f}

/* ── المنظومات الثلاث ── */
#products{background:var(--bg2)}
.prod{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018));border:1px solid var(--edge);border-radius:24px}
.prod:hover{box-shadow:0 30px 70px rgba(0,0,0,.4),0 0 0 1px rgba(47,227,198,.25);border-color:rgba(47,227,198,.3)}
.product-capture,.prod--soon .product-capture{background:radial-gradient(420px 220px at 50% 0%,rgba(0,231,204,.20),transparent 70%),rgba(255,255,255,.02);padding:26px 26px 0;border-bottom:1px solid var(--edge)}
.product-capture img{transform:none;border:1px solid rgba(255,255,255,.12);border-bottom:0;border-radius:10px 10px 0 0;box-shadow:0 -12px 40px rgba(0,0,0,.45);aspect-ratio:16/9;object-fit:cover;object-position:top}
.product-capture:hover img,.product-capture:focus-visible img{transform:translateY(-4px)}
.product-capture>span{display:none}
.prod__head{padding:26px 28px 0}
.prod__head h3{font-size:28px}
.prod__head p{font-size:15px;color:var(--muted)}
.prod__facts{font-size:15px;line-height:2.15;padding:16px 28px 20px}
.prod__facts li::before{content:'✓';font:600 13px var(--body);color:var(--brand)}
.prod__note{font-size:13.5px;padding-inline:28px}
.prod__link{margin:auto 28px 0;font-size:15px;border-color:var(--edge);color:var(--brand)}
.prod__link::after{content:'←'}
[dir=ltr] .prod__link::after{content:'→'}
.tag{font-size:12px;padding:6px 12px}
.tag--live{background:rgba(47,227,198,.12);color:var(--brand);box-shadow:inset 0 0 0 1px rgba(47,227,198,.25)}
.tag--live::before{box-shadow:0 0 8px currentColor}
.tag--soon{background:rgba(242,198,109,.10);color:#f2c66d;box-shadow:inset 0 0 0 1px rgba(242,198,109,.22)}
@media(max-width:820px){.prod{display:flex;flex-direction:column}}
@media(max-width:540px){.choose{padding:22px 16px;border-radius:20px}.choose__tile{min-height:0;padding:15px 13px 46px;border-radius:14px}.choose__tile b{font-size:16px}.prod{border-radius:20px}.prod__head,.prod__facts{padding-inline:22px}.prod__note{padding-inline:22px}.prod__link{margin-inline:22px}}
.prod:nth-child(n) .product-capture{background:radial-gradient(420px 220px at 50% 0%,rgba(0,231,204,.20),transparent 70%),rgba(255,255,255,.02)}
@media(hover:none){.product-capture:hover img{transform:none}}
.back-top{background:rgba(9,25,20,.85);border:1px solid var(--edge);color:var(--ink);backdrop-filter:blur(12px);box-shadow:0 10px 30px rgba(0,0,0,.4)}
.back-top:hover{background:var(--grad);color:#04140f;border-color:transparent}

/* ── طفى النت؟ ── */
#how{background:radial-gradient(700px 420px at 80% 20%,rgba(0,231,204,.08),transparent 65%),#081812;border-block:1px solid var(--line)}
.step{border-color:var(--line);border-radius:14px;padding:18px 16px}
.step.on{background:rgba(47,227,198,.09);box-shadow:inset 0 0 0 1px rgba(47,227,198,.28)}
.step:hover{background:rgba(255,255,255,.04)}
.step>span:first-child{color:var(--brand)}
.step b{font-size:17px}
.step small{font-size:14px}
.offline-proof{font-size:13px;color:var(--muted);gap:18px}
.offline-proof i{background:var(--brand);box-shadow:0 0 8px var(--brand)}
.offline-proof .wait{color:#f2c66d}
.power-note{background:rgba(242,198,109,.06);border-color:rgba(242,198,109,.22);border-radius:16px;padding:20px 22px}
.power-note b{color:#f6d58c}
.connection-stage{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid var(--edge);border-radius:24px;box-shadow:0 40px 100px rgba(0,0,0,.45)}
.connection-stage__head{font-size:13px;border-color:var(--edge);color:var(--muted)}
.connection-badge{color:var(--brand)}
.network-art{background-image:radial-gradient(rgba(255,255,255,.07) .8px,transparent .8px)}
.network-device>.mono{font-size:10px;color:var(--muted)}
.device-screen{background:linear-gradient(160deg,#123a30,#0b261f);border:5px solid #1d4a3d;box-shadow:0 18px 40px rgba(0,0,0,.5),0 0 40px rgba(0,231,204,.12);color:var(--ink)}
.device-screen>span{border-color:rgba(255,255,255,.1);font-size:10px}
.device-bars i{background:rgba(47,227,198,.5)}
.device-stand{background:#1d4a3d}.device-stand::after{background:#24584a}
.network-cloud{color:var(--brand)}
.network-cloud>span{font-size:10px}
.network-line i{background:rgba(47,227,198,.55)}
.queue-strip{border-color:var(--edge);color:var(--muted);font-size:10px}
.queue-strip>i{border-color:rgba(47,227,198,.4);font-size:10px}
.queue-strip>b{color:var(--brand)}
.connection-stage[data-state="2"] .network-line i{background:#8a7a4a}
.connection-stage[data-state="2"] .connection-badge{color:#f2c66d}
.connection-stage[data-state="2"] .queue-strip>i{background:rgba(242,198,109,.18);color:#fbe3a6;border-color:rgba(242,198,109,.45)}
.connection-readout{background:rgba(47,227,198,.06);border-color:var(--edge)}
.connection-readout b{font-size:17px}
.connection-readout small{font-size:14px;color:var(--muted)}

/* ── برنامج واحد بدل أربعة دفاتر ── */
#work{background:var(--paper)}
#work .grid{gap:16px;border:0;margin-top:48px}
.card,.card:nth-child(3n){border:1px solid var(--edge);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));padding:30px 28px;transition:border-color var(--quick),transform var(--quick),box-shadow var(--quick)}
.card:hover{border-color:rgba(47,227,198,.3);transform:translateY(-3px);box-shadow:0 24px 60px rgba(0,0,0,.35)}
.card__ico{width:48px;height:48px;padding:12px;border-radius:14px;background:rgba(47,227,198,.1);box-shadow:inset 0 0 0 1px rgba(47,227,198,.22)}
.card__ico svg{stroke:var(--brand)}
.card h3{font-size:22px}
.card p{font-size:15px;line-height:1.85}
.tier{font-size:11px;border-color:rgba(47,227,198,.35)}
.libyan{border:1px solid var(--edge);border-radius:18px;background:linear-gradient(90deg,rgba(47,227,198,.07),rgba(255,255,255,.02));padding:18px 22px}
.libyan b{color:var(--ink)}
.libyan span{background:rgba(255,255,255,.05);color:var(--ink);box-shadow:inset 0 0 0 1px var(--edge);font-size:14px}
.more-link{color:var(--brand)}
.more-link:hover{color:var(--ink)}
@media(max-width:540px){.card,.card:nth-child(n){border:1px solid var(--edge);padding:24px 20px}#work .grid{gap:12px}}

/* ── الجولة داخل المنظومة ── */
.experience-section{background:var(--bg2);border-color:var(--line)}
.real-gallery{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));border:1px solid var(--edge);border-radius:26px;box-shadow:0 40px 100px rgba(0,0,0,.4)}
.gallery-toolbar{background:rgba(255,255,255,.03);color:var(--muted);border-bottom:1px solid var(--edge)}
.gallery-toolbar .mono{color:var(--brand)}
.gallery-toolbar p{font-size:13px}
.gallery-tabs{background:transparent;border-color:var(--edge)}
.gallery-tabs button{border-color:var(--edge);color:var(--muted);font-size:14px}
.gallery-tabs button>span{color:var(--brand);font-size:11px}
.gallery-tabs button:hover{background:rgba(255,255,255,.04);color:var(--ink)}
.gallery-tabs button[aria-pressed=true]{background:rgba(47,227,198,.1);color:var(--ink);box-shadow:inset 0 -2px 0 var(--brand)}
.gallery-step{background:rgba(255,255,255,.03)!important;border-color:var(--edge)!important}
.gallery-step button{background:rgba(255,255,255,.05)!important;border-color:var(--edge)!important}
.gallery-frame{background:radial-gradient(900px 400px at 50% 0%,rgba(0,231,204,.12),transparent 70%);padding:30px}
.gallery-frame>a{border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#05100c;box-shadow:0 30px 80px rgba(0,0,0,.55)}
.zoom-hint{background:rgba(9,25,20,.85);border:1px solid var(--edge);color:var(--ink);border-radius:999px;font-size:13px;backdrop-filter:blur(10px)}
.gallery-caption{border-color:var(--edge)}
.gallery-caption small{color:var(--brand);font-size:12px}
.gallery-caption p{font-size:15px}
.gallery-counter{border-color:var(--edge);border-radius:999px;color:var(--muted)}
.media-disclosure{font-size:13px}
.screen-dialog{background:#07130f;border-color:var(--edge);border-radius:18px;color:var(--ink)}
.screen-dialog::backdrop{background:rgba(3,10,7,.9);backdrop-filter:blur(6px)}
.screen-dialog__bar{background:rgba(9,25,20,.95);border-color:var(--edge);color:var(--muted)}
.screen-dialog__bar button{background:rgba(255,255,255,.05);border-color:var(--edge);color:var(--ink);border-radius:10px}
.screen-dialog__bar button:hover{background:rgba(255,255,255,.1)}
.screen-dialog__bar [data-zoom-viewer][aria-pressed=true]{background:var(--grad);color:#04140f}

/* ── لوحة المالك ── */
#owner{background:radial-gradient(700px 460px at 20% 50%,rgba(0,231,204,.09),transparent 65%),#081812}
.owner-points>div>i{color:var(--brand);font-size:12px}
.owner-points b{font-size:17px}
.owner-points small{font-size:14px}
.owner-diagram{background:radial-gradient(ellipse at 50% 38%,rgba(0,231,204,.18),transparent 60%),linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));border:1px solid var(--edge);border-radius:26px;box-shadow:0 40px 100px rgba(0,0,0,.4)}
.owner-diagram>.mono{color:var(--brand);font-size:11px}
.owner-orbit i{border-color:rgba(47,227,198,.35)}
.owner-orbit i:nth-child(2){border-color:rgba(47,227,198,.18)}
.owner-orbit b{background:var(--grad);color:#04140f;box-shadow:0 20px 60px rgba(0,231,204,.35)}
.owner-endpoints span{background:rgba(255,255,255,.05);border:1px solid var(--edge);border-radius:999px;color:var(--ink);font-size:11px}
.owner-diagram p{color:var(--ink)}
.owner-diagram>small{color:var(--muted);font-size:12px}

/* ── الفروع ── */
#branches{background:var(--paper)}
.branch-art{background:radial-gradient(500px 260px at 50% 0%,rgba(0,231,204,.14),transparent 70%),linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));border:1px solid var(--edge);border-radius:26px}
.branch-hub{background:linear-gradient(160deg,#0f3a2f,#0a2a22);border:1px solid rgba(47,227,198,.35);box-shadow:0 20px 60px rgba(0,231,204,.18);color:var(--ink)}
.branch-hub>span{color:var(--muted);font-size:12px}
.branch-routes::before,.branch-routes i{border-color:rgba(47,227,198,.4);background:rgba(47,227,198,.4)}
.branch-routes::before{background:none}
.branch-locations svg{color:var(--brand)}
.branch-locations b{font-size:14px;color:var(--ink)}
.branch-locations span{color:var(--muted)}
.art-disclaimer{color:var(--muted);font-size:12px}
.branch-cards{border:0;gap:16px;margin-top:48px}
.branch-cards article,.branch-cards article:last-child{border:1px solid var(--edge);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.012));padding:24px 22px}
.branch-cards article>span{display:block;margin-bottom:8px;color:var(--brand);font-size:12px}
.branch-cards b{font-size:17px}
.branch-cards p{font-size:14px;line-height:1.85}
@media(max-width:1080px){.branch-cards article:nth-child(n){border:1px solid var(--edge)}}

/* ── كيف نبدأ ── */
.ready-section,.setup-section{background:var(--bg2);border-color:var(--line)}
.launch-path{display:grid;gap:12px}
.launch-step{border:1px solid var(--edge);border-radius:18px;padding:20px 22px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.012))}
.launch-step.is-active{border-color:rgba(47,227,198,.35);background:linear-gradient(90deg,rgba(47,227,198,.09),rgba(255,255,255,.02));box-shadow:var(--glow)}
.launch-step>span{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;padding:0;background:rgba(47,227,198,.12);color:var(--brand);font:600 13px var(--mono)}
.launch-step b{font-size:18px}
.launch-step p{font-size:15px;line-height:1.8}
.kit{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.015));border:1px solid var(--edge);border-radius:24px;padding:32px;box-shadow:0 40px 100px rgba(0,0,0,.35)}
.kit h3{font-size:23px}
.kit li{border-color:var(--edge);padding:15px 0;grid-template-columns:28px 1fr;column-gap:12px}
.kit li::before{content:'✓';grid-row:1/3;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:rgba(47,227,198,.12);color:var(--brand);font:600 13px var(--body);margin-top:2px}
.kit li b{font-size:16px}
.kit li span{font-size:14px}
.kit>p{background:rgba(242,198,109,.07);color:#e9cf93;border:1px solid rgba(242,198,109,.2);border-radius:12px;font-size:14px}

/* ── الوعود ── */
#trust{background:var(--paper)}
.trust{gap:16px}
.trust>div{border:1px solid var(--edge);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012));padding:28px 26px}
.trust>div::before{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(47,227,198,.12);color:var(--brand);font-size:12px;margin-bottom:18px}
.trust b{font-size:18px}
.trust span{font-size:15px;line-height:1.85}

/* ── الباقات ── */
#pricing{background:var(--bg2)}
.plans{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012));border:1px solid var(--edge);border-radius:24px;box-shadow:0 40px 100px rgba(0,0,0,.35)}
.plans__table th,.plans__table td{border-color:var(--edge);font-size:15px}
.plans__table thead th{background:rgba(255,255,255,.035)}
.plans__table thead th:first-child{border-start-start-radius:24px}
.plans__table thead th:last-child{border-start-end-radius:24px}
.plans__table thead th b{font-size:24px;color:var(--ink)}
.plans__table thead th em{background:rgba(47,227,198,.1);border-color:rgba(47,227,198,.3);color:var(--brand)}
.plans__table thead th[data-plan="R5"] em{background:rgba(242,198,109,.1);border-color:rgba(242,198,109,.28);color:#f2c66d}
.plans__table tbody tr:hover th,.plans__table tbody tr:hover td{background:rgba(255,255,255,.02)}
.plans__mark.is-on{background:var(--grad);color:#04140f;box-shadow:0 6px 18px rgba(0,231,204,.22)}
.plans__mark.is-off{color:#3a5249}
.plans__cloud{color:var(--muted);font-size:13px}
.plans__note{background:rgba(255,255,255,.025);border-color:var(--edge);font-size:14px;border-radius:0 0 24px 24px}
.worth{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012));border:1px solid var(--edge);border-radius:24px;padding:34px}
.worth h3{font-size:26px}
.terms-list li{border-color:var(--edge)}
.terms-list b{font-size:16px}
.terms-list span{font-size:14px}
.worth>p{font-size:15px;color:var(--muted)}
@media(max-width:540px){.plans__table thead th{top:70px;background:#0c1c17}.plans,.worth,.kit{border-radius:20px}.trust>div{padding:22px 20px}.launch-step{padding:16px}}

/* ── الدعم ومن نحن ── */
.support-section{background:var(--paper)}
.support-grid{border:0;gap:16px}
.support-card,.support-card:nth-child(2n+1){border:1px solid var(--edge);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012));min-height:0;padding:30px 28px}
.support-no{color:var(--brand);font-size:12px}
.support-card h3{font-size:22px}
.support-card p{font-size:15px;line-height:1.85}
.support-visual{color:var(--brand);font-size:12px}
.support-line{background:linear-gradient(90deg,rgba(47,227,198,.08),rgba(255,255,255,.02));border:1px solid rgba(47,227,198,.22);border-radius:24px;padding:30px 32px}
.support-line .mono{color:var(--brand);font-size:12px}
.support-line b{font-size:21px}
.support-line p{font-size:15px;color:var(--muted)}
.support-line p a{color:var(--brand)}
.support-line .wa-number{border-color:var(--edge);color:var(--muted)}
.support-line .wa-number b{color:var(--ink);font-size:20px}
.about{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012));border:1px solid var(--edge);border-radius:24px;padding:28px 32px}
.about p:not(.eyebrow){color:var(--muted)}
.about p b{color:var(--ink)}

/* ── الأسئلة ── */
#questions{background:var(--bg2)}
.faq{border:0;display:grid;gap:12px}
.faq details{border:1px solid var(--edge);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.012));padding-inline:24px;transition:border-color var(--quick),background var(--quick)}
.faq details[open]{border-color:rgba(47,227,198,.3);background:linear-gradient(180deg,rgba(47,227,198,.06),rgba(255,255,255,.012))}
.faq summary{font-size:18px;padding:22px 0}
.faq summary::before{color:var(--brand);font-size:11px}
.faq summary::after{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.05);font-size:20px;line-height:1}
.faq details[open] summary::after{background:var(--grad);color:#04140f}
.faq details p{font-size:16px;line-height:1.95;padding:0 34px 24px}
.faq summary:hover{color:var(--ink)}

/* ── الختام ── */
#start{background:var(--paper);padding-block:100px 120px}
.closing,[dir=ltr] #start>.wrap:not(:has(.closing)){position:relative;overflow:hidden;background:radial-gradient(700px 360px at 85% 0%,rgba(0,231,204,.28),transparent 65%),radial-gradient(600px 340px at 0% 100%,rgba(22,201,147,.18),transparent 65%),linear-gradient(160deg,#0d2a22,#081c16);border:1px solid rgba(47,227,198,.28);border-radius:32px;box-shadow:0 50px 120px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.08)}
[dir=ltr] #start>.wrap:not(:has(.closing)){padding:64px 60px}
.closing h2,#start h2{color:var(--ink)}
.closing .lede,.closing>p,#start .lede{color:#b9cbc4}
.closing__card{border-color:rgba(255,255,255,.12);color:#c9d9d3}
.closing__card>div{color:var(--ink)}
.closing__card>div small{color:var(--brand)}
.closing__card li i{background:var(--brand);box-shadow:0 0 8px var(--brand)}
.closing__card p{color:var(--muted)}

/* ── التذييل ── */
.foot{background:var(--night);border-color:var(--edge)}
.foot__h{color:var(--ink)}
.foot__brand p,.foot__cols>div>a,.foot__cols>div>span{color:var(--muted)}
.foot__cols>div>a:hover{color:var(--brand)}
.foot__copy{border-color:var(--edge)}
.foot::after{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.015))}
@media(max-width:540px){.faq details{padding-inline:16px;border-radius:16px}.faq details p{padding:0 0 20px}.faq summary{font-size:16px}.closing,[dir=ltr] #start>.wrap:not(:has(.closing)){border-radius:24px;padding:30px 22px}.support-line,.about{padding:22px 20px;border-radius:20px}.support-card,.support-card:nth-child(2n+1){padding:22px 20px}}
.faq summary::before{content:counter(faq,decimal-leading-zero)}
.trust>div::before{content:counter(guarantee,decimal-leading-zero)}
@media(max-width:820px){.plans__table thead th b{font-size:18px}.plans__cloud{font-size:12px;line-height:1.6}}
@media(max-width:540px){.plans__table thead th b{font-size:15px}.plans__table th,.plans__table td{font-size:14px}.plans__cloud{font-size:11px}}

/* ── صفحة قوّة المنظومة ── */
.system-intro{position:relative;overflow:hidden;isolation:isolate;padding:90px 0 50px;border-bottom:1px solid var(--line)}
.system-intro::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(700px 380px at 75% 10%,rgba(0,231,204,.14),transparent 62%)}
.system-intro h1{font-size:clamp(50px,5.4vw,84px)}
.system-intro .lede{font-size:19px;max-width:760px}
.eng-strip{background:var(--bg2);border-color:var(--line)}
.eng-strip__item .mono{color:var(--brand);font-size:11px}
.eng-strip__item b{font-size:16px}
.eng-strip__item small{font-size:13px}
.eng-strip__link{color:var(--brand)}
.system-section{background:var(--paper)}
.system-map{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));border:1px solid var(--edge);border-radius:24px;padding:36px;box-shadow:0 40px 100px rgba(0,0,0,.35)}
.system-node{border-radius:16px}
.system-node>span{font-size:12px}
.system-node>b{font-size:19px}
.system-node>small{font-size:13px}
.system-wire{background:rgba(47,227,198,.3)}
.system-wire i{box-shadow:0 0 12px var(--brand)}
.system-result{border-color:var(--edge)}
.system-result small{font-size:12px}
.system-result b{font-size:16px}
.capabilities-section{background:var(--paper)}
.capability-deck{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));border:1px solid var(--edge);border-radius:24px}
.capability-deck article{border-color:var(--edge)}
.capability-deck header>span{color:var(--brand);font-size:12px}
.capability-deck header b{font-size:18px;color:var(--ink)}
.capability-deck header small{font-size:13px;color:var(--muted)}
.capability-deck ul{font-size:14.5px;color:var(--ink);line-height:2.3}
.capability-deck li::before{content:'✓';color:var(--brand);font-weight:600}
.daily-tools{background:var(--bg2)}
.detail-index{border:0;gap:16px}
.detail-index article,.detail-index article:nth-child(n){border:1px solid var(--edge);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012));padding:28px 26px}
.detail-index article:hover{background:linear-gradient(180deg,rgba(47,227,198,.06),rgba(255,255,255,.012));border-color:rgba(47,227,198,.28)}
.detail-index article>.mono{color:var(--brand);font-size:12px}
.detail-index h3{font-size:21px}
.detail-index p{font-size:15px;color:var(--muted);line-height:1.85}
.security-section{background:radial-gradient(700px 420px at 25% 50%,rgba(0,231,204,.09),transparent 65%),var(--paper)}
.security-list>div{border-color:var(--edge)}
.security-list b{font-size:18px}
.security-list small{font-size:14.5px}
.vault-rings{border-color:rgba(47,227,198,.35)}
.vault-rings::before{border-color:rgba(47,227,198,.14)}
.vault-rings::after{border-color:rgba(47,227,198,.22)}
.vault-shield{filter:drop-shadow(0 30px 60px rgba(0,231,204,.25))}
.vault-code{color:var(--brand);font-size:11px}
.security-stamp{border-color:var(--edge)}
.security-stamp span,.security-stamp b{color:var(--ink);font-size:11px}
.security-stamp small{color:var(--muted);font-size:12px}
.engineering-section{background:var(--bg2)}
.engineering-core{border-color:var(--edge)!important;border-radius:26px!important;background:radial-gradient(500px 300px at 30% 50%,rgba(0,231,204,.14),transparent 65%),linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015))!important}
.core-orbits i{border-color:rgba(47,227,198,.5)}
.core-orbits i:nth-child(2){border-color:rgba(47,227,198,.25)}
.core-orbits i:nth-child(3){border-color:rgba(47,227,198,.7)}
.core-orbits b{background:var(--grad);color:#04140f;border:0;box-shadow:0 20px 60px rgba(0,231,204,.35)}
.core-caption .mono{color:var(--brand);font-size:12px}
.core-stack>span{background:rgba(255,255,255,.04);border-color:var(--edge);border-radius:12px;font-size:13px}
.core-stack b{color:var(--brand);font-size:12px}
.engineering-item{border-color:var(--edge)}
.engineering-item summary>.mono{color:var(--brand);font-size:11px}
.engineering-item[open] h3,.engineering-item summary:hover{color:var(--brand)}
.engineering-item p{font-size:16px;color:var(--muted)}
.engineering-item code{color:var(--brand);border-color:rgba(47,227,198,.3);border-radius:10px;font-size:11px;background:rgba(47,227,198,.05)}
.engineering-section .lede,.engineering-section .media-disclosure{color:var(--muted)}
@media(max-width:540px){.system-intro{padding:50px 0 30px}.system-intro h1{font-size:46px}.system-intro .lede{font-size:16px}.system-map{padding:22px 20px;border-radius:20px}.detail-index article,.detail-index article:nth-child(n){padding:22px 20px}.capability-deck{border-radius:20px}}
.core-stack>span,.core-stack>span:nth-child(n){transform:none}

/* ── صفحات الوثائق و404 ── */
.doc-main{position:relative;isolation:isolate}
.doc-main::before{content:'';position:absolute;inset:0 0 auto;height:520px;z-index:-1;background:radial-gradient(640px 340px at 70% 0%,rgba(0,231,204,.11),transparent 65%)}
.doc section{border-color:var(--edge)}
.doc p,.doc li{font-size:16px;color:#c9d7d2}
.doc h2{color:var(--ink)}
.doc__meta .mono{color:var(--brand)}
.doc__contact{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));border:1px solid var(--edge);border-radius:24px}
.foot__in{color:var(--muted)}
.foot__in a:hover{color:var(--brand)}
.foot__cols>div>a{min-width:44px;min-height:36px}
@media(max-width:1080px){.foot__cols>div>a{min-height:44px}}
.doc-main::before{inset:0;height:auto;background:radial-gradient(640px 340px at 70% 0%,rgba(0,231,204,.11),transparent 65%) top/100% 520px no-repeat}
.closing__card p{color:#b9cbc4;font-size:13px}

/* ── الحركة: تقدّمُ القراءة، العمقُ مع التمرير، الميلانُ مع المؤشّر، والتبويباتُ الطائرة ── */
.top::after{content:'';position:absolute;bottom:-1px;inset-inline-start:0;height:2px;width:100%;background:var(--grad);transform:scaleX(var(--read,0));transform-origin:right;animation:none!important;box-shadow:0 0 12px rgba(0,231,204,.6);pointer-events:none}
[dir=ltr] .top::after{transform-origin:left}
html[data-motion=on] .hero-device__screen{transform:perspective(1600px) rotateX(calc((1 - var(--hero,1)) * -14deg + 0deg)) rotateY(calc((1 - var(--hero,1)) * 10deg)) scale(calc(.95 + var(--hero,1) * .05));transform-origin:50% 60%;transition:transform 120ms linear}
[dir=ltr] .hero-device__screen{--flip:-1}
html[data-motion=on] .hero::before{transform:translateY(calc(var(--hero,0) * 90px))}
html[data-motion=on] .hero-float--a{transform:translateY(calc(var(--hero,0) * -40px))}
html[data-motion=on] .hero-float--b{transform:translateY(calc(var(--hero,0) * 30px))}
html[data-motion=on] [data-depth]:not(.hero-device__screen){transform:perspective(1400px) rotateX(calc((1 - var(--depth,1)) * 14deg)) translateY(calc((1 - var(--depth,1)) * 60px)) scale(calc(.94 + var(--depth,1) * .06));transform-origin:50% 100%;opacity:calc(.35 + var(--depth,1) * .65)}
html[data-motion=on] [data-tilt]{transform:perspective(900px) rotateX(var(--ty,0deg)) rotateY(var(--tx,0deg)) translateY(var(--lift,0px));transition:transform 260ms var(--ease),border-color var(--quick),box-shadow var(--quick),background var(--quick)}
html[data-motion=on] [data-tilt]:hover{--lift:-4px}
[data-tilt]{position:relative}
[data-tilt]::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity 260ms;background:radial-gradient(360px circle at var(--mx,50%) var(--my,0%),rgba(47,227,198,.12),transparent 55%)}
html[data-motion=on] [data-tilt]:hover::after{opacity:1}
.prod[data-tilt]::after{z-index:2}
@media(min-width:1081px){#how .connection-stage{position:sticky;top:120px}#how .split{align-items:start}}

.dock{position:fixed;z-index:40;bottom:18px;left:50%;display:flex;align-items:center;gap:4px;padding:6px;border-radius:999px;background:rgba(8,22,17,.8);border:1px solid var(--edge);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);box-shadow:0 24px 70px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.06);opacity:0;visibility:hidden;transform:translate(-50%,28px) scale(.96);transition:opacity .45s var(--ease),transform .55s var(--ease),visibility .45s;max-width:calc(100vw - 24px);overflow-x:auto;scrollbar-width:none}
.dock::-webkit-scrollbar{display:none}
.dock.is-on{opacity:1;visibility:visible;transform:translate(-50%,0) scale(1)}
.dock a{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 15px;border-radius:999px;font-size:13.5px;color:var(--muted);white-space:nowrap;transition:color var(--quick),background var(--quick)}
.dock a:hover{color:var(--ink);background:rgba(255,255,255,.06)}
.dock a[aria-current]{color:#04140f;background:var(--grad);box-shadow:0 6px 20px rgba(0,231,204,.3)}
.dock .dock__wa{margin-inline-start:4px;color:var(--brand);box-shadow:inset 0 0 0 1px rgba(47,227,198,.4)}
.dock .dock__wa:hover{background:var(--grad);color:#04140f}
.dock .wa-ico{width:16px;height:16px}
.foot__copy{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.foot__copy p{margin:0}
.foot .motion-toggle{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1px solid var(--edge);border-radius:999px;background:var(--glass);color:var(--muted);font:12px var(--body);cursor:pointer}
.foot .motion-toggle:hover{color:var(--ink);border-color:rgba(47,227,198,.35)}
.foot .motion-toggle[aria-pressed=true]{color:var(--brand)}
.foot .motion-toggle:disabled{opacity:.6;cursor:default}
@media(max-width:1080px){.dock a{min-height:44px}}
@media(max-width:540px){.dock{left:12px;right:12px;bottom:12px;transform:translateY(28px);justify-content:flex-start}.dock.is-on{transform:none}.dock a{padding:0 13px;font-size:13px}.dock .dock__wa span{display:none}.dock .dock__wa{position:sticky;inset-inline-end:0;background:rgba(8,22,17,.95);order:-1;margin:0 0 0 2px}}
@media(prefers-reduced-motion:reduce){.dock{transition:none}[data-tilt]::after{display:none}}
.hero-float .note-ico{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6}