/* ================================================================
   تبارك لإدارة شركات حجاج الداخل — the page wears the system's own identity:
   deep green + gold, Islamic geometric pattern, Sadu band. Loaded after the inline styles.
   ================================================================ */
.erp.hajj{
  --hg:#0b6b47; --hg2:#0e7d53; --hgd:#06301f; --hgx:#041f14;
  --gold:#c9a24a; --gold2:#e8cf8a; --gold3:#a9802f; --cream:#faf6ec;
  --erp:#0b6b47; --erp2:#c9a24a; --erp-grad:linear-gradient(135deg,#e0bd6a,#b8893a);
  --hajj-star:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='%23e8cf8a' stroke-width='1'%3E%3Cpath d='M22 22h36v36H22z'/%3E%3Cpath d='M40 14.5 65.5 40 40 65.5 14.5 40z'/%3E%3Ccircle cx='40' cy='40' r='8'/%3E%3Cpath d='M0 0l14.5 14.5M80 0 65.5 14.5M0 80l14.5-14.5M80 80 65.5 65.5M40 0v14.5M40 80V65.5M0 40h14.5M80 40H65.5'/%3E%3C/g%3E%3C/svg%3E");
  --hajj-star-g:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='%230b6b47' stroke-width='1'%3E%3Cpath d='M22 22h36v36H22z'/%3E%3Cpath d='M40 14.5 65.5 40 40 65.5 14.5 40z'/%3E%3Ccircle cx='40' cy='40' r='8'/%3E%3Cpath d='M0 0l14.5 14.5M80 0 65.5 14.5M0 80l14.5-14.5M80 80 65.5 65.5M40 0v14.5M40 80V65.5M0 40h14.5M80 40H65.5'/%3E%3C/g%3E%3C/svg%3E");
  --sadu:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='16' viewBox='0 0 48 16'%3E%3Cpath fill='%238c1d2c' d='M0 16 6 0l6 16z'/%3E%3Cpath fill='%23e8cf8a' d='M12 16 18 0l6 16z'/%3E%3Cpath fill='%23faf6ec' d='M24 16 30 0l6 16z'/%3E%3Cpath fill='%23c9a24a' d='M36 16 42 0l6 16z'/%3E%3Cpath fill='%2306301f' d='M6 0h6l-3 8zM18 0h6l-3 8zM30 0h6l-3 8zM42 0h6l-3 8z'/%3E%3C/svg%3E");
}
/* ---------- hero ---------- */
.hajj .hajj-hero{background:radial-gradient(ellipse at 75% 0%,#0f6e49 0%,#06301f 55%,#041f14 100%);padding-bottom:170px}
.hajj .hajj-hero::before{background-image:var(--hajj-star);background-size:80px 80px;opacity:.09;mask-image:radial-gradient(ellipse at 60% 40%,#000 30%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at 60% 40%,#000 30%,transparent 80%)}
.hajj .hajj-hero .glow.g1{background:radial-gradient(circle,rgba(232,207,138,.30),transparent 65%)}
.hajj .hajj-hero .glow.g2{background:radial-gradient(circle,rgba(14,125,83,.55),transparent 65%);opacity:.5}
.hajj .hajj-hero .grad-text,.hajj .grad-text{background:linear-gradient(90deg,#f3dc9b,#e0bd6a 50%,#c9a24a);-webkit-background-clip:text;background-clip:text;color:transparent}
.hajj .talbiya{margin:0 0 .6rem;font-size:clamp(1.25rem,2.2vw,1.65rem);font-weight:800;color:var(--gold2);letter-spacing:.01em;text-shadow:0 2px 20px rgba(232,207,138,.25)}
.hajj .ent{background:rgba(232,207,138,.10);border-color:rgba(232,207,138,.45);color:var(--gold2)}
.hajj .erp-tags li{border-color:rgba(232,207,138,.28);color:rgba(255,255,255,.88)}
.hajj .crumbs{color:rgba(232,207,138,.65)}
.hajj .btn-primary{background:linear-gradient(135deg,#e6c573,#c9a24a 55%,#a9802f);color:#1d1606;box-shadow:0 12px 26px -10px rgba(201,162,74,.65)}
.hajj .btn-primary:hover{box-shadow:0 18px 34px -12px rgba(201,162,74,.8)}
.hajj .hajj-hero .btn-ghost{border-color:rgba(232,207,138,.4)}
/* stage: dashboard inside a golden arch, phone in front */
.hajj-stage{position:relative;padding:44px 34px 70px 54px}
.hajj-stage .arch{position:absolute;inset:0 8px 30px 24px;border:2px solid rgba(232,207,138,.55);border-radius:50% 50% 18px 18px / 26% 26% 18px 18px;background:linear-gradient(180deg,rgba(232,207,138,.08),rgba(232,207,138,0) 60%);pointer-events:none}
.hajj-stage .arch::after{content:"";position:absolute;inset:10px;border:1px solid rgba(232,207,138,.22);border-radius:inherit}
.hajj-stage .win{position:relative;z-index:1;box-shadow:0 40px 90px -30px rgba(0,0,0,.75),0 0 0 1px rgba(232,207,138,.25)}
.hajj-stage .mob{position:absolute;z-index:2;width:150px;bottom:0;left:0;animation:float 6s ease-in-out infinite;box-shadow:0 30px 60px -20px rgba(0,0,0,.8),0 0 0 2px rgba(232,207,138,.35)}
.hajj-stage .lab-chip{position:absolute;z-index:3}
.hajj-stage .lab-chip .ic{background:linear-gradient(135deg,#0e7d53,#06301f)}
.hajj-stage .lab-chip.c1{top:6px;inset-inline-start:-6px}
.hajj-stage .lab-chip.c2{bottom:22%;inset-inline-end:-14px}
.hajj-stage .lab-chip.c2 .ic{background:linear-gradient(135deg,#e0bd6a,#a9802f)}
.hajj .sadu{position:absolute;left:0;right:0;bottom:0;height:16px;background:var(--sadu) repeat-x;background-size:48px 16px;opacity:.95}
/* ---------- sections ---------- */
.hajj .section.warm{background-color:var(--cream);background-image:var(--hajj-star-g);background-size:80px 80px;background-blend-mode:normal;position:relative}
.hajj .section.warm{background-image:linear-gradient(rgba(250,246,236,.955),rgba(250,246,236,.955)),var(--hajj-star-g)}
.hajj .dark-band{background-color:var(--hgd);background-image:linear-gradient(rgba(6,48,31,.94),rgba(6,48,31,.94)),var(--hajj-star);background-size:auto,80px 80px}
.hajj .eyebrow{background:rgba(11,107,71,.09);color:var(--hg)}
.hajj .eyebrow::before{background:var(--gold)}
.hajj .dark-band .eyebrow,.hajj .hajj-hero .eyebrow{background:rgba(232,207,138,.14);color:var(--gold2)}
.hajj .section-head h2::after{content:"";display:block;width:84px;height:12px;margin:.9rem auto 0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='12' viewBox='0 0 84 12'%3E%3Cg fill='none' stroke='%23c9a24a' stroke-width='1.4'%3E%3Cpath d='M0 6h30M54 6h30'/%3E%3Cpath d='M42 1l5 5-5 5-5-5z' fill='%23c9a24a'/%3E%3Cpath d='M34 6h2M48 6h2'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
.hajj .box .ic,.hajj .chip-f .ic,.hajj .flow3 .ic{background:rgba(11,107,71,.09);color:var(--hg)}
.hajj .box:hover{border-color:rgba(201,162,74,.55)}
.hajj .sec-item{border-color:rgba(232,207,138,.16)}
.hajj .sec-item .ic{background:rgba(232,207,138,.14);color:var(--gold2)}
.hajj .ticks li>svg{color:var(--hg)}
.hajj .dark-band .ticks li>svg{color:var(--gold2)}
.hajj .num-badge{color:#1d1606}
.hajj .tabs button:hover{border-color:rgba(201,162,74,.6)}
.hajj .tabs button.on{background:linear-gradient(135deg,#0e7d53,#06301f);color:#fff;box-shadow:0 10px 24px -10px rgba(6,48,31,.6)}
.hajj .dark-band .tabs button{background:rgba(255,255,255,.06);color:rgba(255,255,255,.8);border-color:rgba(232,207,138,.2)}
.hajj .dark-band .tabs button.on{background:var(--erp-grad);color:#1d1606}
.hajj .dark-band .panel-cap,.hajj .dark-band figcaption{color:rgba(255,255,255,.6)}
.hajj .nums4 b{background:var(--erp-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.hajj .flow3 div::before{background:var(--erp-grad);color:#1d1606}
.hajj .faq details[open]{border-color:rgba(201,162,74,.5)}
.hajj .faq summary:hover{color:var(--hg)}
/* phones */
.phones3{display:flex;gap:1rem;justify-content:center;align-items:flex-end}
.phones3 .mob{width:31%;max-width:220px}
.phones3 .mob:nth-child(2){margin-bottom:46px}
/* demo card */
.demo-card{display:grid;grid-template-columns:1.4fr auto;gap:2rem;align-items:center;background:#fff;border:1px solid rgba(201,162,74,.45);border-radius:24px;padding:2.4rem 2.6rem;position:relative;overflow:hidden;box-shadow:0 26px 60px -34px rgba(6,48,31,.45)}
.demo-card::before{content:"";position:absolute;inset:0;background:var(--hajj-star-g);background-size:80px 80px;opacity:.06;pointer-events:none}
.demo-card h2{font-size:clamp(1.5rem,2.6vw,2.1rem);margin:.4rem 0 .5rem}
.demo-card p{margin:0;color:var(--muted);font-size:1.04rem;line-height:1.9}
.demo-acts{display:flex;flex-direction:column;gap:.7rem;position:relative}
.hajj .btn-outline{border-color:var(--hg);color:var(--hg)}
/* cta */
.hajj .cta-band{background:linear-gradient(135deg,#0e7d53,#06301f 70%);border:1px solid rgba(232,207,138,.35)}
.hajj .cta-band::after{border-color:rgba(232,207,138,.10)}
.hajj .cta-band::before{content:"";position:absolute;inset:0;background:var(--hajj-star);background-size:80px 80px;opacity:.07;z-index:-1}
.hajj .cta-band .btn-light{color:var(--hg)}
.hajj .site-header.solid .nav a:hover{color:var(--hg);background:rgba(11,107,71,.07)}
@media (max-width:960px){
  .hajj-stage{max-width:640px;margin:0 auto;padding:36px 22px 60px 40px}
  .demo-card{grid-template-columns:1fr}
}
@media (max-width:640px){
  .hajj-stage{padding:26px 10px 54px 26px}
  .hajj-stage .mob{width:96px;border-radius:18px;padding:5px}.hajj-stage .mob img{border-radius:14px}
  .hajj-stage .lab-chip.c1{top:-8px;inset-inline-start:0}.hajj-stage .lab-chip.c2{bottom:12px;inset-inline-end:0}
  .phones3 .mob:nth-child(2){margin-bottom:24px}
  .demo-card{padding:1.6rem}
  #why .sec-list{grid-template-columns:1fr!important}
}
.hajj .hajj-hero .hero-grid{grid-template-columns:1fr 1.2fr;max-width:1320px}
@media (max-width:960px){.hajj .hajj-hero .hero-grid{grid-template-columns:1fr}}
.hajj .ksa-only{display:inline-flex;align-items:center;gap:.6rem;margin:0;padding:.45rem .9rem .45rem 1rem;border-radius:12px;background:rgba(255,255,255,.07);border:1px solid rgba(232,207,138,.3);color:#fff;font-weight:700;font-size:.92rem}
.hajj .mod .fx.rev{grid-template-columns:1fr 1.25fr}
.hajj .faq summary::after{color:var(--hg)}
.hajj .faq details[open] summary::after{background:rgba(201,162,74,.18)}
@media (max-width:960px){.hajj .mod .fx.rev{grid-template-columns:1fr}}