/* التخطيط: لوحة إعلانات الوظائف، والقوس (باب مِهَن) إطارُ اللحظات الكبرى، وما حوله هادئ */
:root{
  --paper:#F3F5FA; --sheet:#FFFFFF; --ink:#101A36; --mute:#58648A; --line:#DCE2EE;
  --blue:#23408E; --blue-soft:#E4EAF8; --sky:#4F72D9; --btn:#23408E; --on-btn:#FFFFFF;
  --open:#14744B; --open-bg:#E0F2E8; --soon:#A55B06; --soon-bg:#FBEBD2;
  --shut:#6F768C; --shut-bg:#ECEEF3; --est:#56627F; --est-bg:#EDF0F6; --hl:#FFE39A; --hl-ink:#3B2C00;
  --dull:#EEF0F4; --dull-ink:#6B7184;
  --f-disp:"Readex Pro","Segoe UI",Tahoma,sans-serif;
  --f-body:"Noto Naskh Arabic","Traditional Arabic","Times New Roman",serif;
  --f-num:"IBM Plex Mono",Consolas,monospace;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --paper:#0A1022; --sheet:#111933; --ink:#E6EBF8; --mute:#9BA7C6; --line:#243052;
  --blue:#9BB3F4; --blue-soft:#18254A; --sky:#AFC2F7; --btn:#9BB3F4; --on-btn:#0A1022;
  --open:#62D39E; --open-bg:#0E2C21; --soon:#F2B45C; --soon-bg:#33230B;
  --shut:#8F96AC; --shut-bg:#1B2136; --est:#A3AEC8; --est-bg:#1A2138; --hl:#5C4810; --hl-ink:#FFF1C7;
  --dull:#161D33; --dull-ink:#8C94AB; color-scheme:dark}}
:root[data-theme="dark"]{
  --paper:#0A1022; --sheet:#111933; --ink:#E6EBF8; --mute:#9BA7C6; --line:#243052;
  --blue:#9BB3F4; --blue-soft:#18254A; --sky:#AFC2F7; --btn:#9BB3F4; --on-btn:#0A1022;
  --open:#62D39E; --open-bg:#0E2C21; --soon:#F2B45C; --soon-bg:#33230B;
  --shut:#8F96AC; --shut-bg:#1B2136; --est:#A3AEC8; --est-bg:#1A2138; --hl:#5C4810; --hl-ink:#FFF1C7;
  --dull:#161D33; --dull-ink:#8C94AB; color-scheme:dark}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:76px}
[hidden]{display:none!important}
body{margin:0;-webkit-font-smoothing:antialiased;background:var(--paper);color:var(--ink);font-family:var(--f-body);font-size:17px;line-height:1.85;direction:rtl}
img{max-width:100%;height:auto}
a{color:var(--blue)}
.wrap{max-width:1180px;margin-inline:auto;padding-inline:20px}
h1,h2,h3{font-family:var(--f-disp);line-height:1.35;margin:0;text-wrap:pretty}
h2{font-size:clamp(25px,3.1vw,38px);font-weight:700}
h3{font-size:19px;font-weight:600}
p{margin:0}
.num{font-family:var(--f-num);font-variant-numeric:tabular-nums}
.kick{font-family:var(--f-disp);font-size:13.5px;font-weight:600;color:var(--blue);letter-spacing:.02em;display:inline-flex;align-items:center;gap:8px}
.kick::before{content:"";width:14px;height:9px;border:2.5px solid currentColor;border-bottom:0;border-radius:9px 9px 0 0}
.sec{padding-block:58px}
.sec-head{display:grid;gap:10px;margin-block-end:28px}
.sec-head p{color:var(--mute);max-width:70ch}
:focus-visible{outline:3px solid var(--sky);outline-offset:3px;border-radius:6px}

/* الرأس */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;gap:22px;height:62px}
.brand{display:flex;align-items:center;gap:10px;font-family:var(--f-disp);font-weight:700;font-size:21px;color:var(--ink);text-decoration:none}
.brand svg{width:34px;height:34px}
.nav{display:flex;gap:18px;margin-inline-start:auto;font-family:var(--f-disp);font-size:14.5px}
.nav a{color:var(--mute);text-decoration:none}
.nav a:hover{color:var(--blue)}
.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-disp);font-weight:600;font-size:15px;padding:11px 20px;border-radius:12px;text-decoration:none;cursor:pointer;border:1.5px solid var(--btn);background:var(--btn);color:var(--on-btn)}
.btn.ghost{background:transparent;color:var(--blue)}
.top .btn{padding:8px 16px;font-size:14px}
@media (max-width:860px){.nav{display:none}.top .btn{margin-inline-start:auto}}

