/* مرافد | MARAFID - نظام تصميم عربي RTL
   مقتبس من لغة تصميم: مساحات بيضاء + بطاقات + عناوين مونو صغيرة + ألوان خضراء/ترابية */

:root{
  color-scheme: light only;
  /* ألوان الهوية (wfrah): أخضر غامق + أخضر حيوي + برتقالي + أصفر-ليموني */
  --green:#159A48; --green-dark:#13522E; --green-soft:#E1F3E7;
  --ink:#15181B; --paper:#FBFAF7;
  --sand:#D6CE2E; --sand-soft:#FAF9D9;
  --amber:#F2862E; --coral:#D9573E;
  --line:rgba(21,24,27,0.12); --muted:rgba(21,24,27,0.6);
  --radius:14px;
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
}
*{box-sizing:border-box;}
html{overflow-x:hidden;background:var(--paper);}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:'IBM Plex Sans Arabic','Tajawal',system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.7;
}
h1,h2,h3,h4{font-family:'Tajawal','IBM Plex Sans Arabic',sans-serif;font-weight:800;letter-spacing:0;margin:0;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
button{font-family:inherit;}
.mono{font-family:'IBM Plex Mono',monospace;}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px;}

/* -------- Navbar -------- */
.navbar{display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--line);position:relative;background:var(--paper);}
.brand{display:flex;align-items:center;gap:10px;}
.brand-logo{height:34px;width:auto;display:block;}
.login-logo{height:40px;width:auto;display:block;margin:0 auto 18px;}
.nav-links{display:flex;gap:22px;font-size:14px;color:var(--muted);white-space:nowrap;min-width:0;}
.nav-right{white-space:nowrap;flex-shrink:0;}
.nav-right .btn{white-space:nowrap;}
.navbar .brand{flex-shrink:0;}
.nav-links a:hover{color:var(--ink);}
.nav-right{display:flex;align-items:center;gap:14px;}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:10px;font-weight:700;font-size:14px;padding:12px 22px;border:none;cursor:pointer;text-decoration:none;}
.btn-primary{background:var(--green);color:#fff;}
.btn-primary:hover{background:var(--green-dark);}
.btn-outline{background:#fff;color:var(--ink);border:1.5px solid var(--line);}
.btn-outline:hover{border-color:var(--ink);}
.btn-sm{padding:8px 14px;font-size:12.5px;border-radius:8px;}
.btn-danger{background:#fff;color:var(--coral);border:1.5px solid rgba(217,87,62,.35);}
.btn-block{display:flex;width:100%;}

.menu-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px;}
.menu-toggle span{width:22px;height:2px;background:var(--ink);border-radius:2px;}
.mobile-panel{display:none;}
.mobile-panel.open{display:flex;flex-direction:column;position:absolute;inset-inline:0;top:100%;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 16px 30px -18px rgba(21,24,27,.25);z-index:50;}
.mobile-panel a{padding:15px 24px;border-bottom:1px solid var(--line);font-size:14.5px;font-weight:500;}

/* -------- Hero / sections -------- */
.eyebrow{font-family:'IBM Plex Mono',monospace;font-size:11.5px;letter-spacing:.04em;color:var(--green-dark);margin-bottom:16px;display:inline-block;}
.hero{padding:56px 0 72px;display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;}
.hero h1{font-size:40px;line-height:1.25;margin:0 0 18px;}
.hero p{font-size:16px;color:var(--muted);max-width:480px;margin:0 0 28px;}
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;}
.hero-visual{aspect-ratio:4/3;border-radius:20px;background:linear-gradient(135deg,var(--green-dark),var(--ink));overflow:hidden;position:relative;}
.hero-visual img{width:100%;height:100%;object-fit:cover;}

/* -------- Hero كامل الصفحة مع خلفية متحركة -------- */
.hero-full{
  position:relative;min-height:100svh;min-height:100vh;
  display:flex;align-items:center;
  background:linear-gradient(150deg,var(--green-dark) 0%,#0e3a24 45%,var(--ink) 100%);
  overflow:hidden;isolation:isolate;
}
.hero-bg{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none;background:#0e3a24 url('/assets/video/hero-poster.jpg') center/cover no-repeat;}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s var(--ease-out);}
.hero-video.is-playing{opacity:1;}
/* تعتيم متدرّج من جهة النص لضمان وضوح العنوان فوق الفيديو */
.hero-scrim{
  position:absolute;inset:0;
  background:
    linear-gradient(to top,rgba(8,28,18,.72) 0%,rgba(8,28,18,0) 38%),
    linear-gradient(to left,rgba(8,28,18,.86) 0%,rgba(8,28,18,.62) 50%,rgba(8,28,18,.08) 100%);
}
[dir="ltr"] .hero-scrim{
  background:
    linear-gradient(to top,rgba(8,28,18,.72) 0%,rgba(8,28,18,0) 38%),
    linear-gradient(to right,rgba(8,28,18,.86) 0%,rgba(8,28,18,.62) 50%,rgba(8,28,18,.08) 100%);
}

.hero-inner{position:relative;z-index:1;padding:120px 24px 90px;}
.hero-full .eyebrow{color:var(--sand);}
.hero-full h1{color:#fff;font-size:52px;line-height:1.18;max-width:760px;margin:0 0 20px;}
.hero-full p{color:rgba(255,255,255,.78);font-size:17px;max-width:540px;margin:0 0 32px;}
.hero-full .btn-outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.35);}
.hero-full .btn-outline:hover{border-color:#fff;}

.hero-scroll-cue{
  position:absolute;bottom:28px;inset-inline-start:50%;transform:translateX(-50%);z-index:1;
  width:26px;height:42px;border:2px solid rgba(255,255,255,.4);border-radius:14px;
}
.hero-scroll-cue span{
  display:block;width:4px;height:8px;border-radius:2px;background:#fff;
  margin:7px auto 0;animation:scrollCue 1.8s var(--ease-in-out) infinite;
}
@keyframes scrollCue{0%{transform:translateY(0);opacity:1;}70%{opacity:.3;}100%{transform:translateY(14px);opacity:0;}}

/* -------- دخول العناصر عند تحميل الصفحة -------- */
.reveal-item{opacity:0;transform:translateY(18px);animation:revealUp .8s var(--ease-out) forwards;animation-delay:var(--d,0s);}
@keyframes revealUp{to{opacity:1;transform:translateY(0);}}

/* -------- كشف تدريجي عند التمرير -------- */
.reveal-on-scroll{opacity:0;transform:translateY(24px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out);}
.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0);}
.card-grid .reveal-on-scroll:nth-child(2){transition-delay:.06s;}
.card-grid .reveal-on-scroll:nth-child(3){transition-delay:.12s;}
.card-grid .reveal-on-scroll:nth-child(4){transition-delay:.18s;}
.card-grid .reveal-on-scroll:nth-child(n+5){transition-delay:.24s;}

@media(hover:hover) and (pointer:fine){
  .card{transition:transform .2s var(--ease-out),box-shadow .2s var(--ease-out),border-color .2s var(--ease-out);}
  .card:hover{transform:translateY(-4px);}
}

/* -------- رحلة الحيوان داخل الحظيرة الذكية -------- */
.journey-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--line);}
.journey-step{background:#fff;padding:22px 18px;position:relative;}
.journey-step .num{font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:600;color:#fff;background:var(--green-dark);width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:12px;}
.journey-step h4{font-size:13.5px;font-weight:700;margin:0 0 6px;line-height:1.4;}
.journey-step p{font-size:11.5px;color:var(--muted);margin:0;line-height:1.6;}
.journey-disclaimer{font-size:11.5px;color:rgba(21,24,27,.45);margin-top:16px;line-height:1.8;max-width:760px;}

/* -------- شرائط التقنيات المستخدمة -------- */
.tech-chips{display:flex;flex-wrap:wrap;gap:10px;}
.tech-chip{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:30px;padding:10px 18px 10px 10px;font-size:13px;font-weight:600;transition:border-color .2s var(--ease-out),transform .2s var(--ease-out);}
.tech-chip .dot{width:8px;height:8px;border-radius:50%;background:var(--green);flex-shrink:0;}
@media(hover:hover) and (pointer:fine){
  .tech-chip:hover{border-color:var(--green-dark);transform:translateY(-2px);}
}

@media(max-width:960px){
  .journey-grid{grid-template-columns:repeat(2,1fr);}
}

@media (prefers-reduced-motion: reduce){
  .hero-scroll-cue span{animation:none !important;}
  .hero-video{display:none;}
  .reveal-item{animation-duration:.3s;transform:none;}
  .reveal-on-scroll{transition-duration:.01s;transform:none;}
  .card{transition:none;}
  .card:hover{transform:none;}
  .tech-chip{transition:none;}
  .tech-chip:hover{transform:none;}
}

.section{padding:72px 0;}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:38px;flex-wrap:wrap;}
.section-head h2{font-size:28px;max-width:560px;}
.section-head p{font-size:14px;color:var(--muted);max-width:320px;margin:0;}

.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.card-grid.cols-3{grid-template-columns:repeat(3,1fr);}
.card-grid.cols-2{grid-template-columns:repeat(2,1fr);}
.card{border:1px solid var(--line);background:#fff;border-radius:var(--radius);overflow:hidden;transition:box-shadow .15s,border-color .15s;}
.card:hover{border-color:rgba(21,24,27,.22);box-shadow:0 12px 24px -16px rgba(21,24,27,.2);}
.card-body{padding:20px;}
.card-img{aspect-ratio:4/3;background:linear-gradient(135deg,var(--green-soft),#fff);position:relative;overflow:hidden;}
.card-img img{width:100%;height:100%;object-fit:cover;}
.tag{font-family:'IBM Plex Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.04em;padding:4px 9px;border-radius:6px;display:inline-block;}
.tag-operational{background:var(--green-soft);color:var(--green-dark);}
.tag-in_progress{background:#FDEAD6;color:#B5590E;}
.tag-planned{background:rgba(21,24,27,.06);color:var(--muted);}
.status-label{font-size:11px;font-weight:700;}

.component-card h3{font-size:16.5px;margin:10px 0 6px;}
.component-card p{font-size:13px;color:var(--muted);margin:0;line-height:1.6;}

/* -------- Stats / metrics band -------- */
.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;}
.metric-cell{background:#fff;padding:22px;}
.metric-cell .v{font-family:'IBM Plex Mono',monospace;font-size:20px;font-weight:600;color:var(--green-dark);}
.metric-cell .k{font-size:12.5px;color:var(--muted);margin-top:4px;}
.metric-cell .src{font-size:10.5px;color:rgba(21,24,27,.4);margin-top:8px;}

/* -------- رسم بياني شريطي بسيط (مجموعات مؤشرات بالوحدة نفسها) -------- */
.bar-chart{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:22px;margin-bottom:16px;}
.bar-chart-title{font-size:12.5px;color:var(--muted);margin-bottom:16px;}
.bar-row{display:flex;align-items:center;gap:12px;margin-bottom:10px;}
.bar-row:last-child{margin-bottom:0;}
.bar-row .bar-label{flex:0 0 160px;font-size:12.5px;color:var(--ink);}
.bar-row .bar-track{flex:1;height:14px;background:var(--green-soft);border-radius:7px;overflow:hidden;}
.bar-row .bar-fill{height:100%;background:var(--green-dark);border-radius:7px;min-width:7px;transition:width .4s var(--ease-out);}
.bar-row .bar-value{flex:0 0 auto;font-family:'IBM Plex Mono',monospace;font-size:12.5px;font-weight:600;color:var(--ink);min-width:70px;}

/* -------- معرض صور النظام -------- */
.system-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin:20px 0;}
.system-gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;border:1px solid var(--line);}

/* -------- Join / CTA band -------- */
.band{border-radius:22px;padding:52px;position:relative;overflow:hidden;}
.band.sand{background:var(--sand-soft);}
.band-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;}
.band-dark{background:var(--ink);color:var(--paper);padding:64px 0;border-radius:0;}
.band-dark h2{color:#fff;}
.band-dark p{color:rgba(251,250,247,.65);}
.cta-band{background:var(--green-dark);color:#fff;padding:64px 0;text-align:center;border-radius:0;}
.cta-band h2{color:#fff;font-size:28px;max-width:600px;margin:0 auto 12px;}
.cta-band p{color:rgba(255,255,255,.85);max-width:440px;margin:0 auto 24px;font-size:14px;}
.cta-band .btn-primary{background:#fff;color:var(--green-dark);}

/* -------- Footer -------- */
footer{padding:44px 0 26px;border-top:1px solid var(--line);}
.footer-top{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;margin-bottom:30px;}
.footer-cols{display:flex;gap:48px;flex-wrap:wrap;}
.footer-col h5{font-family:'IBM Plex Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:12px;}
.footer-col a{display:block;color:var(--muted);font-size:13px;margin-bottom:8px;}
.footer-bottom{font-size:12px;color:var(--muted);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;border-top:1px solid var(--line);padding-top:18px;}

/* -------- Forms -------- */
.form-group{margin-bottom:16px;}
.form-group label{display:block;font-size:13px;font-weight:700;margin-bottom:6px;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
input,select,textarea{width:100%;border:1px solid var(--line);border-radius:9px;padding:12px 14px;font-size:14px;font-family:inherit;color:var(--ink);background:#fff;}
input:focus,select:focus,textarea:focus{outline:2px solid var(--green);outline-offset:1px;border-color:var(--green);}
textarea{resize:vertical;min-height:100px;}
.field-hint{font-size:11.5px;color:var(--muted);margin-top:4px;}
.field-error{font-size:12px;color:var(--coral);margin-top:4px;}
.checkbox-row{display:flex;align-items:flex-start;gap:8px;font-size:13px;}
.checkbox-row input{width:auto;margin-top:3px;}

/* -------- Alerts -------- */
.alert{border-radius:10px;padding:14px 16px;font-size:13.5px;margin-bottom:16px;border:1px solid transparent;}
.alert-success{background:var(--green-soft);color:var(--green-dark);border-color:rgba(47,143,94,.25);}
.alert-error{background:#FBE9E5;color:var(--coral);border-color:rgba(217,87,62,.3);}
.alert-info{background:#EEF3FB;color:#2E5AA8;border-color:rgba(46,90,168,.2);}

/* -------- Breadcrumbs -------- */
.breadcrumbs{font-size:12.5px;color:var(--muted);padding:16px 0;}
.breadcrumbs a{color:var(--muted);}
.breadcrumbs a:hover{color:var(--ink);}
.breadcrumbs .sep{margin:0 6px;}

/* -------- Store -------- */
.filter-bar{display:flex;flex-wrap:wrap;gap:10px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:16px;margin:24px 0;}
.filter-bar select, .filter-bar input{max-width:200px;}
.product-card .price{font-family:'IBM Plex Mono',monospace;font-weight:600;font-size:16px;color:var(--ink);margin-top:8px;}
.product-card .meta{font-size:11.5px;color:var(--muted);margin-top:4px;}
.availability-pill{font-family:'IBM Plex Mono',monospace;font-size:10px;padding:4px 9px;border-radius:12px;text-transform:uppercase;display:inline-block;}
.availability-available{background:var(--green-soft);color:var(--green-dark);}
.availability-reserved{background:#FDEAD6;color:#B5590E;}
.availability-sold{background:rgba(21,24,27,.08);color:var(--muted);}
.availability-unavailable{background:#FBE9E5;color:var(--coral);}

.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:36px 0;}
.product-gallery-main{aspect-ratio:1/1;border-radius:16px;overflow:hidden;background:var(--green-soft);}
.product-gallery-main img{width:100%;height:100%;object-fit:cover;}
.product-gallery-thumbs{display:flex;gap:10px;margin-top:10px;}
.product-gallery-thumbs img{width:64px;height:64px;border-radius:8px;object-fit:cover;border:1px solid var(--line);cursor:pointer;}
.spec-table{width:100%;border-collapse:collapse;margin-top:16px;}
.spec-table tr{border-bottom:1px solid var(--line);}
.spec-table td{padding:10px 0;font-size:13.5px;}
.spec-table td:first-child{color:var(--muted);width:40%;}

.cart-row{display:grid;grid-template-columns:70px 1fr auto auto auto;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line);}
.cart-row img{width:60px;height:60px;border-radius:8px;object-fit:cover;}
.qty-input{width:70px;}
.cart-summary{border:1px solid var(--line);border-radius:14px;padding:22px;background:#fff;}
.cart-summary .row{display:flex;justify-content:space-between;padding:8px 0;font-size:13.5px;}
.cart-summary .total{font-weight:800;font-size:16px;border-top:1px solid var(--line);margin-top:8px;padding-top:12px;}

/* -------- Pagination -------- */
.pagination{display:flex;gap:6px;justify-content:center;margin-top:30px;}
.pagination a, .pagination span{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid var(--line);font-size:13px;}
.pagination .active{background:var(--ink);color:#fff;border-color:var(--ink);}

/* ===================== ADMIN SHELL ===================== */
.admin-topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:40;}
.admin-pill{font-family:'IBM Plex Mono',monospace;font-size:10px;background:var(--ink);color:var(--amber);padding:4px 9px;border-radius:6px;text-transform:uppercase;}
.admin-shell{display:grid;grid-template-columns:230px 1fr;min-height:calc(100vh - 61px);}
.admin-sidebar{border-inline-end:1px solid var(--line);padding:22px 14px;background:#fff;}
.side-label{font-family:'IBM Plex Mono',monospace;font-size:10px;text-transform:uppercase;color:rgba(21,24,27,.4);padding:0 10px;margin:18px 0 8px;}
.side-link{display:flex;align-items:center;justify-content:space-between;padding:10px;border-radius:8px;font-size:13.5px;font-weight:500;color:var(--muted);margin-bottom:2px;}
.side-link:hover{background:var(--green-soft);color:var(--ink);}
.side-link.active{background:var(--ink);color:#fff;}
.admin-main{padding:28px 32px 80px;}
.page-head{margin-bottom:24px;display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;}
.page-head h1{font-size:22px;margin-bottom:4px;}
.page-head p{font-size:13px;color:var(--muted);margin:0;}

.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:32px;}
.stat-card{border:1px solid var(--line);border-radius:14px;background:#fff;padding:18px;}
.stat-card .v{font-size:22px;font-weight:800;}
.stat-card .k{font-size:11.5px;color:var(--muted);margin-top:4px;}

.panel{border:1px solid var(--line);border-radius:16px;background:#fff;margin-bottom:24px;}
.panel-head{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid var(--line);flex-wrap:wrap;gap:10px;}
.panel-head h3{font-size:15.5px;}
.panel-body{padding:18px 22px;}
.panel-body.pad-0{padding:0;}

table.data-table{width:100%;border-collapse:collapse;font-size:13px;}
table.data-table th{font-family:'IBM Plex Mono',monospace;font-size:10.5px;text-transform:uppercase;color:rgba(21,24,27,.45);text-align:start;padding:10px 14px;border-bottom:1px solid var(--line);}
table.data-table td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:middle;}
table.data-table tr:last-child td{border-bottom:none;}
.status-pill{font-family:'IBM Plex Mono',monospace;font-size:10px;padding:5px 10px;border-radius:14px;text-transform:uppercase;white-space:nowrap;display:inline-block;}
.status-new,.status-pending_payment{background:#FDEAD6;color:#B5590E;}
.status-paid,.status-available,.status-operational,.status-active,.status-completed,.status-confirmed,.status-qualified,.status-delivered{background:var(--green-soft);color:var(--green-dark);}
.status-cancelled,.status-refunded,.status-not_suitable,.status-sold{background:#F5E4DF;color:var(--coral);}
.status-processing,.status-reviewing,.status-reviewed,.status-contacted,.status-scheduled,.status-meeting_scheduled,.status-in_progress,.status-reserved{background:#E9EEFB;color:#2E5AA8;}
.row-actions{display:flex;gap:6px;flex-wrap:wrap;}

.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--paper);padding:20px;}
.login-box{max-width:380px;width:100%;background:#fff;border:1px solid var(--line);border-radius:16px;padding:32px;}
.login-box h1{font-size:20px;margin-bottom:6px;}
.login-box p{font-size:13px;color:var(--muted);margin:0 0 24px;}

/* -------- Responsive -------- */
/* -------- صفحة عن مرافد: بطاقة المؤسس -------- */
.founder-card{display:grid;grid-template-columns:220px 1fr;gap:36px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:36px;align-items:start;}
.founder-photo-wrap{position:relative;}
.founder-photo{width:100%;aspect-ratio:1/1;border-radius:16px;object-fit:cover;background:var(--green-soft);}
.founder-photo-fallback{width:100%;aspect-ratio:1/1;border-radius:16px;background:linear-gradient(135deg,var(--green-soft),#fff);display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:800;color:var(--green-dark);}
.founder-name{font-size:21px;margin-bottom:2px;}
.founder-role{font-size:13px;color:var(--green-dark);font-weight:600;margin-bottom:16px;}
.founder-bio{font-size:14.5px;line-height:1.9;color:var(--ink);margin-bottom:20px;}
.founder-social{display:flex;gap:10px;flex-wrap:wrap;}
.founder-social a{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);color:var(--ink);transition:background-color .15s var(--ease-out),border-color .15s var(--ease-out);}
.founder-social a:hover{background:var(--green-soft);border-color:var(--green);}

/* -------- شركاء مرافد -------- */
.partners-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;}
.partner-cell{background:#fff;display:flex;align-items:center;justify-content:center;padding:24px;min-height:90px;}
.partner-cell img{max-width:100%;max-height:48px;object-fit:contain;filter:grayscale(1);opacity:.7;transition:filter .15s var(--ease-out),opacity .15s var(--ease-out);}
.partner-cell:hover img{filter:grayscale(0);opacity:1;}
.partners-empty{text-align:center;padding:40px 20px;color:var(--muted);font-size:13.5px;border:1px dashed var(--line);border-radius:var(--radius);}

/* -------- خدمات مرافد -------- */
.service-card{position:relative;}
.service-index{font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--muted);}

@media(max-width:1180px){
  .nav-links,.nav-right{display:none;}
  .menu-toggle{display:flex;}
}
@media(max-width:960px){
  .hero{grid-template-columns:1fr;padding:32px 0 48px;}
  .hero h1{font-size:28px;}
  .hero-full{min-height:88svh;}
  .hero-inner{padding:96px 22px 84px;}
  .hero-full h1{font-size:34px;text-shadow:0 2px 18px rgba(0,0,0,.45);}
  .hero-full p{font-size:15.5px;line-height:1.9;color:rgba(255,255,255,.92);text-shadow:0 1px 12px rgba(0,0,0,.5);}
  .hero-scrim,[dir="ltr"] .hero-scrim{background:linear-gradient(to top,rgba(6,22,14,.92) 0%,rgba(6,22,14,.78) 50%,rgba(6,22,14,.66) 100%);}
  .hero-ctas{gap:10px;}
  .hero-ctas .btn{flex:1 1 100%;justify-content:center;text-align:center;}
  .card-grid,.card-grid.cols-3,.card-grid.cols-2{grid-template-columns:1fr 1fr;}
  .band-grid{grid-template-columns:1fr;}
  .product-detail{grid-template-columns:1fr;}
  .admin-shell{grid-template-columns:1fr;}
  .admin-sidebar{display:none;}
  .form-row{grid-template-columns:1fr;}
  footer .footer-top{flex-direction:column;}
  .founder-card{grid-template-columns:1fr;}
  .founder-photo-wrap{max-width:200px;}
}
@media(max-width:640px){
  .card-grid,.card-grid.cols-3,.card-grid.cols-2{grid-template-columns:1fr;}
  .journey-grid{grid-template-columns:1fr;}
  .stat-grid{grid-template-columns:repeat(2,1fr);}
  .cart-row{grid-template-columns:50px 1fr;grid-template-areas:"img name" "img actions";}
}

/* -------- قسم مشروع الحظائر الذكية المتكاملة (الرئيسية + صفحة الدراسة) -------- */
.sr-only{position:absolute !important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.sf-showcase{padding:72px 0 24px;background:linear-gradient(180deg,var(--paper) 0%,#fff 100%);border-bottom:1px solid var(--line);}
.sf-head{max-width:760px;margin-bottom:34px;}
.sf-head h2{font-size:34px;line-height:1.25;margin:14px 0 10px;}
.sf-subtitle{font-size:16px;color:var(--muted);margin:0;}
.sf-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:36px;align-items:start;margin-bottom:48px;}
.sf-media{margin:0;position:relative;border-radius:20px;overflow:hidden;background:var(--green-soft);box-shadow:0 24px 50px -28px rgba(21,24,27,.45);}
.sf-media img{display:block;width:100%;height:auto;aspect-ratio:1400/929;object-fit:cover;}
.sf-media figcaption{position:absolute;inset-inline:0;bottom:0;padding:26px 18px 12px;font-size:11.5px;color:rgba(255,255,255,.88);background:linear-gradient(to top,rgba(8,28,18,.78),transparent);}
.sf-summary{font-size:15.5px;line-height:1.95;color:var(--ink);margin:0 0 22px;}
.sf-kpis{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;}
.sf-kpi{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 18px 16px;}
.sf-kpi-v{font-family:'IBM Plex Mono',monospace;font-size:30px;font-weight:600;color:var(--green-dark);line-height:1.1;direction:ltr;unicode-bidi:isolate;}
[dir="rtl"] .sf-kpi-v{text-align:right;}
.sf-dash{margin:0 4px;color:var(--muted);}
.sf-kpi-u{font-size:12.5px;color:var(--green-dark);font-weight:600;margin-top:6px;}
.sf-kpi-l{font-size:12.5px;color:var(--muted);margin-top:4px;line-height:1.6;}
.sf-indicators{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.sf-ind{background:var(--green-soft);border-radius:14px;padding:14px 16px;font-size:13px;color:var(--ink);line-height:1.6;}
.sf-ind strong{font-family:'IBM Plex Mono',monospace;font-size:18px;color:var(--green-dark);}
.sf-ind span{font-size:12px;color:var(--green-dark);font-weight:600;}
.sf-ind small{display:block;font-size:11px;color:var(--muted);margin-top:4px;line-height:1.6;}
.sf-sub{font-size:19px;margin:0 0 18px;}
.sf-features{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:46px;}
.sf-feature{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 20px;}
.sf-feature h4{font-size:15px;line-height:1.5;margin:14px 0 8px;}
.sf-feature p{font-size:13px;color:var(--muted);line-height:1.8;margin:0;}
.sf-ficon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:var(--green-soft);color:var(--green-dark);}
.sf-flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);}
.sf-flow li{position:relative;text-align:center;padding:0 8px;}
.sf-flow-n{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--green-dark);color:#fff;font-family:'IBM Plex Mono',monospace;font-size:13px;font-weight:600;position:relative;z-index:1;}
.sf-flow-t{display:block;margin-top:10px;font-size:13px;font-weight:600;line-height:1.6;}
.sf-flow li:not(:last-child)::after{content:"";position:absolute;top:17px;height:2px;inset-inline-start:calc(50% + 24px);inset-inline-end:calc(-50% + 24px);background:repeating-linear-gradient(to right,var(--green) 0 6px,transparent 6px 11px);}
.sf-flow-note{font-size:12px;color:var(--muted);margin:16px 0 40px;}
.sf-loop{color:var(--green);font-weight:700;}
.sf-charts{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:22px;align-items:start;}
.sf-chart{margin:0;background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;}
.sf-chart h3{font-size:16.5px;margin:0 0 6px;}
.sf-chart figcaption p{font-size:12.5px;color:var(--muted);line-height:1.7;margin:0 0 20px;}
.sf-chart-note{font-size:11.5px;color:var(--muted);line-height:1.7;margin:16px 0 0;}
.sf-hint{display:block;color:rgba(21,24,27,.4);}
.sf-row-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:6px;font-size:12.5px;}
.sf-row-label{color:var(--ink);}
.sf-row-label em{font-style:normal;color:var(--muted);}
.sf-row-val{font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--ink);white-space:nowrap;direction:ltr;unicode-bidi:isolate;}
.sf-bar-fill{display:block;height:100%;border-radius:7px;background:var(--c,var(--green-dark));transform:scaleX(0);transform-origin:left center;transition:transform .8s var(--ease-out);}
[dir="rtl"] .sf-land .sf-bar-fill{transform-origin:right center;}
.is-visible .sf-bar-fill{transform:scaleX(1);}
.sf-feed{position:relative;padding:0 10px;}
.sf-axis{position:relative;height:20px;font-family:'IBM Plex Mono',monospace;font-size:10.5px;color:var(--muted);}
.sf-axis span{position:absolute;top:0;transform:translateX(-50%);}
.sf-feed-row{position:relative;margin-bottom:20px;border-radius:8px;outline-offset:6px;}
.sf-plot{position:relative;height:14px;background:linear-gradient(to right,rgba(21,24,27,.1) 1px,transparent 1px) 0 0/20% 100%,var(--green-soft);border-radius:7px;}
.sf-range{position:absolute;top:0;height:100%;}
.sf-tone-1{--c:#6fc794;}
.sf-tone-2{--c:#159A48;}
.sf-tone-3{--c:#0d5a31;}
.sf-unit{font-size:11px;color:var(--muted);text-align:end;margin-top:-4px;}
.sf-tip{position:absolute;inset-inline-start:0;top:-8px;transform:translateY(-100%);background:var(--ink);color:#fff;font-size:12px;line-height:1.5;padding:7px 11px;border-radius:9px;opacity:0;pointer-events:none;transition:opacity .15s var(--ease-out);z-index:3;white-space:nowrap;max-width:100%;}
.sf-feed-row:hover .sf-tip,.sf-feed-row:focus .sf-tip,.sf-feed-row:focus-within .sf-tip{opacity:1;}
.sf-feed-row:focus-visible{outline:2px solid var(--green);}
.sf-land{list-style:none;margin:0;padding:0;}
.sf-land-row{margin-bottom:13px;}
.sf-track{height:10px;background:var(--green-soft);border-radius:5px;}
.sf-track .sf-bar-fill{border-radius:5px;}
.sf-land-row.is-reserve .sf-track{background:rgba(21,24,27,.06);}
.sf-land-row.is-reserve .sf-bar-fill{--c:rgba(21,24,27,.3);}
.sf-land-row:nth-child(2) .sf-bar-fill{transition-delay:.05s}.sf-land-row:nth-child(3) .sf-bar-fill{transition-delay:.1s}.sf-land-row:nth-child(4) .sf-bar-fill{transition-delay:.15s}.sf-land-row:nth-child(5) .sf-bar-fill{transition-delay:.2s}.sf-land-row:nth-child(n+6) .sf-bar-fill{transition-delay:.25s}
.sf-disclosure{margin:0 0 26px;padding:16px 20px;border-radius:14px;background:#fff8ec;border:1px solid rgba(242,134,46,.35);border-inline-start:4px solid var(--amber);font-size:13px;line-height:1.9;color:var(--ink);}
.sf-cta{display:flex;gap:12px;flex-wrap:wrap;padding-bottom:56px;}
.sf-row-mixed{direction:inherit;unicode-bidi:normal;}
.sf-count{font-variant-numeric:tabular-nums;}
@media(max-width:1060px){.sf-features{grid-template-columns:1fr 1fr;}.sf-charts{grid-template-columns:1fr;}}
@media(max-width:900px){.sf-intro{grid-template-columns:1fr;gap:24px;}.sf-head h2{font-size:28px;}}
@media(max-width:700px){
  .sf-flow{grid-template-columns:1fr;gap:14px;}
  .sf-flow li{display:flex;align-items:center;gap:12px;text-align:start;padding:0;}
  .sf-flow li::after{display:none !important;}
  .sf-flow-t{margin:0;}
}
@media(max-width:560px){.sf-features,.sf-indicators{grid-template-columns:1fr;}.sf-kpi-v{font-size:25px;}.sf-chart{padding:18px;}.sf-tip{white-space:normal;}.sf-showcase{padding-top:52px;}}
@media (prefers-reduced-motion: reduce){.sf-bar-fill{transition:none;transform:none;}.sf-tip{transition:none;}}

/* -------- صفحة دراسة المشروع -------- */
.sfp-hero{padding:24px 0 8px;}
.sfp-hero h1{font-size:34px;line-height:1.25;margin:14px 0 10px;max-width:820px;}
.sfp-toc{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 8px;}
.sfp-toc a{font-size:12.5px;padding:7px 13px;border:1px solid var(--line);border-radius:30px;background:#fff;color:var(--muted);transition:border-color .15s var(--ease-out),color .15s var(--ease-out);}
.sfp-toc a:hover,.sfp-toc a:focus-visible{border-color:var(--green-dark);color:var(--ink);}
.sfp-sec{padding:34px 0 6px;scroll-margin-top:24px;max-width:900px;}
.sfp-sec h2{font-size:22px;margin:0 0 14px;}
.sfp-sec p,.sfp-sec li{font-size:14.5px;line-height:1.95;color:var(--ink);}
.sfp-sec ul{padding-inline-start:20px;margin:10px 0;}
.sfp-pending{margin:14px 0;padding:14px 18px;border-radius:12px;border:1px dashed rgba(21,24,27,.28);background:rgba(21,24,27,.03);font-size:13.5px;line-height:1.85;color:var(--muted);}
.sfp-pending strong{color:var(--ink);}
.sfp-table{width:100%;border-collapse:collapse;font-size:13.5px;margin:12px 0;}
.sfp-table th,.sfp-table td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:start;}
.sfp-table th{font-weight:600;color:var(--muted);font-size:12.5px;}
.sfp-table td.num{font-family:'IBM Plex Mono',monospace;direction:ltr;unicode-bidi:isolate;text-align:end;}
.sfp-grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:1100px;margin:16px 0;align-items:start;}
@media(max-width:900px){.sfp-grid2{grid-template-columns:1fr;}.sfp-hero h1{font-size:27px;}}

/* -------- موازنة قسم المشروع: الصورة + الأزرار مقابل الملخص + المؤشرات -------- */
.sf-intro{align-items:stretch;margin-bottom:0;}
.sf-mediacol{display:flex;flex-direction:column;gap:18px;min-width:0;}
.sf-mediacol .sf-media{flex:1;min-height:300px;}
.sf-mediacol .sf-media img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;}
.sf-mediacol .sf-cta{padding-bottom:0;flex-wrap:nowrap;}
.sf-mediacol .sf-cta .btn{flex:1;justify-content:center;text-align:center;white-space:nowrap;}
.sf-side{display:flex;flex-direction:column;gap:14px;min-width:0;}
.sf-side .sf-summary,.sf-side .sf-kpis{margin:0;}
.sf-ind{display:flex;flex-direction:column;justify-content:center;}
.sf-showcase{padding-bottom:72px;border-bottom:0;}
@media(max-width:900px){.sf-mediacol .sf-media{flex:none;min-height:0;aspect-ratio:1400/929;}}
@media(max-width:480px){.sf-mediacol .sf-cta{flex-wrap:wrap;}.sf-mediacol .sf-cta .btn{flex:1 1 100%;}}

/* -------- قسم المنظومة المتكاملة (الرئيسية) -------- */
.sys-band{position:relative;isolation:isolate;overflow:hidden;color:#fff;padding:92px 0 100px;
  background:
    radial-gradient(900px 420px at 88% -8%,rgba(21,154,72,.38),transparent 70%),
    radial-gradient(760px 420px at 4% 108%,rgba(242,134,46,.2),transparent 70%),
    linear-gradient(160deg,#0f4a2c 0%,#0b2a1b 55%,#10171a 100%);}
.sys-band::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:radial-gradient(rgba(255,255,255,.09) 1px,transparent 1.2px);background-size:24px 24px;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 22%,#000 78%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 22%,#000 78%,transparent 100%);}
.sys-band::after{content:"";position:absolute;inset-inline:0;top:0;height:1px;background:linear-gradient(to right,transparent,rgba(255,255,255,.35),transparent);}
.sys-head{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;flex-wrap:wrap;margin-bottom:42px;}
.sys-head .eyebrow{color:var(--sand);}
.sys-head h2{color:#fff;font-size:36px;line-height:1.2;margin:0 0 12px;max-width:640px;}
.sys-head p{color:rgba(255,255,255,.72);font-size:15px;line-height:1.8;max-width:520px;margin:0;}
.sys-status{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px;}
.sys-chip{font-size:12.5px;padding:6px 14px;border-radius:30px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:rgba(255,255,255,.85);}
.sys-chip strong{font-family:'IBM Plex Mono',monospace;color:#fff;margin-inline-end:4px;}
.sys-chip-operational{border-color:rgba(75,214,130,.55);}
.sys-chip-in_progress{border-color:rgba(242,134,46,.6);}
.sys-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.sys-card{position:relative;display:flex;flex-direction:column;background:#fff;color:var(--ink);border-radius:18px;padding:22px 20px 20px;overflow:hidden;box-shadow:0 18px 40px -26px rgba(0,0,0,.6);transition:transform .22s var(--ease-out),box-shadow .22s var(--ease-out);}
.sys-card::after{content:"";position:absolute;inset-inline:0;bottom:0;height:3px;background:linear-gradient(to right,var(--green),var(--sand));transform:scaleX(0);transform-origin:left center;transition:transform .35s var(--ease-out);}
[dir="rtl"] .sys-card::after{transform-origin:right center;}
.sys-card-img{display:block;margin:-22px -20px 16px;aspect-ratio:16/9;background:var(--green-soft) center/cover no-repeat;}
.sys-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;}
.sys-num{font-family:'IBM Plex Mono',monospace;font-size:13px;font-weight:600;color:var(--green-dark);background:var(--green-soft);border-radius:30px;padding:3px 11px;}
.sys-card h3{font-size:16.5px;line-height:1.45;margin:0 0 8px;}
.sys-card p{font-size:13px;color:var(--muted);line-height:1.75;margin:0 0 18px;flex:1;}
.sys-more{font-size:12.5px;font-weight:700;color:var(--green-dark);display:inline-flex;align-items:center;gap:6px;}
.sys-arrow{display:inline-block;transition:transform .2s var(--ease-out);}
[dir="rtl"] .sys-arrow{transform:scaleX(-1);}
@media(hover:hover) and (pointer:fine){
  .sys-card:hover{transform:translateY(-5px);box-shadow:0 26px 46px -24px rgba(0,0,0,.7);}
  .sys-card:hover::after{transform:scaleX(1);}
  .sys-card:hover .sys-arrow{transform:translateX(4px);}
  [dir="rtl"] .sys-card:hover .sys-arrow{transform:scaleX(-1) translateX(4px);}
}
.sys-card:focus-visible{outline:2px solid var(--sand);outline-offset:3px;}
@media(max-width:1100px){.sys-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.sys-grid{grid-template-columns:1fr;}.sys-band{padding:64px 0 70px;}.sys-head h2{font-size:28px;}.sys-head .btn{width:100%;justify-content:center;text-align:center;}}
@media (prefers-reduced-motion: reduce){.sys-card,.sys-card::after,.sys-arrow{transition:none;}}

/* -------- الرؤية الهندسية: رسوم تخطيطية متحركة -------- */
.eg-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:1100px;margin:20px 0;}
.eg-wide{grid-column:1/-1;}
.eg-fig{margin:0;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px 14px 16px;overflow:hidden;}
.eg-fig svg{display:block;width:100%;height:auto;border-radius:12px;background:#fbfaf7;}
.eg-fig figcaption{font-size:12.5px;line-height:1.8;color:var(--muted);margin-top:12px;padding-inline:4px;}
.eg-fig figcaption strong{color:var(--ink);}
.eg .eg-t{font:500 11px 'IBM Plex Sans Arabic','Tajawal',sans-serif;fill:#15181B;}
.eg .eg-tb{font-weight:700;}
.eg .eg-dim line{stroke:#5a6469;stroke-width:1.2;}
@keyframes egSweep{from{transform:translateX(-18px);}to{transform:translateX(24px);}}
@keyframes egDash{to{stroke-dashoffset:-36;}}
@keyframes egCart{from{transform:translateX(0);}to{transform:translateX(640px);}}
@keyframes egSpin{to{transform:rotate(360deg);}}
@keyframes egBlade{from{transform:translateX(0);}to{transform:translateX(82px);}}
@keyframes egDrop{0%{transform:translateY(0);opacity:0;}15%{opacity:1;}85%{opacity:1;}100%{transform:translateY(44px);opacity:0;}}
@keyframes egBob{0%,100%{transform:translateY(0);}50%{transform:translateY(-3px);}}
@keyframes egPulse{0%,100%{opacity:.8;transform:scale(1);}50%{opacity:1;transform:scale(1.1);}}
@keyframes egGlint{0%,100%{opacity:.7;}50%{opacity:1;}}
@keyframes egSway{0%,100%{transform:rotate(-2.2deg);}50%{transform:rotate(2.2deg);}}
@keyframes egPlay{0%,14%{transform:translateX(0);}14.3%,28.5%{transform:translateX(97px);}28.8%,42.8%{transform:translateX(194px);}43%,57%{transform:translateX(291px);}57.3%,71.3%{transform:translateX(388px);}71.5%,85.5%{transform:translateX(485px);}85.8%,100%{transform:translateX(582px);}}
.eg-scraper{animation:egSweep 3.4s ease-in-out infinite alternate;}
.eg-air{animation:egDash 2.4s linear infinite;}
.eg-cart{animation:egCart 9s ease-in-out infinite alternate;}
.eg-spin{transform-box:fill-box;transform-origin:center;animation:egSpin 1.1s linear infinite;}
.eg-blade{animation:egBlade 4s ease-in-out infinite alternate;}
.eg-drop{animation:egDrop 2.2s ease-in infinite;}
.eg-sheep{animation:egBob 2.6s ease-in-out infinite;}
.eg-sun{transform-box:fill-box;transform-origin:center;animation:egPulse 4s ease-in-out infinite;}
.eg-solar{animation:egGlint 3s ease-in-out infinite;}
.eg-feed{animation:egBob 2s ease-in-out infinite;}
.eg-sway{transform-box:fill-box;transform-origin:50% 100%;animation:egSway 3.2s ease-in-out infinite;}
.eg-playhead{animation:egPlay 14s linear infinite;}
@media(max-width:900px){.eg-grid{grid-template-columns:1fr;}.eg .eg-t{font-size:12.5px;}}
@media (prefers-reduced-motion: reduce){.eg *{animation:none !important;}}

/* -------- كاروسيل أنظمتنا (الرئيسية) -------- */
.sysc{padding:76px 0 8px;}
.sysc-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;}
.sysc-head h2{font-size:30px;margin:0 0 8px;}
.sysc-head p{font-size:14px;color:var(--muted);max-width:520px;margin:0;line-height:1.8;}
.sysc-tools{display:flex;align-items:center;gap:10px;}
.sysc-btn{width:42px;height:42px;border-radius:50%;border:1.5px solid var(--line);background:#fff;color:var(--ink);font-size:17px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:border-color .15s var(--ease-out),background-color .15s var(--ease-out),opacity .15s var(--ease-out);}
[dir="ltr"] .sysc-btn span{display:inline-block;transform:scaleX(-1);}
.sysc-btn:hover:not(:disabled){border-color:var(--green-dark);background:var(--green-soft);}
.sysc-btn:focus-visible{outline:2px solid var(--green);outline-offset:2px;}
.sysc-btn:disabled{opacity:.35;cursor:default;}
.sysc-track{list-style:none;margin:26px 0 0;padding:4px 2px 20px;display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;}
.sysc-track::-webkit-scrollbar{display:none;}
.sysc-track:focus-visible{outline:2px solid var(--green);outline-offset:4px;border-radius:12px;}
.sysc-item{flex:0 0 calc((100% - 48px) / 3.25);min-width:250px;scroll-snap-align:start;}
.sysc-card{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:transform .2s var(--ease-out),box-shadow .2s var(--ease-out),border-color .2s var(--ease-out);}
.sysc-media{display:flex;align-items:flex-end;aspect-ratio:16/10;padding:14px 16px;background:radial-gradient(120% 90% at 100% 0%,rgba(21,154,72,.55),transparent 60%),linear-gradient(135deg,#0f4a2c,#0b2a1b) center/cover no-repeat;}
.sysc-num{font-family:'IBM Plex Mono',monospace;font-size:40px;font-weight:600;line-height:1;color:rgba(255,255,255,.28);}
.sysc-body{display:flex;flex-direction:column;gap:8px;padding:16px 18px 18px;flex:1;}
.sysc-body strong{font-size:15.5px;line-height:1.5;}
.sysc-body span{font-size:13px;line-height:1.75;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.sysc-body em{font-style:normal;font-size:12.5px;font-weight:700;color:var(--green-dark);margin-top:auto;padding-top:6px;}
.sysc-body em i{font-style:normal;display:inline-block;}
[dir="rtl"] .sysc-body em i{transform:scaleX(-1);}
@media(hover:hover) and (pointer:fine){.sysc-card:hover{transform:translateY(-4px);border-color:var(--green);box-shadow:0 18px 34px -24px rgba(21,24,27,.5);}}
.sysc-card:focus-visible{outline:2px solid var(--green);outline-offset:3px;}
@media(max-width:900px){.sysc-item{flex-basis:calc((100% - 16px) / 1.6);}}
@media(max-width:560px){.sysc{padding-top:56px;}.sysc-item{flex-basis:82%;}.sysc-head h2{font-size:26px;}}
@media (prefers-reduced-motion: reduce){.sysc-card,.sysc-btn{transition:none;}}

/* -------- شريط المكونات الثمانية: ألواح تتمدد بتدرجات هوية مرافد -------- */
.mr-rail{list-style:none;margin:0;padding:0;display:flex;height:540px;border-radius:22px;overflow:hidden;box-shadow:0 34px 70px -34px rgba(0,0,0,.75);}
.mr-p{position:relative;flex:1 1 0;min-width:0;overflow:hidden;color:#fff;isolation:isolate;transition:flex-grow .75s cubic-bezier(.2,.8,.2,1);background:var(--g);}
.mr-p.is-active{flex-grow:4.6;}
.mr-p + .mr-p{box-shadow:inset 1px 0 0 rgba(255,255,255,.12);}
[dir="rtl"] .mr-p + .mr-p{box-shadow:inset -1px 0 0 rgba(255,255,255,.12);}
.mr-p1{--g:linear-gradient(165deg,#159A48 0%,#0f6b36 55%,#0b3f24 100%);--a:#9be8b5;}
.mr-p2{--g:linear-gradient(165deg,#a9b723 0%,#4c9a2c 50%,#13522E 100%);--a:#eef08a;}
.mr-p3{--g:linear-gradient(165deg,#e9831f 0%,#b95714 55%,#6c3412 100%);--a:#ffd9a8;}
.mr-p4{--g:linear-gradient(165deg,#0f7a58 0%,#0b4f3d 55%,#0a2b22 100%);--a:#9fe9d2;}
.mr-p5{--g:linear-gradient(165deg,#2bb3a0 0%,#0e7c78 55%,#0a4150 100%);--a:#b4f1ea;}
.mr-p6{--g:linear-gradient(165deg,#c9bd25 0%,#7a8a1f 50%,#13522E 100%);--a:#f6f1a0;}
.mr-p7{--g:linear-gradient(165deg,#2c4a3d 0%,#183228 55%,#0e1a16 100%);--a:#b8d9c8;}
.mr-p8{--g:linear-gradient(165deg,#43c477 0%,#159A48 50%,#0d5a31 100%);--a:#d4f7e0;}
/* ظل سفلي لضمان وضوح النص فوق أي تدرج */
.mr-p::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(5,20,13,.62) 0%,rgba(5,20,13,.18) 48%,transparent 75%);pointer-events:none;}
/* نقش متحرك فريد لكل لوح */
.mr-p::before{content:"";position:absolute;inset:-25%;z-index:0;opacity:.55;transition:opacity .6s ease;animation:mrDrift 22s linear infinite;will-change:transform;}
.mr-p.is-active::before{opacity:1;}
.mr-p1::before{background:repeating-radial-gradient(circle at 72% 28%,transparent 0 26px,rgba(255,255,255,.17) 27px 28px);}
.mr-p2::before{background:linear-gradient(rgba(255,255,255,.15) 1px,transparent 1px) 0 0/46px 46px,linear-gradient(90deg,rgba(255,255,255,.15) 1px,transparent 1px) 0 0/46px 46px;}
.mr-p3::before{background:conic-gradient(from 200deg at 70% 25%,transparent,rgba(255,255,255,.26),transparent 22%,rgba(255,255,255,.16) 48%,transparent 72%);animation-duration:34s;}
.mr-p4::before{background:radial-gradient(rgba(255,255,255,.28) 1.4px,transparent 1.8px) 0 0/22px 22px;}
.mr-p5::before{background:repeating-linear-gradient(115deg,transparent 0 30px,rgba(255,255,255,.14) 31px 33px);}
.mr-p6::before{background:repeating-radial-gradient(ellipse 60% 100% at 70% 35%,transparent 0 30px,rgba(255,255,255,.2) 31px 32px);}
.mr-p7::before{background:linear-gradient(60deg,rgba(255,255,255,.1) 1px,transparent 1px) 0 0/52px 90px,linear-gradient(-60deg,rgba(255,255,255,.1) 1px,transparent 1px) 0 0/52px 90px;}
.mr-p8::before{background:radial-gradient(circle at 75% 30%,rgba(255,255,255,.28),transparent 35%),repeating-radial-gradient(circle at 75% 30%,transparent 0 40px,rgba(255,255,255,.14) 41px 42px);}
@keyframes mrDrift{0%{transform:translate3d(0,0,0) rotate(0deg);}50%{transform:translate3d(-3%,2%,0) rotate(1.2deg);}100%{transform:translate3d(0,0,0) rotate(0deg);}}
.mr-btn{position:absolute;inset:0;width:100%;height:100%;background:none;border:0;padding:0;margin:0;color:inherit;font:inherit;cursor:pointer;z-index:3;text-align:start;}
.mr-p.is-active .mr-btn{pointer-events:none;}
.mr-btn:focus-visible{outline:3px solid var(--a);outline-offset:-6px;}
.mr-side{position:absolute;inset-inline-start:50%;bottom:34px;transform:translateX(-50%) rotate(180deg);writing-mode:vertical-rl;font-size:19px;font-weight:800;line-height:1.2;white-space:nowrap;letter-spacing:0;max-height:calc(100% - 120px);overflow:hidden;text-overflow:ellipsis;transition:opacity .3s ease;}
[dir="rtl"] .mr-side{inset-inline-start:auto;left:50%;}
.mr-p.is-active .mr-side{opacity:0;}
.mr-mark{position:absolute;left:50%;top:34px;width:12px;height:12px;margin-left:-6px;border-radius:50%;border:2px solid var(--a);transition:background .3s ease,transform .3s ease;}
.mr-p.is-active .mr-mark{background:var(--a);transform:scale(1.25);}
.mr-n{position:absolute;left:50%;top:58px;transform:translateX(-50%);font-family:'IBM Plex Mono',monospace;font-size:12px;font-weight:600;color:var(--a);opacity:.9;direction:ltr;}
.mr-body{position:absolute;inset-inline-start:0;bottom:0;width:min(520px,100%);padding:0 44px 50px;z-index:2;opacity:0;transform:translateY(26px);pointer-events:none;transition:opacity .4s ease,transform .55s ease;}
.mr-p.is-active .mr-body{opacity:1;transform:none;pointer-events:auto;transition-delay:.28s;}
.mr-status{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;padding:5px 13px;border-radius:30px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.34);margin-bottom:16px;backdrop-filter:blur(4px);}
.mr-status i{width:8px;height:8px;border-radius:50%;background:#fff;opacity:.6;}
.mr-st-operational .mr-status i{background:#7ef0a8;opacity:1;box-shadow:0 0 0 4px rgba(126,240,168,.25);}
.mr-st-in_progress .mr-status i{background:#ffd37a;opacity:1;box-shadow:0 0 0 4px rgba(255,211,122,.25);}
.mr-body h3{font-size:38px;line-height:1.12;margin:0 0 12px;color:#fff;}
.mr-body p{font-size:15.5px;line-height:1.75;color:rgba(255,255,255,.9);margin:0 0 18px;max-width:430px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;}
.mr-metrics{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-wrap:wrap;gap:8px;}
.mr-metrics li{font-size:12.5px;padding:8px 13px;border-radius:12px;background:rgba(0,0,0,.24);border:1px solid rgba(255,255,255,.18);line-height:1.5;}
.mr-metrics strong{font-family:'IBM Plex Mono',monospace;font-size:14px;margin-inline-end:2px;}
.mr-metrics span{display:block;font-size:11.5px;color:rgba(255,255,255,.78);}
.mr-link{display:inline-flex;align-items:center;gap:10px;color:#fff;font-weight:700;font-size:14.5px;border-bottom:2px solid var(--a);padding-bottom:4px;transition:gap .25s ease,color .25s ease;}
.mr-link:hover,.mr-link:focus-visible{gap:16px;color:var(--a);}
[dir="rtl"] .mr-arrow{display:inline-block;transform:scaleX(-1);}
.mr-bar{position:absolute;inset-inline-start:0;bottom:0;height:4px;width:0;background:var(--a);z-index:4;}
.mr-p.is-active .mr-bar{width:100%;transition:width var(--mr-dur,4400ms) linear;}
.mr-rail.is-paused .mr-p.is-active .mr-bar{width:100%;transition:none;}
@media(max-width:1100px){.mr-rail{height:500px;}.mr-body{padding:0 30px 40px;}.mr-body h3{font-size:30px;}}
@media(max-width:900px){
  .mr-rail{flex-direction:column;height:auto;border-radius:18px;}
  .mr-p{flex:none;height:72px;transition:height .55s cubic-bezier(.2,.8,.2,1);}
  .mr-p.is-active{height:auto;min-height:340px;}
  .mr-p + .mr-p,[dir="rtl"] .mr-p + .mr-p{box-shadow:inset 0 1px 0 rgba(255,255,255,.14);}
  .mr-side{inset-inline-start:26px;left:auto;bottom:auto;top:50%;transform:translateY(-50%);writing-mode:horizontal-tb;font-size:17px;max-height:none;max-width:calc(100% - 120px);}
  [dir="rtl"] .mr-side{inset-inline-start:26px;left:auto;right:26px;}
  [dir="ltr"] .mr-side{left:26px;}
  .mr-mark{left:auto;inset-inline-end:26px;top:50%;margin:-6px 0 0;}
  .mr-n{left:auto;inset-inline-end:52px;top:50%;transform:translateY(-50%);}
  .mr-body{position:relative;width:100%;padding:84px 26px 34px;}
  .mr-body h3{font-size:26px;}
  .mr-p:not(.is-active) .mr-body{display:none;}
}
@media (prefers-reduced-motion: reduce){.mr-p,.mr-body,.mr-bar,.mr-p::before{transition:none !important;animation:none !important;}}

/* -------- صفحة عن مرافد (مُعاد تصميمها) -------- */
.ab-hero{padding:22px 0 6px;}
.ab-hero h1{font-size:34px;line-height:1.25;max-width:820px;margin:12px 0 14px;}
.ab-sec{padding:54px 0 4px;scroll-margin-top:24px;}
.ab-sec > h2,.ab-ov-text h2{font-size:26px;margin:0 0 18px;}
.ab-sec-lead{font-size:15px;line-height:1.95;color:var(--muted);max-width:860px;margin:0 0 26px;}
.ab-overview{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;}
.ab-ov-text p{font-size:15px;line-height:2;color:var(--ink);margin:0 0 14px;}
.ab-ov-text p.ab-lead{font-size:17.5px;line-height:1.95;font-weight:600;}
.ab-ov-media{margin:0;border-radius:22px;overflow:hidden;box-shadow:0 26px 54px -30px rgba(21,24,27,.55);background:var(--green-soft);}
.ab-ov-media img{display:block;width:100%;height:auto;aspect-ratio:1400/929;object-fit:cover;}
.ab-cv-title{font-size:14px;margin:18px 0 10px;color:var(--green-dark);}
.ab-cv{list-style:none;margin:0 0 18px;padding:0;border-inline-start:2px solid var(--green-soft);}
.ab-cv li{position:relative;padding:4px 18px 12px 0;font-size:13.5px;line-height:1.85;color:var(--ink);}
[dir="ltr"] .ab-cv li{padding:4px 0 12px 18px;}
.ab-cv li::before{content:"";position:absolute;top:11px;inset-inline-start:-6px;width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px #fff;}
.ab-imp{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.ab-imp-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px 20px;position:relative;overflow:hidden;transition:transform .2s var(--ease-out),border-color .2s var(--ease-out);}
.ab-imp-card:nth-child(5){grid-column:span 2;}
.ab-imp-card::before{content:"";position:absolute;inset-inline:0;top:0;height:3px;background:linear-gradient(to right,var(--green),var(--sand));}
.ab-imp-n{font-family:'IBM Plex Mono',monospace;font-size:12px;font-weight:600;color:var(--green-dark);background:var(--green-soft);padding:3px 11px;border-radius:30px;}
.ab-imp-card h3{font-size:16px;line-height:1.5;margin:14px 0 8px;}
.ab-imp-card p{font-size:13px;line-height:1.85;color:var(--muted);margin:0;}
.ab-vm{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.ab-vm-card{position:relative;border-radius:22px;padding:34px 32px;color:#fff;overflow:hidden;isolation:isolate;}
.ab-vm-card::before{content:"";position:absolute;inset:-30%;z-index:-1;animation:mrDrift 24s linear infinite;background:repeating-radial-gradient(circle at 80% 20%,transparent 0 30px,rgba(255,255,255,.12) 31px 32px);}
.ab-vm-vision{background:linear-gradient(150deg,#159A48,#0b3f24);}
.ab-vm-mission{background:linear-gradient(150deg,#13522E,#10171a);}
.ab-vm-k{display:inline-block;font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.06em;color:var(--sand);margin-bottom:14px;}
.ab-vm-card p{font-size:18px;line-height:1.9;font-weight:600;margin:0;}
.ab-values{font-size:13.5px;color:var(--muted);margin:16px 0 0;line-height:1.9;}
.ab-goals{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;counter-reset:g;}
.ab-goals li{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;}
.ab-goals li span{flex:0 0 34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--green-dark);color:#fff;font-family:'IBM Plex Mono',monospace;font-size:13px;font-weight:600;}
.ab-goals p{margin:0;font-size:14px;line-height:1.85;color:var(--ink);}
/* اقتصاد دائري */
.ce-flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:26px;position:relative;}
.ce-step{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px 16px 16px;text-align:center;}
.ce-step:not(:last-child)::after{content:"";position:absolute;top:36px;height:2px;inset-inline-start:calc(100% + 2px);width:22px;background:repeating-linear-gradient(to right,var(--green) 0 5px,transparent 5px 9px);animation:ceFlow 1.2s linear infinite;}
[dir="rtl"] .ce-step:not(:last-child)::after{background:repeating-linear-gradient(to left,var(--green) 0 5px,transparent 5px 9px);}
@keyframes ceFlow{to{background-position:18px 0;}}
.ce-n{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--green);color:#fff;font-family:'IBM Plex Mono',monospace;font-size:13px;font-weight:600;margin-bottom:12px;}
.ce-step h3{font-size:14.5px;line-height:1.5;margin:0 0 8px;}
.ce-step h3 a:hover{color:var(--green-dark);text-decoration:underline;}
.ce-step p{font-size:12.5px;line-height:1.75;color:var(--muted);margin:0 0 12px;}
.ce-tag{display:inline-block;font-size:11px;font-weight:700;padding:3px 11px;border-radius:30px;background:rgba(21,24,27,.06);color:var(--muted);}
.ce-operational .ce-tag{background:var(--green-soft);color:var(--green-dark);}
.ce-in_progress .ce-tag{background:#fff1e2;color:#a34a0b;}
.ce-operational .ce-n{background:var(--green-dark);}
.ce-in_progress .ce-n{background:var(--amber);}
.ce-planned .ce-n{background:#8a9390;}
.ce-loop{display:flex;align-items:center;gap:14px;margin-top:20px;padding:14px 20px;border-radius:16px;background:linear-gradient(90deg,var(--green-soft),#fff);border:1px dashed rgba(21,154,72,.5);}
.ce-loop-arrow{font-size:24px;color:var(--green-dark);display:inline-block;animation:egSpin 6s linear infinite;}
.ce-loop-line{flex:1;height:2px;background:repeating-linear-gradient(to right,var(--green) 0 8px,transparent 8px 14px);animation:ceFlow 1.4s linear infinite;}
.ce-loop-t{font-size:13px;font-weight:700;color:var(--green-dark);white-space:nowrap;}
/* مراحل التنفيذ */
.ph-track{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;position:relative;}
.ph-track::before{content:"";position:absolute;top:19px;inset-inline:6%;height:3px;border-radius:2px;background:linear-gradient(to right,var(--green),#2bb3a0,var(--amber),var(--ink));opacity:.5;}
[dir="rtl"] .ph-track::before{background:linear-gradient(to left,var(--green),#2bb3a0,var(--amber),var(--ink));}
.ph-stage{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px 18px 18px;margin-top:20px;}
.ph-dot{position:absolute;top:-20px;inset-inline-start:18px;width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:'IBM Plex Mono',monospace;font-weight:700;color:#fff;background:var(--c,var(--green));box-shadow:0 0 0 5px #fff;}
.ph-t1{--c:var(--green-dark);border-top:3px solid var(--green);}
.ph-t2{--c:#0e7c78;border-top:3px solid #2bb3a0;}
.ph-t3{--c:#b95714;border-top:3px solid var(--amber);}
.ph-wip{display:inline-flex;align-items:center;gap:7px;margin-top:14px;font-size:11.5px;font-weight:700;color:var(--c);}
.ph-wip i{width:8px;height:8px;border-radius:50%;background:var(--c);box-shadow:0 0 0 4px rgba(21,154,72,.18);animation:egPulse 2.2s ease-in-out infinite;}
.ph-expand{--c:var(--ink);background:linear-gradient(160deg,#13522E,#10171a);color:#fff;border:0;}
.ph-stage h3{font-size:16px;margin:0 0 6px;}
.ph-expand h3{color:#fff;}
.ph-count{font-family:'IBM Plex Mono',monospace;font-size:34px;font-weight:600;color:var(--c);line-height:1;margin-bottom:12px;}
.ph-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:7px;}
.ph-chips a,.ph-chips span{display:inline-block;font-size:12px;line-height:1.5;padding:6px 11px;border-radius:10px;background:rgba(21,24,27,.05);color:var(--ink);transition:background-color .15s var(--ease-out);}
.ph-chips a:hover{background:var(--green-soft);}
.ph-chips .ph-none{background:none;color:var(--muted);padding-inline:0;}
.ph-expand .ph-chips a,.ph-expand .ph-chips span{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.2);}
.ph-expand .ph-chips a:hover{background:rgba(255,255,255,.22);}
.ph-expand-list{flex-direction:column;}
/* المعرض */
.gal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.gal-item{margin:0;}
.gal-btn{display:block;width:100%;padding:0;border:0;background:var(--green-soft);border-radius:16px;overflow:hidden;cursor:zoom-in;}
.gal-btn img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .5s var(--ease-out);}
.gal-btn:focus-visible{outline:3px solid var(--green);outline-offset:3px;}
@media(hover:hover) and (pointer:fine){.gal-btn:hover img{transform:scale(1.05);}}
.gal-item figcaption{font-size:12.5px;color:var(--muted);margin-top:8px;line-height:1.7;}
.gal-dialog{border:0;border-radius:18px;padding:0;max-width:min(1100px,94vw);background:#10171a;color:#fff;}
.gal-dialog::backdrop{background:rgba(8,20,14,.82);}
.gal-dialog img{display:block;max-width:100%;max-height:78vh;margin:0 auto;}
.gal-dialog p{margin:0;padding:12px 18px;font-size:13.5px;text-align:center;}
.gal-close{position:absolute;top:8px;inset-inline-end:10px;width:38px;height:38px;border-radius:50%;border:0;background:rgba(255,255,255,.18);color:#fff;font-size:24px;cursor:pointer;}
@media(max-width:1060px){.ab-imp{grid-template-columns:1fr 1fr;}.ab-imp-card:nth-child(5){grid-column:auto;}.ab-goals{grid-template-columns:1fr 1fr;}.ce-flow{grid-template-columns:repeat(3,1fr);}.ce-step::after{display:none !important;}.ph-track{grid-template-columns:1fr 1fr;}.ph-track::before{display:none;}}
@media(max-width:820px){.ab-overview{grid-template-columns:1fr;gap:24px;}.ab-vm{grid-template-columns:1fr;}.gal-grid{grid-template-columns:1fr 1fr;}.ab-hero h1{font-size:27px;}}
@media(max-width:600px){.ab-imp,.ab-goals,.ce-flow,.ph-track,.gal-grid{grid-template-columns:1fr;}.ce-loop-t{white-space:normal;}.ab-sec{padding-top:40px;}.ab-vm-card{padding:26px 22px;}.ab-vm-card p{font-size:16px;}}
@media (prefers-reduced-motion: reduce){.ce-step::after,.ce-loop-line,.ce-loop-arrow,.ab-vm-card::before{animation:none !important;}.gal-btn img,.ab-imp-card{transition:none;}}

/* -------- صفحة منظومة الإنتاج الذكي: بطاقات القدرات الأربع -------- */
.sp-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.sp-card{position:relative;display:block;color:#fff;border-radius:22px;padding:30px 28px 26px;overflow:hidden;isolation:isolate;min-height:230px;transition:transform .25s var(--ease-out),box-shadow .25s var(--ease-out);}
.sp-card::before{content:"";position:absolute;inset:0;z-index:-2;opacity:.9;}
.sp-card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(5,20,13,.5),transparent 65%);}
.sp-g1{background:linear-gradient(155deg,#159A48,#0b3f24);}
.sp-g1::before{background:repeating-radial-gradient(circle at 85% 18%,transparent 0 26px,rgba(255,255,255,.14) 27px 28px);}
.sp-g2{background:linear-gradient(155deg,#a9b723,#4c9a2c 55%,#13522E);}
.sp-g2::before{background:linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px) 0 0/44px 44px,linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px) 0 0/44px 44px;}
.sp-g3{background:linear-gradient(155deg,#0f7a58,#0b4f3d 55%,#0a2b22);}
.sp-g3::before{background:repeating-linear-gradient(115deg,transparent 0 28px,rgba(255,255,255,.13) 29px 31px);}
.sp-g4{background:linear-gradient(155deg,#2c4a3d,#183228 55%,#0e1a16);}
.sp-g4::before{background:radial-gradient(rgba(255,255,255,.22) 1.4px,transparent 1.8px) 0 0/22px 22px;}
.sp-ico{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:16px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);}
.sp-n{position:absolute;top:26px;inset-inline-end:28px;font-family:'IBM Plex Mono',monospace;font-size:30px;font-weight:600;color:rgba(255,255,255,.28);line-height:1;}
.sp-card h2{font-size:22px;line-height:1.3;margin:20px 0 10px;color:#fff;}
.sp-card p{font-size:14.5px;line-height:1.9;color:rgba(255,255,255,.9);margin:0;max-width:520px;}
.sp-more{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font-size:13px;font-weight:700;border-bottom:2px solid rgba(255,255,255,.7);padding-bottom:3px;}
.sp-more i{font-style:normal;display:inline-block;}
[dir="rtl"] .sp-more i{transform:scaleX(-1);}
@media(hover:hover) and (pointer:fine){a.sp-card:hover{transform:translateY(-5px);box-shadow:0 26px 46px -26px rgba(0,0,0,.6);}}
a.sp-card:focus-visible{outline:3px solid var(--sand);outline-offset:3px;}
@media(max-width:760px){.sp-grid{grid-template-columns:1fr;}.sp-card{min-height:0;padding:26px 22px;}}
@media (prefers-reduced-motion: reduce){.sp-card{transition:none;}}

.sp-grid-5 .sp-card:last-child{grid-column:1/-1;}
.sp-note{margin:22px 0 0;padding:18px 22px;border-inline-start:4px solid var(--green);background:var(--green-soft);border-radius:12px;font-size:14.5px;line-height:1.9;color:var(--ink);}
@media(max-width:760px){.sp-grid-5 .sp-card:last-child{grid-column:auto;}}

/* -------- صفحة الدراسة: المعالجة، المراحل، التراخيص، الصور -------- */
.sfp-flow,.sfp-stages{list-style:none;margin:18px 0;padding:0;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);counter-reset:none;}
.sfp-flow li,.sfp-stages li{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px;}
.sfp-flow-n{flex:none;width:34px;height:34px;border-radius:50%;background:var(--green);color:#fff;font-weight:700;display:inline-flex;align-items:center;justify-content:center;font-family:'IBM Plex Mono',monospace;}
.sfp-flow li p,.sfp-stages li p{margin:4px 0 0;font-size:13.5px;line-height:1.85;color:var(--muted);}
.sfp-stages li em{display:block;margin-top:6px;font-size:12.5px;font-style:normal;color:var(--green-dark);font-weight:600;}
.sfp-checks{padding-inline-start:20px;}
.sfp-tablewrap{overflow-x:auto;margin:16px 0;border:1px solid var(--line);border-radius:14px;}
.sfp-tablewrap .sfp-table{margin:0;min-width:640px;}
.sfp-tablewrap td,.sfp-tablewrap th{vertical-align:top;text-align:start;font-size:13.5px;line-height:1.8;}
.lic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin-top:20px;}
.lic-card{display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;}
.lic-card h3{font-size:16.5px;margin:0;}
.lic-card p{font-size:13.5px;line-height:1.85;color:var(--muted);margin:0 0 6px;flex:1;}
.lic-auth{font-size:12px;font-weight:700;color:var(--green-dark);background:var(--green-soft);align-self:flex-start;padding:4px 10px;border-radius:999px;}
.lic-card .btn{align-self:flex-start;}
.si-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin-top:18px;}
.si-item{margin:0;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:#fff;}
.si-item img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;}
.si-item figcaption{padding:10px 14px;font-size:13.5px;font-weight:600;}
@media(max-width:760px){.sfp-flow,.sfp-stages{grid-template-columns:1fr;}}

/* -------- صفحة الإنتاج الزراعي والأعلاف -------- */
.fp-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;}
.fp-kpi{background:linear-gradient(155deg,var(--green),var(--green-dark));color:#fff;border-radius:18px;padding:18px 18px 16px;display:flex;flex-direction:column;gap:2px;}
.fp-kpi b{font-family:'IBM Plex Mono',monospace;font-size:30px;line-height:1.1;}
.fp-kpi span{font-size:13px;font-weight:700;color:var(--sand);}
.fp-kpi small{font-size:12.5px;line-height:1.7;color:rgba(255,255,255,.85);margin-top:6px;}
.fp-note{font-size:12.5px;color:var(--muted);margin:10px 0 0;}
.fp-sec{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;padding:44px 0 6px;scroll-margin-top:24px;}
.fp-sec-text{grid-template-columns:1fr;max-width:820px;}
.fp-alt .fp-fig{order:-1;}
.fp-num{font-family:'IBM Plex Mono',monospace;font-size:14px;color:var(--green);font-weight:700;}
.fp-text h2{font-size:26px;margin:4px 0 8px;}
.fp-sub{display:block;font-size:14px;color:var(--green-dark);margin-bottom:10px;}
.fp-text p{font-size:14.5px;line-height:1.95;margin:0 0 14px;}
.fp-link{font-size:13.5px;font-weight:700;color:var(--green-dark);border-bottom:2px solid var(--sand);padding-bottom:2px;}
[dir="rtl"] .fp-link i{display:inline-block;transform:scaleX(-1);}
.fp-fig{margin:0;border-radius:20px;overflow:hidden;border:1px solid var(--line);background:#fff;}
.fp-fig img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;}
.fp-cycle{grid-column:1/-1;list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px;counter-reset:none;}
.fp-cycle li{display:flex;align-items:center;gap:8px;background:var(--green-soft);border-radius:999px;padding:8px 10px 8px 14px;padding-inline:10px 14px;font-size:13px;font-weight:600;color:var(--green-dark);}
.fp-cycle li span{width:22px;height:22px;border-radius:50%;background:var(--green);color:#fff;font-size:12px;display:inline-flex;align-items:center;justify-content:center;font-family:'IBM Plex Mono',monospace;}
@media(max-width:760px){.fp-sec{grid-template-columns:1fr;gap:18px;}.fp-alt .fp-fig{order:0;}}

.lic-card .btn[disabled]{opacity:.55;cursor:not-allowed;pointer-events:none;}

/* -------- صفحة الطاقة والاستدامة: مخطط العلاقات -------- */
.em{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:20px;align-items:start;}
.em-stage{background:radial-gradient(circle at 50% 45%,#fff,#eaf4ec 70%);border:1px solid var(--line);border-radius:24px;padding:10px;}
.em-svg{display:block;width:100%;height:auto;font-family:inherit;}
.em-flow{fill:none;stroke-width:2.6;stroke-dasharray:7 7;opacity:.75;animation:emFlow 1.4s linear infinite;}
.em-lbl{font-size:12.5px;fill:#41524a;paint-order:stroke;stroke:#f3f8f4;stroke-width:4px;stroke-linejoin:round;font-weight:600;}
.em-node{cursor:pointer;outline:none;}
.em-node circle{transition:opacity .2s;}
.em-halo{opacity:.14;animation:emPulse 3.2s ease-in-out infinite;transform-box:fill-box;transform-origin:center;}
.em-name{font-size:15px;font-weight:700;fill:var(--ink);paint-order:stroke;stroke:#f3f8f4;stroke-width:4px;}
.em-node:focus-visible .em-halo,.em-node.is-sel .em-halo{opacity:.3;}
.em.is-focus .em-edge{opacity:.12;transition:opacity .25s;}
.em.is-focus .em-edge.is-on{opacity:1;}
.em.is-focus .em-node{opacity:.3;transition:opacity .25s;}
.em.is-focus .em-node.is-on{opacity:1;}
.em-panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;position:sticky;top:90px;}
.em-hint{margin:0;color:var(--muted);font-size:14px;line-height:1.9;}
.em-detail h2{font-size:20px;margin:0 0 8px;}
.em-d{font-size:14px;line-height:1.9;margin:0 0 12px;}
.em-rel{margin-bottom:12px;}
.em-rel b{font-size:12.5px;color:var(--green-dark);}
.em-rel ul{margin:4px 0 0;padding-inline-start:18px;font-size:13.5px;line-height:1.8;}
.em-ns{padding:12px 24px;}
.em-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;}
.em-card{background:#fff;border:1px solid var(--line);border-top:4px solid var(--ec,var(--green));border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:8px;}
.em-ico{width:48px;height:48px;border-radius:14px;background:var(--ec,var(--green));color:#fff;display:inline-flex;align-items:center;justify-content:center;}
.em-card h2{font-size:19px;margin:8px 0 0;}
.em-card p{font-size:14px;line-height:1.9;margin:0;}
.em-pending{color:var(--muted);font-size:13px!important;}
.em-metrics{margin:4px 0;display:grid;gap:6px;}
.em-metrics div{display:flex;justify-content:space-between;gap:12px;font-size:13.5px;border-bottom:1px dashed var(--line);padding-bottom:4px;}
.em-metrics dt{color:var(--muted);}
.em-metrics dd{margin:0;font-weight:700;}
.em-card .fp-link{align-self:flex-start;margin-top:6px;}
@keyframes emFlow{to{stroke-dashoffset:-14;}}
@keyframes emPulse{0%,100%{transform:scale(1);}50%{transform:scale(1.12);}}
@media(max-width:900px){.em{grid-template-columns:1fr;}.em-panel{position:static;}.em-lbl{font-size:15px;}.em-name{font-size:17px;}}
@media (prefers-reduced-motion: reduce){.em-flow,.em-halo{animation:none;}}
.em-lbl{opacity:0;transition:opacity .2s;}
.em-edge.is-on .em-lbl{opacity:1;}
.em-hint::after{content:"";}

/* -------- المتجر -------- */
.st-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center;padding:24px 0 8px;}
.st-hero h1{font-size:30px;margin:6px 0 12px;}
.st-hero p{font-size:15px;color:var(--muted);max-width:560px;line-height:1.9;}
.st-hero-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;}
.st-steps{list-style:none;margin:0;padding:0;display:grid;gap:10px;}
.st-steps li{display:flex;align-items:center;gap:12px;background:var(--green-soft);border-radius:14px;padding:12px 14px;font-size:13.5px;font-weight:600;color:var(--green-dark);}
.st-steps b{flex:none;width:28px;height:28px;border-radius:50%;background:var(--green);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-family:'IBM Plex Mono',monospace;font-size:13px;}
.st-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;}
.st-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s var(--ease-out),box-shadow .25s var(--ease-out);}
@media(hover:hover) and (pointer:fine){.st-card:hover{transform:translateY(-4px);box-shadow:0 22px 40px -26px rgba(0,0,0,.45);}}
.st-img{position:relative;display:block;aspect-ratio:4/3;background:var(--green-soft);}
.st-img img{width:100%;height:100%;object-fit:cover;display:block;}
.st-img .availability-pill{position:absolute;top:12px;inset-inline-start:12px;}
.st-sample{position:absolute;bottom:10px;inset-inline-start:12px;background:rgba(21,24,27,.72);color:#fff;font-size:11px;padding:3px 9px;border-radius:999px;}
.st-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1;}
.st-body h3{font-size:17px;margin:0;}
.st-spec{margin:0;display:grid;gap:4px;}
.st-spec div{display:flex;justify-content:space-between;gap:10px;font-size:13px;border-bottom:1px dashed var(--line);padding-bottom:4px;}
.st-spec dt{color:var(--muted);}
.st-spec dd{margin:0;font-weight:700;}
.st-health{margin:0;font-size:12.5px;color:var(--green-dark);background:var(--green-soft);border-radius:8px;padding:6px 10px;line-height:1.7;}
.st-body .price{font-family:'IBM Plex Mono',monospace;font-weight:700;font-size:18px;}
.st-actions{display:flex;gap:8px;margin-top:auto;flex-wrap:wrap;}
.st-actions form{margin:0;}
.st-info{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.st-info-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;}
.st-info-card h2{font-size:20px;margin:0 0 10px;}
.st-info-card p,.st-info-card li{font-size:14px;line-height:1.9;}
.st-vet{background:linear-gradient(155deg,var(--green),var(--green-dark));color:#fff;border:0;}
.st-vet h2,.st-vet p{color:#fff;}
.st-vet .btn{background:#fff;color:var(--green-dark);border-color:#fff;}
.pd-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;}
.pd-note{font-size:12.5px;color:var(--muted);margin-top:14px;line-height:1.8;border-inline-start:3px solid var(--sand);padding-inline-start:10px;}
.pay-box{border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin:18px 0 12px;display:grid;gap:8px;opacity:.6;}
.pay-box legend{font-weight:700;font-size:14px;padding:0 6px;}
.pay-soon{font-size:11px;font-weight:600;background:var(--sand);color:var(--ink);border-radius:999px;padding:2px 8px;margin-inline-start:6px;}
.pay-opt{display:flex;align-items:center;gap:10px;font-size:14px;}
.pay-btn[disabled]{opacity:.5;cursor:not-allowed;}
.pay-or{text-align:center;color:var(--muted);font-size:12.5px;margin:10px 0;}
@media(max-width:760px){.st-hero,.st-info{grid-template-columns:1fr;}}
@media (prefers-reduced-motion: reduce){.st-card{transition:none;}}
.pay-opt input{width:auto;flex:none;}

/* -------- صفحة البحث والتطوير (نمط اجتماعي) -------- */
.rd-hero{padding:22px 0 8px;}
.rd-hero h1{font-size:30px;margin:6px 0 12px;max-width:760px;}
.rd-hero p{font-size:15px;color:var(--muted);max-width:720px;line-height:1.9;}
.rd-nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;}
.rd-nav a{font-size:13px;font-weight:600;padding:7px 14px;border-radius:999px;background:var(--green-soft);color:var(--green-dark);}
.rd-sec{padding:40px 0 4px;scroll-margin-top:24px;}
.rd-sec h2{font-size:24px;margin:0 0 12px;}
.rd-lead{font-size:14.5px;color:var(--muted);max-width:760px;line-height:1.9;margin:0 0 18px;}
.rd-studies{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;}
.rd-study{display:flex;flex-direction:column;gap:6px;background:linear-gradient(155deg,var(--green),var(--green-dark));color:#fff;border-radius:18px;padding:18px;min-height:130px;transition:transform .25s var(--ease-out);}
@media(hover:hover) and (pointer:fine){.rd-study:hover{transform:translateY(-4px);}}
.rd-sn{font-family:'IBM Plex Mono',monospace;color:var(--sand);font-weight:700;font-size:13px;}
.rd-study strong{font-size:16px;line-height:1.5;}
.rd-study small{margin-top:auto;font-size:12px;opacity:.8;}
.rd-social{max-width:760px;}
.rd-hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0;}
.rd-compose{display:flex;gap:12px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px;margin-bottom:16px;position:relative;}
.rd-compose-body{flex:1;min-width:0;}
.rd-compose .form-group{margin-bottom:8px;}
.rd-compose-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;}
.rd-compose-foot small{color:var(--muted);font-size:11.5px;line-height:1.6;}
.rd-avatar{flex:none;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:17px;}
.rd-avatar.is-visitor{background:linear-gradient(135deg,var(--amber),#c4631a);}
.rd-avatar.sm{width:32px;height:32px;font-size:13px;}
.rd-filters{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 14px;}
.rd-filters button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;cursor:pointer;}
.rd-filters button.is-active{background:var(--green);color:#fff;border-color:var(--green);}
.rd-feed{display:grid;gap:14px;}
.rd-post{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;}
.rd-post[hidden]{display:none;}
.rd-post header{display:flex;align-items:center;gap:12px;margin-bottom:10px;}
.rd-who{flex:1;min-width:0;display:flex;flex-direction:column;}
.rd-who small{color:var(--muted);font-size:12px;}
.rd-kind{font-size:11.5px;font-weight:700;border-radius:999px;padding:3px 10px;background:var(--green-soft);color:var(--green-dark);white-space:nowrap;}
.rd-kind-research{background:#e6f3f6;color:#1c6f94;}
.rd-kind-visitor{background:#fdeadb;color:#a24d0f;}
.rd-post h3{font-size:17px;margin:0 0 6px;}
.rd-post>p{font-size:14.5px;line-height:1.95;margin:0 0 12px;}
.rd-source{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:#fbfaf4;margin-bottom:12px;}
.rd-source-ico{flex:none;width:34px;height:34px;border-radius:10px;background:var(--green);color:#fff;display:inline-flex;align-items:center;justify-content:center;}
.rd-source span:last-child{display:flex;flex-direction:column;gap:2px;min-width:0;}
.rd-source strong{font-size:13.5px;}
.rd-source small{font-size:12px;color:var(--muted);line-height:1.6;}
.rd-source em{font-style:normal;font-size:11.5px;color:var(--green-dark);direction:ltr;text-align:start;}
.rd-actions{display:flex;gap:6px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:10px;}
.rd-actions form{margin:0;}
.rd-actions button{border:0;background:transparent;font:inherit;font-size:13px;font-weight:600;color:var(--muted);padding:6px 10px;border-radius:10px;cursor:pointer;}
.rd-actions button:hover{background:var(--green-soft);color:var(--green-dark);}
.rd-like.is-liked{color:#d23b3b;}
.rd-comments{margin-top:10px;display:grid;gap:10px;}
.rd-comments[hidden]{display:none;}
.rd-comment{display:flex;gap:10px;align-items:flex-start;}
.rd-comment small{color:var(--muted);font-size:11.5px;}
.rd-comment p{margin:2px 0 0;font-size:13.5px;line-height:1.8;background:var(--green-soft);border-radius:12px;padding:8px 12px;}
.rd-cform{display:grid;grid-template-columns:1fr;gap:8px;position:relative;}
@media(min-width:560px){.rd-cform{grid-template-columns:150px 1fr auto;}}
.rd-up{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;}
.rd-up li{display:flex;gap:12px;align-items:center;background:#fff;border:1px dashed rgba(21,24,27,.28);border-radius:14px;padding:14px 16px;}
.rd-up small{display:block;color:var(--muted);font-size:12px;}
.rd-pulse{flex:none;width:12px;height:12px;border-radius:50%;background:var(--amber);animation:rdPulse 1.8s ease-in-out infinite;}
@keyframes rdPulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.45;transform:scale(1.3);}}
.rd-papers{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;}
.rd-paper{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--line);border-inline-start:4px solid #2F8FB8;border-radius:14px;padding:16px;}
.rd-paper small{color:#1c6f94;font-weight:700;font-size:12px;}
.rd-paper strong{font-size:14.5px;line-height:1.7;}
.rd-paper span{font-size:12px;color:var(--muted);line-height:1.7;}
.rd-vision{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;}
.rd-vision article{background:#fff;border:1px solid var(--line);border-top:4px solid var(--green);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:8px;}
.rd-vision h3{font-size:16.5px;margin:0;}
.rd-vision p{font-size:14px;line-height:1.9;margin:0;flex:1;}
.rd-vision a,.rd-srcs a{font-size:13px;font-weight:700;color:var(--green-dark);}
.rd-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:16px;}
.rd-kpis div{background:linear-gradient(155deg,var(--green),var(--green-dark));color:#fff;border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:4px;}
.rd-kpis b{font-family:'IBM Plex Mono',monospace;font-size:30px;}
.rd-kpis span{font-size:13px;line-height:1.7;}
.rd-kpis small{opacity:.75;font-size:11.5px;}
.rd-charts{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.rd-chart{margin:0;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;}
.rd-chart figcaption{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;font-size:14px;flex-wrap:wrap;}
.rd-chart small{display:block;margin-top:12px;font-size:11.5px;color:var(--muted);line-height:1.8;}
.rd-bar,.rd-pair{display:grid;grid-template-columns:96px 1fr;align-items:center;gap:10px;margin-bottom:10px;font-size:13px;}
.rd-bar{grid-template-columns:70px 1fr 40px;}
.rd-bl{font-weight:600;}
.rd-track{position:relative;height:14px;background:var(--green-soft);border-radius:999px;display:flex;align-items:center;margin:3px 0;}
.rd-track i{display:block;height:100%;width:var(--w);border-radius:999px;background:var(--green);transform-origin:left;animation:rdGrow 1s var(--ease-out) both;}
.rd-track i.a{background:#8aa31e;}
.rd-pair .rd-track{background:transparent;}
.rd-pair .rd-track i{flex:none;}
.rd-pair .rd-track b{margin-inline-start:8px;font-size:12px;font-family:'IBM Plex Mono',monospace;}
.rd-legend{font-size:12px;display:inline-flex;gap:6px;align-items:center;}
.rd-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;}
.rd-legend i.a{background:#8aa31e;}
.rd-legend i.b{background:var(--green);margin-inline-start:8px;}
.rd-srcs{display:flex;flex-wrap:wrap;gap:16px;margin-top:14px;}
@keyframes rdGrow{from{transform:scaleX(0);}to{transform:scaleX(1);}}
@media(max-width:860px){.rd-charts{grid-template-columns:1fr;}}
@media (prefers-reduced-motion: reduce){.rd-study{transition:none;}.rd-pulse,.rd-track i{animation:none;}}

/* -------- قسم المستثمرين في الرئيسية -------- */
.invh{position:relative;border-radius:28px;overflow:hidden;isolation:isolate;min-height:560px;color:#fff;display:flex;align-items:flex-end;background:#10261a;}
.invh-media{position:absolute;inset:0;z-index:-3;overflow:hidden;}
.invh-media img{position:absolute;inset:-4%;width:108%;height:108%;object-fit:cover;animation:invhZoom 28s ease-in-out infinite alternate;will-change:transform;}
.invh-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(to top,rgba(6,24,15,.94) 8%,rgba(6,24,15,.55) 48%,rgba(6,24,15,.15) 80%),linear-gradient(100deg,rgba(21,154,72,.28),transparent 55%);}
[dir="rtl"] .invh-shade{background:linear-gradient(to top,rgba(6,24,15,.94) 8%,rgba(6,24,15,.55) 48%,rgba(6,24,15,.15) 80%),linear-gradient(260deg,rgba(21,154,72,.28),transparent 55%);}
.invh-glow{position:absolute;z-index:-1;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(242,134,46,.45),transparent 65%);top:-160px;inset-inline-end:-120px;animation:invhGlow 9s ease-in-out infinite;pointer-events:none;}
.invh-in{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:end;width:100%;padding:56px;}
.invh .eyebrow{color:var(--sand);}
.invh h2{font-size:36px;line-height:1.35;max-width:560px;margin:8px 0 14px;color:#fff;}
.invh p{font-size:15px;line-height:1.95;color:rgba(255,255,255,.86);max-width:520px;margin:0 0 24px;}
.invh-btns{display:flex;flex-wrap:wrap;gap:10px;}
.invh .btn-ghost{border:1.5px solid rgba(255,255,255,.55);color:#fff;background:rgba(255,255,255,.08);backdrop-filter:blur(6px);}
.invh .btn-primary{position:relative;overflow:hidden;}
.invh .btn-primary::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.45) 50%,transparent 65%);transform:translateX(-120%);animation:invhSheen 4.5s ease-in-out infinite;}
.invh-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.invh-stat{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(10px);border-radius:18px;padding:16px 16px 14px;animation:invhFloat 6s ease-in-out infinite;}
.invh-stat:nth-child(2){animation-delay:-1.5s;}.invh-stat:nth-child(3){animation-delay:-3s;}.invh-stat:nth-child(4){animation-delay:-4.5s;}
.invh-stat b{display:block;font-family:'IBM Plex Mono',monospace;font-size:28px;line-height:1.1;}
.invh-stat span{display:block;font-size:12.5px;line-height:1.7;color:rgba(255,255,255,.85);margin-top:4px;}
.invh-stat small{display:block;font-size:11px;color:var(--sand);margin-top:4px;}
.invh-tags{position:absolute;top:22px;inset-inline-start:26px;display:flex;flex-wrap:wrap;gap:8px;max-width:70%;}
.invh-tags span{font-size:12px;font-weight:600;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(6px);padding:5px 12px;border-radius:999px;}
@keyframes invhZoom{from{transform:scale(1) translate3d(0,0,0);}to{transform:scale(1.08) translate3d(-1.2%,-1%,0);}}
@keyframes invhGlow{0%,100%{opacity:.55;transform:scale(1);}50%{opacity:.9;transform:scale(1.12);}}
@keyframes invhSheen{0%,55%{transform:translateX(-120%);}100%{transform:translateX(120%);}}
@keyframes invhFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-6px);}}
@media(max-width:860px){.invh{min-height:0;}.invh-in{grid-template-columns:1fr;padding:84px 22px 26px;}.invh h2{font-size:27px;}.invh-tags{max-width:none;inset-inline-end:22px;}}
@media (prefers-reduced-motion: reduce){.invh-media img,.invh-glow,.invh-stat,.invh .btn-primary::after{animation:none;}}

/* -------- صفحة الشراكات والاستثمار -------- */
.inv-hero{display:grid;grid-template-columns:1fr 1.05fr;gap:32px;align-items:center;padding:22px 0 10px;}
.inv-hero h1{font-size:32px;line-height:1.4;margin:6px 0 14px;}
.inv-hero p{font-size:15px;line-height:2;color:var(--muted);max-width:560px;}
.inv-hero-img{margin:0;border-radius:24px;overflow:hidden;box-shadow:0 30px 60px -34px rgba(0,0,0,.6);}
.inv-hero-img img{display:block;width:100%;height:auto;}
.inv-sec{padding:44px 0 4px;scroll-margin-top:24px;}
.inv-areas{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;}
.inv-area{position:relative;background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;}
.inv-area .sp-ico{background:var(--green-soft);border-color:transparent;color:var(--green-dark);}
.inv-n{position:absolute;top:22px;inset-inline-end:22px;font-family:'IBM Plex Mono',monospace;font-size:22px;color:var(--line);font-weight:700;}
.inv-area h3{font-size:17px;margin:16px 0 8px;}
.inv-area p{font-size:13.5px;line-height:1.9;color:var(--muted);margin:0;}
.inv-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:16px;}
.inv-kpi{background:linear-gradient(155deg,var(--green),var(--green-dark));color:#fff;border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:4px;}
.inv-kpi b{font-family:'IBM Plex Mono',monospace;font-size:32px;line-height:1.1;}
.inv-kpi span{font-size:13px;line-height:1.7;}
.inv-kpi small{font-size:11.5px;color:var(--sand);}
.inv-grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.inv-card{margin:0;background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;}
.inv-card figcaption{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:14px;font-size:14px;}
.inv-card small{display:block;margin-top:12px;font-size:11.5px;color:var(--muted);line-height:1.8;}
.inv-ringwrap{display:flex;align-items:center;gap:20px;flex-wrap:wrap;}
.inv-ring{width:170px;height:170px;transform:rotate(-90deg);flex:none;}
.inv-ring text{transform:rotate(90deg);transform-origin:60px 60px;font-family:inherit;}
.r-bg{fill:none;stroke:#fdeadb;stroke-width:14;}
.r-fg{fill:none;stroke:var(--green);stroke-width:14;stroke-linecap:round;stroke-dasharray:0 100;}
.is-visible .r-fg{animation:invRing 1.6s var(--ease-out) forwards;}
.r-big{font-size:24px;font-weight:700;fill:var(--ink);}
.r-sm{font-size:9px;fill:var(--muted);}
@keyframes invRing{to{stroke-dasharray:61 100;}}
.inv-legend{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:13px;}
.inv-legend i{display:inline-block;width:12px;height:12px;border-radius:4px;margin-inline-end:8px;vertical-align:-1px;}
.inv-legend i.g{background:var(--green);}.inv-legend i.a{background:#f4b98a;}
.inv .rd-track i{transform:scaleX(0);}
.inv .is-visible .rd-track i{animation:rdGrow 1.1s var(--ease-out) .1s both;}
.inv-cols{display:flex;align-items:flex-end;gap:26px;height:210px;padding:10px 6px 0;}
.inv-cols>div{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;height:100%;flex:none;width:84px;}
.inv-cols i{display:block;width:100%;height:calc(var(--h) * .72);border-radius:12px 12px 4px 4px;background:#8aa31e;transform:scaleY(0);transform-origin:bottom;}
.inv-cols i.hi{background:var(--green);}
.is-visible .inv-cols i{animation:invCol 1.1s var(--ease-out) .15s forwards;}
.inv-cols b{font-family:'IBM Plex Mono',monospace;font-size:15px;order:-1;}
.inv-cols span{font-size:12px;color:var(--muted);}
.inv-cols .inv-delta{width:auto;flex:1;justify-content:center;align-items:flex-start;}
.inv-delta em{font-style:normal;font-family:'IBM Plex Mono',monospace;font-size:30px;font-weight:700;color:var(--green-dark);}
@keyframes invCol{to{transform:scaleY(1);}}
.inv-outlook{margin-top:16px;background:linear-gradient(155deg,#10261a,#13522E);color:#fff;border-radius:22px;padding:28px;}
.inv-outlook h3,.inv-timeline h3{font-size:19px;margin:0 0 14px;}
.inv-outlook h3{color:#fff;}
.inv-out-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;}
.inv-out-grid b{font-family:'IBM Plex Mono',monospace;font-size:34px;color:var(--sand);}
.inv-out-grid b em{font-style:normal;font-size:20px;color:#fff;}
.inv-out-grid p{font-size:14px;line-height:1.9;margin:6px 0;color:rgba(255,255,255,.88);}
.inv-out-grid small{color:rgba(255,255,255,.6);font-size:11.5px;}
.inv-timeline{margin-top:16px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px;}
.inv-timeline ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0;position:relative;}
.inv-timeline li{position:relative;padding:22px 8px 0;}
.inv-timeline li::before{content:"";position:absolute;top:6px;inset-inline:0;height:3px;background:var(--green-soft);}
.inv-timeline li::after{content:"";position:absolute;top:0;inset-inline-start:8px;width:15px;height:15px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px var(--green-soft);}
.inv-timeline b{display:block;font-family:'IBM Plex Mono',monospace;color:var(--green-dark);font-size:18px;}
.inv-timeline span{display:block;font-size:13px;line-height:1.8;margin-top:4px;padding-inline-end:10px;}
.inv-srcs{display:flex;flex-wrap:wrap;gap:6px 18px;margin:16px 0 0;}
.inv-srcs a{font-size:12.5px;font-weight:700;color:var(--green-dark);}
.inv-profile{display:grid;grid-template-columns:1fr 1.1fr;gap:28px;align-items:center;background:var(--sand-soft,#faf9d8);border-radius:24px;padding:26px;}
.inv-profile img{width:100%;border-radius:18px;display:block;}
.inv-profile h2{font-size:25px;margin:6px 0 10px;}
.inv-profile p{font-size:14.5px;line-height:1.9;color:var(--muted);margin:0 0 16px;}
.inv-form{background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px;}
@media(max-width:860px){.inv-hero,.inv-grid2,.inv-profile{grid-template-columns:1fr;}}
@media (prefers-reduced-motion: reduce){.is-visible .r-fg{animation:none;stroke-dasharray:61 100;}.is-visible .inv-cols i{animation:none;transform:scaleY(1);}.inv .inv .is-visible .rd-track i{animation:none;transform:none;}}
.invh-media img{inset:0;width:100%;height:100%;}
.invh-media{background:#10261a;}
.invh-stat b span{display:inline;font-size:inherit;line-height:inherit;color:inherit;margin:0;}
.inv-kpi b span{display:inline;font-size:inherit;color:inherit;line-height:inherit;}
.invh-media{inset:-16px;}

/* -------- المدونة -------- */
.bl-hero{padding:22px 0 8px;}
.bl-hero h1{font-size:34px;margin:6px 0 10px;}
.bl-hero p{font-size:15px;color:var(--muted);max-width:640px;line-height:1.9;}
.bl-bar{display:flex;gap:10px;margin:18px 0 12px;max-width:560px;}
.bl-bar input{flex:1;}
.bl-cats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px;}
.bl-cats a{font-size:13px;font-weight:600;padding:7px 15px;border-radius:999px;border:1px solid var(--line);background:#fff;}
.bl-cats a.is-on{background:var(--green);border-color:var(--green);color:#fff;}
.bl-chip{display:inline-block;font-size:12px;font-weight:700;color:var(--green-dark);background:var(--green-soft);padding:5px 12px;border-radius:999px;}
.bl-date{position:absolute;top:16px;inset-inline-start:16px;background:linear-gradient(155deg,var(--green),var(--green-dark));color:#fff;border-radius:12px;padding:8px 12px 7px;text-align:center;line-height:1.1;box-shadow:0 10px 20px -10px rgba(0,0,0,.5);}
.bl-date b{display:block;font-family:'IBM Plex Mono',monospace;font-size:24px;}
.bl-date small{display:block;font-size:10.5px;margin-top:3px;background:#fff;color:var(--green-dark);border-radius:6px;padding:1px 6px;font-weight:700;}
.bl-av{display:inline-flex;width:46px;height:46px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;align-items:center;justify-content:center;font-weight:700;border:2px solid #fff;box-shadow:0 0 0 2px var(--green);flex:none;}
.bl-av img{width:100%;height:100%;object-fit:cover;display:block;}
.bl-av.lg{width:54px;height:54px;}
.bl-meta{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted);flex-wrap:wrap;}
.bl-meta .bl-av{width:30px;height:30px;box-shadow:none;border:0;}
.bl-feat{display:grid;grid-template-columns:1.15fr 1fr;background:#fff;border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:0 30px 60px -40px rgba(0,0,0,.5);transition:transform .3s var(--ease-out);}
@media(hover:hover) and (pointer:fine){.bl-feat:hover{transform:translateY(-4px);}.bl-feat:hover .bl-feat-img,.bl-card:hover .bl-card-img{background-size:108%;}}
.bl-feat-img{position:relative;min-height:340px;background:var(--green-dark) center/100% no-repeat;background-size:cover;transition:background-size .6s var(--ease-out);}
.bl-feat-body{padding:32px;display:flex;flex-direction:column;gap:14px;justify-content:center;}
.bl-feat-body h2{font-size:25px;line-height:1.5;margin:0;}
.bl-feat-body p{font-size:14.5px;line-height:1.95;color:var(--muted);margin:0;}
.bl-more{font-weight:700;color:var(--green-dark);font-size:14px;}
[dir="rtl"] .bl-more i,[dir="rtl"] .bl-view i{display:inline-block;transform:scaleX(-1);}
.bl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:22px;}
.bl-card{position:relative;background:#fff;border-radius:6px 6px 14px 14px;box-shadow:0 20px 44px -30px rgba(0,0,0,.45);transition:transform .3s var(--ease-out),box-shadow .3s;display:flex;flex-direction:column;}
@media(hover:hover) and (pointer:fine){.bl-card:hover{transform:translateY(-6px);box-shadow:0 30px 54px -30px rgba(0,0,0,.55);}}
.bl-card-img{position:relative;display:block;aspect-ratio:1.15/1;background:var(--green-dark) center no-repeat;background-size:cover;transition:background-size .6s var(--ease-out);overflow:hidden;}
.bl-av-over{position:absolute;top:-24px;inset-inline-start:22px;z-index:2;}
.bl-card-body{position:relative;padding:34px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1;}
.bl-card-body h3{font-size:18px;line-height:1.55;margin:0;}
.bl-card-body h3 a:hover{color:var(--green-dark);}
.bl-card-body p{font-size:13.5px;line-height:1.85;color:var(--muted);margin:0;}
.bl-tags{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;}
.bl-tags a{color:var(--green-dark);font-weight:600;}
.bl-view{margin-top:auto;display:flex;justify-content:space-between;align-items:center;background:#f2f4f6;border-radius:4px;padding:13px 22px;font-size:14px;font-weight:600;color:#444;transition:background .2s,color .2s;}
.bl-view:hover{background:var(--green);color:#fff;}
.bl-tagcloud{margin-top:34px;}
.bl-tagcloud h2{font-size:18px;margin:0 0 12px;}
.bl-tagcloud div{display:flex;flex-wrap:wrap;gap:8px;}
.bl-tagcloud a{font-size:13px;padding:6px 13px;border-radius:999px;background:var(--green-soft);color:var(--green-dark);font-weight:600;}
.bl-tagcloud a.is-on{background:var(--green);color:#fff;}
/* مقال */
.ar-progress{position:fixed;top:0;inset-inline:0;height:3px;z-index:80;background:transparent;}
.ar-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--sand));transform:scaleX(0);transform-origin:left;}
[dir="rtl"] .ar-progress i{transform-origin:right;}
.ar-head{max-width:820px;padding:20px 0 20px;}
.ar-head h1{font-size:34px;line-height:1.55;margin:14px 0 14px;}
.ar-lead{font-size:16.5px;line-height:2;color:var(--muted);margin:0 0 18px;}
.ar-by{display:flex;align-items:center;gap:14px;}
.ar-by strong{display:block;font-size:15px;}
.ar-by small{color:var(--muted);font-size:12.5px;}
.ar-cover{margin:8px 0 28px;border-radius:26px;overflow:hidden;box-shadow:0 34px 60px -40px rgba(0,0,0,.55);}
.ar-cover img{display:block;width:100%;height:auto;max-height:520px;object-fit:cover;}
.ar-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:44px;align-items:start;}
.ar-body{max-width:780px;font-size:17px;line-height:2.15;color:var(--ink);}
.ar-body h2{font-size:26px;line-height:1.5;margin:46px 0 14px;padding-top:10px;scroll-margin-top:84px;position:relative;}
.ar-body h2::before{content:"";display:block;width:46px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--green),var(--sand));margin-bottom:12px;}
.ar-body h3{font-size:20px;margin:30px 0 10px;color:var(--green-dark);}
.ar-body p{margin:0 0 18px;}
.ar-body ul,.ar-body ol{margin:0 0 20px;padding-inline-start:24px;}
.ar-body li{margin-bottom:8px;}
.ar-body li::marker{color:var(--green);font-weight:700;}
.ar-body strong{color:var(--green-dark);}
.ar-body blockquote{margin:26px 0;padding:20px 24px;border-inline-start:5px solid var(--green);background:var(--green-soft);border-radius:0 16px 16px 0;font-size:18px;line-height:2;font-weight:600;color:var(--green-dark);}
[dir="rtl"] .ar-body blockquote{border-radius:16px 0 0 16px;}
.ar-body a{color:var(--green-dark);text-decoration:underline;text-underline-offset:3px;word-break:break-word;direction:ltr;unicode-bidi:plaintext;}
.ar-side{position:sticky;top:90px;display:grid;gap:16px;}
.ar-toc,.ar-share{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:6px;}
.ar-toc strong,.ar-share strong{font-size:14px;margin-bottom:6px;}
.ar-toc a{font-size:13px;line-height:1.7;padding:5px 10px;border-radius:8px;color:var(--muted);border-inline-start:3px solid transparent;}
.ar-toc a.is-on{color:var(--green-dark);background:var(--green-soft);border-inline-start-color:var(--green);font-weight:700;}
.ar-share div{display:flex;flex-wrap:wrap;gap:8px;}
.ar-share a,.ar-share button{font:inherit;font-size:12.5px;font-weight:600;border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 12px;cursor:pointer;color:var(--ink);}
.ar-share a:hover,.ar-share button:hover{background:var(--green);color:#fff;border-color:var(--green);}
.ar-tags{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 0;padding-top:20px;border-top:1px solid var(--line);}
.ar-tags a{font-size:13px;padding:6px 13px;border-radius:999px;background:var(--green-soft);color:var(--green-dark);font-weight:600;}
.ar-author{display:flex;gap:16px;align-items:center;margin:28px 0 0;background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;max-width:780px;}
.ar-author p{margin:4px 0 6px;font-size:13.5px;color:var(--muted);line-height:1.8;}
.ar-author a{font-size:13px;font-weight:700;color:var(--green-dark);}
.ar-related{padding-top:40px;}
@media(max-width:980px){.ar-layout{grid-template-columns:1fr;}.ar-side{position:static;order:-1;}.ar-body{font-size:16px;}.bl-feat{grid-template-columns:1fr;}.bl-feat-img{min-height:240px;}.ar-head h1{font-size:26px;}}
@media (prefers-reduced-motion: reduce){.bl-feat,.bl-card,.bl-feat-img,.bl-card-img{transition:none;}}

/* قسم المستثمرين بعرض الصفحة كاملًا */
.invh.invh-full{border-radius:0;min-height:680px;margin:48px 0 0;width:100%;}
.invh-full .invh-in{max-width:1240px;margin:0 auto;padding:96px 28px 72px;}
.invh-full .invh-tags{inset-inline-start:max(28px,calc((100% - 1240px)/2 + 28px));top:28px;}
.invh-full h2{font-size:42px;max-width:620px;}
.invh-full p{font-size:16px;max-width:560px;}
.invh-badge{width:78px;height:78px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-bottom:16px;color:#fff;background:linear-gradient(145deg,var(--green),var(--green-dark));border:1px solid rgba(255,255,255,.4);box-shadow:0 0 0 8px rgba(21,154,72,.22),0 20px 40px -14px rgba(0,0,0,.6);animation:invhBadge 3.6s ease-in-out infinite;}
.invh-badge .r1{animation:invhR1 3.6s ease-in-out infinite;}
.invh-badge .r2{animation:invhR2 3.6s ease-in-out infinite;}
@keyframes invhBadge{0%,100%{box-shadow:0 0 0 8px rgba(21,154,72,.22),0 20px 40px -14px rgba(0,0,0,.6);}50%{box-shadow:0 0 0 16px rgba(21,154,72,.08),0 20px 40px -14px rgba(0,0,0,.6);}}
@keyframes invhR1{0%,100%{transform:translateX(0);}50%{transform:translateX(3px);}}
@keyframes invhR2{0%,100%{transform:translateX(0);}50%{transform:translateX(-3px);}}
@media(max-width:860px){.invh.invh-full{min-height:0;margin-top:32px;}.invh-full .invh-in{padding:96px 22px 30px;}.invh-full h2{font-size:28px;}.invh-full .invh-tags{inset-inline-start:22px;max-width:calc(100% - 44px);}}
@media (prefers-reduced-motion: reduce){.invh-badge,.invh-badge .r1,.invh-badge .r2{animation:none;}}
.invh.invh-full{margin-top:0;}
@media(max-width:860px){.invh.invh-full{margin-top:0;}}

/* صورة قسم المستثمرين ثابتة والمحتوى يمرّ فوقها */
.invh-media{inset:0 !important;clip-path:inset(0);overflow:visible;transform:none !important;}
.invh-media img{position:fixed;inset:0;width:100vw;height:100vh;max-width:none;object-fit:cover;animation:none !important;transform:none;will-change:auto;}

/* بطاقات المدونة: صورة حقيقية بدل الخلفية، وتكبير سلس بالـ transform فقط */
.bl-card-img,.bl-feat-img{background:linear-gradient(135deg,var(--green-dark),#0e2a1b);overflow:hidden;background-size:auto;transition:none;}
.bl-card-img img,.bl-feat-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transform:scale(1);transition:transform .9s cubic-bezier(0.23,1,0.32,1);will-change:transform;}
.bl-card-img::after,.bl-feat-img::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(6,24,15,.45),transparent 45%);opacity:.55;transition:opacity .5s ease;pointer-events:none;}
.bl-date{z-index:2;}
@media(hover:hover) and (pointer:fine){
  .bl-card:hover .bl-card-img img,.bl-feat:hover .bl-feat-img img{transform:scale(1.06);}
  .bl-card:hover .bl-card-img::after,.bl-feat:hover .bl-feat-img::after{opacity:.9;}
  .bl-card:hover .bl-card-img,.bl-feat:hover .bl-feat-img{background-size:auto;}
}
.bl-card{overflow:visible;}
.bl-card-img{border-radius:6px 6px 0 0;aspect-ratio:1.15/1;}
.bl-card-body h3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.bl-card-body p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.bl-av-over{transition:transform .5s cubic-bezier(0.23,1,0.32,1);}
@media(hover:hover) and (pointer:fine){.bl-card:hover .bl-av-over{transform:translateY(-3px) scale(1.06);}}
.bl-view i{transition:transform .35s cubic-bezier(0.23,1,0.32,1);}
@media(hover:hover) and (pointer:fine){.bl-view:hover i{transform:translateX(-5px);}[dir="ltr"] .bl-view:hover i{transform:translateX(5px);}[dir="rtl"] .bl-view:hover i{transform:scaleX(-1) translateX(5px);}}
@media (prefers-reduced-motion: reduce){.bl-card-img img,.bl-feat-img img,.bl-av-over,.bl-view i{transition:none;}}

/* -------- صفحة اتصل بنا -------- */
.ct-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;padding:20px 0 20px;align-items:start;}
.ct-col h2{font-size:30px;margin:8px 0 10px;}
.ct-sub{font-size:14.5px;color:var(--muted);line-height:1.9;margin:0 0 24px;max-width:520px;}
.ct-cards{display:grid;grid-template-columns:1fr 1fr;gap:0;}
.ct-card{min-height:208px;padding:22px;display:flex;flex-direction:column;gap:6px;font-size:13px;}
.ct-dark{background:#0c1713;color:#fff;justify-content:flex-end;position:relative;}
.ct-dark strong{font-size:22px;font-weight:600;letter-spacing:.2px;}
.ct-dark strong em{font-style:normal;font-weight:400;opacity:.8;margin-inline-start:6px;}
.ct-dark small{font-size:11px;letter-spacing:.3px;opacity:.85;line-height:1.7;}
.ct-dark span{font-size:12px;opacity:.9;}
.ct-logo{position:absolute;top:22px;inset-inline-start:22px;width:38px;height:38px;background:#fff;color:var(--green-dark);font-weight:800;font-size:20px;display:inline-flex;align-items:center;justify-content:center;}
.ct-light{background:#fff;border:1px solid var(--line);}
.ct-light h3{font-size:15px;margin:0;}
.ct-light p{margin:0 0 8px;color:var(--muted);font-size:13.5px;line-height:1.8;}
.ct-light span{font-size:12px;color:var(--muted);margin-top:auto;}
.ct-qr{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:18px;padding:22px;background:#fff;border:1px solid var(--line);}
.ct-qr h3{font-size:16px;margin:0 0 6px;}
.ct-qr p{margin:0;font-size:13px;color:var(--muted);line-height:1.8;}
.ct-qr-box{flex:none;width:130px;height:130px;background:#fff;padding:4px;}
.ct-btns{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap;}
.ct-form{background:#fff;border:1px solid var(--line);padding:26px;}
.ct-map{padding:44px 0 10px;}
.ct-map .section-head{margin-bottom:18px;}
.ct-tabs{display:flex;gap:8px;flex-wrap:wrap;}
.ct-tabs button{font:inherit;font-size:13px;font-weight:600;border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 16px;cursor:pointer;}
.ct-tabs button.is-on{background:var(--green);border-color:var(--green);color:#fff;}
.ct-map-frame{border-radius:22px;overflow:hidden;border:1px solid var(--line);margin-bottom:14px;background:var(--green-soft);}
.ct-map-frame iframe{display:block;width:100%;height:440px;border:0;}
@media(max-width:900px){.ct-grid{grid-template-columns:1fr;gap:40px;}.ct-cards{grid-template-columns:1fr;}.ct-map-frame iframe{height:340px;}.ct-col h2{font-size:25px;}}

/* -------- الفوتر -------- */
.ft{margin-top:70px;border-top:1px solid var(--line);padding-top:44px;}
.ft-grid{display:grid;grid-template-columns:1.5fr repeat(5,1fr);gap:0;}
.ft-brand{padding-inline-end:32px;}
.ft-logo{display:block;height:96px;width:auto;max-width:240px;margin-bottom:16px;}
.ft-brand p{font-size:14px;line-height:1.9;color:var(--muted);margin:0 0 20px;max-width:280px;}
.ft-social{display:flex;flex-wrap:wrap;gap:8px;}
.ft-social a{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);color:var(--ink);background:#fff;transition:background .2s,color .2s,transform .25s var(--ease-out);}
@media(hover:hover) and (pointer:fine){.ft-social a:hover{background:var(--green);border-color:var(--green);color:#fff;transform:translateY(-3px);}}
.ft-col{padding:0 24px;border-inline-start:1px solid var(--line);display:flex;flex-direction:column;}
.ft-col h5{font-size:16px;margin:0 0 6px;font-weight:700;}
.ft-col h5::after{content:"";display:block;width:28px;height:3px;background:var(--green);margin:10px 0 18px;}
.ft-col a,.ft-addr{font-size:14px;color:var(--muted);margin-bottom:12px;line-height:1.7;}
.ft-col > a:hover{color:var(--green-dark);}
.ft-ic{display:flex;align-items:flex-start;gap:10px;}
.ft-ic svg{flex:none;margin-top:3px;color:var(--green-dark);}
.ft-bottom{margin-top:34px;border-top:1px solid var(--line);padding:18px 0 26px;font-size:12.5px;color:var(--muted);}
@media(max-width:1100px){.ft-grid{grid-template-columns:repeat(3,1fr);row-gap:34px;}.ft-brand{grid-column:1/-1;padding:0;}.ft-col:nth-of-type(n){border-inline-start:1px solid var(--line);}}
@media(max-width:620px){.ft-grid{grid-template-columns:1fr 1fr;}.ft-col{padding:0 14px;}.ft-logo{height:80px;}}

/* -------- قسم المؤسس: صورة كاملة وتنسيق احترافي -------- */
.founder-card{grid-template-columns:minmax(260px,380px) 1fr;gap:60px;padding:48px;border-radius:30px;background:linear-gradient(160deg,#fff 40%,#f1f8f2);align-items:center;position:relative;overflow:hidden;box-shadow:0 44px 90px -60px rgba(0,0,0,.5);}
.founder-card::before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(21,154,72,.14),transparent 68%);top:-160px;inset-inline-end:-120px;pointer-events:none;}
.founder-card > *{position:relative;}
.founder-photo-wrap{position:relative;isolation:isolate;}
.founder-photo-wrap::before{content:"";position:absolute;inset-block:22px -22px;inset-inline-start:-20px;inset-inline-end:20px;background:linear-gradient(150deg,var(--green),var(--green-dark));border-radius:28px;z-index:-1;}
.founder-photo-wrap::after{content:"";position:absolute;width:86px;height:86px;border:3px solid var(--sand);border-radius:22px;inset-block-start:-14px;inset-inline-end:-14px;z-index:-1;opacity:.9;}
.founder-photo{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:24px;background:#fff;box-shadow:0 26px 50px -26px rgba(0,0,0,.55);}
.founder-badge{position:absolute;inset-block-end:18px;inset-inline-start:18px;max-width:calc(100% - 36px);background:rgba(10,32,20,.78);backdrop-filter:blur(8px);color:#fff;font-size:12.5px;font-weight:700;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.25);}
.founder-name{font-size:34px;line-height:1.35;margin:0 0 8px;}
.founder-role{display:inline-block;font-size:13px;font-weight:700;color:var(--green-dark);background:var(--green-soft);padding:6px 14px;border-radius:999px;margin-bottom:0;}
.founder-rule{display:block;width:64px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--green),var(--sand));margin:20px 0;}
.founder-bio{font-size:16px;line-height:2.1;color:var(--ink);margin:0 0 24px;padding-inline-start:20px;border-inline-start:4px solid var(--green);}
.ab-cv-title{font-size:15px;margin:0 0 14px;}
.founder-social{gap:10px;margin-top:6px;}
.founder-social a{width:46px;height:46px;transition:background-color .2s,color .2s,border-color .2s,transform .25s var(--ease-out);}
@media(hover:hover) and (pointer:fine){.founder-social a:hover{background:var(--green);border-color:var(--green);color:#fff;transform:translateY(-3px);}}
@media(max-width:900px){.founder-card{grid-template-columns:1fr;gap:44px;padding:28px 22px 32px;}.founder-photo-wrap{max-width:340px;width:100%;margin-inline:auto;}.founder-name{font-size:27px;}}

/* بطاقة التقرير في صفحة المكوّن */
.rp-cta{display:flex;flex-direction:column;gap:8px;padding:30px;border-radius:22px;color:#fff;background:linear-gradient(120deg,#0a2417,#13522E);position:relative;overflow:hidden;}
.rp-cta::after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(214,206,46,.28),transparent 65%);inset-inline-end:-80px;top:-100px;pointer-events:none;}
.rp-cta-tag{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.14em;color:var(--sand);}
.rp-cta strong{font-size:22px;line-height:1.5;max-width:640px;}
.rp-cta span:not(.rp-cta-tag){font-size:14px;color:rgba(255,255,255,.82);line-height:1.9;max-width:640px;}
.rp-cta em{font-style:normal;font-weight:700;color:var(--sand);margin-top:6px;}
@media(hover:hover) and (pointer:fine){.rp-cta:hover em{text-decoration:underline;}}

/* -------- تحسينات الجوال: أهداف لمس مريحة ونصوص مقروءة -------- */
@media(max-width:640px){
  .breadcrumbs{font-size:13px;line-height:1.9;}
  .breadcrumbs a{display:inline-block;padding:7px 2px;}
  .tag,.availability-pill,.ce-tag,.st-sample,.sx-type,.sx-ftag,.sx-pill,.sx-type-label,.sx-mode,.sx-chip-r,.sx-m,.sx-card .m{font-size:11.5px;}
  small{font-size:12px;}
  .sec-link,.section-head a{display:inline-block;padding:8px 0;}
}

/* -------- الفوتر على الجوال: أسطر متقاربة وأعمدة موزونة -------- */
@media(max-width:620px){
  footer.ft{padding-top:34px;}
  .ft-grid{grid-template-columns:1fr 1fr;column-gap:0;row-gap:26px;}
  .ft-brand{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 0 4px;}
  .ft-brand p{max-width:320px;margin:0 auto 16px;font-size:13.5px;line-height:1.85;}
  .ft-logo{height:72px;margin:0 auto 12px;}
  .ft-social{justify-content:center;gap:10px;}
  .ft-col{padding:0 16px;border-inline-start:0;min-width:0;}
  .ft-grid>.ft-col:nth-child(2),.ft-grid>.ft-col:nth-child(4){border-inline-end:1px solid var(--line);}
  .ft-col h5{font-size:15px;margin:0;}
  .ft-col h5::after{margin:8px 0 12px;width:24px;height:2px;}
  .ft-col a,.ft-addr{font-size:13.5px;line-height:1.55;margin:0;padding:6px 0;display:block;}
  .ft-col a.ft-ic,.ft-addr.ft-ic{display:flex;gap:9px;align-items:flex-start;overflow-wrap:anywhere;}
  .ft-ic svg{margin-top:2px;}
  .ft-grid>.ft-col:nth-child(6){grid-column:1/-1;border:0;border-top:1px solid var(--line);padding:16px 16px 0;flex-direction:row;flex-wrap:wrap;column-gap:20px;}
  .ft-grid>.ft-col:nth-child(6) h5{flex:1 1 100%;}
  .ft-grid>.ft-col:nth-child(6) a{display:inline-block;}
  .ft-bottom{margin-top:22px;text-align:center;padding:16px 0 22px;line-height:1.8;}
}

.cta-band{position:relative;overflow:hidden;background:radial-gradient(70% 120% at 85% 0%,rgba(95,196,143,.28),transparent 60%),linear-gradient(135deg,#0e3a24,#13522E);padding:84px 0;}
.cta-band h2{font-size:clamp(26px,4vw,40px);max-width:760px;line-height:1.35;}
.cta-band p{max-width:640px;font-size:16px;line-height:2;}
.cta-band .btn-primary{padding:15px 30px;font-size:15px;font-weight:700;transition:transform .25s;}
@media(hover:hover) and (pointer:fine){.cta-band .btn-primary:hover{transform:translateY(-2px);}}
@media(max-width:640px){.cta-band{padding:60px 0;}.cta-band .wrap{padding:0 22px;}.cta-band .btn-primary{width:100%;justify-content:center;}}

/* -------- الرؤية والرسالة والقيم والأهداف: نسخة احترافية -------- */
.ab-vm{gap:18px;}
.ab-vm-card{padding:40px 38px;min-height:230px;display:flex;flex-direction:column;justify-content:center;}
.ab-vm-card::after{content:"\201D";position:absolute;inset-inline-end:26px;top:-6px;font-size:150px;line-height:1;font-family:Georgia,serif;color:rgba(255,255,255,.1);pointer-events:none;}
.ab-vm-card p{font-size:20px;}
.ab-vm-k{align-self:flex-start;padding:5px 14px;border:1px solid rgba(243,200,122,.5);border-radius:999px;margin-bottom:16px;}
.ab-vals{margin-top:22px;border-radius:26px;padding:38px 32px 34px;color:#fff;background:radial-gradient(60% 90% at 90% 0%,rgba(21,154,72,.35),transparent 65%),linear-gradient(150deg,#0f2a1c,#0a1a12);position:relative;overflow:hidden;}
.ab-vals-head{margin-bottom:26px;}
.ab-vals-k{font-family:'IBM Plex Mono',monospace;font-size:12.5px;color:#5FC48F;}
.ab-vals-head h3{font-size:clamp(26px,3.4vw,36px);margin:8px 0 0;color:#fff;}
.ab-vals-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.ab-vals-grid li{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);border-radius:18px;padding:22px 20px;backdrop-filter:blur(6px);transition:transform .35s cubic-bezier(.23,1,.32,1),border-color .3s,background .3s;transition-delay:calc(var(--i) * 40ms);}
@media(hover:hover) and (pointer:fine){.ab-vals-grid li:hover{transform:translateY(-5px);border-color:rgba(95,196,143,.7);background:rgba(21,154,72,.14);}}
.ab-vi{display:flex;width:50px;height:50px;border-radius:15px;align-items:center;justify-content:center;background:linear-gradient(145deg,#159A48,#0e5a2e);color:#fff;margin-bottom:14px;position:relative;}
.ab-vi::after{content:"";position:absolute;inset:-5px;border-radius:19px;border:2px solid rgba(95,196,143,.5);animation:abRing 3s ease-out infinite;}
@keyframes abRing{0%{transform:scale(.88);opacity:.9;}100%{transform:scale(1.18);opacity:0;}}
.ab-vals-grid strong{display:block;font-size:19px;margin-bottom:6px;}
.ab-vals-grid p{margin:0;font-size:14px;line-height:1.85;color:rgba(255,255,255,.78);}
.ab-goals li{padding:20px 20px;transition:transform .3s cubic-bezier(.23,1,.32,1),border-color .3s,box-shadow .3s;}
@media(hover:hover) and (pointer:fine){.ab-goals li:hover{transform:translateY(-4px);border-color:var(--green);box-shadow:0 18px 30px -22px rgba(21,24,27,.45);}}
.ab-goals li span{width:40px;height:40px;flex-basis:40px;background:linear-gradient(145deg,#159A48,#0e5a2e);font-family:'IBM Plex Mono',monospace;}
.ab-goals li p{font-size:15px;line-height:1.85;}
@media(max-width:900px){.ab-vals-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.ab-vm-card{padding:30px 24px;min-height:0;}.ab-vm-card p{font-size:17px;}.ab-vals{padding:28px 18px;}.ab-vals-grid{grid-template-columns:1fr;}}
@media (prefers-reduced-motion: reduce){.ab-vi::after{animation:none;}}

/* عرض صورة النظام كاملة دون اقتصاص، مع خلفية ضبابية من الصورة نفسها */
.has-img{position:relative;overflow:hidden;isolation:isolate;background-color:#0e2a1b;}
.has-img::before,.has-img::after{content:"";position:absolute;inset:0;background-image:var(--img);background-position:center;background-repeat:no-repeat;}
.has-img::before{background-size:cover;filter:blur(16px) brightness(.8);transform:scale(1.15);z-index:-2;}
.has-img::after{background-size:contain;z-index:-1;}
.sysc-media.has-img .sysc-num{position:relative;}

/* صورة الكاتب في بطاقة المقال: أكبر مع حلقة ترسم نفسها مرة واحدة */
@property --bl-a{syntax:'<angle>';inherits:false;initial-value:0deg;}
.bl-card-body{padding-top:46px;}
.bl-av.bl-av-over{width:70px;height:70px;top:-35px;overflow:visible;border:3px solid #fff;box-shadow:0 8px 20px -10px rgba(0,0,0,.45);}
.bl-av-over img{border-radius:50%;}
.bl-av-over::after{content:"";position:absolute;inset:-7px;border-radius:50%;padding:3px;pointer-events:none;background:conic-gradient(from -90deg,var(--green) var(--bl-a),transparent 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:blRing 1.5s cubic-bezier(.65,0,.35,1) .35s forwards;}
@keyframes blRing{to{--bl-a:360deg;}}
@media (prefers-reduced-motion: reduce){.bl-av-over::after{animation:none;--bl-a:360deg;}}

/* قسم الدعوة: باترن شفاف وأزرار */
.cta-band{position:relative;isolation:isolate;}
.cta-band::before{content:"";position:absolute;inset:0;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 72 72' fill='none' stroke='%23fff' stroke-width='1.2' stroke-opacity='.5'%3E%3Cpath d='M36 6 66 36 36 66 6 36z'/%3E%3Cpath d='M36 22 50 36 36 50 22 36z'/%3E%3Ccircle cx='36' cy='36' r='3' fill='%23fff' fill-opacity='.5' stroke='none'/%3E%3C/svg%3E");background-size:72px 72px;opacity:.16;-webkit-mask-image:radial-gradient(70% 120% at 50% 50%,#000 20%,transparent 100%);mask-image:radial-gradient(70% 120% at 50% 50%,#000 20%,transparent 100%);animation:ctaPat 40s linear infinite;}
@keyframes ctaPat{to{background-position:72px 72px;}}
.cta-band .wrap{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;align-items:center;}
.cta-band h2,.cta-band p{flex:1 1 100%;}
.cta-band .cta-dl{display:inline-flex;align-items:center;gap:8px;color:#fff;border-color:rgba(255,255,255,.45);padding:15px 26px;font-weight:700;transition:background .25s,transform .25s;}
@media(hover:hover) and (pointer:fine){.cta-band .cta-dl:hover{background:rgba(255,255,255,.14);border-color:#fff;transform:translateY(-2px);}}
@media(max-width:640px){.cta-band .cta-dl,.cta-band .btn-primary{flex:1 1 100%;justify-content:center;}}
@media (prefers-reduced-motion: reduce){.cta-band::before{animation:none;}}

/* قسم الدعوة: إصلاح التخطيط، شعار خلفية، أزرار ملونة */
.cta-band .wrap{position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;}
.cta-band h2,.cta-band p{flex:0 0 100%;width:100%;max-width:none;margin-inline:0;text-align:center;}
.cta-band h2{margin-bottom:6px;}
.cta-band p{padding-inline:max(0px,calc(50% - 330px));margin-bottom:14px;}
.cta-band::after{content:"";position:absolute;left:-3%;top:50%;width:min(560px,52vw);aspect-ratio:688.89/237.33;transform:translateY(-50%) rotate(-6deg);background:url(/assets/img/logo.svg) center/contain no-repeat;filter:brightness(0) invert(1);opacity:.1;pointer-events:none;z-index:-1;-webkit-mask-image:linear-gradient(90deg,#000 55%,transparent);mask-image:linear-gradient(90deg,#000 55%,transparent);}
.cta-band .btn{border:0;border-radius:12px;padding:16px 30px;font-size:15px;font-weight:800;display:inline-flex;align-items:center;gap:9px;transition:transform .25s,box-shadow .25s,filter .25s;}
.cta-band .btn-primary{background:linear-gradient(135deg,#F3C87A,#E9A93B);color:#3a2605;box-shadow:0 14px 28px -14px rgba(233,169,59,.9);}
.cta-band .cta-dl{background:linear-gradient(135deg,#1fb85a,#159A48);color:#fff;border:0;box-shadow:0 14px 28px -14px rgba(21,154,72,.95);}
.cta-band .cta-dl svg{flex:none;}
@media(hover:hover) and (pointer:fine){.cta-band .btn:hover{transform:translateY(-3px);filter:brightness(1.07);}}
@media(max-width:640px){.cta-band::after{left:-30%;width:90vw;}.cta-band .btn{flex:1 1 100%;justify-content:center;}}

/* قسم الدعوة: بلا باترن، وجزء من أيقونة الشعار في الجهة اليسرى */
.cta-band::before{content:none !important;animation:none !important;}
.cta-band::after{left:-110px !important;top:50% !important;width:460px !important;height:auto !important;aspect-ratio:184/237.33 !important;transform:translateY(-50%) !important;background:url(/assets/img/logo-icon.svg) center/contain no-repeat !important;filter:brightness(0) invert(1) !important;opacity:.12 !important;-webkit-mask-image:none !important;mask-image:none !important;}
@media(max-width:640px){.cta-band::after{left:-150px !important;width:340px !important;}}

@media(max-width:900px){.card-grid[style*='repeat(4']{grid-template-columns:1fr 1fr !important;}}@media(max-width:560px){.card-grid[style*='repeat(4']{grid-template-columns:1fr !important;}}

/* قسم المؤسس: بطاقة بشريط ملون وصورة بحلقة متدرجة */
.fcx{position:relative;display:grid;grid-template-columns:230px 1fr;gap:44px;padding:50px 44px 36px;background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:0 30px 60px -38px rgba(0,0,0,.35);overflow:hidden;max-width:1100px;margin-inline:auto}
.fcx::before{content:"";position:absolute;top:0;inset-inline:0;height:6px;background:linear-gradient(90deg,#2e9b60 0 32%,#6c5ce0 32% 56%,#eda23b 56% 82%,#ea5b3d 82%)}
.fcx::after{content:"";position:absolute;inset-inline-start:-40px;bottom:-60px;width:260px;height:300px;border-radius:40px;background:#eef5f2;transform:skewX(-14deg);z-index:0}
.fcx>*{position:relative;z-index:1}
.fcx .founder-photo-wrap{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:none;position:relative}
.fcx .founder-photo{width:200px;height:200px;border-radius:50%;object-fit:cover;object-position:center top;border:6px solid #fff;display:block;position:relative;z-index:1;box-shadow:none;aspect-ratio:1}
.fcx-ring{position:absolute;top:-8px;width:216px;height:216px;border-radius:50%;background:conic-gradient(from 200deg,#6c5ce0,#eda23b,#ea5b3d,#2e9b60,#6c5ce0);z-index:0}
.fcx-check{position:absolute;top:150px;inset-inline-end:2px;width:50px;height:50px;border-radius:50%;background:#fff;color:#13522E;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px -8px rgba(0,0,0,.45);z-index:2}
.fcx-ver{margin-top:210px;display:inline-flex;align-items:center;gap:8px;font-family:'IBM Plex Mono',monospace;font-size:12px;color:#13522E;background:#e3f1e8;padding:8px 16px;border-radius:999px;position:static}
.fcx-ver i{width:7px;height:7px;border-radius:50%;background:#2e9b60}
.fcx .founder-photo-wrap .founder-photo-fallback{width:200px;height:200px}
.fcx-k{font-family:'IBM Plex Mono',monospace;font-size:13px;color:#2e9b60;display:block;margin-bottom:6px}
.fcx .founder-name{font-size:clamp(30px,4vw,44px);line-height:1.2;margin:0 0 6px}
.fcx .founder-role{font-family:'IBM Plex Mono',monospace;font-size:13px;color:var(--muted);letter-spacing:.04em;margin-bottom:16px}
.fcx .founder-rule{display:none}
.fcx-quote{position:relative;border-inline-start:2px solid #e3e7e4;padding-inline-start:18px;font-size:17px;line-height:2;color:#3a4540;margin:0 0 18px}
.fcx-quote::before{content:"\201D";position:absolute;inset-inline-start:-8px;top:-26px;font:80px/1 Georgia,serif;color:#e1ebe6}
.fcx .ab-cv-title{margin-top:8px}
.fcx-foot{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}
.fcx .founder-social{margin-top:16px}
.fcx .founder-social a{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:#faf9f6}
@media(max-width:860px){.fcx{grid-template-columns:1fr;gap:24px;padding:44px 22px 28px}.fcx .founder-photo-wrap{margin-bottom:24px}}
.fcx .founder-photo-wrap::before,.fcx .founder-photo-wrap::after{display:none !important}
.fcx .founder-photo-wrap{max-width:none !important;width:auto !important;margin-inline:0 !important;padding-top:8px;isolation:auto}
.fcx.founder-card{padding:50px 44px 36px;gap:44px;grid-template-columns:230px 1fr}
@media(max-width:860px){.fcx.founder-card{grid-template-columns:1fr;gap:24px;padding:44px 22px 28px}.fcx .founder-photo-wrap{align-items:center}}
.fcx-ring{display:none !important}
.fcx .founder-photo{padding:7px;border:0 !important;background:conic-gradient(from 200deg,#6c5ce0,#eda23b,#ea5b3d,#2e9b60,#6c5ce0);background-clip:border-box}
.fcx .founder-photo-wrap{align-items:center;padding-top:0}
.fcx-ver{margin-top:0 !important;font-size:0}.fcx-ver i{margin:0}.fcx-ver{display:none !important}
.fcx-check{top:158px}
.fcx .founder-role{display:inline-block;background:none !important;padding:0 !important;border:0 !important;color:var(--muted) !important;border-radius:0 !important}

/* المؤسس: تواصل وسوشال في صف واحد */
.fcx-foot{display:inline-flex;margin:20px 0 0;padding:0;border:0;vertical-align:middle}
.fcx .founder-social{display:inline-flex;gap:8px;margin:20px 0 0;margin-inline-start:14px;vertical-align:middle;flex-wrap:wrap}
.fcx-foot,.fcx .founder-social{float:none}
.fcx .ab-cv{margin-bottom:6px}
.fcx .founder-bio~.fcx-foot{border-top:0}
/* فريق العمل */
.tmx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:22px}
.tmx-m{margin:0;text-align:center}
.tmx-ph{display:flex;width:150px;height:150px;border-radius:50%;margin:0 auto 14px;padding:5px;background:conic-gradient(from 200deg,#6c5ce0,#eda23b,#ea5b3d,#2e9b60,#6c5ce0);overflow:hidden;align-items:center;justify-content:center;transition:transform .4s cubic-bezier(.23,1,.32,1)}
.tmx-ph img{width:100%;height:100%;object-fit:cover;object-position:center top;border-radius:50%;border:4px solid #fff;background:#fff}
.tmx-ph b{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#159A48,#13522E);color:#fff;font-size:44px;display:flex;align-items:center;justify-content:center;border:4px solid #fff}
@media(hover:hover) and (pointer:fine){.tmx-m:hover .tmx-ph{transform:translateY(-5px) scale(1.04)}}
.tmx-m strong{display:block;font-size:17px}.tmx-m span{display:block;font-size:13px;color:var(--muted);margin-top:4px;line-height:1.7}
.fcx-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.fcx-row .fcx-foot,.fcx-row .founder-social{margin:0 !important;padding:0;border:0}

.tmx-ph svg{width:100%;height:100%;padding:26px;border-radius:50%;background:linear-gradient(135deg,#159A48,#13522E);color:#fff;border:4px solid #fff}

/* فريق العمل: خلفية فاتحة ممتدة بعرض الصفحة */
.tmx{position:relative;isolation:isolate;padding:56px 0 64px !important;margin-top:48px}
.tmx::before{content:"";position:absolute;inset-block:0;left:50%;width:100vw;transform:translateX(-50%);z-index:-1;background:radial-gradient(60% 90% at 85% 0%,rgba(21,154,72,.10),transparent 70%),radial-gradient(50% 80% at 8% 100%,rgba(243,200,122,.22),transparent 70%),linear-gradient(180deg,#eef5f0,#f5f1e6);border-block:1px solid #e2eadf}
body{overflow-x:clip}