/* ════════════════════════════════════════════════════════════
   العيادة المالية — الصفحات الداخلية بلغة v8 (كحلي/تركوازي، هادئة)
   (من نحن، تواصل، الأسئلة، للشركات، الدليل، الخصوصية، الشروط، 404)
   تنسيق بصري فقط. تُحمَّل بعد ed.css. للتراجع: احذف سطر <link> من الصفحة.
════════════════════════════════════════════════════════════ */
: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)}
/* ── رأس الصفحة والبطل الداخلي: ليلي هادئ بتوهّج خفيف ── */
:root{--ink-d:#030A12}
.btn-o{border-radius:var(--r)}
.on-navy .btn:not(.btn-o),.final .btn,.phead .btn{background:var(--x-teal);color:#04222A;border-color:transparent;box-shadow:none}
.on-navy .btn:not(.btn-o):hover{background:#2CCFC7;color:#04222A}
.on-navy .btn-o{background:rgba(255,255,255,.06);color:#fff;border:1px solid rgba(255,255,255,.24)}
.on-navy .btn-o:hover{background:rgba(255,255,255,.14);color:#fff}
.phead.on-navy,.hero.on-navy{background:radial-gradient(60% 90% at 50% 120%,rgba(73,200,229,.16),transparent 70%),var(--x-night);position:relative}
.phead.on-navy::after,.hero.on-navy::after{content:none}
.phead.on-navy .wrap,.hero.on-navy .wrap{position:relative;z-index:1}
.phead h1{font-size:clamp(32px,4.4vw,52px);line-height:1.2;font-family:var(--serif);font-weight:700;letter-spacing:-.02em;text-wrap:balance}
.hero.on-navy h1,.hero.on-navy .h1{line-height:1.2}
.hero.on-navy .facts{border-top:0}
.hero.on-navy .facts b{font-family:var(--fin-num);font-weight:700;letter-spacing:-.04em}
.crumbs a{text-decoration:none}

/* ── بطاقات هادئة: حدّ رفيع بلا ظلال ثقيلة ── */
h1,h2,h3,.h1,.h2{font-family:var(--serif);text-wrap:balance}
.mv-card,.card,.tier,.step,.plan,.ct-card,.contact-card,.biz-card,.cost,.sheet,.who-c,.doc-cta,.ct-form,.contact-box,.pol-box,.ccard,.g-card,.audience a,.aud-card,.go-card{border-radius:var(--r-lg)}
.cost,.who-c,.ccard,.g-card,.audience a,.aud-card,.go-card{border:1px solid var(--rule);box-shadow:none;background:var(--card)}
.mv-card{overflow:hidden;box-shadow:none}
.cost,.sheet,.who-c,.doc-cta,.ct-form,.contact-box,.pol-box,.ccard,.g-card{overflow:hidden}
.mv,.who{gap:16px}
.faq details,.acc details,.faq-item{border-radius:var(--r)}
.faq details[open]{background:var(--acc-soft)}
.prose a{text-underline-offset:3px}
input,select,textarea,.finp{border-radius:var(--r)}
.sec{padding:84px 0}
.sec-alt{background:var(--bg-2)}
.g-card{transition:border-color .2s}.g-card:hover{border-color:var(--acc)}

/* ── الختام والتذييل كما في الصفحة الرئيسية ── */
.final{background:radial-gradient(60% 120% at 50% 0%,rgba(73,200,229,.18),transparent 70%),var(--x-night)}
.final .btn{border-radius:999px;background:#fff;color:#06202A;border:0;padding:15px 32px}
.foot{background:#02070D}

/* ── جوال ── */
@media(max-width:620px){
  .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}
  .sec{padding:56px 0}
  .btn{padding:13px 20px}
}
@media(max-width:620px){html[lang=en] .nav .btn-sm{white-space:normal;max-width:104px;line-height:1.15;text-align:center;padding:6px 10px;font-size:11.5px}html[lang=en] .nav .brand-names{font-size:10.5px}}
@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,.g-card{transition:none}}

/* الوضع الفاتح */
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"] .phead.on-navy,html[data-theme="light"] .hero.on-navy{background:linear-gradient(180deg,#F3F6F8,#DDEFF0);color:#102B40}
html[data-theme="light"] .phead.on-navy h1,html[data-theme="light"] .phead.on-navy .crumbs,html[data-theme="light"] .phead.on-navy .crumbs a,html[data-theme="light"] .hero.on-navy h1{color:#102B40}
html[data-theme="light"] .phead.on-navy p,html[data-theme="light"] .hero.on-navy p{color:#3E566A}
html[data-theme="light"] .on-navy .btn:not(.btn-o){background:#102B40;color:#fff}
html[data-theme="light"] .on-navy .btn-o{background:#fff;color:#102B40;border-color:#9FB3C1}
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}