/* البطل */
.hero{padding-block:44px 34px;overflow:clip}
.hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}
.hero h1{font-size:clamp(31px,4.4vw,54px);font-weight:700}
.hero h1 em{font-style:normal;color:var(--blue);position:relative;white-space:nowrap}
.hero .lead{font-size:18.5px;color:var(--mute);margin-block:16px 22px;max-width:56ch}
.hero .cta{display:flex;gap:12px;flex-wrap:wrap}
.facts{display:flex;flex-wrap:wrap;gap:8px 18px;margin-block-start:22px;font-family:var(--f-disp);font-size:14px;color:var(--mute)}
.facts span{display:inline-flex;align-items:center;gap:7px}
.facts i{width:7px;height:7px;border-radius:50%;background:var(--open)}
@media (max-width:920px){.hero .wrap{grid-template-columns:1fr}}

/* القوس: المقارنة قبل وبعد */
.arch{position:relative;max-width:470px;width:100%;margin-inline:auto}
.arch-frame{position:relative;display:grid;grid-template-columns:minmax(0,1fr);background:var(--sheet);border:1.5px solid var(--line);border-radius:235px 235px 18px 18px;overflow:hidden;box-shadow:0 30px 60px -38px color-mix(in srgb,var(--blue) 55%,transparent)}
.arch-frame>.layer{grid-area:1/1;padding:128px 30px 26px}
.layer.raw{background:var(--dull);color:var(--dull-ink);font-size:15.5px;line-height:1.95}
.layer.raw .src{font-family:var(--f-disp);font-size:12.5px;margin-block-end:8px;opacity:.8}
.layer.rich{background:var(--sheet);clip-path:inset(0 0 0 45%);transition:clip-path .05s linear}
.arch-label{position:absolute;top:50px;font-family:var(--f-disp);font-size:12px;font-weight:600;padding:3px 10px;border-radius:99px;z-index:3}
.arch-label.l-raw{right:calc(50% + 8px);background:var(--sheet);color:var(--dull-ink);border:1px solid var(--line)}
.arch-label.l-rich{left:calc(50% + 8px);background:var(--blue);color:var(--paper)}
.seam{position:absolute;top:0;bottom:0;left:45%;width:2px;background:var(--blue);z-index:2;pointer-events:none}
.seam::after{content:"";position:absolute;top:50%;left:50%;width:34px;height:34px;transform:translate(-50%,-50%);border-radius:50%;background:var(--blue);box-shadow:0 0 0 5px color-mix(in srgb,var(--blue) 22%,transparent)}
.seam::before{content:"‹ ›";position:absolute;top:50%;left:50%;transform:translate(-50%,-52%);z-index:1;color:var(--paper);font-family:var(--f-num);font-size:15px;white-space:nowrap}
.ba{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:4;margin:0}
.arch-hint{text-align:center;font-family:var(--f-disp);font-size:13px;color:var(--mute);margin-block-start:10px}
.job-title{font-family:var(--f-disp);font-size:19px;font-weight:700;line-height:1.45}
.job-org{color:var(--mute);font-size:14.5px}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-block:12px}
.chip{font-family:var(--f-disp);font-size:12.5px;padding:3px 10px;border-radius:8px;background:var(--blue-soft);color:var(--blue)}
.dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;font-size:14px;border-top:1px dashed var(--line);padding-block-start:10px}
.dl dt{color:var(--mute);font-family:var(--f-disp);font-size:12.5px;padding-top:3px}
.dl dd{margin:0}
.mini-acc{margin-block-start:12px;display:grid;gap:5px}
.mini-acc div{display:flex;justify-content:space-between;font-family:var(--f-disp);font-size:13px;padding:7px 11px;border-radius:9px;background:var(--paper)}
.mini-acc b{font-weight:600;color:var(--blue)}

