/* ════════════════════════════════════════════════════════════
   العيادة المالية — طبقة التصميم v8: بطل سينمائي + أقسام هادئة
   بصري فقط: لا تغيّر النص ولا السلوك ولا الدفع ولا الأسئلة.
   الألوان: Navy #102B40 · Teal #16B8B0 · Azure #49C8E5 · Gold #C5A66A · Soft White #F3F6F8
   للتراجع: احذف <link> هذا الملف من index.html.
════════════════════════════════════════════════════════════ */
:root{--serif:'IBM Plex Sans Arabic','Inter',system-ui,sans-serif;--fin-num:'Inter','IBM Plex Sans Arabic',system-ui,sans-serif;
  --r:12px;--r-lg:16px;--x-navy:#102B40;--x-teal:#16B8B0;--x-azure:#49C8E5;--x-gold:#C5A66A;--x-night:#030A12}
html[data-theme="light"]{--bg:#F3F6F8;--bg-2:#E8EEF2;--card:#fff;--ink:#102B40;--ink-2:#3E566A;--ink-3:#5B7183;--rule:#DCE4EA;--rule-2:#C6D3DC;--acc:#0B8F89;--acc-soft:#DDF3F1;--btn:#102B40;--btn-ink:#F3F6F8}
html[data-theme="dark"]{--bg:#0A1A28;--bg-2:#0D2133;--card:#102B40;--ink:#F3F6F8;--ink-2:#BFD0DC;--ink-3:#8FA6B7;--rule:#1F3F58;--rule-2:#2A5070;--acc:#3FD4CB;--acc-soft:rgba(63,212,203,.14);--btn:#F3F6F8;--btn-ink:#102B40}
body{background:var(--bg)}

/* ── طباعة ── */
.h1,.h2{font-weight:700;letter-spacing:-.03em;text-wrap:balance}
.plan h3,.tier h4,.step h3,.gc-q,.faq summary,.picker>span,.mon-q,.mon-result h3{font-family:var(--serif);font-weight:600}
.facts b,.plan-price b,.tier-p b,.step .n,.readout b,.pt-tabs button b{font-family:var(--fin-num);font-weight:700;letter-spacing:-.04em;font-feature-settings:"tnum" 1,"lnum" 1}
.over{font-weight:600;letter-spacing:.01em}
.over::before{height:1px;background:var(--acc);opacity:1;width:30px}

/* ── أزرار: 12px، والزر الرئيسي في البطل كبسولة ── */
.btn{border-radius:var(--r);padding:14px 26px;font-weight:600;transition:background-color .2s,color .2s,border-color .2s,transform .2s}
.btn:active{transform:scale(.98)}
.btn-sm{padding:10px 18px}

/* ── الأشرطة العلوية ── */
.util{background:var(--x-night);border-bottom:1px solid rgba(255,255,255,.07)}
.nav{background:var(--x-night)!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.nav{padding:8px 0 0}
.nav.solid{background:transparent!important;pointer-events:none}
.nav-in{pointer-events:auto;height:64px;margin-inline:auto;padding:0 10px 0 20px;border-radius:999px;background:rgba(10,22,36,.78);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);box-shadow:0 24px 50px -28px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.06)}
.nav .brand,.nav .brand-names{color:#F3F6F8}
.nav .menu a{color:rgba(243,246,248,.72)}.nav .menu a:hover{color:#fff}.nav .menu a::after{background:var(--x-azure)}
.nav .btn-sm,.nav .btn-sm:hover{border-radius:999px;background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.3)}
.nav .btn-sm:hover{background:rgba(255,255,255,.18)}
.mnav-btn{color:#F3F6F8!important;border-color:rgba(255,255,255,.28)!important}

/* ── البطل السينمائي (داكن في الوضعين) ── */
html[data-theme] .hero.lt{background:var(--x-night);color:#F3F6F8;padding:34px 0 0;text-align:center;overflow:hidden}
html[data-theme] .hero.lt::before{background:radial-gradient(760px 380px at 50% -4%,rgba(73,200,229,.13),transparent 70%)}
.hero.lt .rosette{display:none}
.cine-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.cine-bg .stars{position:absolute;top:0;left:0;width:2px;height:2px;border-radius:50%;box-shadow:926px 886px 0 1px rgba(255,255,255,.8),925px 520px 0 1px rgba(255,255,255,.35),378px 823px 0 1px rgba(255,255,255,.8),1289px 628px 0 0 rgba(255,255,255,.22),914px 310px 0 0 rgba(255,255,255,.22),1103px 829px 0 1px rgba(255,255,255,.22),1219px 405px 0 0 rgba(255,255,255,.35),1276px 15px 0 1px rgba(255,255,255,.22),121px 36px 0 0 rgba(255,255,255,.35),1228px 30px 0 0 rgba(255,255,255,.55),902px 605px 0 0 rgba(255,255,255,.35),1311px 301px 0 0 rgba(255,255,255,.22),1356px 87px 0 0 rgba(255,255,255,.55),833px 564px 0 0 rgba(255,255,255,.55),645px 776px 0 0 rgba(255,255,255,.55),60px 71px 0 1px rgba(255,255,255,.22),820px 110px 0 0 rgba(255,255,255,.8),136px 17px 0 1px rgba(255,255,255,.22),437px 214px 0 0 rgba(255,255,255,.8),768px 725px 0 0 rgba(255,255,255,.8),149px 579px 0 1px rgba(255,255,255,.35),1594px 691px 0 0 rgba(255,255,255,.55),178px 318px 0 0 rgba(255,255,255,.22),839px 776px 0 0 rgba(255,255,255,.35),504px 723px 0 0 rgba(255,255,255,.22),122px 476px 0 0 rgba(255,255,255,.35),1396px 572px 0 0 rgba(255,255,255,.8),1042px 195px 0 1px rgba(255,255,255,.35),858px 659px 0 0 rgba(255,255,255,.22),808px 430px 0 0 rgba(255,255,255,.22),552px 885px 0 1px rgba(255,255,255,.55),1812px 20px 0 0 rgba(255,255,255,.35),807px 874px 0 1px rgba(255,255,255,.22),86px 149px 0 0 rgba(255,255,255,.8),528px 9px 0 1px rgba(255,255,255,.55),1700px 303px 0 0 rgba(255,255,255,.22),152px 92px 0 0 rgba(255,255,255,.35),31px 615px 0 0 rgba(255,255,255,.55),1274px 464px 0 0 rgba(255,255,255,.8),1704px 588px 0 0 rgba(255,255,255,.8),374px 642px 0 0 rgba(255,255,255,.55),1860px 233px 0 1px rgba(255,255,255,.35),1485px 194px 0 0 rgba(255,255,255,.35),1406px 972px 0 0 rgba(255,255,255,.8),1236px 80px 0 0 rgba(255,255,255,.22),212px 111px 0 0 rgba(255,255,255,.55),488px 757px 0 1px rgba(255,255,255,.8),526px 430px 0 1px rgba(255,255,255,.8),600px 532px 0 0 rgba(255,255,255,.22),258px 233px 0 0 rgba(255,255,255,.22),573px 217px 0 0 rgba(255,255,255,.22),141px 275px 0 0 rgba(255,255,255,.8),510px 61px 0 0 rgba(255,255,255,.35),577px 377px 0 1px rgba(255,255,255,.35),188px 370px 0 0 rgba(255,255,255,.8),677px 672px 0 1px rgba(255,255,255,.35),1208px 35px 0 0 rgba(255,255,255,.8),1864px 366px 0 1px rgba(255,255,255,.55),68px 21px 0 1px rgba(255,255,255,.22),987px 68px 0 1px rgba(255,255,255,.55),653px 139px 0 0 rgba(255,255,255,.22),927px 559px 0 0 rgba(255,255,255,.22),1843px 958px 0 1px rgba(255,255,255,.35),1624px 936px 0 0 rgba(255,255,255,.55),173px 701px 0 0 rgba(255,255,255,.22),1784px 877px 0 0 rgba(255,255,255,.22),1768px 511px 0 1px rgba(255,255,255,.22),1279px 678px 0 0 rgba(255,255,255,.8),1193px 12px 0 1px rgba(255,255,255,.22),164px 92px 0 1px rgba(255,255,255,.22),526px 900px 0 0 rgba(255,255,255,.55),795px 956px 0 1px rgba(255,255,255,.8),902px 473px 0 1px rgba(255,255,255,.22),1062px 768px 0 1px rgba(255,255,255,.22),635px 615px 0 0 rgba(255,255,255,.8),45px 235px 0 1px rgba(255,255,255,.22),1018px 798px 0 1px rgba(255,255,255,.8),523px 917px 0 0 rgba(255,255,255,.55),616px 146px 0 1px rgba(255,255,255,.35),1061px 173px 0 0 rgba(255,255,255,.8),1020px 913px 0 0 rgba(255,255,255,.55),828px 681px 0 0 rgba(255,255,255,.35),1298px 441px 0 0 rgba(255,255,255,.35),787px 224px 0 1px rgba(255,255,255,.55),429px 139px 0 0 rgba(255,255,255,.8),718px 857px 0 0 rgba(255,255,255,.22),566px 841px 0 0 rgba(255,255,255,.22),922px 482px 0 0 rgba(255,255,255,.35),1701px 423px 0 0 rgba(255,255,255,.8),1376px 322px 0 1px rgba(255,255,255,.8),656px 76px 0 0 rgba(255,255,255,.55),1787px 622px 0 0 rgba(255,255,255,.55),1168px 362px 0 0 rgba(255,255,255,.22),1312px 139px 0 0 rgba(255,255,255,.8),388px 25px 0 0 rgba(255,255,255,.35),1595px 144px 0 0 rgba(255,255,255,.22),914px 111px 0 1px rgba(255,255,255,.55),159px 700px 0 0 rgba(255,255,255,.35),1687px 486px 0 0 rgba(255,255,255,.35),1462px 11px 0 0 rgba(255,255,255,.22),366px 231px 0 0 rgba(255,255,255,.55),1105px 714px 0 1px rgba(255,255,255,.35),805px 869px 0 1px rgba(255,255,255,.35),178px 420px 0 1px rgba(255,255,255,.8),266px 461px 0 0 rgba(255,255,255,.35),1281px 908px 0 0 rgba(255,255,255,.8),1126px 582px 0 1px rgba(255,255,255,.55),949px 334px 0 1px rgba(255,255,255,.35),202px 739px 0 1px rgba(255,255,255,.22),436px 248px 0 0 rgba(255,255,255,.22)}
.cine-bg .planet{position:absolute;left:50%;bottom:-1300px;width:1700px;height:1700px;margin-left:-850px;border-radius:50%;
  background:radial-gradient(circle at 50% 0%,#c9f7ff 0,#49C8E5 .5%,#16B8B0 2%,#0b4f66 9%,#071d30 24%,var(--x-night) 56%);
  box-shadow:0 -4px 30px rgba(190,246,255,.8),0 -30px 120px rgba(73,200,229,.5),0 -90px 260px rgba(22,184,176,.32),inset 0 30px 120px rgba(73,200,229,.3)}
.cine-bg .planet::after{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 200deg at 50% 50%,transparent 0 30%,rgba(197,166,106,.32) 36%,transparent 44%);mix-blend-mode:screen;filter:blur(26px);-webkit-mask-image:radial-gradient(circle at 50% 0,#000 0,transparent 22%);mask-image:radial-gradient(circle at 50% 0,#000 0,transparent 22%)}
.hero.lt .wrap{position:relative;z-index:2}
.hero.lt .hero-grid{display:block;position:relative}
.hero.lt .over{display:inline-flex;align-items:center;gap:10px;padding:7px 18px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.04);color:var(--x-azure);font-size:13px}
.hero.lt .over::before{display:none}
.hero.lt .h1{color:#fff;font-size:clamp(40px,6.6vw,92px);line-height:1.1;letter-spacing:-.035em;font-weight:700;max-width:12em;margin:24px auto 0}
.hero.lt .h1 .stop{display:block;color:#FFC857;font-size:.62em;letter-spacing:0;font-weight:800;margin-bottom:.3em;text-shadow:0 0 28px rgba(255,200,87,.45);animation:stopPulse 1.4s ease-in-out infinite}
.hero.lt .h1 .q{display:block;background:none;-webkit-text-fill-color:currentColor;color:#fff;padding-bottom:.05em}
.hero.lt .lede{color:rgba(243,246,248,.72);margin:24px auto 34px;max-width:34em;font-size:clamp(16px,1.5vw,20px)}
.hero.lt .acts{justify-content:center}
.hero.lt .btn{border-radius:999px}
.hero.lt .btn:not(.btn-o){background:#fff;color:#06202A;border:0;padding:16px 34px;font-size:17px;box-shadow:0 0 0 6px rgba(255,255,255,.12),0 20px 50px -12px rgba(73,200,229,.55)}
.hero.lt .btn:not(.btn-o):hover{background:#E8FBFF}
.hero.lt .btn-o{background:rgba(255,255,255,.06);color:#fff;border:1px solid rgba(255,255,255,.28)}
.hero.lt .btn-o:hover{background:rgba(255,255,255,.14)}
.hero-note{color:rgba(243,246,248,.6)!important}

/* بطاقة الفحص التفاعلية: تبقى كما هي وظيفياً، فوق الأفق */
.hero.lt .inst,.hero.lt .floor{display:none}
.hero.lt .stage{padding:0;margin:56px auto 0;display:flex;justify-content:center}
.hero.lt .qcard{margin:0 auto!important;width:min(460px,100%);text-align:start;border:0!important;border-radius:20px!important;background:rgba(255,255,255,.97)!important;color:#102B40;padding:20px 22px!important;box-shadow:0 0 0 1px rgba(255,255,255,.3),0 40px 80px -30px rgba(0,0,0,.9)!important;position:relative;z-index:3}
.hero.lt .qcard .mon-opt{border-radius:999px;border-color:#C6D3DC;color:#102B40}
.hero.lt .qcard .mon-opt:hover{border-color:#16B8B0;background:#E4F6F4}
.hero.lt .qcard .mon-q,.hero.lt .qcard .mon-result h3{color:#102B40}
.hero.lt .qcard .mon-result p{color:#4A5E70}
.hero.lt .qcard .mon-result .btn{background:#16B8B0;color:#04222A;border-radius:12px}
/* بطاقتان زجاجيتان توضيحيتان */
.deco .g{position:absolute;bottom:4px;width:300px;padding:20px 22px;border-radius:20px;text-align:start;color:#fff;background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);box-shadow:0 30px 70px -30px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.2)}
.deco .g1{inset-inline-start:0}.deco .g2{inset-inline-end:0;bottom:-34px}
.deco .lab{display:block;font-size:12px;color:rgba(255,255,255,.62);margin-bottom:10px}
.deco .g1 b{display:block;font-family:var(--fin-num);font-size:50px;line-height:1;font-weight:700}.deco .g1 b small{font-family:var(--serif);font-size:15px;font-weight:400;color:rgba(255,255,255,.7);letter-spacing:0;margin-inline-start:6px}
.deco .bars{display:grid;gap:8px;margin:14px 0 8px}.deco .bars i{display:block;height:6px;border-radius:9px;background:rgba(255,255,255,.12);position:relative;overflow:hidden}.deco .bars i::after{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:var(--w);background:var(--x-azure);border-radius:9px}.deco .bars i.lo::after{background:var(--x-gold)}
.deco .rowl{display:flex;justify-content:space-between;font-size:12px;color:rgba(255,255,255,.6)}
.deco .kv{display:flex;gap:16px;align-items:center}.deco .kv small{display:block;font-size:12px;color:rgba(255,255,255,.6)}.deco .kv strong{display:block;font-family:var(--fin-num);font-size:28px;line-height:1.2}.deco .kv strong em{font-style:normal;font-family:var(--serif);font-size:13px;font-weight:400;color:rgba(255,255,255,.7)}.deco .kv strong.gold{font-family:var(--serif);font-size:18px;color:var(--x-gold)}.deco .kv .sep{width:1px;align-self:stretch;background:rgba(255,255,255,.18)}
.deco .pill{margin-top:14px;display:inline-block;padding:6px 13px;border-radius:999px;background:rgba(255,255,255,.1);font-size:12px;color:rgba(255,255,255,.85)}
/* شريط الأرقام الدائري */
.hero.lt .facts{position:relative;z-index:3;max-width:980px;margin:64px auto 0;padding:16px 8px 20px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(8,22,36,.74);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 40px 80px -40px #000;gap:0}
.hero.lt .facts div{padding:6px 18px;border:0;border-inline-start:1px solid rgba(255,255,255,.12);text-align:center;background:none}
.hero.lt .facts div:first-child{border-inline-start:0;padding-inline-start:18px}
.hero.lt .facts b{font-size:clamp(30px,3.4vw,42px);color:#fff;background:none;-webkit-text-fill-color:currentColor;margin-bottom:4px}
.hero.lt .facts b small{color:var(--x-azure);-webkit-text-fill-color:var(--x-azure);font-family:var(--serif);font-size:14px;font-weight:500;letter-spacing:0}
.hero.lt .facts span{color:rgba(243,246,248,.62);font-size:13px}
.hero.lt{padding-bottom:64px}

/* ── الأقسام (هادئة) ── */
.sec{padding:clamp(56px,7vw,100px) 0}
.sec-alt{background:var(--bg-2)}
.h2{font-size:clamp(30px,4.2vw,56px);line-height:1.15}
.gain-head .h2 em,.cmp-head .h2 em{font-style:normal;color:var(--acc);background:none;-webkit-text-fill-color:currentColor}
.gain-card{border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--rule);box-shadow:none;background:var(--card)}
.gain-card:hover{transform:none;border-color:var(--rule-2);box-shadow:none}
.cv,.rp,.picker,.tier{border-radius:var(--r-lg);border:1px solid var(--rule);box-shadow:none;background:var(--card)}
.cv,.rp{overflow:hidden}
.tiers{display:grid;gap:12px;border-top:0}
.tier{padding:26px 28px}
.pk-opts button{border-radius:999px}
.steps{border-top:0;gap:14px}
.step,.step+.step,.step:first-child{padding:30px 28px 26px;border:1px solid var(--rule);border-radius:var(--r-lg);background:var(--card);box-shadow:none}
.step .n{color:var(--acc);font-size:15px;letter-spacing:.06em;margin-bottom:10px}
.faq{border-top:0;display:grid;gap:10px}
.faq details{border:1px solid var(--rule);border-radius:var(--r);background:var(--card);box-shadow:none;padding:0 22px}
.faq summary{font-size:17px}
.faq details[open]{background:var(--acc-soft)}

/* الخطط: أربع بطاقات متساوية، المتقدّم بإطار ذهبي */
.compare.c4{border:0;background:none;box-shadow:none;gap:14px;margin-top:8px;align-items:stretch}
.c4 .plan,.c4 .plan:first-child{background:var(--card);border:1px solid var(--rule);border-radius:var(--r-lg);box-shadow:none;padding:30px 24px 24px;color:var(--ink)}
.c4 .plan h3{font-size:19px;line-height:1.45}
.c4 .plan .sub{min-height:2.9em;font-size:13px;color:var(--ink-3)}
.c4 .plan ul{border-top:0;margin-bottom:22px;display:grid;gap:11px;align-content:start}
.c4 .plan li{border:0;padding:0;display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.65;color:var(--ink-2)}
.c4 .plan li::before{content:"";flex:none;width:12px;height:2px;margin-top:11px;border:0;transform:none;background:var(--acc)}
.c4 .plan li small{color:var(--ink-3)}
.c4 .plan-price{min-height:56px;align-items:baseline}
.c4 .plan-price b{font-size:44px;color:var(--ink)}
.c4 .plan-foot{margin-top:auto}
.c4 .plan-foot .btn{background:transparent;color:var(--ink);border:1px solid var(--rule-2);box-shadow:none}
.c4 .plan-foot .btn:hover{border-color:var(--ink)}
.c4 .plan-full{background:var(--card);color:var(--ink);border-color:var(--x-gold);box-shadow:0 0 0 1px var(--x-gold)}
.c4 .plan-full h3,.c4 .plan-full .plan-price b{color:var(--ink)}
.c4 .plan-full .sub,.c4 .plan-full li small,.c4 .plan-full .plan-price span{color:var(--ink-3)}
.c4 .plan-full li{color:var(--ink-2)}
.c4 .plan-full li::before{background:var(--acc)}
.c4 .plan-full .plan-foot .btn{background:var(--x-teal);color:#04222A;border-color:var(--x-teal)}
.c4 .plan-full .plan-foot .btn:hover{background:#13A59E;border-color:#13A59E}
.c4 .plan-kit .plan-foot .btn{background:transparent;color:var(--ink);border-color:var(--rule-2)}
.c4 .plan-tag{top:-12px;transform:none;inset-inline-end:auto;inset-inline-start:24px;border-radius:8px;padding:3px 12px;background:var(--x-gold);color:#2b2108;border:0;box-shadow:none}
.c4 .pt-soft{background:var(--card);color:var(--acc);border:1px solid var(--acc);box-shadow:none}
.price-note span::before{color:var(--acc)}

/* ── الختام والتذييل ── */
.final{background:radial-gradient(60% 120% at 50% 0%,rgba(73,200,229,.18),transparent 70%),var(--x-night)}
.final .h2{font-size:clamp(32px,5vw,68px)}
.final .btn{border-radius:999px;background:#fff;color:#06202A;border:0;padding:16px 34px}
.foot{background:#02070D}

/* ── جوال ── */
@media(max-width:1100px){
  .hero.lt .stage{flex-direction:column;align-items:center}
  .deco{position:static!important;display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;width:100%;margin:18px 0 0;padding:0;-webkit-overflow-scrolling:touch;order:2;scrollbar-width:none}
  .deco::-webkit-scrollbar{display:none}
  .deco .g,.deco .g1,.deco .g2,.deco .g3{position:static;flex:0 0 100%;width:100%;scroll-snap-align:center;bottom:auto;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.07))}
  .deco-dots{display:flex;justify-content:center;gap:7px;margin-top:12px;order:3}
  .deco-dots i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.3);transition:background .3s,width .3s}
  .deco-dots i.on{width:20px;border-radius:9px;background:var(--x-teal)}
}
@media(max-width:980px){
  .compare.c4{grid-template-columns:repeat(2,1fr)}
  .tier{padding:20px}
  .hero.lt .facts{border-radius:28px;grid-template-columns:repeat(2,1fr);gap:14px 0;padding:18px 6px;max-width:620px}
  .hero.lt .facts div:nth-child(3){border-inline-start:0;padding-inline-start:18px}
}
@media(max-width:620px){
  .compare.c4{grid-template-columns:1fr}
  .nav-in{gap:8px;height:58px;padding:0 8px 0 12px}
  .nav .brand{gap:8px}.nav .brand img{width:36px;height:36px}
  .nav .brand-names{font-size:11.5px;line-height:1.2;display:flex!important}
  .nav .btn-sm{padding:8px 12px;font-size:12.5px;white-space:nowrap}
  .nav .mnav-btn .mnav-lb{display:none}.nav .mnav-btn{min-width:40px;padding:0 8px!important}
  .util .th-l{display:none}.util-in{gap:8px}.util .aud a{padding:0 8px}.util-act{gap:8px}
  .hero.lt .h1{font-size:clamp(36px,11vw,56px)}
  .hero.lt .btn:not(.btn-o){width:100%;justify-content:center}
  .hero.lt .stage{margin-top:40px}
  .hero.lt .facts{margin-top:44px}
  .hero.lt .facts div{padding:6px 10px}
  .cine-bg .planet{bottom:-1190px}
  .btn{padding:13px 20px}
}
@media(max-width:380px){.nav .brand-names{font-size:10.5px}.nav .btn-sm{padding:7px 10px;font-size:11.5px}.nav .brand img{width:34px;height:34px}}
@media(prefers-reduced-motion:reduce){.btn{transition:none}}

/* رؤوس الأقسام: عمود عريض بدل عمودين ضيقين */
@media(min-width:821px){
  .gain-head,.cmp-head{grid-template-columns:1fr;gap:16px;align-items:start;margin-bottom:40px}
  .gain-head .p,.cmp-head>p{max-width:42em;font-size:18px}
}

/* ══ الوضع الفاتح: بطل فاتح حقيقي (يختلف بوضوح عن الداكن) ══ */
html[data-theme="light"] .util{background:#E3EAEF;border-bottom:1px solid var(--rule)}
html[data-theme="light"] .util,html[data-theme="light"] .util a,html[data-theme="light"] .util button{color:#2B4357}
html[data-theme="light"] .nav{background:var(--bg)!important}
html[data-theme="light"] .nav-in{background:rgba(255,255,255,.92);border:1px solid var(--rule);box-shadow:0 10px 30px -20px rgba(16,43,64,.35)}
html[data-theme="light"] .nav .brand,html[data-theme="light"] .nav .brand-names{color:#102B40}
html[data-theme="light"] .nav .menu a{color:#3E566A}html[data-theme="light"] .nav .menu a:hover{color:#102B40}
html[data-theme="light"] .nav .btn-sm,html[data-theme="light"] .nav .btn-sm:hover{background:#102B40;color:#fff;border-color:#102B40}
html[data-theme="light"] .mnav-btn{color:#102B40!important;border-color:var(--rule-2)!important}
html[data-theme="light"] .hero.lt{background:linear-gradient(180deg,#F3F6F8 0,#E4F1F2 70%,#D5EDEE 100%);color:#102B40}
html[data-theme="light"] .hero.lt::before{background:radial-gradient(760px 380px at 50% -4%,rgba(22,184,176,.16),transparent 70%)}
html[data-theme="light"] .cine-bg .stars{display:none}
html[data-theme="light"] .cine-bg .planet{background:radial-gradient(circle at 50% 0%,#fff 0,#bdeeea 1%,#8fdcd8 5%,#d9f1f1 22%,transparent 60%);box-shadow:0 -4px 30px rgba(22,184,176,.35),0 -40px 120px rgba(73,200,229,.3);opacity:.9}
html[data-theme="light"] .cine-bg .planet::after{display:none}
html[data-theme="light"] .hero.lt .over{color:#0B8F89;border-color:rgba(16,43,64,.16);background:rgba(255,255,255,.7)}
html[data-theme="light"] .hero.lt .h1,html[data-theme="light"] .hero.lt .h1 .q{color:#102B40}
html[data-theme="light"] .hero.lt .h1 .stop{color:#D9322D;text-shadow:none}
html[data-theme="light"] .hero.lt .lede{color:#3E566A}
html[data-theme="light"] .hero.lt .btn:not(.btn-o){background:#102B40;color:#fff;box-shadow:0 18px 40px -16px rgba(16,43,64,.5)}
html[data-theme="light"] .hero.lt .btn:not(.btn-o):hover{background:#0B8F89}
html[data-theme="light"] .hero.lt .btn-o{background:rgba(255,255,255,.7);color:#102B40;border:1px solid #9FB3C1}
html[data-theme="light"] .hero.lt .btn-o:hover{background:#fff}
html[data-theme="light"] .hero-note{color:#5B7183!important}
html[data-theme="light"] .hero.lt .qcard{border:1px solid var(--rule)!important;box-shadow:0 30px 60px -34px rgba(16,43,64,.35)!important}
html[data-theme="light"] .deco .g{background:#fff;border-color:var(--rule);color:#102B40;box-shadow:0 20px 40px -28px rgba(16,43,64,.3)}
html[data-theme="light"] .deco .lab,html[data-theme="light"] .deco .rowl,html[data-theme="light"] .deco .kv small,html[data-theme="light"] .deco .g1 b small{color:#5B7183}
html[data-theme="light"] .deco .bars i{background:#E3EAEF}
html[data-theme="light"] .deco .pill{background:#E4F6F4;color:#0B6F6A}
html[data-theme="light"] .hero.lt .facts{background:rgba(255,255,255,.9);border-color:var(--rule);box-shadow:0 20px 40px -30px rgba(16,43,64,.3)}
html[data-theme="light"] .hero.lt .facts div{border-inline-start-color:var(--rule)}
html[data-theme="light"] .hero.lt .facts b{color:#102B40}
html[data-theme="light"] .hero.lt .facts b small{color:#0B8F89;-webkit-text-fill-color:#0B8F89}
html[data-theme="light"] .hero.lt .facts span{color:#5B7183}
html[data-theme="light"] .util .th-btn,html[data-theme="light"] .util .th-btn .icon-btn{color:#102B40!important;opacity:1}
html[data-theme="light"] .util .th-btn .icon-btn{background:#fff;border:1px solid #9FB3C1;border-radius:10px}
html[data-theme="light"] .util .th-btn svg{stroke:#102B40}
html[data-theme="light"] .util .lang button.on,html[data-theme="light"] .util .lang .on{background:#102B40;color:#fff}

/* جوال: أفق الكوكب ظاهر فوق شريط الأرقام ونجوم أوضح */
@media(max-width:620px){
  .cine-bg .planet{bottom:-1230px}
  .hero.lt .facts{margin-top:30px}
}

/* ══ أحجام أهدأ وصفحة أقصر على الحاسوب ══ */
@media(min-width:821px){
  .hero.lt .h1{font-size:clamp(38px,5vw,66px);max-width:13em}
  .hero.lt .lede{font-size:clamp(16px,1.3vw,18px);margin:18px auto 26px}
  .hero.lt .stage{margin-top:36px}
  .hero.lt .facts{margin-top:40px}
  .hero.lt{padding-bottom:44px}
  .h2{font-size:clamp(26px,3vw,38px);line-height:1.2}
  .final .h2{font-size:clamp(28px,3.4vw,44px)}
  .sec{padding:clamp(40px,4.6vw,64px) 0}
  .gain-head,.cmp-head{margin-bottom:26px}
  .gain-head .p,.cmp-head>p{font-size:16px}
  .final{padding:56px 0}
  .tier,.plan{padding:22px 24px}
}
.disc-note{max-width:46em;margin:18px auto 0;text-align:center;font-size:13.5px;line-height:1.7;color:var(--ink-3)}
#compare .cv{margin-top:40px}
.dim-p{max-width:44em;margin-top:14px}
.dims{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.dims li{background:var(--card);border:1px solid var(--rule);border-radius:var(--r-lg);padding:20px 22px;display:grid;gap:6px}
.dims b{font-family:var(--serif);font-size:18px;color:var(--ink)}
.dims span{color:var(--ink-2);font-size:15px;line-height:1.7}
@media(max-width:820px){.dims{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.dims{grid-template-columns:1fr}}
#report .rp{margin-top:24px}

/* ── تحسينات الجوال النهائية ── */
.hero.lt .lede .lm{display:none}
.mon-tag{display:inline-block;margin-bottom:10px;padding:3px 10px;border-radius:999px;background:#E4F6F4;color:#0B6F6A;font-size:12px;font-weight:600}
@media(max-width:620px){
  .hero.lt .lede .ld{display:none}.hero.lt .lede .lm{display:inline}
  .nav{padding-top:6px}
  .nav-in{height:50px;padding:0 6px 0 10px}
  .nav .brand img{width:32px;height:32px}
  .nav .btn-sm{padding:7px 12px}
  .nav .mnav-btn{min-width:44px;min-height:40px}
  .hero.lt{padding-top:22px}
  .hero.lt .h1{margin-top:16px;font-size:clamp(34px,10.4vw,50px)}
  .hero.lt .h1 .stop{margin-bottom:.2em}
  .hero.lt .lede{margin:14px auto 22px;font-size:16px;line-height:1.75}
  .hero.lt .acts{margin-bottom:0}
  .hero.lt .stage{margin-top:26px}
  .hero-note{margin-top:12px}
}

.deco .plan3 b{display:block;font-size:17px;margin-bottom:8px}
.deco .plan3 ol{margin:0;padding-inline-start:20px;display:grid;gap:6px;font-size:14px;line-height:1.6;color:rgba(255,255,255,.82)}
@media(min-width:1101px){.deco-dots,.deco .g3{display:none}}
html[data-theme="light"] .deco .plan3 ol{color:#3E566A}
@media(max-width:1100px){html[data-theme="light"] .deco .g,html[data-theme="light"] .deco .g1,html[data-theme="light"] .deco .g2,html[data-theme="light"] .deco .g3{background:#fff}html[data-theme="light"] .deco-dots i{background:#C6D3DC}html[data-theme="light"] .deco-dots i.on{background:#0B8F89}}