/* إنسايت ليفلز InsightLevels: تنسيق مشترك لكل الصفحات (الهوية البصرية الجديدة) */
@font-face{font-family:'Cairo';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/cairo-700.woff2') format('woff2')}
@font-face{font-family:'Cairo';font-style:normal;font-weight:800;font-display:swap;src:url('../fonts/cairo-800.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/plex-400.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/plex-700.woff2') format('woff2')}

/* الألوان والخطوط من دليل الهوية: النسب التقريبية 60% خلفيات، 25% نص وأسطح داكنة، 12% برتقالي، 3% حالات */
:root{
 --ink:#1F2937;--ink-soft:#374151;--muted:#6B7280;
 --brand:#EA580C;--brand-strong:#C2410C;--brand-deep:#9A3412;--brand-mid:#FB923C;--brand-soft:#FDBA74;--brand-tint:#FFEDD5;
 --surface:#fff;--cream:#F8F1EA;--line:#E5E7EB;--ok:#15803D;--bad:#B91C1C;
 --f-ar:'IBM Plex Sans Arabic','Cairo',Tahoma,sans-serif;--f-head:'Cairo',Tahoma,sans-serif;--f-en:'Cairo',Tahoma,sans-serif;
 --on-dark:#fff;--on-dark-2:#D1D5DB
}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth;background:var(--surface);scroll-padding-top:92px;-webkit-text-size-adjust:100%}
body{font-family:var(--f-ar);font-weight:400;font-size:16px;color:var(--ink);background:var(--surface);line-height:1.9;overflow-x:hidden}
h1,h2,h3,h4{font-family:var(--f-head);font-weight:700;color:var(--ink)}
h1{font-weight:800}
h1{line-height:1.4}h2{line-height:1.4}h3{line-height:1.4}h4{line-height:1.45}
a{color:inherit;text-decoration:none}
img{max-width:100%}
.wrap{max-width:1180px;margin:auto;padding:0 max(24px,env(safe-area-inset-right,0px)) 0 max(24px,env(safe-area-inset-left,0px))}
section{padding:72px 0}
h2{font-size:clamp(26px,4vw,36px);margin-bottom:12px}
.lead{max-width:60ch;color:var(--ink-soft);font-size:inherit;margin-bottom:32px}
/* حلقة التركيز: خط متصل بسمك 3px بلون الحبر، وأبيض على الخلفية الداكنة، ولا تُزال */
:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
:is(.hero,.chead,.phead,.cta,.about,.ftcard,footer,.btabs.dk) :focus-visible{outline-color:#fff}
.menu{display:none;background:none;border:0;width:44px;height:44px;cursor:pointer;color:var(--ink)}
.menu span,.menu span::before,.menu span::after{display:block;width:24px;height:2px;background:currentColor;position:relative;margin:auto;transition:transform .2s}
.menu span::before,.menu span::after{content:"";position:absolute;inset-inline-start:0}
.menu span::before{top:-8px}.menu span::after{top:8px}

/* الأزرار: كبسولة كاملة بارتفاع 44px. الرئيسي #C2410C بنص أبيض، والفارغ بحدّ الحبر بسمك 2px */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:6px 28px;border:2px solid var(--brand-strong);border-radius:999px;font-family:var(--f-ar);font-weight:400;font-size:16px;line-height:1.5;text-align:center;background:var(--brand-strong);color:#fff;cursor:pointer;transition:background .2s,border-color .2s,color .2s,transform .2s}
.btn:hover{background:var(--brand-deep);border-color:var(--brand-deep)}
.btn.line{background:transparent;border-color:var(--ink);color:var(--ink)}
.btn.line:hover{background:var(--ink);color:#fff}
:is(.hero,.chead,.phead,.cta,.about,.ftcard) .btn.line{border-color:#fff;color:#fff}
:is(.hero,.chead,.phead,.cta,.about,.ftcard) .btn.line:hover{background:#fff;color:var(--ink)}
.btn.lg{min-height:52px;padding-inline:36px;font-size:17px}

/* الرأس */
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:80;background:var(--surface);color:var(--ink);border-bottom:1.5px solid var(--line);transition:border-color .25s}
header.scrolled{border-bottom-color:#D1D5DB}
header .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;height:76px}
.logo{display:flex;align-items:center;flex:none}
.logo img{display:block;height:44px;width:auto}
nav{display:flex;gap:4px;font-size:15px;font-weight:400;margin-inline-start:auto}
nav a{padding:10px 12px;border-radius:8px}
nav a:hover{color:var(--brand-strong)}
.hact{display:flex;align-items:center;gap:2px}
.ig{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;color:var(--ink);transition:color .2s,background .2s}
.ig svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}
.ig:hover{color:var(--brand-strong);background:var(--brand-tint)}

/* مؤشر المستوى: ثلاثة أشرطة صاعدة يُضاء منها عدد رقم المستوى من الأعلى (شغف 1، تمكّن 2، إتقان 3) ومعه الاسم دائماً */
.bars{display:inline-flex;flex-direction:column;align-items:flex-start;gap:.12em;width:1.4em;flex:none}
.bars i{display:block;height:.27em;width:.82em;border-radius:99px;background:var(--line)}
.bars i:nth-child(2){margin-inline-start:.29em}
.bars i:nth-child(3){margin-inline-start:.58em}
.l1 .bars i:nth-child(3),.l2 .bars i:nth-child(n+2),.l3 .bars i,.bars.l1 i:nth-child(3),.bars.l2 i:nth-child(n+2),.bars.l3 i{background:var(--brand)}
.lvl{display:inline-flex;align-items:center;gap:.55em;padding:.12em .95em .12em .8em;border:1.5px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font-family:var(--f-ar);font-weight:400;font-size:14px;line-height:1.7;white-space:nowrap}

/* الرئيسية: البطل */
.hero{background:var(--ink);color:var(--on-dark);padding:72px 0 96px;position:relative;overflow:hidden;text-align:center}
.hero>.wrap{position:relative;z-index:1}
.hero h1{color:#fff;font-size:clamp(26px,4.2vw,40px);max-width:22ch;margin:0 auto 20px}
.hero h1.one{max-width:none}
.hero p{max-width:52ch;color:var(--on-dark-2);font-size:18px;margin:0 auto 32px}
.hero .btns{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}

.msgs{background:var(--cream)}
.grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.msg{border-inline-start:4px solid var(--brand);padding:6px 18px}
.msg h3{font-size:19px;color:var(--ink)}
.msg p{color:var(--ink-soft);font-size:15px}

/* بطاقات الدورات: زوايا 24px وحدّ #E5E7EB بسمك 1.5px بلا ظل */
.course{position:relative;background:var(--surface);border:1.5px solid var(--line);border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:12px}
.course h3{font-size:20px;color:var(--ink)}
.course p{font-size:15px;color:var(--ink-soft)}
.course p.cd{flex:1}
.course p b{font-family:var(--f-head);font-weight:700;color:var(--ink)}
.course a{color:var(--brand-strong);min-height:44px;display:inline-flex;align-items:center}
.course a:hover{text-decoration:underline}
.tag b{font-weight:700}
.course .tag b{color:var(--ink)}
.tag{align-self:flex-start;font-size:13px;line-height:1.7;font-weight:400;background:var(--brand-tint);color:var(--brand-deep);padding:2px 14px;border-radius:999px;border:1.5px solid transparent}

.pay{background:var(--cream)}
.steps{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));margin-bottom:48px;counter-reset:s}
.steps li{list-style:none;background:var(--surface);border:1.5px solid var(--line);border-radius:16px;padding:20px;counter-increment:s}
.steps li::before{content:counter(s);display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--brand-strong);color:#fff;font-family:var(--f-en);font-weight:700;font-size:16px;margin-bottom:8px}
.steps b{display:block;color:var(--ink);font-family:var(--f-head);font-weight:700}
.steps span{font-size:15px;color:var(--ink-soft)}
.method{background:var(--surface);border:1.5px solid var(--line);border-top:4px solid var(--brand);border-radius:16px;padding:22px}
.method h3{color:var(--ink);font-size:20px;margin-bottom:6px}
.method p{font-size:15px;color:var(--ink-soft)}
.method dl{margin-top:10px;font-size:15px}
.method dt{color:var(--brand-strong);font-weight:400}
.method dd{margin:0 0 8px;word-break:break-word}
.note{margin-top:28px;padding:16px 20px;border-inline-start:4px solid var(--brand);background:var(--surface);border:1.5px solid var(--line);border-inline-start:4px solid var(--brand);border-radius:12px;font-size:15px;color:var(--ink)}
.grid.one{grid-template-columns:minmax(0,480px)}
.tag+.tag{margin-inline-start:6px}
.course .tags{display:flex;flex-wrap:wrap;gap:6px}
.course .tags .tag{margin:0}
.cfoot{display:flex;flex-direction:column;align-items:flex-start}
footer .tm{display:block;font-size:13px}

/* صفحة الدورة: الرأس الداكن */
.chead{background:var(--ink);color:var(--on-dark);padding:64px 0 80px;position:relative;overflow:hidden}
.chead::after{content:"";position:absolute;inset-inline-start:-120px;bottom:-170px;width:420px;height:420px;border:60px solid rgba(251,146,60,.14);border-radius:50%}
.chead a.back{color:var(--brand-soft);font-size:15px;display:inline-flex;min-height:44px;align-items:center}
.chead h1{color:#fff;font-size:clamp(34px,6vw,56px);margin:6px 0 12px}
.chead p{max-width:58ch;color:var(--on-dark-2);font-size:18px;margin-bottom:24px}
.chead .tag{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.28);color:#fff}
.chead .tag.hot{background:var(--brand-soft);border-color:var(--brand-soft);color:var(--ink)}
.chead .wrap{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:40px;align-items:center}
.pkgs{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));align-items:stretch}
.pkg{position:relative;background:var(--surface);border:1.5px solid var(--line);border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:12px}
.pkg.pro{border:2px solid var(--brand)}
.pkg h3{font-size:24px;line-height:1.35;color:var(--ink)}
.pkg h3 .lvl{font-family:inherit;font-size:inherit;font-weight:700;padding:.08em .75em .08em .65em}
.pkg ul{padding:0;flex:1}
.pkg li{list-style:none;padding:8px 0 8px 0;padding-inline-start:28px;border-bottom:1.5px solid var(--line);font-size:15px;position:relative}
.pkg li::before{content:"";position:absolute;inset-inline-start:4px;top:calc(8px + .62em);width:12px;height:6px;border-left:2.5px solid var(--brand-strong);border-bottom:2.5px solid var(--brand-strong);transform:translateY(-70%) rotate(-45deg)}
.pkg .btn{width:100%}
.about{background:var(--ink);color:#fff}
.about h2{color:#fff}
.about .lead{color:var(--on-dark-2)}
#about .lead{text-align:justify;text-justify:inter-word}

details{border-bottom:1.5px solid var(--line);padding:16px 0}
summary{cursor:pointer;min-height:44px;align-items:center;font-weight:400;font-size:18px;color:var(--ink);list-style:none;display:flex;justify-content:space-between;gap:12px}
summary::after{content:"";flex:none;width:14px;height:14px;color:var(--brand-strong);background:linear-gradient(currentColor,currentColor) center/100% 2px no-repeat,linear-gradient(currentColor,currentColor) center/2px 100% no-repeat;transition:transform .25s ease,background-size .25s ease}
details[open] summary::after{transform:rotate(180deg);background-size:100% 2px,2px 0}
details p{margin-top:10px;color:var(--ink-soft)}

.contact{background:var(--cream)}
.contact .box{background:var(--surface);border:1.5px solid var(--line);border-radius:16px;padding:22px}
.contact .box b{display:block;color:var(--ink);font-family:var(--f-head)}

/* التذييل: سطح داكن بالشعار المدمج الداكن */
footer{background:var(--ink);color:var(--on-dark-2);text-align:center;padding:40px 20px 28px;font-size:14px;line-height:1.7}
footer a{color:var(--brand-soft);text-decoration:underline;text-underline-offset:3px}
.flogo{display:inline-block;margin-bottom:20px}
.flogo img{display:block;width:min(300px,100%);height:auto;margin-inline:auto}

.wa{position:fixed;bottom:max(20px,env(safe-area-inset-bottom,0px));inset-inline-start:max(20px,env(safe-area-inset-left,0px));width:58px;height:58px;border-radius:50%;background:#25D366;display:grid;place-items:center;z-index:60;transition:opacity .25s,transform .25s,visibility .25s}
.wa svg{width:32px;height:32px;fill:#fff}
.wa.off{opacity:0;visibility:hidden;transform:translateY(16px)}
.top{position:fixed;bottom:max(20px,env(safe-area-inset-bottom,0px));inset-inline-end:max(20px,env(safe-area-inset-right,0px));width:48px;height:48px;border-radius:50%;border:2px solid #fff;background:var(--ink);color:#fff;cursor:pointer;display:grid;place-items:center;z-index:60;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s,background .2s}
.top.show{opacity:1;visibility:visible}
.top svg{width:22px;height:22px;stroke:#fff;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.top:hover{background:var(--brand-strong)}
.top:focus-visible{outline-color:var(--ink);outline-offset:3px}

/* شاشات كبيرة */
@media(min-width:1400px){body{font-size:18px}.wrap{max-width:1280px}.hero{padding:96px 0 120px}}
/* آيباد وتابلت */
@media(max-width:1024px){.grid{grid-template-columns:repeat(2,1fr)}section{padding:60px 0}.hero{padding:60px 0 80px}}
/* جوالات وتابلت صغير: قائمة منسدلة */
@media(max-width:1040px){
 .menu{display:block}
 .hact{margin-inline-start:auto}
 header .wrap{height:68px}
 .logo img{height:42px}
 nav{display:none;position:absolute;top:100%;inset-inline:0;background:var(--surface);flex-direction:column;gap:0;padding:8px 24px 16px;border-bottom:1.5px solid var(--line);max-height:calc(100vh - 68px);max-height:calc(100dvh - 68px);overflow-y:auto;overscroll-behavior:contain;margin-inline-start:0}
 nav.open{display:flex}
 nav a{padding:14px 8px;font-size:17px;border-bottom:1.5px solid var(--line);border-radius:0}
}
/* جوالات */
@media(max-width:600px){
 body{font-size:16px}
 .grid{grid-template-columns:1fr}
 section{padding:48px 0}
 .hero{padding:44px 0 64px}
 .hero p{font-size:16px}
 .hero .btns .btn{width:100%}
 .lead{margin-bottom:24px}
 .contact .btn{width:100%}
 .wa{width:48px;height:48px}
 .wa svg{width:26px;height:26px}
 summary{font-size:16px}
 footer{padding-bottom:calc(28px + env(safe-area-inset-bottom,0px))}
 .top{width:44px;height:44px}
}
/* جوالات صغيرة */
@media(max-width:380px){.course h3.hl{white-space:normal;gap:8px}.course h3 .hi{height:32px}.course h3 .hi.ln{width:32px}.course{padding:20px}}
@media(max-width:360px){.wrap{padding:0 16px}.btn{padding-inline:20px}}
/* جوال بوضع أفقي */
@media(max-height:480px) and (orientation:landscape){.hero{padding:32px 0 44px}header{position:relative}nav{max-height:calc(100vh - 68px);max-height:calc(100dvh - 68px)}nav a{padding:10px 8px;font-size:16px}html{scroll-padding-top:20px}}
@media(hover:none){.btn:hover{transform:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

.course h3.hl{display:flex;align-items:center;gap:10px;white-space:nowrap}
@media(min-width:1025px){#courses .grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,288px),1fr))}}
/* أيقونات الدورات بلا خلفية */
.hib{display:inline-flex;align-items:center;justify-content:center;flex:none}
.course h3 .hi{display:block;height:36px;width:auto;flex:none}
.course h3 .hi.ln{width:36px}
.tag.soon{background:var(--cream);border-color:var(--line);color:var(--ink-soft)}
.soonlink{color:var(--ink-soft);min-height:44px;display:inline-flex;align-items:center;font-weight:400;text-decoration:underline;text-underline-offset:3px}
.note.warn{border-inline-start-color:var(--bad);text-align:justify;text-justify:inter-word}
.course:target{outline:3px solid var(--brand-soft);outline-offset:2px}
.course[hidden]{display:none}
.tools{display:grid;gap:16px;margin-bottom:32px}
/* حقول الإدخال: ارتفاع 48px وزوايا 12px وحدّ #6B7280 بسمك 1.5px */
#q{width:100%;max-width:420px;min-height:48px;font:inherit;font-size:16px;padding:8px 16px;border:1.5px solid var(--muted);border-radius:12px;background:var(--surface);color:var(--ink)}
#q::placeholder{color:var(--muted);opacity:1}
.tabs{display:flex;flex-wrap:wrap;gap:8px;padding:3px 3px 6px}
.tabs button{flex:none;font:inherit;font-weight:400;font-size:15px;min-height:44px;padding:6px 20px;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.tabs button:hover{border-color:var(--ink)}
.tabs button.on{background:var(--ink);border-color:var(--ink);color:#fff}
.empty{text-align:center;color:var(--ink-soft);padding:24px 0}
.morewrap{text-align:center;margin-top:28px}
.morewrap .btn[hidden]{display:none}

.fan{position:relative;width:100%;aspect-ratio:1045/849;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;border-radius:12px}
.fan.drag{cursor:grabbing}
.fan .c{position:absolute;top:50%;left:50%;width:50%;height:auto;border-radius:8px;border:1.5px solid rgba(255,255,255,.22);transform-origin:50% 80%;-webkit-user-drag:none;pointer-events:auto;transition:transform .55s cubic-bezier(.22,.8,.24,1),filter .55s}
.fan .s-f{transform:translate(-50%,-50%);z-index:3}
.fan .s-r{transform:translate(-50%,-50%) translate(50%,5%) rotate(11deg) scale(.86);filter:brightness(.8);z-index:2}
.fan .s-l{transform:translate(-50%,-50%) translate(-50%,5%) rotate(-11deg) scale(.86);filter:brightness(.8);z-index:1}
.fan.drag .s-f{transition:none}
.cvis .fan-cap{max-width:none;margin:22px 0 0;text-align:center;display:flex;flex-direction:column;gap:2px}
.cvis .fan-cap b{font-family:var(--f-head);font-weight:700;font-size:18px;color:#fff}
.cvis .fan-cap span{font-size:14px;color:var(--brand-soft)}
.dots{display:flex;justify-content:center;gap:2px;margin-top:6px}
.dots button{width:44px;height:44px;border:0;background:none;padding:0;cursor:pointer;display:grid;place-items:center}
.dots button::before{content:"";width:8px;height:8px;border-radius:99px;background:rgba(255,255,255,.4);transition:width .3s,background .3s}
.dots button[aria-current="true"]::before{width:22px;background:var(--brand-soft)}
.dots button:focus-visible{outline:3px solid #fff;outline-offset:-6px;border-radius:12px}
.cvis .fan-hint{max-width:none;margin:2px 0 0;text-align:center;font-size:13px;color:var(--on-dark-2)}
#content .note.sample{background:var(--cream);margin-top:28px}
.ctags{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 6px}
.ctags .tag{margin:0}
.chead .btns{display:flex;gap:12px;flex-wrap:wrap}
.hprice{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:-6px 0 20px}
.hprice .from{font-size:15px;color:var(--on-dark-2)}
.hprice b{font-family:var(--f-en);font-weight:800;font-size:34px;color:#fff;line-height:1.2}
.hprice s{font-size:17px;color:var(--on-dark-2)}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:44px;max-width:680px}
.stats div{border-top:3px solid var(--brand);padding-top:10px}
.stats dt{font-family:var(--f-en);font-size:32px;font-weight:800;line-height:1.2;color:#fff}
.stats dd{margin:0;color:var(--on-dark-2);font-size:14px;line-height:1.7}
.stats dt small{font-family:var(--f-ar);font-size:15px;font-weight:700;color:var(--on-dark-2);margin-inline-end:5px}
.units{padding:0;margin-bottom:0;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))}
.units li{background:var(--cream);border-color:transparent}
.ba-sec h2,.ba-sec .lead{text-align:center;margin-inline:auto}
.ba{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}
.ba>div{border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:12px}
.ba b{font-family:var(--f-head);font-size:15px}
.ba q{quotes:"«" "»";font-size:17px;line-height:1.9}
.ba span{font-size:14px}
.ba .before{background:rgba(255,255,255,.06);border:1.5px solid rgba(255,255,255,.25)}
.ba .before b{color:var(--brand-soft)}
.ba .before q{font-size:20px}
.ba .before span{color:var(--on-dark-2)}
.ba .after{background:var(--surface);color:var(--ink);border:1.5px solid var(--line);border-top:4px solid var(--brand)}
.ba .after b{color:var(--brand-strong)}
.ba .after span{color:var(--ink-soft)}
.msgs .note{background:var(--surface)}
.pricing .note{background:var(--cream)}
.pkg .psub{font-size:15px;color:var(--ink-soft);margin-top:-6px}
.pkg .best{position:absolute;top:-15px;inset-inline-end:24px;font-size:13px;font-weight:400;line-height:1.7;background:var(--brand-strong);color:#fff;padding:2px 16px;border-radius:999px}
a.inl{color:var(--brand-strong);font-weight:400;text-decoration:underline;text-underline-offset:3px}
.cta{background:var(--ink);color:#fff;text-align:center;position:relative;overflow:hidden}
.cta h2{color:#fff;white-space:nowrap;--fit:36;font-size:min(36px,calc((100vw - 48px) / 15.9))}
.cta p{max-width:60ch;margin:0 auto 28px;color:var(--on-dark-2)}
.cta .btns{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
@media(max-width:1000px){
 .chead .wrap{grid-template-columns:minmax(0,1fr);gap:36px}
 .cvis{width:100%;max-width:440px;margin-inline:auto}
}
@media(max-width:600px){
 .chead{padding:48px 0 60px}
 .cvis{max-width:340px}
 .chead p{font-size:16px}
 .chead .btns .btn,.cta .btns .btn{width:100%}
 .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:32px}
 .stats dt{font-size:28px}
 .ba .before q{font-size:18px}
}
@media(max-width:600px){
 .units li{display:grid;grid-template-columns:36px 1fr;column-gap:14px;align-items:start;padding:14px 16px}
 .units li::before{grid-row:span 2;margin:2px 0 0}
}

/* أسعار الباقات بثلاث عملات */
.pkg .prices,.cfoot .prices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:2px 0 4px}
.pkg .prices div,.cfoot .prices div{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;background:var(--cream);border:1.5px solid var(--line);border-radius:12px;text-align:center}
.pkg.pro .prices div{border-color:var(--brand-soft)}
.pkg .prices small,.cfoot .prices small{font-size:12px;line-height:1.3;color:var(--ink-soft)}
.pkg .prices b,.cfoot .prices b{font-family:var(--f-en);font-size:22px;font-weight:800;line-height:1.25;color:var(--brand-strong)}
@media(max-width:330px){.pkg .prices,.cfoot .prices{grid-template-columns:1fr}}

/* بطاقات الدورات في الرئيسية: «ابتداءً من» + زر التفاصيل */
.cfoot{align-items:stretch;gap:12px}
.cfoot .cfrom{font-size:14px;font-weight:400;color:var(--ink-soft)}
.cfoot .prices div{justify-content:space-between}
.cfoot .prices small{line-height:1.3}
.course a.btn{background:transparent;color:var(--ink);border-color:var(--ink);justify-content:center;text-align:center;min-height:44px;padding:6px 18px;margin-top:4px}
.course a.btn:hover{background:var(--ink);color:#fff;text-decoration:none}

/* السعر في أعلى صفحة الدورة: ثلاثة مربعات على الخلفية الداكنة */
.hprice .prices{width:100%;max-width:420px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:2px}
.hprice .prices div{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:2px;padding:10px 4px;background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.28);border-radius:12px;text-align:center}
.hprice .prices small{font-size:12px;line-height:1.25;color:var(--on-dark-2)}
.hprice .prices b{font-size:22px;line-height:1.25}
@media(max-width:330px){.hprice .prices{grid-template-columns:1fr}}

/* فقرة التعريف أعلى صفحة الدورة: محاذاة مضبوطة */
.chead .ctext > p{text-align:justify;text-justify:inter-word}

/* صفحة السياسات */
.phead{background:var(--ink);color:#fff;padding:36px 0 34px;position:relative;overflow:hidden}
.phead a.back{color:var(--brand-soft);font-size:15px;display:inline-flex;min-height:44px;align-items:center}
.phead h1{color:#fff;font-size:clamp(32px,6vw,48px);margin:2px 0 6px}
.phead .upd{color:var(--on-dark-2);font-size:15px}
.policy{padding:36px 0 72px}
.policy .wrap{max-width:780px}
.policy .intro{color:var(--ink-soft);margin-bottom:20px}
.ptoc{display:flex;flex-wrap:wrap;gap:8px 10px;margin-bottom:8px}
.ptoc a{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:999px;background:var(--surface);border:1.5px solid var(--line);color:var(--brand-strong);font-weight:400}
.ptoc a:hover{border-color:var(--brand-strong)}
.policy h2{margin-top:44px;padding-bottom:10px;border-bottom:3px solid var(--brand);font-size:clamp(24px,4vw,30px)}
.policy h3{font-size:20px;color:var(--ink);margin:28px 0 6px}
.policy h4{font-size:16px;color:var(--brand-strong);font-weight:400;margin:14px 0 2px}
.policy p{margin:0 0 12px;color:var(--ink)}
.policy ul{padding-inline-start:22px;margin:4px 0 12px}
.policy li{margin:6px 0;color:var(--ink)}
.policy li::marker{color:var(--brand)}
.policy .note{margin:16px 0}
.policy .pcta{margin-top:18px}
/* من نحن: على الجوال أسطر قصيرة، والضبط يوسّع المسافات بين الكلمات، فنكتفي بمحاذاة عادية */
@media(max-width:600px){#about .lead{text-align:start}}

/* رابط تخطي إلى المحتوى */
.skip{position:absolute;inset-inline-start:12px;top:-64px;z-index:200;background:var(--ink);color:#fff;padding:12px 18px;border-radius:0 0 12px 12px;font-weight:400}
.skip:focus{top:0}
/* مساحات لمس أكبر دون تغيير تخطيط النص */
a.inl,.credit a{padding:11px 0}
/* عنوان قسم بحجم يتقلص على الشاشات الضيقة ليبقى في سطر واحد */
.h2fit{white-space:nowrap;--fit:36;font-size:min(36px,6.2vw)}
/* الرئيسية: «لماذا إنسايت ليفلز؟» بعد الدورات وبحجم مضغوط */
.why{background:var(--surface);border-block:1.5px solid var(--line);padding:48px 0}
.why .lead{margin-bottom:24px}
.why .msg{padding:2px 16px}
@media(max-width:600px){.why{padding:36px 0}.why .lead{margin-bottom:16px}.why .grid{gap:16px}}
/* الرئيسية: ساعات العمل */
.hours{color:var(--ink-soft);font-size:15px;margin:-16px 0 24px}
/* آخر مراجعة لمعلومات صفحة الدورة */
.rev{margin-top:16px;font-size:14px;color:var(--muted)}
/* التذييل: رقم الوثيقة */
footer .lic{display:block;margin-top:6px;font-size:13px}
footer .cp{margin-top:12px;font-size:13px}
footer .credit{display:block;margin-top:6px}
/* صفحة 404 */
body.nf{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
.nf main{flex:1;display:flex}
.nf main .hero{flex:1;display:flex;align-items:center}
.nf main .hero .wrap{width:100%}
/* طرق الدفع في الرئيسية */
.pay .steps{padding:0}
.paybtn{margin-top:24px;text-align:center}

/* حركات هادئة: كل واحدة تعمل مرة واحدة، وتتوقف كلها عند اختيار «تقليل الحركة» في الجهاز */
@keyframes rise{from{opacity:0;transform:translateY(12px)}}
@keyframes fade{from{opacity:0}}
.hero p{animation:rise .5s ease-out .08s backwards}
.hero .btns{animation:rise .5s ease-out .18s backwards}
.course,.pkg{transition:transform .2s ease,border-color .2s ease}
@media(hover:hover){.course:hover,.pkg:hover{transform:translateY(-4px);border-color:var(--brand-mid)}}
@media(prefers-reduced-motion:no-preference){.rv{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}.rv.in{opacity:1;transform:none}}
@media print{.rv{opacity:1;transform:none}}
.course.fresh{animation:fade .22s ease-out backwards}
@media(min-width:1041px){nav a{background:linear-gradient(var(--brand),var(--brand)) no-repeat 50% calc(100% - 7px)/0 2px;transition:background-size .25s ease,color .2s}nav a:hover,nav a:focus-visible{background-size:calc(100% - 24px) 2px}}
.btn:active{transform:scale(.97)}
@supports selector(::details-content){details{interpolate-size:allow-keywords}details::details-content{block-size:0;overflow:hidden;transition:block-size .25s ease,content-visibility .25s allow-discrete}details[open]::details-content{block-size:auto}}
@media(prefers-reduced-motion:no-preference){@view-transition{navigation:auto}}
::view-transition-old(root),::view-transition-new(root){animation-duration:.18s}

/* عرض الباقة: الدورات الثلاث بباقة واحدة (الرئيسية) على خلفية دافئة */
.bundle{background:var(--cream);position:relative;overflow:hidden}
.bundle .wrap{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:48px;align-items:center}
.bundle .bhead{grid-column:1/-1;text-align:center}
.bundle .tag.hot{display:inline-block;margin-bottom:12px;background:var(--brand-tint);color:var(--brand-deep)}
.bundle h2{margin-bottom:0}
.bundle .lead{margin-bottom:20px;max-width:54ch}
.bl{padding:0;margin:0 0 24px;max-width:56ch}
.bl li{list-style:none;position:relative;padding:8px 0;padding-inline-start:28px;border-bottom:1.5px solid var(--line);font-size:15px;color:var(--ink)}
.bl li::before{content:"";position:absolute;inset-inline-start:4px;top:calc(8px + .62em);width:12px;height:6px;border-left:2.5px solid var(--brand-strong);border-bottom:2.5px solid var(--brand-strong);transform:translateY(-70%) rotate(-45deg)}
.bprice{margin:0 0 24px}
.bprice .bfrom{display:block;font-size:15px;color:var(--ink-soft);margin-bottom:8px}
.bprice .prices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:460px}
.bprice .prices div{display:flex;flex-direction:column;align-items:center;padding:12px 4px 10px;background:var(--surface);border:1.5px solid var(--brand-soft);border-radius:12px;text-align:center}
.bprice .prices small{font-size:12px;line-height:1.3;color:var(--ink-soft)}
.bprice .prices b{font-family:var(--f-en);font-weight:800;font-size:32px;line-height:1.3;color:var(--brand-strong)}
.bprice .prices span{font-size:14px;line-height:1.5;color:var(--ink-soft)}
.bprice .prices s{text-decoration-thickness:1.5px}
.bundle .btns{display:flex;gap:12px;flex-wrap:wrap}
.blinks{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0 16px;margin:10px 0 0;text-align:center;font-size:15px;color:var(--ink-soft)}
.blinks span{flex-basis:100%}
.blinks a{color:var(--brand-strong);font-weight:400;display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:3px}
.bnote{margin:2px 0 0;font-size:14px;color:var(--ink-soft);text-align:center}
.bnote a{color:var(--brand-strong);font-weight:400;text-decoration:underline;text-underline-offset:3px;display:inline-block;padding:11px 0}
/* خلفية معرض أغلفة باقة الذكاء الاصطناعي: لوح داكن (لون أقسام الموقع الداكنة) فتظهر الأغلفة الفاتحة بوضوح؛ ألوان التسمية والنقاط من نمط .cvis الداكن */
.bvis{min-width:0;background:var(--ink);border-radius:24px;padding:28px 20px 12px}
@media(max-width:1000px){
 .bundle .wrap{grid-template-columns:minmax(0,1fr);gap:28px}
 .bundle .bhead{order:-2}
 .bvis{order:-1;max-width:340px;margin-inline:auto}
}
@media(max-width:600px){
 .bundle .btns .btn{width:100%}
 .bprice .prices b{font-size:28px}
}
/* ملاحظة الباقة في صفحات الدورات */
.note.bn{border-inline-start-color:var(--brand)}

/* خدمة مجانية: بطاقة مولّد الأوامر في الرئيسية */
.freetool{background:var(--surface);padding:56px 0}
.ftcard{position:relative;overflow:hidden;background:var(--ink);color:#fff;border-radius:24px;padding:44px 40px}
.ftcard::after{content:"";position:absolute;inset-inline-end:-90px;bottom:-130px;width:320px;height:320px;border:48px solid rgba(251,146,60,.14);border-radius:50%}
.ftt{position:relative;z-index:1;max-width:60ch}
.ftcard .tag.hot{display:inline-block;background:var(--brand-soft);border-color:var(--brand-soft);color:var(--ink);margin-bottom:12px}
.ftcard h2{color:#fff;margin-bottom:12px}
.ftcard p{color:var(--on-dark-2);margin-bottom:24px}
#content .note.ptool{background:var(--cream);margin-top:16px}
@media(max-width:600px){.freetool{padding:40px 0}.ftcard{padding:32px 24px}.ftcard .btn{width:100%}}

/* ===== ثلاث باقات: شغف وتمكّن وإتقان ===== */
.pkgs{gap:24px}
@media(min-width:1000px){.pkgs{grid-template-columns:repeat(3,minmax(0,1fr))}.pkg .psub{min-height:5.2em}}
@media(min-width:640px) and (max-width:999px){.pkgs{grid-template-columns:repeat(2,minmax(0,1fr))}.pkg.full{grid-column:1/-1}}
@media(max-width:639px){.pkgs{grid-template-columns:minmax(0,1fr)}}
.cmpwrap{margin:32px 0 8px;overflow-x:auto}
.cmp{width:100%;border-collapse:separate;border-spacing:0;background:var(--surface);border:1.5px solid var(--line);border-radius:16px;overflow:hidden;font-size:15px}
.cmp caption{font-family:var(--f-head);caption-side:top;text-align:start;font-weight:700;font-size:18px;color:var(--ink);padding:0 2px 12px}
.cmp th,.cmp td{padding:12px 14px;border-bottom:1.5px solid var(--line);text-align:center;vertical-align:middle;line-height:1.7}
.cmp tbody tr:last-child th,.cmp tbody tr:last-child td{border-bottom:0}
.cmp thead th{background:var(--cream);color:var(--ink);font-weight:700}
.cmp thead th .lvl{background:var(--surface);font-size:15px}
.cmp thead th small{display:block;font-size:12px;font-weight:400;color:var(--ink-soft)}
.cmp tbody th{text-align:start;font-weight:400;color:var(--ink-soft);background:var(--surface)}
.cmp td{white-space:nowrap}
.cmp td.pr{padding-top:10px;padding-bottom:6px}.cmp td.pr span{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;column-gap:5px;max-width:150px;margin:0 auto 6px;padding:6px 4px;background:var(--cream);border:1.5px solid var(--line);border-radius:12px;line-height:1.3;white-space:nowrap}.cmp td.pr b{font-family:var(--f-en);font-size:18px;font-weight:800;line-height:1.3;color:var(--brand-strong)}.cmp td.pr small{font-size:12.5px;color:var(--ink-soft)}
.cmp .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.cmpnote{font-size:14px;color:var(--ink-soft);margin:10px 2px 0}
@media(max-width:600px){.cmp{font-size:13.5px}.cmp th,.cmp td{padding:10px 6px}.cmp thead th .lvl{font-size:14px;padding-inline:.6em}.cmp td.pr{padding:9px 4px 4px}.cmp td.pr span{padding:5px 2px;margin-bottom:5px;column-gap:3px}.cmp td.pr b{font-size:16px}.cmp td.pr small{font-size:11.5px}}
@media(max-width:380px){.cmp{font-size:13px}.cmp th,.cmp td{padding:9px 4px}}@media(max-width:420px){.cmp td.pr span{flex-direction:column;align-items:center;justify-content:center;row-gap:0;column-gap:0;min-height:48px}}

/* ===== باقة الذكاء الاصطناعي: مبدّل المستويات ===== */
.btabs{display:flex;gap:6px;margin:0 0 20px;padding:5px;background:var(--surface);border:1.5px solid var(--line);border-radius:999px;max-width:460px}
.btabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:.55em;flex-wrap:wrap;min-height:46px;border:0;border-radius:999px;background:transparent;color:var(--ink);font:inherit;font-weight:400;font-size:16px;cursor:pointer;padding:6px 10px;line-height:1.3;transition:background .2s,color .2s}
.btabs button:hover{background:var(--brand-tint)}
.btabs button.on{background:var(--brand-strong);color:#fff}
.btabs button .bars{font-size:14px}
.btabs button.on .bars i{background:rgba(255,255,255,.4)}
.btabs button.on .bars.l1 i:nth-child(3),.btabs button.on .bars.l2 i:nth-child(n+2),.btabs button.on .bars.l3 i{background:#fff}
.btabs button small{display:block;font-size:11px;font-weight:400;line-height:1.2;color:var(--ink-soft)}
.btabs button.on small{color:#fff}
.btabs button:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
.btabs button.on:focus-visible{outline-offset:3px}
.bundle:not(.tabbed) .btabs{display:none}
.bundle.tabbed .bpt{display:none}
.bpt{font-size:19px;color:var(--ink);margin:6px 0 10px}
.bpanel+.bpanel{margin-top:28px}
.bundle.tabbed .bpanel+.bpanel{margin-top:0}
@media(max-width:600px){.btabs{max-width:none}}

/* ===== باقة الذكاء الاصطناعي: الخياران (مستوى للأدوات الثلاث / الباقات الثلاث لأداة) ===== */
.bmodes{max-width:520px;margin-bottom:16px;border-radius:20px}
.bmodes button{min-height:58px;border-radius:16px;flex-direction:column;gap:0}
.bmodes button small{font-size:13px}
.btool{max-width:420px}
.bmh{font-size:17px;color:var(--brand-strong);margin:0 0 12px}
.bundle.tabbed .bmh{display:none}
.bmode+.bmode{margin-top:36px}
.bundle.tabbed .bmode+.bmode{margin-top:0}
.bset+.bset{margin-top:28px}
.bundle.tabbed .bset+.bset{margin-top:0}
@media(max-width:600px){.bmodes,.btool{max-width:none}}

/* ملاحظة صغيرة في رأس جدول المقارنة على الجوال */
@media(max-width:600px){.cmp thead th small{font-size:11px}}

/* ===== البطل: النص والمستطيلات الثلاثة (شغف وتمكّن وإتقان) على الخلفية الداكنة ===== */
.hero>.wrap.hsplit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,360px);gap:56px;align-items:center;text-align:start}
.hsplit .hero-t h1.one{margin:0 0 16px;max-width:none;white-space:nowrap;--fit:44;font-size:clamp(28px,4.4vw,44px)}
.hsplit .hero-t p{margin:0 0 28px;max-width:46ch}
.hsplit .hero-t .btns{justify-content:flex-start}
.hero-lv{display:block;width:100%;max-width:360px;height:auto;justify-self:center}
@media(max-width:1000px){
 .hero>.wrap.hsplit{grid-template-columns:minmax(0,1fr);gap:36px;text-align:center}
 .hsplit .hero-t p{margin-inline:auto}
 .hsplit .hero-t .btns{justify-content:center}
 .hero-lv{max-width:300px}
}
@media(max-width:600px){.hsplit .hero-t h1.one{font-size:min(30px,calc((100vw - 48px) / 10.4))}.hero-lv{max-width:250px}.hero>.wrap.hsplit{gap:28px}}

/* ===== وسوم الدورات: بلا أيقونات، وقائمة منسدلة بجانب «الكل» ===== */
.tabs select{flex:1 1 150px;max-width:260px;min-width:0;text-overflow:ellipsis;appearance:none;-webkit-appearance:none;font:inherit;font-weight:400;font-size:15px;min-height:44px;padding:6px 18px 6px 40px;border-radius:999px;border:1.5px solid var(--line);color:var(--ink);cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F2937' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat left 14px center/16px;transition:border-color .2s,background-color .2s}
.tabs select:hover{border-color:var(--ink)}
.tabs select.on{background-color:var(--ink);border-color:var(--ink);color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}

/* ===== قوائم الباقة المتداخلة ===== */
.bl{max-width:60ch}
.bl>li{padding-bottom:10px}
.bl ul{padding:0;margin:4px 0 0}
.bl ul li{border:0;padding:1px 0;padding-inline-start:22px;font-size:15px;color:var(--ink-soft)}
.bl ul li::before{width:9px;height:2px;border:0;background:var(--brand-strong);transform:none;inset-inline-start:2px;top:calc(1px + .95em)}
.bl bdi{font-family:var(--f-en);font-weight:700}
/* «اختر طريقتك»: سطر لكل جملة بتوازن في الأسطر */
.bundle .lead.blead{max-width:none;margin-inline:0;text-align:start}
.blead b{display:block;font-family:var(--f-head);font-weight:700;color:var(--ink);margin-bottom:2px}
.blead span{display:block}
.bnote a{display:inline;padding:0}

/* ===== لماذا إنسايت ليفلز؟: العنوان بألوان الشعار ===== */
.brn{background:linear-gradient(270deg,var(--brand-strong) 0,var(--brand) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--brand-strong)}

/* ===== بطاقة المولّد في الرئيسية ===== */
.ftt p span{display:block}
.ftt p{max-width:none}

/* ===== طرق الدفع: الأعلام ===== */
.method h3{display:flex;align-items:center;gap:10px}
.method .flag{flex:none;width:32px;height:24px;border-radius:4px;border:1.5px solid var(--line);object-fit:cover}
.method .flag.globe{width:28px;height:28px;border:0;border-radius:0;object-fit:contain}

/* ===== من نحن ===== */
#about .lead span{display:block}
#about .lead span+span{margin-top:6px}

/* ===== الأسئلة الشائعة ===== */
details ul.fl{padding-inline-start:22px;margin:8px 0 0;color:var(--ink-soft)}
details ul.fl li{margin:8px 0}
details ul.fl li::marker{color:var(--brand)}
details ul.fl ul{padding-inline-start:20px;margin:4px 0 0}
details ul.fl ul li{margin:2px 0}
details ul.fl+p{margin-top:12px}
details b{font-family:var(--f-head);font-weight:700;color:var(--ink)}

/* ===== نصوص عامة: تجنّب الكلمة الوحيدة في آخر السطر ===== */
.course p{text-align:start}

/* ===== التذييل ===== */
footer .lic{line-height:1.8}

/* ===== السياسات: الأزرار الثلاثة في سطر واحد، والعناوين الطويلة تتقلص لتبقى في سطر ===== */
.ptoc{flex-wrap:nowrap;gap:8px}
.ptoc a{flex:0 1 auto;justify-content:center;white-space:nowrap;padding:0 clamp(6px,2.6vw,22px);font-size:clamp(12.5px,3.5vw,16px)}
@media(max-width:600px){.ptoc a{flex:1 1 auto}}
.policy h3.h3fit{white-space:nowrap;--fit:20;font-size:min(20px,5vw)}

/* كل النصوص القصيرة: لا تُترك كلمة وحيدة في آخر السطر */


/* ===== دفعة 21 أكتوبر: البطل على الجوال، وجدول المقارنة، والتفاف النص ===== */
/* على الشاشات الضيقة تُخفى مستطيلات البطل الجانبية (لا مستطيلات خلف الأزرار) */
@media(max-width:1000px){.hero-lv{display:none}}
/* جدول المقارنة: يتّسع لعرض الشاشة بلا تمرير جانبي */
.cmpwrap{overflow:visible}
@media(max-width:700px){
 .cmp{table-layout:fixed}
 .cmp thead th:first-child,.cmp tbody th{width:27%}
 .cmp td{white-space:normal}
 .cmp thead th .lvl{flex-direction:column;gap:.3em;padding:.35em .45em;border-radius:14px;font-size:13px;line-height:1.5}
 .cmp tbody th{padding-inline:6px;line-height:1.55}
 .cmp td.pr span{flex-direction:column;align-items:center;justify-content:center;row-gap:0;column-gap:0;min-height:48px;max-width:100%}
}
@media(min-width:701px){.cmp td{white-space:nowrap}}

/* النص المضبوط من الجانبين يبقى على الشاشات العريضة فقط، وعلى الجوال يبدأ من اليمين فلا تتسع الفراغات بين الكلمات */
@media(max-width:700px){#about .lead,.note.warn,.chead .ctext>p,.phead .ctext>p,.phead p{text-align:start}}


/* =====================================================================================
   أساس الالتفاف الموحّد (21 أكتوبر): هذه الكتلة هي المرجع الوحيد لسلوك الأسطر في الموقع كله.
   ثلاث طبقات تعمل معاً:
   1) هنا: أسطر طبيعية بلا موازنة قسرية ولا text-wrap تجريبي (الكسر نفسه في كل المتصفحات)، ومنع الفيض في كل الأحوال.
   2) في الصفحات: لا مسافات غير منكسرة في النصوص إلا بين الرقم ووحدته واسم المنصة (tools/pi_typeset.py)، فيمتلئ كل سطر حتى آخره.
   3) في insightlevels.js: عناوين السطر الواحد (.fit) يُقاس نصها الفعلي فيُضبط حجمها على عرض حاويتها.
   ===================================================================================== */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{overflow-wrap:break-word;word-break:normal;line-break:auto;hyphens:manual;font-kerning:normal}

/* الأسطر تمتلئ بالكلمات بشكل طبيعي حتى آخرها (قرار المالك بعد مقارنة ثلاثة أشكال على Galaxy S24). لا text-wrap: balance ولا pretty، لأن
   سلوكهما يختلف بين المتصفحات وإصداراتها، ولا ربط كلمات يدفع كلمة إلى السطر التالي وفي السطر متسع لها. */
/* عنصر داخل شبكة أو صندوق مرن لا يفرض عرضه الأدنى على أبيه، فيلتفّ نصه بدل أن يدفع الصفحة */
:where(.wrap,.wrap *){min-width:0}
:where(img,svg,video,canvas){max-width:100%}
/* عناوين السطر الواحد: الحجم الاحتياطي (بلا JS) من المعادلات أعلاه، ثم يضبطه insightlevels.js على العرض الفعلي */
.cta h2,.h2fit,.h3fit,.hsplit .hero-t h1.one{white-space:nowrap;text-wrap:nowrap}

/* شاشات ضيقة جداً (هواتف قابلة للطي مغلقةً، 280 إلى 340): أزرار أضيق هوامش كي تبقى تسميتها في سطر واحد */
@media(max-width:340px){.btn{padding-inline:14px;font-size:15px}header .wrap{padding-inline:12px;gap:6px}.logo img{height:41.6px}.ig,.menu{width:40px;height:44px}}
@media(max-width:300px){.course{padding:16px}.course h3{font-size:16px}}

/* خيار «الباقات الثلاث لأداة واحدة»: بنود كل قائمة فرعية (50 أمراً، 150 أمراً، 300 أمر ...) على سطر واحد، يفصل بينها شرطة صغيرة */
.bset .bl ul{display:flex;flex-wrap:wrap;align-items:center}
.bset .bl ul li{padding:1px 0;padding-inline-start:0;white-space:nowrap}
.bset .bl ul li::before{position:static;display:inline-block;vertical-align:middle;margin-inline:10px}
.bset .bl ul li:first-child::before{display:none}
/* أيقونة الاستفهام في عنوان «لماذا إنسايت ليفلز» بدل علامة ؟ النصية، بلون الموقع */
.qi{display:inline-block;width:.78em;height:.78em;vertical-align:-.06em;margin-inline-start:.24em;color:var(--brand)}
@media(max-width:340px){.bset .bl ul li{font-size:14px}}
/* شعار التذييل: أسماء المستويات داخل المستطيلات من الأعلى إلى الأسفل (شغف، تمكّن، إتقان). ملفات الشعار نفسها لم تُعدَّل؛ النص فوقها.
   المواضع بنسب من مخطط الشعار (762.32 × 198.16)، وحجم الخط يتبع عرض الشعار. */
.flogo{display:block;position:relative;width:min(300px,100%);margin-inline:auto;container-type:inline-size}
.flogo img{width:100%}
.fl{position:absolute;display:flex;align-items:center;justify-content:center;height:17.16%;font-family:var(--f-head);font-weight:700;font-size:11px;font-size:3.7cqw;line-height:1;color:#111827;white-space:nowrap;pointer-events:none}
.fl1{left:80.32%;width:15.22%;top:17.16%}
.fl2{left:75.34%;width:20.2%;top:39.36%}
.fl3{left:70.35%;width:25.19%;top:61.57%}

/* من نحن: بطاقتا بصيرة ومستويات، والشعار الكلامي «تعلّم بعمق. قرّر ببصيرة.» في التذييل */
.about .nm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0 8px}
.nmc{background:rgba(255,255,255,.06);border:1.5px solid rgba(255,255,255,.16);border-radius:20px;padding:20px}
.nmc .en{display:block;font-family:var(--f-head);font-weight:800;font-size:24px;line-height:1.3;color:var(--brand-soft);text-align:start}
.nmc h3{color:#fff;font-size:20px;margin:0 0 4px}
.nmc p{margin:0;color:var(--on-dark-2);font-size:15px}
.about .tl{font-family:var(--f-head);font-weight:800;font-size:clamp(24px,6vw,34px);line-height:1.5;color:#fff;margin:20px 0 0}
.about .tl span,.ftl span{color:var(--brand-soft)}
.ftl{font-family:var(--f-head);font-weight:700;font-size:18px;color:#fff;margin:0 0 16px}
@media(max-width:600px){.about .nm{grid-template-columns:minmax(0,1fr)}}

/* خطوات الدفع على الجوال: صف أرقام وتحته صندوق الشرح */
.stp,.stp-p{display:none}
@media(max-width:700px){
.pay.stp-on .steps{display:none}
.pay.stp-on .stp{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:relative;margin-bottom:14px}
.stp::before{content:"";position:absolute;top:21px;inset-inline:12.5%;height:2px;background:var(--line)}
.stp button{appearance:none;-webkit-appearance:none;background:none;border:0;font:inherit;display:flex;flex-direction:column;align-items:center;gap:6px;padding:0;position:relative;cursor:pointer;color:var(--ink-soft);-webkit-tap-highlight-color:transparent}
.stp .n{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--surface);border:2px solid var(--brand-strong);color:var(--brand-strong);font-family:var(--f-en);font-weight:700;font-size:18px;line-height:1}
.stp .l{font-family:var(--f-head);font-weight:600;font-size:14px;line-height:1.4}
.stp [aria-selected=true] .n{background:var(--brand-strong);color:#fff}
.stp [aria-selected=true] .l{color:var(--ink);font-weight:700}
.stp button:focus-visible{outline:3px solid var(--brand);outline-offset:4px;border-radius:12px}
.pay.stp-on .stp-p{display:grid;background:var(--surface);border:1.5px solid var(--line);border-radius:16px;padding:18px 20px;margin-bottom:32px}
.stp-i{grid-area:1/1;visibility:hidden}
.stp-i.on{visibility:visible}
.stp-i b{display:block;color:var(--ink);font-family:var(--f-head);font-weight:700}
.stp-i span{font-size:15px;color:var(--ink-soft)}
}