/* شارات الحالة */
.st{display:inline-flex;align-items:center;gap:7px;font-family:var(--f-disp);font-size:12.5px;font-weight:600;padding:4px 11px;border-radius:99px;white-space:nowrap}
.st::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.st.open{background:var(--open-bg);color:var(--open)}
.st.soon{background:var(--soon-bg);color:var(--soon)}
.st.soon::before{animation:beat 1.4s ease-in-out infinite}
.st.shut{background:var(--shut-bg);color:var(--shut)}
.st.est{background:var(--est-bg);color:var(--est)}
.st.est::before{border-radius:2px;transform:rotate(45deg)}
@keyframes beat{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,currentColor 50%,transparent)}50%{box-shadow:0 0 0 6px transparent}}
.tag{font-family:var(--f-disp);font-size:11.5px;padding:2px 8px;border-radius:6px;border:1px dashed var(--mute);color:var(--mute);white-space:nowrap}

/* لوحة المواعيد */
.board{background:var(--sheet);border:1px solid var(--line);border-radius:18px;overflow:hidden}
.board-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 20px;border-bottom:1px solid var(--line);font-family:var(--f-disp);font-size:14px;color:var(--mute)}
.board-top .clock{font-family:var(--f-num);color:var(--ink);font-size:15px}
.row{display:grid;grid-template-columns:2.1fr 1fr 1.5fr 1.25fr 1.15fr;gap:14px;align-items:center;padding:13px 20px;border-bottom:1px solid var(--line)}
.row:last-child{border-bottom:0}
.row.head{font-family:var(--f-disp);font-size:12.5px;color:var(--mute);padding-block:9px;background:var(--paper)}
.row .t{font-family:var(--f-disp);font-weight:600;font-size:15.5px;line-height:1.5}
.row .t small{display:block;font-weight:400;color:var(--mute);font-size:13px}
.row .d{font-size:14px;line-height:1.55}
.row .d small{display:block;color:var(--mute);font-size:12.5px}
.row .left{font-family:var(--f-disp);font-size:13.5px}
.row .left .tick{font-family:var(--f-num);font-size:14px;color:var(--soon)}
.row.closed .t,.row.closed .d{opacity:.6}
.flip{animation:flip .5s ease}
@keyframes flip{0%{transform:rotateX(70deg);opacity:.3}100%{transform:none;opacity:1}}
@media (max-width:820px){
  .row{grid-template-columns:1fr auto;gap:6px 12px}
  .row.head{display:none}
  .row .c-city{display:none}
  .row .d{grid-column:1}.row .left{grid-column:1}
  .row .s{grid-row:1;grid-column:2;align-self:start}
}
.legend{display:flex;flex-wrap:wrap;gap:10px 22px;margin-block-start:16px;font-size:14.5px;color:var(--mute)}
.legend>div{display:flex;align-items:center;gap:8px}

/* البوابة */
.gate{display:grid;grid-template-columns:330px 1fr;gap:22px;align-items:start}
@media (max-width:900px){.gate{grid-template-columns:1fr}}
.rules{background:var(--sheet);border:1px solid var(--line);border-radius:18px;padding:18px;display:grid;gap:16px}
.rule h3{font-size:15.5px}
.rule p{font-size:13.5px;color:var(--mute);line-height:1.6;margin-block:2px 8px}
.seg{display:grid;grid-template-columns:repeat(3,1fr);background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:3px;gap:3px}
.seg [role=radio]{font-family:var(--f-disp);font-size:13px;text-align:center;padding:6px 4px;border-radius:7px;cursor:pointer;color:var(--mute);user-select:none}
.seg [aria-checked=true]{background:var(--sheet);color:var(--ink);font-weight:600;box-shadow:0 1px 3px color-mix(in srgb,var(--ink) 18%,transparent)}
.seg [aria-checked=true][data-v=hold]{color:var(--soon)}
.lanes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media (max-width:640px){.lanes{grid-template-columns:1fr}}
.lane{background:var(--sheet);border:1px solid var(--line);border-radius:16px;padding:14px;min-width:0}
.lane-h{display:flex;justify-content:space-between;align-items:center;font-family:var(--f-disp);font-weight:600;font-size:15px;margin-block-end:10px}
.lane-h .n{font-family:var(--f-num);font-size:22px}
.lane.pub .n{color:var(--open)}.lane.warn .n{color:var(--soon)}.lane.held .n{color:var(--shut)}
.post{font-size:14px;line-height:1.55;padding:9px 11px;border-radius:10px;background:var(--paper);margin-block-end:7px;animation:drop .45s ease both}
.post small{display:block;font-family:var(--f-disp);font-size:11.5px;color:var(--mute);margin-block-start:3px}
.lane.warn .post small{color:var(--soon)}
@keyframes drop{from{transform:translateY(-8px);opacity:.2}to{transform:none;opacity:1}}
.feed{display:flex;gap:8px;overflow:hidden;margin-block-end:14px;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.feed-in{display:flex;gap:8px;animation:slide 38s linear infinite;flex-shrink:0}
.feed span{font-family:var(--f-disp);font-size:12.5px;white-space:nowrap;padding:5px 11px;border-radius:99px;border:1px solid var(--line);color:var(--mute);background:var(--sheet)}
@keyframes slide{to{transform:translateX(50%)}}

/* مساعد التقديم */
.assist{display:grid;grid-template-columns:1fr 380px;gap:40px;align-items:center}
@media (max-width:920px){.assist{grid-template-columns:1fr}}
.phone{width:100%;max-width:380px;margin-inline:auto;border:10px solid var(--ink);border-radius:40px;background:var(--sheet);padding:16px 14px 18px;box-shadow:0 30px 60px -40px color-mix(in srgb,var(--ink) 70%,transparent)}
.phone .notch{width:90px;height:6px;border-radius:9px;background:var(--line);margin:0 auto 12px}
.acc{border:1px solid var(--line);border-radius:12px;margin-block-end:6px;background:var(--sheet)}
.acc summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;font-family:var(--f-disp);font-weight:600;font-size:14px}
.acc summary::-webkit-details-marker{display:none}
.acc summary::after{content:"+";font-family:var(--f-num);color:var(--blue);font-size:17px}
.acc[open] summary::after{content:"−"}
.acc[open]{background:var(--paper)}
.acc .body{padding:0 12px 11px;font-size:14px;line-height:1.75}
.acc ul{margin:0;padding-inline-start:18px}
.acc .kw{display:flex;flex-wrap:wrap;gap:5px}
.acc .kw span{font-family:var(--f-disp);font-size:12px;padding:2px 8px;border-radius:6px;background:var(--blue-soft);color:var(--blue)}
.seven{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-block-start:20px}
@media (max-width:520px){.seven{grid-template-columns:1fr}}
.seven div{display:flex;gap:10px;align-items:baseline;font-size:15px;line-height:1.6}
.seven b{font-family:var(--f-num);color:var(--blue);font-size:13px;min-width:20px}
.note{font-size:14.5px;color:var(--mute);margin-block-start:16px}

/* كل حقل بأصله */
.truth{display:grid;grid-template-columns:1.1fr .9fr;gap:22px}
@media (max-width:900px){.truth{grid-template-columns:1fr}}
.paper{background:var(--sheet);border:1px solid var(--line);border-radius:18px;padding:22px;font-size:16.5px;line-height:2.05}
.paper mark{background:transparent;color:inherit;border-radius:4px;padding:1px 2px;transition:background .2s,color .2s;box-shadow:inset 0 -2px 0 color-mix(in srgb,var(--blue) 35%,transparent)}
.paper mark.on{background:var(--hl);color:var(--hl-ink);box-shadow:none}
.fields{background:var(--sheet);border:1px solid var(--line);border-radius:18px;overflow:hidden}
.field{display:grid;grid-template-columns:110px 1fr;gap:10px;padding:11px 18px;border-bottom:1px solid var(--line);cursor:default;font-size:15px;align-items:baseline}
.field:last-child{border-bottom:0}
.field:hover,.field:focus-visible,.field.on{background:var(--blue-soft)}
.field span{font-family:var(--f-disp);font-size:13px;color:var(--mute)}
.field.null b{font-weight:400;color:var(--mute)}
.field.null code{font-family:var(--f-num);font-size:13px;color:var(--soon);margin-inline-end:6px}

/* المرشحات و«نبّهني» */
.filt{display:grid;gap:10px;margin-block-end:16px}
.filt-row{display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.filt-row>span{font-family:var(--f-disp);font-size:13px;color:var(--mute);min-width:56px}
.fc{font-family:var(--f-disp);font-size:13.5px;padding:6px 13px;border-radius:99px;border:1px solid var(--line);background:var(--sheet);cursor:pointer;color:var(--ink);user-select:none}
.fc i{font-style:normal;font-family:var(--f-num);font-size:12px;color:var(--mute);margin-inline-start:5px}
.fc[aria-pressed=true]{background:var(--btn);border-color:var(--btn);color:var(--on-btn)}
.fc[aria-pressed=true] i{color:inherit;opacity:.8}
.fc.zero{opacity:.45}
.jobs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media (max-width:900px){.jobs{grid-template-columns:repeat(2,1fr)}}
@media (max-width:540px){.jobs{grid-template-columns:1fr}}
.jc{background:var(--sheet);border:1px solid var(--line);border-radius:14px;padding:14px;display:grid;gap:8px;animation:drop .35s ease both}
.jc h3{font-size:15.5px;line-height:1.5}
.jc .meta{display:flex;flex-wrap:wrap;gap:6px}
.empty{grid-column:1/-1;text-align:center;color:var(--mute);padding:20px;border:1px dashed var(--line);border-radius:14px}

.notify{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}
@media (max-width:900px){.notify{grid-template-columns:1fr}}
.steps{display:grid;gap:12px;margin-block:18px}
.steps div{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start;font-size:15.5px;line-height:1.65}
.steps b{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue);font-family:var(--f-num);font-size:14px}
.form{background:var(--sheet);border:1px solid var(--line);border-radius:18px;padding:18px;display:grid;gap:12px}
.form label{font-family:var(--f-disp);font-size:13px;color:var(--mute);display:grid;gap:5px}
.form select,.form input{font:inherit;font-size:15px;padding:9px 12px;border-radius:10px;border:1px solid var(--line);background:var(--paper);color:var(--ink);width:100%}
.form .two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.form .msg{font-size:14px;color:var(--open);min-height:1.5em}
.mail{background:var(--sheet);border:1px solid var(--line);border-radius:18px;overflow:hidden}
.mail-h{padding:12px 18px;border-bottom:1px solid var(--line);font-size:13.5px;color:var(--mute);display:grid;gap:2px}
.mail-h b{color:var(--ink);font-family:var(--f-disp);font-weight:600;font-size:15px}
.mail-b{padding:16px 18px;display:grid;gap:8px}
.mail-b .it{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:var(--paper);font-size:14.5px}
.mail-f{padding:10px 18px;border-top:1px solid var(--line);font-size:12.5px;color:var(--mute);display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.mail-f u{color:var(--blue)}

/* القيمة وأدسنس */
.value{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center}
@media (max-width:900px){.value{grid-template-columns:1fr}}
.bars{background:var(--sheet);border:1px solid var(--line);border-radius:18px;padding:20px;display:grid;gap:14px}
.bar-l{display:flex;justify-content:space-between;font-family:var(--f-disp);font-size:14px;margin-block-end:5px}
.bar-l .num{font-size:15px}
.track{height:14px;border-radius:7px;background:var(--paper);overflow:hidden}
.fill{height:100%;border-radius:7px;background:var(--shut);animation:grow 1.4s cubic-bezier(.2,.8,.2,1) both}
@keyframes grow{from{width:0}}
.fill.b{background:var(--blue)}
.parts{display:flex;flex-wrap:wrap;gap:6px}
.bars small{color:var(--mute);font-size:13px;line-height:1.6}
.checks{display:grid;gap:9px;margin-block-start:16px}
.checks div{display:grid;grid-template-columns:22px 1fr;gap:10px;font-size:15.5px;line-height:1.65}
.checks svg{width:20px;height:20px;margin-top:4px;stroke:var(--open)}

/* التقارير */
.reports{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media (max-width:900px){.reports{grid-template-columns:1fr}}
.rep{background:var(--sheet);border:1px solid var(--line);border-radius:18px;padding:18px;display:grid;gap:12px;align-content:start}
.rep p{font-size:14.5px;color:var(--mute);line-height:1.7}
.ex{font-family:var(--f-disp);font-size:11.5px;color:var(--mute);border:1px solid var(--line);border-radius:6px;padding:1px 7px;justify-self:start}
.stack{display:flex;height:16px;border-radius:8px;overflow:hidden;gap:2px}
.stack span{display:block}
.keys{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;color:var(--mute)}
.keys i{display:inline-block;width:9px;height:9px;border-radius:3px;margin-inline-end:5px;vertical-align:middle}
.ready{display:grid;gap:7px;font-size:14.5px}
.ready div{display:flex;justify-content:space-between;gap:10px;padding:7px 10px;border-radius:9px;background:var(--paper)}
.ready .ok{color:var(--open);font-family:var(--f-disp);font-size:12.5px}
.ready .no{color:var(--soon);font-family:var(--f-disp);font-size:12.5px}
.spark{width:100%;height:84px}

/* وحدها أو مع برق */
.duo{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:760px){.duo{grid-template-columns:1fr}}
.duo>div{background:var(--sheet);border:1px solid var(--line);border-radius:18px;padding:22px;display:grid;gap:10px;align-content:start}
.duo p{color:var(--mute);font-size:15.5px}

/* المقارنة */
.cmp-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:18px;background:var(--sheet)}
.cmp{width:100%;border-collapse:collapse;min-width:640px;font-size:15px}
.cmp th,.cmp td{padding:12px 16px;text-align:start;border-bottom:1px solid var(--line);vertical-align:top;line-height:1.6}
.cmp thead th{font-family:var(--f-disp);font-size:14px;background:var(--paper);color:var(--mute);font-weight:600}
.cmp thead th.me{color:var(--blue)}
.cmp td:first-child{font-family:var(--f-disp);font-weight:600;font-size:14.5px;white-space:nowrap}
.cmp td.me{background:color-mix(in srgb,var(--blue-soft) 60%,transparent);color:var(--ink)}
.cmp td.no{color:var(--mute)}
.cmp tr:last-child td{border-bottom:0}

/* الأسعار */
.price{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:760px){.price{grid-template-columns:1fr}}
.plan{background:var(--sheet);border:1px solid var(--line);border-radius:22px;padding:24px;display:grid;gap:14px;align-content:start;position:relative}
.plan.pick{border:2px solid var(--blue)}
.plan .amt{font-family:var(--f-disp);font-size:34px;font-weight:700;color:var(--blue)}
.plan .amt small{font-size:15px;color:var(--mute);font-weight:400}
.plan ul{margin:0;padding:0;list-style:none;display:grid;gap:7px;font-size:15px}
.plan li{display:grid;grid-template-columns:18px 1fr;gap:9px}
.plan li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--open);margin-top:10px}
.ribbon{position:absolute;top:-12px;inset-inline-start:22px;background:var(--blue);color:var(--paper);font-family:var(--f-disp);font-size:12.5px;padding:3px 12px;border-radius:99px}
.pnote{font-size:14px;color:var(--mute);margin-block-start:12px}

/* الأسئلة */
.faq{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (max-width:760px){.faq{grid-template-columns:1fr}}
.faq details{background:var(--sheet);border:1px solid var(--line);border-radius:14px}
.faq summary{cursor:pointer;list-style:none;padding:14px 18px;font-family:var(--f-disp);font-weight:600;font-size:15.5px;display:flex;justify-content:space-between;gap:12px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--blue);font-family:var(--f-num)}
.faq details[open] summary::after{content:"−"}
.faq details p{padding:0 18px 16px;color:var(--mute);font-size:15.5px}

/* الخاتمة والتذييل */
.close{background:var(--blue);color:var(--paper);border-radius:28px;padding:40px 28px;display:grid;gap:14px;justify-items:center;text-align:center;position:relative;overflow:hidden}
.close h2{color:var(--paper)}
.close p{opacity:.85;max-width:60ch}
.close .btn{background:var(--paper);color:var(--blue);border-color:var(--paper)}
.close svg.bg{position:absolute;inset-inline-end:-40px;bottom:-60px;width:260px;opacity:.12;stroke:var(--paper)}
.foot{padding-block:30px 40px;border-top:1px solid var(--line);margin-block-start:58px}
.foot .wrap{display:flex;flex-wrap:wrap;gap:14px 28px;align-items:center;justify-content:space-between;font-size:14.5px;color:var(--mute)}
.foot nav{display:flex;flex-wrap:wrap;gap:8px 20px;font-family:var(--f-disp);font-size:14px}
.foot a{color:var(--mute);text-decoration:none}
.foot a:hover{color:var(--blue)}

/* رسم الشعار */
.draw path{stroke-dasharray:140;stroke-dashoffset:0;animation:draw 2.2s ease both}
@keyframes draw{from{stroke-dashoffset:140}}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* أجزاء القالب */
.sec.alt{background:var(--sheet);border-block:1px solid var(--line)}
.hero h1{margin-block-start:12px}
.brand svg{color:var(--blue)}
.rich-h{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.rich-h>div{min-width:0}
.dl dd.dim{color:var(--mute)}
.phone-h{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-block-end:10px}
.phone-h b{font-family:var(--f-disp);font-size:15px}
.form .btn{justify-content:center}
.spark{color:var(--blue)}
.spark .grid{fill:none;stroke:var(--line);stroke-width:1}
.spark .ln{fill:none;stroke:currentColor;stroke-width:2}
.plan .amt.txt{font-size:24px}
.plan .per{color:var(--mute);font-size:14px;margin-block-start:-8px}
.plan .btn{justify-content:center}
.closing{font-family:var(--f-disp);font-weight:600;font-size:18px;color:var(--blue);margin-block-start:16px}
.close-wrap{display:block;margin-block-start:10px}
.foot .brand{font-size:14.5px;font-weight:400;color:var(--mute);font-family:var(--f-body)}
.foot .brand svg{width:26px;height:26px}

/* الدعم الفني */
.support-sec{padding-block:20px 58px}
.support{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px;align-items:center;background:var(--sheet);border:1px solid var(--line);border-radius:22px;padding:28px}
@media (max-width:760px){.support{grid-template-columns:1fr}}
.support .kicker{font-family:var(--f-disp);font-size:13.5px;font-weight:600;color:var(--blue)}
.support h2{font-size:clamp(22px,2.6vw,30px);margin-block:6px}
.support p{color:var(--mute)}
.support small{display:block;color:var(--mute);font-size:13.5px;margin-block-start:8px}
.sup-ways{display:grid;gap:10px}
.way{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:14px;padding:13px 16px;background:var(--paper);text-decoration:none;color:var(--ink)}
.way .ic{width:26px;height:26px;color:var(--blue);flex:none}
.way span{display:grid;flex:1;min-width:0}
.way b{font-family:var(--f-disp);font-weight:600}
.way em{font-style:normal;color:var(--mute);font-size:14px;overflow-wrap:anywhere;text-align:end}
.way.tg{background:var(--btn);border-color:var(--btn);color:var(--on-btn)}
.way.tg em,.way.tg .ic{color:inherit;opacity:.85}
.way .copy{border:0;background:var(--btn);color:var(--on-btn);border-radius:8px;padding:6px 12px;font-family:var(--f-disp);cursor:pointer}

/* المعاينة */
.pv-bar{background:#2D1B00;color:#FFE2A8;text-align:center;font-size:14px;padding:8px 16px;font-family:var(--f-disp)}
[data-hidden]{position:relative;outline:3px dashed #E9B949;outline-offset:-10px}
[data-hidden]::before{content:"مخفي: " attr(data-hidden);position:absolute;top:14px;inset-inline-start:18px;z-index:5;background:#E9B949;color:#2D1B00;font-size:13px;font-weight:700;border-radius:999px;padding:3px 12px;font-family:var(--f-disp)}

/* الأسعار: ثلاث شرائح، والسعر قبل الخصم مشطوباً */
.price{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));max-width:none}
.was-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-block-end:-6px}
.was{font-size:17px;opacity:.6;text-decoration-thickness:2px}
.off{display:inline-block;font-size:12.5px;font-weight:700;padding:2px 10px;border-radius:999px;background:#D93F6E;color:#fff;font-family:inherit}
.plan{position:relative}