/* Hisar Landing Engine — hajj-support
   Generated from the approved standalone page. Every selector is scoped to
   #hisar-hajj so the active theme header/footer on the same document is
   never restyled.
   SOURCE FILE since 1.2.0: edit here. It was first produced by a one-off
   converter (build-plugin.js) that is not part of this repository; 1.1.x
   fixes were made in this file directly, so regenerating would lose them.
   New rules MUST start with #hisar-hajj; `node build/check-scope.js`
   fails the build otherwise. */
#hisar-hajj{font-size:16px;line-height:normal;color:CanvasText;font-family:initial;font-weight:initial;letter-spacing:normal;text-transform:none;text-align:start}
#hisar-hajj :where(:not(svg):not(svg *)){border-color:currentColor;transition:none}
#hisar-hajj :where(h1,h2,h3,h4,h5,h6){color:inherit;margin:revert;line-height:revert;font-weight:revert;font-family:inherit;font-size:revert;letter-spacing:revert;text-transform:none}
#hisar-hajj :where(p,li,blockquote,figure){margin:revert;line-height:inherit;font-size:inherit}
#hisar-hajj :where(ul,ol){margin:revert;padding:revert;list-style:revert}
#hisar-hajj :where(a){color:revert;text-decoration:revert;transition:none}
#hisar-hajj :where(button,input,select,textarea,[type=button],[type=submit],[type=reset]){background-color:revert;background-image:none;color:revert;border:revert;border-radius:revert;padding:revert;margin:revert;font:revert;letter-spacing:revert;text-transform:revert;text-shadow:none;box-shadow:revert;min-height:revert;height:revert;line-height:revert}
#hisar-hajj :where(table,thead,tbody,tr,th,td){border-collapse:revert;width:revert;text-align:revert;padding:revert;margin:revert;border:revert;background-color:revert;background-image:none;vertical-align:revert}
#hisar-hajj :where(blockquote,q,cite,figcaption,address,dl,dt,dd,pre,code,kbd,samp,hr,caption,legend,fieldset,label,small,sub,sup){color:inherit;font-size:inherit;font-style:revert;font-weight:revert;line-height:inherit;margin:revert;padding:revert;border:revert;background:revert;quotes:revert;text-transform:inherit;letter-spacing:inherit}
#hisar-hajj .btn-gold[type=submit],#hisar-hajj button.btn-gold{color:#241a09!important;background-color:transparent!important;border-color:transparent!important}
#hisar-hajj :where(img){max-width:revert;height:revert}
#hisar-hajj [hidden]{display:none!important}
body.hle-hajj-support .traveltour-body-outer-wrapper,body.hle-hajj-support .traveltour-body-wrapper{overflow:clip}
#hisar-hajj{overflow-x:clip}
@media (max-width:999px){body.hle-hajj-support{overflow-x:clip}}
body.hle-hajj-support #hisar-hajj .stickywrap{display:contents}
body.hle-hajj-support #hisar-hajj .hajjbar{position:sticky;top:var(--hisar-admin,0px);z-index:70}
html{scroll-padding-top:calc(var(--hisar-admin,0px) + 62px)}

/* ============ Brand tokens: navy · turquoise · gold (refinement v2) ============ */
#hisar-hajj{
  --ink:#081F38;--ink-2:#103551;--pine:#123D60;--pine-2:#175A74;
  --turq:#087F83;--turq-2:#55D6CF;--turq-deep:#087F83;
  --gold:#C9A24B;--gold-2:#E7D095;--gold-deep:#7E5F18;--gold-bright:#F0DEAA;
  --ivory:#F5FAFC;--paper:#FFFFFF;--white:#FFFFFF;
  --text:#0F2338;--muted:#4A6076;--line:rgba(42,36,29,.15);
  --ease:cubic-bezier(.22,.61,.36,1);--ease-out:cubic-bezier(.16,1,.3,1);
  --bar-h:76px;
}
#hisar-hajj *{box-sizing:border-box}
#hisar-hajj{scroll-behavior:smooth;scroll-padding-top:calc(var(--hdr,66px) + 62px)}
#hisar-hajj{margin:0;font-family:"Plus Jakarta Sans",system-ui,-apple-system,sans-serif;color:var(--text);background:var(--paper);line-height:1.65;-webkit-font-smoothing:antialiased;padding-bottom:var(--bar-h)}
#hisar-hajj h1,#hisar-hajj h2,#hisar-hajj h3{font-weight:700;line-height:1.12;margin:0;letter-spacing:-.02em}
#hisar-hajj p{margin:0}
#hisar-hajj a{color:inherit}
#hisar-hajj img{max-width:100%;display:block}
#hisar-hajj .wrap{width:min(1180px,92vw);margin-inline:auto}
#hisar-hajj .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#hisar-hajj .skip{position:fixed;left:0;top:0;transform:translateY(-200%);z-index:200;background:var(--gold);color:#241a09;padding:.7rem 1.2rem;font-weight:700;border-radius:0 0 8px 0}
#hisar-hajj .skip:focus{transform:none}
#hisar-hajj :focus-visible{outline:3px solid var(--turq-2) !important;outline-offset:3px !important;border-radius:4px}

#hisar-hajj .eyebrow{font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;font-weight:800;color:var(--gold-deep);display:inline-flex;align-items:center;gap:.6rem;margin-bottom:1rem}
#hisar-hajj .eyebrow::before{content:"";width:28px;height:1px;background:currentColor}
#hisar-hajj .on-dark .eyebrow{color:var(--gold-2)}
#hisar-hajj .standfirst{font-size:1.08rem;color:var(--muted);max-width:62ch;margin-top:1rem}
#hisar-hajj .on-dark .standfirst{color:rgba(245,250,252,.82)}
#hisar-hajj h2.sec{font-size:clamp(1.9rem,4.2vw,2.9rem)}

#hisar-hajj .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:700;font-size:.97rem;padding:.9rem 1.6rem;border-radius:999px;border:1.5px solid transparent;cursor:pointer;text-decoration:none;transition:transform .3s var(--ease-out),box-shadow .3s,background .3s,color .3s;text-align:center}
#hisar-hajj .btn-gold{background:linear-gradient(135deg,var(--gold-bright),var(--gold) 60%,#A9843B);color:#241a09;box-shadow:0 14px 30px -14px rgba(169,132,59,.95)}
#hisar-hajj .btn-gold:hover{transform:translateY(-3px)}
#hisar-hajj .btn-ghost{border-color:var(--turq);color:var(--turq-deep)}
#hisar-hajj .on-dark .btn-ghost{color:var(--turq-2)}
#hisar-hajj .btn-ghost:hover{background:rgba(201,162,75,.12);border-color:var(--turq-2);transform:translateY(-3px)}
#hisar-hajj .btn-wide{width:100%}

/* ============ Top bar + header ============ */
#hisar-hajj .topbar{background:var(--ink);color:var(--ivory);font-size:.82rem}
#hisar-hajj .topbar .wrap{display:flex;gap:1.2rem;align-items:center;justify-content:space-between;padding:.5rem 0;flex-wrap:wrap}
#hisar-hajj .topbar a{color:var(--gold-2);text-decoration:none;font-weight:600}
#hisar-hajj header.site{position:sticky;top:0;z-index:70;background:rgba(245,250,252,.88);backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:box-shadow .3s,border-color .3s}
#hisar-hajj header.site.scrolled{box-shadow:0 12px 34px -24px rgba(6,20,40,.6);border-color:var(--line)}
#hisar-hajj .nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 0}
#hisar-hajj .brand{display:flex;align-items:center;text-decoration:none}
#hisar-hajj .brand .logo{height:52px;width:auto;display:block}
#hisar-hajj nav.links{display:flex;align-items:center;gap:1.5rem}
#hisar-hajj nav.links a{text-decoration:none;font-weight:600;font-size:.92rem;color:var(--text);position:relative;padding:.2rem 0}
#hisar-hajj nav.links a::after{content:"";position:absolute;left:0;bottom:-2px;height:2px;width:0;background:var(--gold);transition:width .3s var(--ease)}
#hisar-hajj nav.links a:hover::after,#hisar-hajj nav.links a.active::after{width:100%}
#hisar-hajj .menu-toggle{display:none;background:none;border:0;cursor:pointer;padding:.4rem}
#hisar-hajj .menu-toggle span{display:block;width:24px;height:2px;background:var(--ink);margin:5px 0}

/* ============ Hero ============ */
#hisar-hajj .hero{position:relative;background:radial-gradient(130% 120% at 50% -20%,var(--pine-2),var(--ink) 58%);color:var(--ivory);overflow:hidden;isolation:isolate}
#hisar-hajj .hero .grain{position:absolute;inset:0;opacity:.5;z-index:0;pointer-events:none}
#hisar-hajj .hero .wrap{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center;padding:clamp(2.6rem,6vw,4.4rem) 0 clamp(3rem,6vw,4.6rem)}
#hisar-hajj .hero h1{font-size:clamp(2.5rem,6.2vw,4.4rem);color:var(--ivory)}
#hisar-hajj .hero h1 .yr{background:linear-gradient(100deg,var(--gold) 35%,var(--gold-bright) 50%,var(--gold) 65%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 6s linear infinite}
@keyframes shimmer{to{background-position:200% center}}
#hisar-hajj .hero .h1-sub{display:block;font-size:clamp(1.05rem,2.3vw,1.5rem);font-weight:600;letter-spacing:.01em;color:var(--turq-2);margin-top:.6rem;line-height:1.35}
#hisar-hajj .hero .lede{font-size:1.1rem;color:rgba(245,250,252,.85);max-width:46ch;margin:1.3rem 0 1.9rem}
#hisar-hajj .hero-cta{display:flex;gap:.8rem;flex-wrap:wrap}
#hisar-hajj .hero-note{margin-top:1rem;font-size:.86rem;color:rgba(245,250,252,.62)}

/* proof panel in hero */
#hisar-hajj .proof-panel{background:linear-gradient(165deg,rgba(203,164,85,.5),rgba(7,26,51,.72));border:1px solid rgba(232,210,150,.26);border-radius:20px;padding:1.9rem 1.7rem;backdrop-filter:blur(6px)}
#hisar-hajj .proof-panel h2{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-2);font-weight:800;margin-bottom:1.3rem}
#hisar-hajj .pf{padding:1rem 0;border-top:1px solid rgba(232,210,150,.16)}
#hisar-hajj .pf:first-of-type{border-top:0;padding-top:0}
#hisar-hajj .pf b{display:block;font-size:2.1rem;line-height:1;color:var(--gold-2);font-weight:800;letter-spacing:-.02em}
#hisar-hajj .pf span{display:block;font-size:.85rem;color:rgba(245,250,252,.74);margin-top:.4rem}

/* ============ Section nav ============ */
#hisar-hajj .secnav{position:sticky;top:var(--hdr,66px);z-index:60;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
#hisar-hajj .secnav ul{display:flex;gap:1.6rem;list-style:none;margin:0;padding:.85rem 0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
#hisar-hajj .secnav ul::-webkit-scrollbar{display:none}
#hisar-hajj .secnav a{text-decoration:none;font-size:.83rem;font-weight:700;color:var(--muted);white-space:nowrap;letter-spacing:.02em;transition:color .25s}
#hisar-hajj .secnav a:hover,#hisar-hajj .secnav a.active{color:var(--ink)}

/* ============ Sections ============ */
#hisar-hajj section.band{padding:clamp(3.4rem,7vw,5.6rem) 0}
#hisar-hajj .band.tint{background:linear-gradient(180deg,var(--white),var(--paper))}
#hisar-hajj .band.dark{background:radial-gradient(120% 130% at 80% 0%,var(--pine),var(--ink) 62%);color:var(--ivory)}
#hisar-hajj .band.dark h2,#hisar-hajj .band.dark h3{color:var(--ivory)}

#hisar-hajj .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:2.6rem}
#hisar-hajj .card{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:1.6rem 1.5rem;transition:transform .35s var(--ease-out),box-shadow .35s}
#hisar-hajj .card:hover{transform:translateY(-4px);box-shadow:0 22px 44px -30px rgba(7,26,51,.5)}
#hisar-hajj .card .ic{width:44px;height:44px;border-radius:12px;background:linear-gradient(140deg,rgba(201,162,75,.16),rgba(203,164,85,.18));display:grid;place-items:center;margin-bottom:1rem}
#hisar-hajj .card h3{font-size:1.05rem;margin-bottom:.5rem}
#hisar-hajj .card p{font-size:.94rem;color:var(--muted)}
#hisar-hajj .band.dark .card{background:rgba(255,255,255,.05);border-color:rgba(232,210,150,.2)}
#hisar-hajj .band.dark .card p{color:rgba(245,250,252,.76)}

/* ============ Steps ============ */
#hisar-hajj .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;margin-top:2.6rem;counter-reset:s}
#hisar-hajj .step{position:relative;background:var(--white);border:1px solid var(--line);border-radius:16px;padding:1.5rem 1.3rem}
#hisar-hajj .step::before{counter-increment:s;content:"0" counter(s);font-size:.78rem;font-weight:800;letter-spacing:.16em;color:var(--gold-deep);display:block;margin-bottom:.7rem}
#hisar-hajj .step h3{font-size:1rem;margin-bottom:.45rem}
#hisar-hajj .step p{font-size:.9rem;color:var(--muted)}

/* ============ Pricing ============ */
#hisar-hajj .tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem;margin-top:2.8rem;align-items:start}
#hisar-hajj .tier{background:var(--white);border:1px solid var(--line);border-radius:20px;padding:1.9rem 1.6rem;display:flex;flex-direction:column;height:100%}
#hisar-hajj .tier.feature{border:2px solid var(--gold);box-shadow:0 26px 56px -34px rgba(169,132,59,.7);position:relative}
#hisar-hajj .tier.feature::after{content:"Recommended start";position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--gold-bright),var(--gold) 60%,#A9843B);color:#241a09;font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:.35rem 1rem;border-radius:999px;white-space:nowrap}
#hisar-hajj .tier h3{font-size:1.25rem}
#hisar-hajj .tier .who{font-size:.86rem;color:var(--muted);margin-top:.45rem;min-height:2.9em}
#hisar-hajj .price{margin:1.3rem 0 .3rem;display:flex;align-items:baseline;gap:.35rem}
#hisar-hajj .price .amt{font-size:2.6rem;font-weight:800;letter-spacing:-.03em;line-height:1}
#hisar-hajj .price .per{font-size:.85rem;color:var(--muted);font-weight:600}
#hisar-hajj .price-note{font-size:.82rem;color:var(--muted);min-height:2.6em}
#hisar-hajj .tier ul{list-style:none;margin:1.4rem 0 1.7rem;padding:0;display:grid;gap:.65rem;flex:1}
#hisar-hajj .tier li{font-size:.92rem;padding-left:1.6rem;position:relative;color:var(--text)}
#hisar-hajj .tier li::before{content:"";position:absolute;left:0;top:.52em;width:9px;height:5px;border-left:2px solid var(--turq-deep);border-bottom:2px solid var(--turq-deep);transform:rotate(-45deg)}
#hisar-hajj .tier li.off{color:#667585}
#hisar-hajj .tier li.off::before{border:0;width:10px;height:2px;background:#9AA7B3;transform:none;top:.72em}
#hisar-hajj .credit-strip{margin-top:2.4rem;background:linear-gradient(135deg,rgba(201,162,75,.1),rgba(203,164,85,.14));border:1px solid rgba(203,164,85,.4);border-radius:16px;padding:1.5rem 1.6rem;display:flex;gap:1.2rem;align-items:center;flex-wrap:wrap}
#hisar-hajj .credit-strip strong{font-size:1.06rem}
#hisar-hajj .credit-strip p{font-size:.92rem;color:var(--muted);margin-top:.3rem}


/* ---- pilgrim-count calculator ---- */
#hisar-hajj .calc{margin-top:2.2rem;background:var(--white);border:1px solid var(--line);border-radius:16px;padding:1.2rem 1.4rem;display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap;max-width:620px}
#hisar-hajj .calc label{font-weight:700;font-size:.98rem}
#hisar-hajj .calc .stepper{display:inline-flex;align-items:center;border:1.5px solid var(--line);border-radius:999px;overflow:hidden}
#hisar-hajj .calc .stepper button{width:44px;height:44px;border:0;background:var(--paper);font-size:1.3rem;font-weight:700;color:var(--ink);cursor:pointer}
#hisar-hajj .calc .stepper button:hover{background:rgba(201,162,75,.12)}
#hisar-hajj .calc .stepper output{min-width:52px;text-align:center;font-weight:800;font-size:1.15rem}
#hisar-hajj .calc small{display:block;flex-basis:100%;font-size:.84rem;color:var(--muted)}
#hisar-hajj .price .amt.dyn{transition:opacity .2s}
#hisar-hajj .tier .fam{display:none;font-size:.8rem;color:var(--gold-deep);font-weight:700;margin-top:.2rem}
#hisar-hajj .tier .fam.show{display:block}

/* ---- value anchor above the tiers ---- */
#hisar-hajj .anchorbox{margin-top:2.2rem;background:var(--white);border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:14px;padding:1.3rem 1.5rem;max-width:74ch}
#hisar-hajj .anchorbox strong{display:block;margin-bottom:.35rem}
#hisar-hajj .anchorbox p{font-size:.95rem;color:var(--muted)}

/* ---- guarantee strip ---- */
#hisar-hajj .guarantee{margin-top:1.6rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
#hisar-hajj .gcell{display:flex;gap:.8rem;align-items:flex-start;background:var(--white);border:1px solid var(--line);border-radius:14px;padding:1.1rem 1.2rem}
#hisar-hajj .gcell svg{flex:0 0 auto;margin-top:.15rem}
#hisar-hajj .gcell b{display:block;font-size:.95rem}
#hisar-hajj .gcell span{font-size:.86rem;color:var(--muted)}

/* ---- human channel prompt ---- */
#hisar-hajj .helpline{margin-top:1.5rem;text-align:center;font-size:.98rem;color:var(--muted)}
#hisar-hajj .helpline a{color:var(--turq-deep);font-weight:700;text-decoration:none;border-bottom:2px solid rgba(201,162,75,.35)}
#hisar-hajj .helpline a:hover{border-color:var(--turq)}

/* ---- testimonial near the decision ---- */
#hisar-hajj .quotes{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem;margin-top:2.6rem}
#hisar-hajj .quote{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:1.6rem 1.5rem;position:relative}
#hisar-hajj .quote::before{content:"\201C";position:absolute;top:.4rem;left:1.1rem;font-size:3.6rem;line-height:1;color:rgba(203,164,85,.28);font-family:Georgia,serif}
#hisar-hajj .quote p{font-size:.98rem;position:relative;z-index:1;padding-top:.7rem}
#hisar-hajj .quote cite{display:block;margin-top:.9rem;font-style:normal;font-size:.85rem;color:var(--muted);font-weight:600}

/* ---- tooltips (click, not hover) ---- */
#hisar-hajj .tip{display:inline-block;position:relative}
#hisar-hajj .tip>button{border:0;background:rgba(201,162,75,.16);color:var(--turq-deep);width:24px;height:24px;border-radius:50%;font-size:.72rem;font-weight:800;cursor:pointer;line-height:24px;padding:0;margin-left:.3rem;vertical-align:-.32em}
#hisar-hajj .tip>span,#hisar-hajj .tipbubble{display:none;position:fixed;left:0;top:0;width:min(270px,72vw);background:var(--ink);color:var(--ivory);font-size:.82rem;font-weight:500;line-height:1.5;padding:.7rem .85rem;border-radius:10px;box-shadow:0 16px 34px -18px rgba(4,16,31,.85);z-index:20;text-align:left}
#hisar-hajj .tip.open>span,#hisar-hajj .tipbubble.open{display:block}
#hisar-hajj .band.dark .tip>button{background:rgba(232,210,150,.2);color:var(--gold-2)}

/* ---- grouped comparison table + sticky label column ---- */
#hisar-hajj table.cmp tbody tr.grp td{background:var(--paper);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--gold-deep);padding:.6rem 1rem}
#hisar-hajj table.cmp td:first-child,#hisar-hajj table.cmp thead th:first-child{position:sticky;left:0;background:var(--white);z-index:2}
#hisar-hajj table.cmp thead th:first-child{background:var(--ink)}
#hisar-hajj table.cmp tbody tr.grp td:first-child{background:var(--paper)}


/* ---- process timeline with icons ---- */
#hisar-hajj .steps{position:relative}
#hisar-hajj .steps::before{content:"";position:absolute;top:52px;left:12%;right:12%;height:2px;background:linear-gradient(90deg,rgba(203,164,85,0),var(--gold) 12%,var(--turq) 50%,var(--gold) 88%,rgba(203,164,85,0));opacity:.4;z-index:0}
#hisar-hajj .step{position:relative;z-index:1;text-align:center;padding-top:2.1rem}
#hisar-hajj .step .ring{width:64px;height:64px;border-radius:50%;margin:0 auto 1rem;display:grid;place-items:center;background:var(--white);border:2px solid #CBA455;box-shadow:0 0 0 7px var(--paper),0 16px 30px -20px rgba(7,26,51,.55);position:relative}
#hisar-hajj .step .num{position:absolute;top:-4px;right:-6px;background:var(--ink);color:var(--gold-2);font-size:.63rem;font-weight:800;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;letter-spacing:0}
#hisar-hajj .step::before{content:none}
#hisar-hajj .step h3{margin-bottom:.45rem}

/* ---- tier crest ---- */
#hisar-hajj .crest{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;margin-bottom:.9rem;background:linear-gradient(140deg,rgba(201,162,75,.14),rgba(203,164,85,.2));border:1px solid rgba(203,164,85,.3)}
#hisar-hajj .tier.feature .crest{background:linear-gradient(140deg,var(--gold-bright),var(--gold));border-color:#A9843B}

/* ---- "Nusuk Ready" readiness panel ---- */
#hisar-hajj .ready{background:linear-gradient(165deg,rgba(203,164,85,.42),rgba(7,26,51,.7));border:1px solid rgba(232,210,150,.26);border-radius:20px;padding:1.8rem 1.7rem;margin-top:2.6rem;display:grid;grid-template-columns:1fr 1.15fr;gap:2.2rem;align-items:center}
#hisar-hajj .ready h3{font-size:1.25rem;margin-bottom:.6rem}
#hisar-hajj .ready .tag{display:inline-flex;align-items:center;gap:.45rem;font-size:.7rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#241a09;background:linear-gradient(135deg,var(--gold-bright),var(--gold));padding:.32rem .8rem;border-radius:999px;margin-bottom:.9rem}
#hisar-hajj .ready p{font-size:.95rem;color:rgba(245,250,252,.8)}
#hisar-hajj .rlist{list-style:none;margin:0;padding:0;display:grid;gap:.1rem}
#hisar-hajj .rlist li{display:flex;align-items:center;gap:.85rem;padding:.62rem .9rem;border-radius:11px;background:rgba(255,255,255,.045);border:1px solid rgba(232,210,150,.13);font-size:.93rem;font-weight:600;color:var(--ivory)}
#hisar-hajj .rlist .tick{flex:0 0 auto;width:24px;height:24px;border-radius:50%;background:rgba(201,162,75,.2);border:1.5px solid var(--turq);display:grid;place-items:center}
#hisar-hajj .rlist li:last-child .tick{background:linear-gradient(135deg,var(--gold-bright),var(--gold));border-color:#A9843B}

/* ---- star motif divider ---- */
#hisar-hajj .divider{height:32px;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22120%22%20height%3D%22120%22%20viewBox%3D%220%200%20120%20120%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23E7D095%22%20stroke-width%3D%220.8%22%20opacity%3D%220.6%22%3E%3Cpath%20d%3D%22M60%200%20Q60%2030%2030%2030%20Q30%2060%200%2060%20Q30%2060%2030%2090%20Q60%2090%2060%20120%20Q60%2090%2090%2090%20Q90%2060%20120%2060%20Q90%2060%2090%2030%20Q60%2030%2060%200Z%22%2F%3E%3Cpath%20d%3D%22M0%200%20L60%2060%20L120%200%20M0%20120%20L60%2060%20L120%20120%22%20opacity%3D%220.48%22%2F%3E%3Cpath%20d%3D%22M60%2013%20Q57%2040%2040%2040%20Q40%2057%2013%2060%20Q40%2063%2040%2080%20Q57%2080%2060%20107%20Q63%2080%2080%2080%20Q80%2063%20107%2060%20Q80%2057%2080%2040%20Q63%2040%2060%2013Z%22%20opacity%3D%220.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:center;background-size:56px 56px;opacity:.6}

/* comparison table */
#hisar-hajj .scrollhint{display:none;font-size:.8rem;color:var(--muted);margin:1.8rem 0 -1.2rem;font-weight:600}
@media(max-width:760px){#hisar-hajj .scrollhint{display:block}}
#hisar-hajj .tblwrap{overflow-x:auto;margin-top:2.6rem;border:1px solid var(--line);border-radius:16px;background:var(--white)}
#hisar-hajj table.cmp{width:100%;border-collapse:collapse;min-width:640px;font-size:.92rem}
#hisar-hajj table.cmp th,#hisar-hajj table.cmp td{padding:.85rem 1rem;text-align:left;border-bottom:1px solid var(--line)}
#hisar-hajj table.cmp thead th{background:var(--ink);color:var(--ivory);font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;font-weight:700;border-bottom:0}
#hisar-hajj table.cmp thead th:first-child{border-radius:16px 0 0 0}
#hisar-hajj table.cmp thead th:last-child{border-radius:0 16px 0 0}
#hisar-hajj table.cmp tbody tr:last-child td{border-bottom:0}
#hisar-hajj table.cmp td:not(:first-child),#hisar-hajj table.cmp th:not(:first-child){text-align:center;width:19%}
#hisar-hajj table.cmp td:first-child{font-weight:600}
#hisar-hajj .yes{color:var(--turq-deep);font-weight:800}
#hisar-hajj .no{color:#667585}

/* safeguards */
#hisar-hajj .guards{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem;margin-top:2.6rem}
#hisar-hajj .guard{border:1px solid rgba(232,210,150,.24);background:rgba(255,255,255,.05);border-radius:16px;padding:1.4rem 1.4rem 1.4rem 3.4rem;position:relative}
#hisar-hajj .guard::before{content:"";position:absolute;left:1.3rem;top:1.6rem;width:16px;height:16px;border-radius:50%;border:2px solid #E38A8A}
#hisar-hajj .guard::after{content:"";position:absolute;left:1.58rem;top:1.88rem;width:9px;height:2px;background:#E38A8A;transform:rotate(-45deg)}
#hisar-hajj .guard h3{font-size:1rem;margin-bottom:.4rem}
#hisar-hajj .guard p{font-size:.9rem;color:rgba(245,250,252,.76)}

/* FAQ */
#hisar-hajj .faq{margin-top:2.4rem;border-top:1px solid var(--line)}
#hisar-hajj details{border-bottom:1px solid var(--line)}
#hisar-hajj summary{cursor:pointer;padding:1.15rem 2.4rem 1.15rem 0;font-weight:700;font-size:1.02rem;list-style:none;position:relative}
#hisar-hajj summary::-webkit-details-marker{display:none}
#hisar-hajj summary::after{content:"";position:absolute;right:.55rem;top:1.6rem;width:9px;height:9px;border-right:2px solid var(--gold-deep);border-bottom:2px solid var(--gold-deep);transform:rotate(45deg);transition:transform .3s var(--ease)}
#hisar-hajj details[open] summary::after{transform:rotate(-135deg)}
#hisar-hajj details p{padding:0 0 1.2rem;color:var(--muted);font-size:.96rem;max-width:74ch}
#hisar-hajj details p + p{padding-top:0}

/* final CTA */
#hisar-hajj .finale{background:radial-gradient(120% 140% at 50% 0%,var(--pine-2),var(--ink) 60%);color:var(--ivory);text-align:center;padding:clamp(3.4rem,7vw,5.4rem) 0}
#hisar-hajj .finale h2{font-size:clamp(1.9rem,4.4vw,2.9rem)}
#hisar-hajj .finale p{max-width:56ch;margin:1.1rem auto 2rem;color:rgba(245,250,252,.84)}
#hisar-hajj .finale .hero-cta{justify-content:center}

/* footnotes */
#hisar-hajj .fn{background:var(--ink);color:rgba(245,250,252,.62);padding:2.4rem 0;font-size:.83rem}
#hisar-hajj .fn h2{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-2);margin-bottom:1rem}
#hisar-hajj .fn ol{margin:0;padding-left:1.2rem;display:grid;gap:.6rem;max-width:88ch}
#hisar-hajj .fn a{color:var(--gold-2)}
#hisar-hajj sup a{text-decoration:none;color:var(--gold-deep);font-weight:800;font-size:.72em;padding:0 .1em}
#hisar-hajj .on-dark sup a,#hisar-hajj .band.dark sup a{color:var(--gold-2)}

/* sticky decision bar */
#hisar-hajj .bar{position:fixed;left:0;right:0;bottom:0;z-index:90;background:rgba(7,26,51,.97);backdrop-filter:blur(14px);border-top:1px solid rgba(232,210,150,.28);padding:.75rem 0 calc(.75rem + env(safe-area-inset-bottom,0px))}
#hisar-hajj .bar .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
#hisar-hajj .bar .anchor{color:var(--ivory);font-size:.92rem;line-height:1.35}
#hisar-hajj .bar .anchor b{color:var(--gold-2);font-size:1.05rem}
#hisar-hajj .bar .anchor span{display:block;font-size:.78rem;color:rgba(245,250,252,.62)}
#hisar-hajj .bar .acts{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}
#hisar-hajj .bar .btn{padding:.72rem 1.3rem;font-size:.9rem}
#hisar-hajj .bar .btn-ghost{color:var(--turq-2);border-color:var(--turq)}

/* motion */
.js #hisar-hajj .reveal{opacity:0;transform:translateY(10px);transition:opacity .55s var(--ease-out),transform .55s var(--ease-out)}
#hisar-hajj .reveal.in{opacity:1;transform:none}
.js #hisar-hajj .stagger>*{opacity:0;transform:translateY(18px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}
#hisar-hajj .stagger.in>*{opacity:1;transform:none}
#hisar-hajj .stagger.in>*:nth-child(2){transition-delay:.07s}
#hisar-hajj .stagger.in>*:nth-child(3){transition-delay:.14s}
#hisar-hajj .stagger.in>*:nth-child(4){transition-delay:.2s}

/* ---------- large tablet / phone in desktop mode (880-1100px) ---------- */
@media(max-width:1100px){
  #hisar-hajj .hero .wrap{grid-template-columns:1fr;gap:2.2rem}
  #hisar-hajj .steps{grid-template-columns:repeat(2,1fr)}
  #hisar-hajj .steps::before{display:none}
}
@media(max-width:1000px){
  #hisar-hajj .ready{grid-template-columns:1fr;gap:1.4rem}
}

/* ---------- below 960px three pricing cards get too narrow to read ---------- */
@media(max-width:960px){
  #hisar-hajj .tiers{grid-template-columns:1fr;max-width:580px}
  #hisar-hajj .anchorbox,#hisar-hajj .credit-strip{max-width:620px}
  #hisar-hajj .helpline{max-width:620px;text-align:left}
  #hisar-hajj .tier .who,#hisar-hajj .price-note{min-height:0}
  #hisar-hajj .tblwrap,#hisar-hajj .ready{max-width:100%}
}
@media(max-width:860px){
  #hisar-hajj .cards,#hisar-hajj .guarantee,#hisar-hajj .quotes,#hisar-hajj .guards{grid-template-columns:1fr;max-width:620px}
}

/* ---------- tablet: stop the header CTA from wrapping ---------- */
@media(max-width:860px){
  #hisar-hajj header .btn-gold{padding:.62rem 1.05rem;font-size:.86rem;white-space:nowrap}
  #hisar-hajj nav.links{gap:1.1rem}
  #hisar-hajj nav.links a{font-size:.88rem}
}

/* ---------- phones ---------- */
@media(max-width:760px){
  #hisar-hajj .wrap{width:min(1180px,90vw)}
  #hisar-hajj section.band{padding:2.9rem 0}
  #hisar-hajj .finale{padding:3rem 0}
  #hisar-hajj .divider{height:40px;background-size:40px 40px}
  #hisar-hajj h2.sec{font-size:clamp(1.6rem,7.2vw,2.2rem)}
  #hisar-hajj .standfirst{font-size:1rem;margin-top:.85rem}
  #hisar-hajj .eyebrow{font-size:.68rem;letter-spacing:.2em;margin-bottom:.75rem}

  /* header */
  #hisar-hajj header .brand .logo{height:42px}
  #hisar-hajj .menu-toggle{padding:.62rem;margin-right:-.5rem}

  /* section nav: real tap targets */
  #hisar-hajj .secnav ul{gap:1.15rem;padding:.35rem 0}
  #hisar-hajj .secnav a{padding:.6rem 0;display:block;font-size:.8rem}

  /* hero */
  #hisar-hajj .hero .wrap{padding:2.2rem 0 2.6rem}
  #hisar-hajj .hero h1{font-size:clamp(2.05rem,8.6vw,3rem)}
  #hisar-hajj .hero .h1-sub{font-size:1.02rem;margin-top:.5rem}
  #hisar-hajj .hero .lede{font-size:1rem;margin:1rem 0 1.5rem}
  #hisar-hajj .hero-cta .btn{flex:1 1 100%}
  #hisar-hajj .proof-panel{padding:1.5rem 1.3rem}
  #hisar-hajj .pf b{font-size:1.85rem}

  /* process steps become a compact list */
  #hisar-hajj .steps{gap:.8rem;margin-top:1.9rem}
  #hisar-hajj .step{display:grid;grid-template-columns:54px 1fr;gap:1.05rem;align-items:start;text-align:left;padding:1.15rem 1.15rem}
  #hisar-hajj .step .ring{width:54px;height:54px;margin:0;box-shadow:0 0 0 4px var(--paper);grid-row:1/span 2;align-self:start}
  #hisar-hajj .step h3{align-self:center;margin-bottom:0}
  #hisar-hajj .step p{margin-top:.4rem}
  #hisar-hajj .step .num{width:20px;height:20px;font-size:.6rem;top:-3px;right:-4px}

  /* cards & tiers */
  #hisar-hajj .cards{margin-top:1.9rem;gap:1rem}
  #hisar-hajj .card{padding:1.35rem 1.3rem}
  #hisar-hajj .tier{padding:1.7rem 1.4rem}
  #hisar-hajj .tier .who{min-height:0}
  #hisar-hajj .price-note{min-height:0}
  #hisar-hajj .price .amt{font-size:2.3rem}
  #hisar-hajj .anchorbox{padding:1.15rem 1.2rem;margin-top:1.8rem}
  #hisar-hajj .guarantee{margin-top:1.3rem;gap:.8rem}
  #hisar-hajj .gcell{padding:1rem 1.1rem}
  #hisar-hajj .credit-strip{padding:1.3rem 1.3rem;gap:1rem}
  #hisar-hajj .credit-strip .btn{width:100%}
  #hisar-hajj .helpline{font-size:.93rem}

  /* readiness panel */
  #hisar-hajj .ready{padding:1.5rem 1.3rem;margin-top:2rem}
  #hisar-hajj .rlist li{font-size:.88rem;padding:.58rem .75rem;gap:.7rem}

  /* faq + footnotes */
  #hisar-hajj summary{font-size:.97rem;padding:1.05rem 2.2rem 1.05rem 0}
  #hisar-hajj details p{font-size:.93rem}
  #hisar-hajj .fn{padding:2rem 0}
  #hisar-hajj .fn ol{padding-left:1.05rem}
  #hisar-hajj sup a{padding:.2em .3em}

  /* tooltips must never leave the screen */
  #hisar-hajj .tip>span,#hisar-hajj .tipbubble{width:min(250px,62vw)}
}

/* Section nav: below ~880px the last two items ("Results", "Questions")
   sit outside the viewport. The ul scrolls horizontally, but nothing shows
   that it does, and a mouse user cannot reach them at all. Every section is
   reachable by scrolling the page, so the nav only appears once all of its
   items fit. Measured cut-off: 880px. */
@media(max-width:900px){
  #hisar-hajj .secnav{display:none}
}

@media(max-width:620px){
  #hisar-hajj header .btn-gold{display:none}   /* the sticky bar already carries this action */
  #hisar-hajj nav.links{display:none}
  #hisar-hajj .menu-toggle{display:block}
  #hisar-hajj nav.links.open{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:var(--paper);padding:1.2rem 5vw;gap:.2rem;border-bottom:1px solid var(--line);box-shadow:0 18px 34px -26px rgba(6,20,40,.7)}
  #hisar-hajj nav.links.open a{padding:.7rem 0;font-size:.98rem}

  #hisar-hajj .topbar{font-size:.78rem}
  #hisar-hajj .topbar .wrap{justify-content:center;text-align:center;gap:.2rem 1rem;padding:.35rem 0}
  #hisar-hajj .topbar .wrap>div:last-child{display:none}
  #hisar-hajj .topbar a{display:inline-block;padding:.42rem 0}
  #hisar-hajj .helpline a{display:inline-block;padding:.28rem 0}

  #hisar-hajj .steps{grid-template-columns:1fr}
  #hisar-hajj .quotes{gap:1rem}

  /* sticky bar: compact, two rows, full-width actions */
  #hisar-hajj .bar{padding:.55rem 0 calc(.55rem + env(safe-area-inset-bottom,0px))}
  #hisar-hajj .bar .wrap{gap:.55rem}
  #hisar-hajj .bar .anchor{font-size:.85rem;line-height:1.25}
  #hisar-hajj .bar .anchor b{font-size:1rem}
  #hisar-hajj .bar .anchor span{font-size:.72rem;margin-top:.1rem}
  #hisar-hajj .bar .acts .btn{flex:1;padding:.72rem .6rem;font-size:.87rem;white-space:nowrap}
  #hisar-hajj .topbar .wrap>div:first-child{display:flex;gap:.9rem;justify-content:center;flex-wrap:nowrap}
  #hisar-hajj .topbar .lbl{display:none}
  #hisar-hajj{--bar-h:122px}
}

@media(max-width:380px){
  #hisar-hajj .btn{font-size:.9rem;padding:.82rem 1rem}
  #hisar-hajj .btn-wide{padding-left:.6rem;padding-right:.6rem}
  #hisar-hajj .tier{padding:1.5rem 1.15rem}
  #hisar-hajj .credit-strip{padding:1.15rem 1.1rem}
  #hisar-hajj .hero h1{font-size:1.95rem}
  #hisar-hajj h2.sec{font-size:1.5rem}
  #hisar-hajj .price .amt{font-size:2.1rem}
  #hisar-hajj .bar .anchor span{display:none}
  #hisar-hajj{--bar-h:104px}
}

@media(prefers-reduced-motion:reduce){
  #hisar-hajj{scroll-behavior:auto}
  #hisar-hajj *{animation:none!important;transition:none!important}
  #hisar-hajj .reveal,#hisar-hajj .stagger>*{opacity:1!important;transform:none!important}
}

/* ================= ACT 1 — building the need ================= */
/* stakes strip under the break points */
#hisar-hajj .stakes{margin-top:2.4rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden}
#hisar-hajj .stake{background:var(--white);padding:1.4rem 1.4rem}
#hisar-hajj .stake b{display:block;font-size:1.45rem;font-weight:800;letter-spacing:-.02em;color:var(--ink);line-height:1.15}
#hisar-hajj .stake span{display:block;font-size:.9rem;color:var(--muted);margin-top:.5rem;max-width:40ch}

/* break-point rows: numbered, with the platform's unhelpful message quoted */
#hisar-hajj .breaks{margin-top:2.4rem;display:grid;gap:1rem}
#hisar-hajj .brk{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:1.5rem 1.6rem;display:grid;grid-template-columns:46px 1fr;gap:1.3rem;align-items:start;transition:box-shadow .35s,transform .35s var(--ease-out)}
#hisar-hajj .brk:hover{transform:translateY(-2px);box-shadow:0 22px 44px -32px rgba(7,26,51,.5)}
#hisar-hajj .brk .n{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;font-weight:800;font-size:1rem;color:var(--ink);background:linear-gradient(140deg,rgba(201,162,75,.16),rgba(203,164,85,.2));border:1px solid rgba(203,164,85,.28)}
#hisar-hajj .brk h3{font-size:1.08rem;margin-bottom:.45rem}
#hisar-hajj .brk p{font-size:.96rem;color:var(--muted);max-width:74ch}
#hisar-hajj .saidback{margin-top:.9rem;display:inline-flex;align-items:center;gap:.6rem;background:#FBF1F1;border:1px solid #EBD2D2;color:#8C3D3D;font-size:.86rem;font-weight:600;padding:.5rem .85rem;border-radius:10px;font-style:italic}
#hisar-hajj .saidback::before{content:"";flex:0 0 auto;width:15px;height:15px;border-radius:50%;border:1.8px solid #C46A6A;background:
  linear-gradient(#C46A6A,#C46A6A) center/8px 1.8px no-repeat}

/* phase label above each group of break points */
#hisar-hajj .phase-label{margin-top:2.3rem;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;font-weight:800;color:var(--gold-deep);display:flex;align-items:center;gap:.8rem}
#hisar-hajj .phase-label::after{content:"";flex:1;height:1px;background:var(--line)}
#hisar-hajj .phase-label + .breaks{margin-top:1rem}

/* the mechanic analogy */
#hisar-hajj .analogy{margin-top:2.2rem;background:rgba(255,255,255,.05);border:1px solid rgba(232,210,150,.2);border-radius:18px;padding:1.7rem 1.8rem;max-width:72ch}
#hisar-hajj .analogy p{font-size:1.02rem;color:rgba(245,250,252,.86);line-height:1.62}
#hisar-hajj .analogy-turn{margin-top:.9rem!important;color:var(--gold-2)!important;font-weight:700}

/* pain -> tier matcher */
#hisar-hajj .matchwrap{overflow-x:auto;margin-top:2.4rem;border:1px solid var(--line);border-radius:16px;background:var(--white)}
#hisar-hajj table.match{width:100%;border-collapse:collapse;min-width:620px;font-size:.93rem}
#hisar-hajj table.match th,#hisar-hajj table.match td{padding:.85rem 1rem;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
#hisar-hajj table.match thead th{background:var(--ink);color:var(--ivory);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;font-weight:700;border-bottom:0}
#hisar-hajj table.match thead th:first-child{border-radius:16px 0 0 0}
#hisar-hajj table.match thead th:last-child{border-radius:0 16px 0 0}
#hisar-hajj table.match tbody tr:last-child td{border-bottom:0}
#hisar-hajj table.match td:first-child{font-weight:600;position:sticky;left:0;background:var(--white);z-index:2}
#hisar-hajj table.match thead th:first-child{position:sticky;left:0;z-index:3;background:var(--ink)}
#hisar-hajj table.match td:nth-child(2){width:26%;text-align:center}
#hisar-hajj .pill{display:inline-block;font-size:.76rem;font-weight:800;letter-spacing:.04em;padding:.3rem .7rem;border-radius:999px;white-space:nowrap}
#hisar-hajj .pill-free{background:rgba(15,45,80,.08);color:var(--muted)}
#hisar-hajj .pill-setup{background:rgba(201,162,75,.15);color:var(--turq-deep)}
#hisar-hajj .pill-conc{background:linear-gradient(135deg,var(--gold-bright),var(--gold));color:#241a09}
#hisar-hajj table.match tbody tr.grp td{background:var(--paper);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--gold-deep);padding:.6rem 1rem}
#hisar-hajj table.match tbody tr.grp td:first-child{background:var(--paper)}
#hisar-hajj .match-key{margin-top:1.2rem;font-size:.9rem;color:var(--muted);max-width:70ch}

/* ================= ACT 2 — why professional support ================= */
#hisar-hajj .split{display:grid;grid-template-columns:1fr 1fr;gap:1.3rem;margin-top:2.4rem}
#hisar-hajj .col-free,#hisar-hajj .col-pro{border-radius:18px;padding:1.7rem 1.6rem}
#hisar-hajj .col-free{background:rgba(255,255,255,.05);border:1px solid rgba(232,210,150,.16)}
#hisar-hajj .col-pro{background:linear-gradient(165deg,rgba(203,164,85,.5),rgba(7,26,51,.6));border:1px solid rgba(232,210,150,.34)}
#hisar-hajj .col-free h3,#hisar-hajj .col-pro h3{font-size:1.08rem;margin-bottom:.3rem}
#hisar-hajj .col-tag{font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;font-weight:800;margin-bottom:.85rem;display:block}
#hisar-hajj .col-free .col-tag{color:rgba(245,250,252,.55)}
#hisar-hajj .col-pro .col-tag{color:var(--gold-2)}
#hisar-hajj .col-free ul,#hisar-hajj .col-pro ul{list-style:none;margin:1.1rem 0 0;padding:0;display:grid;gap:.7rem}
#hisar-hajj .col-free li,#hisar-hajj .col-pro li{font-size:.94rem;padding-left:1.7rem;position:relative;color:rgba(245,250,252,.8)}
#hisar-hajj .col-free li::before{content:"";position:absolute;left:.1rem;top:.42em;width:12px;height:12px;border-radius:50%;border:1.6px solid rgba(245,250,252,.32)}
#hisar-hajj .col-pro li{color:var(--ivory)}
#hisar-hajj .col-pro li::before{content:"";position:absolute;left:.15rem;top:.5em;width:10px;height:5px;border-left:2px solid var(--turq-2);border-bottom:2px solid var(--turq-2);transform:rotate(-45deg)}
#hisar-hajj .bridge{margin-top:2rem;border-left:3px solid var(--gold);padding:.3rem 0 .3rem 1.3rem;max-width:66ch}
#hisar-hajj .bridge p{font-size:1.1rem;color:var(--ivory);font-weight:600;line-height:1.55}

/* ================= ACT 4 — results ================= */
#hisar-hajj .results{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:2.4rem}
#hisar-hajj .res{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:1.6rem 1.5rem;text-align:center}
#hisar-hajj .res b{display:block;font-size:2.4rem;font-weight:800;letter-spacing:-.03em;color:var(--turq-deep);line-height:1}
#hisar-hajj .res span{display:block;font-size:.9rem;color:var(--muted);margin-top:.6rem}
#hisar-hajj .quotes3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:1.3rem}

/* hero readiness widget: the unfinished state */
#hisar-hajj .hero-ready{background:linear-gradient(165deg,rgba(203,164,85,.5),rgba(7,26,51,.72));border:1px solid rgba(232,210,150,.26);border-radius:20px;padding:1.7rem 1.55rem;backdrop-filter:blur(6px)}
#hisar-hajj .hero-ready h2,#hisar-hajj .hero-ready .hr-title{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-2);font-weight:800;margin-bottom:1.15rem}
#hisar-hajj .hr-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
#hisar-hajj .hr-list li{display:flex;align-items:center;gap:.8rem;padding:.6rem .85rem;border-radius:11px;font-size:.92rem;font-weight:600;border:1px solid rgba(232,210,150,.13);background:rgba(255,255,255,.04);color:rgba(245,250,252,.55)}
#hisar-hajj .hr-list li.done{color:var(--ivory)}
#hisar-hajj .dot{flex:0 0 auto;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;border:1.5px solid rgba(245,250,252,.28)}
#hisar-hajj .done .dot{background:rgba(201,162,75,.2);border-color:var(--turq)}
#hisar-hajj .dot.stop{border-color:#D98A8A;background:rgba(217,138,138,.16)}
#hisar-hajj .hero-ready .caption{margin-top:1.1rem;font-size:.84rem;color:rgba(245,250,252,.62);line-height:1.5}

@media(max-width:960px){
  #hisar-hajj .split,#hisar-hajj .stakes,#hisar-hajj .results,#hisar-hajj .quotes3{grid-template-columns:1fr}
  #hisar-hajj .stakes{gap:1px}
  #hisar-hajj .split,#hisar-hajj .stakes,#hisar-hajj .results,#hisar-hajj .quotes3,#hisar-hajj .breaks{max-width:620px}
}
@media(max-width:960px){
  #hisar-hajj .matchwrap{max-width:100%}
}
@media(max-width:760px){
  #hisar-hajj .analogy{padding:1.4rem 1.3rem}
  #hisar-hajj .analogy p{font-size:.96rem}
  #hisar-hajj .phase-label{margin-top:1.9rem}
  #hisar-hajj .brk{grid-template-columns:40px 1fr;gap:1rem;padding:1.25rem 1.2rem}
  #hisar-hajj .brk .n{width:40px;height:40px;font-size:.92rem}
  #hisar-hajj .stake{padding:1.15rem 1.2rem}
  #hisar-hajj .col-free,#hisar-hajj .col-pro{padding:1.45rem 1.3rem}
  #hisar-hajj .bridge p{font-size:1rem}
  #hisar-hajj .res b{font-size:2.05rem}
  #hisar-hajj .hero-ready{padding:1.45rem 1.25rem}
}

/* ---- shared Hajj 2027 chrome (added in the /hajj/ restructure) ---- */
#hisar-hajj{scroll-padding-top:132px}
#hisar-hajj .topbar{background:var(--ink);color:#F5FAFC;font-size:.82rem}
#hisar-hajj .topbar .wrap{display:flex;gap:1.2rem;align-items:center;justify-content:space-between;padding:.5rem 0;flex-wrap:wrap}
#hisar-hajj .topbar a{color:var(--gold-2);text-decoration:none;font-weight:600}
#hisar-hajj .topbar .tb-left{display:flex;gap:1.4rem;flex-wrap:wrap}
@media(max-width:700px){#hisar-hajj .topbar .tb-right{display:none}}
#hisar-hajj .sitenav .sub{background:#fff}
@media(max-width:900px){#hisar-hajj header.site .btn.btn-gold{display:none}}
#hisar-hajj .compliance-note{margin-top:1.2rem;font-size:.8rem;color:rgba(245,250,252,.72);border-top:1px solid rgba(232,210,150,.22);padding-top:.9rem;max-width:60ch}
#hisar-hajj .free-webinar{margin:.9rem 0 0;padding:.75rem .9rem;border:1px dashed rgba(203,164,85,.55);border-radius:10px;font-size:.85rem;line-height:1.5}
#hisar-hajj .free-webinar b{display:block}
#hisar-hajj .free-webinar a{color:var(--gold-deep);font-weight:700}
#hisar-hajj .sitefoot{background:var(--ink);color:rgba(245,250,252,.72);padding:3rem 0 2rem;font-size:.88rem}
#hisar-hajj .sitefoot .fcols{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
#hisar-hajj .sitefoot h4,#hisar-hajj .sitefoot h3.fh{color:var(--gold-2);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;margin:0 0 .8rem;font-weight:700}
#hisar-hajj .sitefoot a{color:rgba(245,250,252,.82);text-decoration:none;display:block;padding:.22rem 0}
#hisar-hajj .sitefoot a:hover{color:#fff}
#hisar-hajj .sitefoot .fnote{margin-top:2rem;border-top:1px solid rgba(245,250,252,.15);padding-top:1.2rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.78rem;color:rgba(245,250,252,.55)}

/* ---- Site header mirrors the WordPress main menu; Hajj bar is the section nav ---- */
#hisar-hajj .stickywrap{position:sticky;top:0;z-index:70}
#hisar-hajj header.site{position:relative;z-index:3}
#hisar-hajj .hajjbar{position:relative;z-index:1}
#hisar-hajj .sitenav{gap:1.35rem}
#hisar-hajj .sitenav .has-sub{position:relative}
#hisar-hajj .sitenav .topitem{display:inline-flex;align-items:center;gap:.32rem}
#hisar-hajj .caret{width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.55;transition:transform .25s}
#hisar-hajj .sitenav .has-sub:hover .caret,#hisar-hajj .sitenav .has-sub:focus-within .caret{transform:rotate(225deg) translateY(-3px)}
#hisar-hajj .sitenav .sub{position:absolute;top:calc(100% + 14px);left:-1rem;display:grid;gap:1.6rem;grid-auto-flow:column;background:#fff;border:1px solid var(--line);border-radius:var(--rad);box-shadow:var(--shadow);padding:1.15rem 1.35rem;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .22s var(--ease),transform .22s var(--ease),visibility .22s;min-width:250px}
#hisar-hajj .sitenav .sub::before{content:"";position:absolute;top:-14px;left:0;right:0;height:14px}
#hisar-hajj .sitenav .has-sub:hover .sub,#hisar-hajj .sitenav .has-sub:focus-within .sub{opacity:1;visibility:visible;transform:translateY(0)}
#hisar-hajj .sitenav .subcol{display:flex;flex-direction:column;gap:.15rem;min-width:210px}
#hisar-hajj .sitenav .subcol h5{margin:0 0 .45rem;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-deep);font-weight:800}
#hisar-hajj .sitenav .sub a{font-weight:600;font-size:.88rem;color:var(--text);padding:.36rem 0;white-space:nowrap}
#hisar-hajj .sitenav .sub a::after{display:none}
#hisar-hajj .sitenav .sub a:hover{color:var(--gold-deep)}
#hisar-hajj .navlogin{font-weight:600;font-size:.88rem;color:var(--muted)}

#hisar-hajj .hajjbar{background:var(--ink);color:var(--ivory);border-bottom:1px solid rgba(232,210,150,.22)}
#hisar-hajj .hajjbar .wrap{display:flex;align-items:center;gap:1rem}
#hisar-hajj .hb-label{font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;font-weight:800;color:var(--gold-2);white-space:nowrap;padding-right:.9rem;border-right:1px solid rgba(232,210,150,.25)}
#hisar-hajj .hb-links{display:flex;gap:1.5rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;flex:1}
#hisar-hajj .hb-links::-webkit-scrollbar{display:none}
#hisar-hajj .hajjbar a{position:relative;text-decoration:none;font-weight:700;font-size:.9rem;color:rgba(234,242,247,.78);padding:.72rem 0;white-space:nowrap;transition:color .25s}
#hisar-hajj .hajjbar a:hover{color:#fff}
#hisar-hajj .hajjbar a.active{color:var(--gold-2)}
#hisar-hajj .hajjbar a.active::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--gold);border-radius:3px 3px 0 0}
#hisar-hajj .hb-cta{color:var(--gold-2)!important;white-space:nowrap}
@media(max-width:900px){
  #hisar-hajj .hb-label{display:none}
  #hisar-hajj .hb-cta{display:none}
  #hisar-hajj .hajjbar .wrap{width:100%;padding-inline:4vw}
  #hisar-hajj .hb-links{gap:1.25rem}
  #hisar-hajj .sitenav.links.open{max-height:min(72vh,560px);overflow-y:auto}
  #hisar-hajj .sitenav .has-sub{width:100%}
  #hisar-hajj .sitenav .topitem{width:100%;justify-content:space-between;padding:.55rem 0}
  #hisar-hajj .sitenav .sub{position:static;display:none;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;border-left:2px solid var(--line);border-radius:0;padding:.2rem 0 .6rem .9rem;grid-auto-flow:row;gap:.9rem;min-width:0}
  #hisar-hajj .sitenav .has-sub.open .sub{display:grid}
  #hisar-hajj .sitenav .sub a{white-space:normal}
  #hisar-hajj .navlogin{padding-top:.5rem}
}

/* ================= 30-second self-check ================= */
#hisar-hajj .nq-sec{background:linear-gradient(180deg,#0B2A4D,#071A33 60%);color:#F5FAFC;padding:clamp(3rem,6vw,4.6rem) 0}
#hisar-hajj .nq-sec .eyebrow{color:var(--gold-2)}
#hisar-hajj .nq-sec .eyebrow::before{background:var(--gold-2)}
#hisar-hajj .nq-sec h2{color:#F5FAFC;font-size:clamp(1.9rem,4vw,2.7rem);margin:.6rem 0 .5rem}
#hisar-hajj .nq-lede{color:rgba(245,250,252,.78);max-width:60ch;margin:0 0 2rem}
#hisar-hajj .nq{display:none}
.js #hisar-hajj .nq{display:block}
#hisar-hajj .nq-fallback{border:1px dashed rgba(232,210,150,.4);border-radius:12px;padding:1rem 1.2rem;font-size:.9rem;color:rgba(245,250,252,.8)}
.js #hisar-hajj .nq-fallback{display:none}
#hisar-hajj .nq-card{background:rgba(255,255,255,.05);border:1px solid rgba(232,210,150,.28);border-radius:20px;padding:clamp(1.4rem,3vw,2.2rem);max-width:820px}
#hisar-hajj .nq-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.4rem}
#hisar-hajj .nq-count{font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-2)}
#hisar-hajj .nq-dots{display:flex;gap:.4rem}
#hisar-hajj .nq-dots i{width:7px;height:7px;border-radius:50%;background:rgba(245,250,252,.25);display:block}
#hisar-hajj .nq-dots i.on{background:var(--gold-2)}
#hisar-hajj .nq-step{display:none}
#hisar-hajj .nq-step.active{display:block}
#hisar-hajj .nq-step h3{font-size:clamp(1.15rem,2.4vw,1.5rem);color:#F5FAFC;margin:0 0 1.2rem;font-weight:700}
#hisar-hajj .nq-opts{display:grid;gap:.6rem}
#hisar-hajj .nq-opt{text-align:left;font-family:inherit;font-size:.95rem;font-weight:600;color:#F5FAFC;background:rgba(255,255,255,.04);border:1px solid rgba(245,250,252,.2);border-radius:12px;padding:.9rem 1.1rem;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}
#hisar-hajj .nq-opt:hover{border-color:var(--gold);background:rgba(203,164,85,.12);transform:translateX(3px)}
#hisar-hajj .nq-opt small{display:block;font-weight:500;font-size:.82rem;color:rgba(245,250,252,.62);margin-top:.2rem}
#hisar-hajj .nq-back{margin-top:1.2rem;background:none;border:0;color:rgba(245,250,252,.6);font-family:inherit;font-size:.85rem;font-weight:600;cursor:pointer;padding:0;display:none}
#hisar-hajj .nq-back.show{display:inline-block}
#hisar-hajj .nq-back:hover{color:#F5FAFC}
#hisar-hajj .nq-res{display:none}
#hisar-hajj .nq-res.show{display:block}
#hisar-hajj .nq-verdict{display:inline-flex;align-items:center;gap:.5rem;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:.4rem .85rem;border-radius:999px;margin-bottom:1rem}
#hisar-hajj .nq-verdict.free{background:rgba(245,250,252,.14);color:#F5FAFC}
#hisar-hajj .nq-verdict.setup{background:rgba(203,164,85,.2);color:var(--gold-2)}
#hisar-hajj .nq-verdict.conc{background:var(--gold);color:#241a09}
#hisar-hajj .nq-res h3{font-size:clamp(1.4rem,3vw,2rem);color:#F5FAFC;margin:0 0 .5rem}
#hisar-hajj .nq-price{color:var(--gold-2);font-weight:700;margin:0 0 1rem}
#hisar-hajj .nq-why{list-style:none;margin:0 0 1.4rem;padding:0;display:grid;gap:.5rem}
#hisar-hajj .nq-why li{position:relative;padding-left:1.5rem;font-size:.93rem;color:rgba(245,250,252,.85)}
#hisar-hajj .nq-why li::before{content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;border-radius:50%;background:var(--gold-2)}
#hisar-hajj .nq-acts{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center}
#hisar-hajj .nq-note{font-size:.82rem;color:rgba(245,250,252,.6);margin:1.1rem 0 0;max-width:58ch}
#hisar-hajj .nq-restart{background:none;border:0;color:rgba(245,250,252,.55);font-family:inherit;font-size:.82rem;font-weight:600;cursor:pointer;padding:.6rem 0 0;text-decoration:underline}
#hisar-hajj .nq-restart:hover{color:#F5FAFC}
@media(max-width:640px){#hisar-hajj .nq-opt{padding:.8rem .9rem}}

/* ================= SELF-CHECK v2 — a light "consultation" moment ================= */
/* The section turns cream so the illustrated advisor stands on the page instead of
   sitting inside a box, and the page gains a light beat between two dark ones. */
#hisar-hajj .nq-sec{background:
   radial-gradient(120% 90% at 12% 100%, rgba(203,164,85,.16), transparent 60%),
   linear-gradient(180deg,#FFFFFF,#F5FAFC 45%,#EFF7F8);
  color:var(--text);padding-bottom:0;overflow:hidden}
#hisar-hajj .nq-sec .eyebrow{color:var(--gold-deep)}
#hisar-hajj .nq-sec .eyebrow::before{background:var(--gold)}
#hisar-hajj .nq-sec h2{color:var(--ink)}
#hisar-hajj .nq-lede{color:var(--muted);max-width:56ch;margin:0 0 2.4rem;font-size:1.02rem}
#hisar-hajj .nq-fallback{border-color:rgba(138,106,48,.35);color:var(--muted);background:rgba(255,255,255,.6)}

#hisar-hajj .nq-layout{display:grid;gap:0;grid-template-columns:1fr;align-items:end}
@media(min-width:980px){#hisar-hajj .nq-layout{grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:2.6rem}}

/* advisor: a deliberate framed portrait plate (the artwork has its own light-blue ground) */
#hisar-hajj .nq-guide{position:relative;display:none;align-self:end;margin-bottom:clamp(2.5rem,5vw,4rem)}
@media(min-width:980px){#hisar-hajj .nq-guide{display:block}}
#hisar-hajj .nq-guide figure{margin:0;border-radius:24px;overflow:hidden;background:#DCEAF2;
  box-shadow:0 24px 50px -28px rgba(42,36,29,.5), 0 0 0 1px rgba(42,36,29,.08) inset}
#hisar-hajj .nq-guide img{display:block;width:100%;height:auto;max-height:430px;object-fit:cover;object-position:50% 8%;
  transition:opacity .35s var(--ease)}
#hisar-hajj .nq-guide.swapping img{opacity:0}
#hisar-hajj .nq-says{position:static;padding:0 0 1.3rem;background:none;color:var(--ink);font-size:.92rem;line-height:1.5;font-weight:600;max-width:34ch}
#hisar-hajj .nq-says::before{content:"";display:block;width:34px;height:2px;background:var(--gold);border-radius:2px;margin-bottom:.7rem}

/* the card */
#hisar-hajj .nq-card{background:#fff;border:1px solid rgba(42,36,29,.12);border-radius:22px;
  box-shadow:0 30px 60px -34px rgba(42,36,29,.45);padding:clamp(1.5rem,3vw,2.4rem);margin-bottom:clamp(2.5rem,5vw,4rem)}
#hisar-hajj .nq-top{border-bottom:1px solid rgba(42,36,29,.1);padding-bottom:1rem;margin-bottom:1.6rem}
#hisar-hajj .nq-count{color:var(--gold-deep)}
#hisar-hajj .nq-dots i{background:rgba(42,36,29,.16)}
#hisar-hajj .nq-dots i.on{background:var(--gold)}
#hisar-hajj .nq-step h3{color:var(--ink);font-size:clamp(1.25rem,2.6vw,1.65rem);margin-bottom:1.4rem}
#hisar-hajj .nq-opt{color:var(--ink);background:#fff;border:1px solid rgba(42,36,29,.16);border-radius:14px;padding:1rem 1.15rem;
  box-shadow:0 1px 0 rgba(42,36,29,.04)}
#hisar-hajj .nq-opt:hover{border-color:var(--gold);background:rgba(203,164,85,.07);transform:translateX(4px)}
#hisar-hajj .nq-opt small{color:var(--muted)}
#hisar-hajj .nq-back{color:var(--muted)}
#hisar-hajj .nq-back:hover{color:var(--ink)}

/* result */
#hisar-hajj .nq-verdict.free{background:rgba(42,36,29,.08);color:var(--ink)}
#hisar-hajj .nq-verdict.setup{background:rgba(203,164,85,.2);color:var(--gold-deep)}
#hisar-hajj .nq-verdict.conc{background:var(--gold);color:#241a09}
#hisar-hajj .nq-res h3{color:var(--ink)}
#hisar-hajj .nq-price{color:var(--gold-deep)}
#hisar-hajj .nq-why li{color:var(--muted)}
#hisar-hajj .nq-why li::before{background:var(--gold)}
#hisar-hajj .nq-note{color:var(--muted)}
#hisar-hajj .nq-restart{color:var(--muted)}
#hisar-hajj .nq-restart:hover{color:var(--ink)}

/* mobile: advisor as a bust beside the question */
#hisar-hajj .nq-bust{display:flex;align-items:center;gap:.85rem;margin-bottom:1.3rem;padding-bottom:1.1rem;border-bottom:1px solid rgba(42,36,29,.1)}
@media(min-width:980px){#hisar-hajj .nq-bust{display:none}}
#hisar-hajj .nq-bust img{width:60px;height:60px;border-radius:50%;object-fit:cover;object-position:50% 12%;background:#F5FAFC;flex:none;box-shadow:0 0 0 1px rgba(203,164,85,.45),0 6px 14px -8px rgba(42,36,29,.5)}
#hisar-hajj .nq-bust span{font-size:.85rem;color:var(--muted);line-height:1.45}
@media(prefers-reduced-motion:reduce){#hisar-hajj .nq-guide img,#hisar-hajj .nq-opt{transition:none}}


/* ---- SV-02: one diagram per failure point. Abstract on purpose — these are
       schematics of a failure, never a depiction of the Nusuk interface. ---- */
#hisar-hajj .brk{grid-template-columns:46px 1fr}
@media(min-width:900px){#hisar-hajj .brk{grid-template-columns:46px 1fr 262px}}
#hisar-hajj .brk-fig{align-self:center;margin:0}
#hisar-hajj .brk-fig svg{width:100%;height:auto;display:block;border-radius:12px;background:linear-gradient(160deg,rgba(18,60,99,.05),rgba(203,164,85,.07));border:1px solid rgba(7,26,51,.09)}
#hisar-hajj .brk-fig figcaption{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);opacity:1;margin-top:.45rem;text-align:center}
@media(max-width:899px){#hisar-hajj .brk-fig{grid-column:2;margin:1rem 0 0;max-width:280px}}
#hisar-hajj .bf-t{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:9.5px;font-weight:700;fill:#4A6076}
#hisar-hajj .bf-t.lg{font-size:11px;fill:#0F2338;font-weight:800}
#hisar-hajj .bf-bad{fill:#B4402F}#hisar-hajj .bf-badS{stroke:#B4402F}
#hisar-hajj .bf-ok{fill:#1F7A55}#hisar-hajj .bf-okS{stroke:#1F7A55}

/* 1 — verification bar fills, then snaps back to nothing */
@keyframes bfReset{0%{width:0}55%{width:112px}62%{width:112px}64%{width:0}100%{width:0}}
#hisar-hajj .brk-fig .bf1-fill{animation:bfReset 5s var(--ease) infinite}
@keyframes bfFlash{0%,55%{opacity:.28}64%,92%{opacity:1}100%{opacity:.28}}
#hisar-hajj .brk-fig .bf1-warn{animation:bfFlash 5s var(--ease) infinite}
/* 2 — the uploaded frame is bigger than the accepted frame */
@keyframes bfShrink{0%,100%{transform:scale(1)}50%{transform:scale(.72)}}
#hisar-hajj .brk-fig .bf2-big{transform-origin:39px 47px;animation:bfShrink 4.2s var(--ease) infinite}
/* 3 — balance rises but stops short of the line */
@keyframes bfFill{0%{height:0;y:72}70%,100%{height:26px;y:46}}
#hisar-hajj .brk-fig .bf3-bal{animation:bfFill 4.4s var(--ease) infinite}
/* 4 — the queue advances while the seat count runs out */
@keyframes bfQueue{0%{transform:translateX(6px)}100%{transform:translateX(-14px)}}
#hisar-hajj .brk-fig .bf4-q{animation:bfQueue 4s linear infinite}
@keyframes bfGone{0%,58%{opacity:0}70%,100%{opacity:1}}
#hisar-hajj .brk-fig .bf4-gone{animation:bfGone 4s var(--ease) infinite}
/* 5 — the clock hand sweeps while a choice is grabbed */
@keyframes bfSweep{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
#hisar-hajj .brk-fig .bf5-hand{transform-origin:178px 48px;animation:bfSweep 3s linear infinite}
@keyframes bfGrab{0%,30%{opacity:.35}45%,100%{opacity:1}}
#hisar-hajj .brk-fig .bf5-pick{animation:bfGrab 3s var(--ease) infinite}
@media(prefers-reduced-motion:reduce){#hisar-hajj .brk-fig *{animation:none!important}#hisar-hajj .brk-fig .bf1-fill{width:112px}#hisar-hajj .brk-fig .bf1-warn,#hisar-hajj .brk-fig .bf4-gone{opacity:1}}

/* ---- explainer video band: the whole argument in 42 seconds ---- */
#hisar-hajj .vband{background:linear-gradient(168deg,#071A33,#0C2647 62%,#123C63);color:rgba(245,250,252,.86);padding:3.4rem 0}
#hisar-hajj .vband .wrap{display:grid;gap:2.2rem;align-items:center;grid-template-columns:1fr}
@media(min-width:940px){#hisar-hajj .vband .wrap{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}}
#hisar-hajj .vband h2{color:#fff;font-size:clamp(1.4rem,2.6vw,1.9rem);line-height:1.2;margin:.3rem 0 .7rem}
#hisar-hajj .vband .vlede{font-size:.98rem;max-width:46ch;color:rgba(245,250,252,.76)}
#hisar-hajj .vwrap{position:relative;border-radius:20px;overflow:hidden;border:1px solid rgba(232,210,150,.3);
  background:#04101F;aspect-ratio:16/9;box-shadow:0 40px 80px -50px rgba(0,0,0,.9)}
#hisar-hajj .vwrap video{width:100%;height:100%;display:block;object-fit:contain;background:#04101F}
#hisar-hajj .vscript{margin:0;padding:0;list-style:none;counter-reset:vs;display:grid;gap:.5rem}
#hisar-hajj .vscript li{counter-increment:vs;display:grid;grid-template-columns:26px 1fr;gap:.7rem;align-items:start;
  font-size:.92rem;line-height:1.5;color:rgba(245,250,252,.8)}
#hisar-hajj .vscript li::before{content:counter(vs);width:26px;height:26px;border-radius:9px;display:grid;place-items:center;
  font-size:.72rem;font-weight:800;color:#E8D296;background:rgba(232,210,150,.13);border:1px solid rgba(232,210,150,.28)}
#hisar-hajj .vscript li:nth-child(5)::before,#hisar-hajj .vscript li:nth-child(6)::before,#hisar-hajj .vscript li:nth-child(7)::before{color:#0C2647;background:#E8D296;border-color:#E8D296}
#hisar-hajj .vscript-h{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:#E8D296;font-weight:800;margin:0 0 .9rem}
#hisar-hajj .vband .vacts{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.3rem}
@media(max-width:939px){#hisar-hajj .vwrap{max-width:560px;margin:0 auto}}

/* a payment button with no live link must not look live */
#hisar-hajj .pay-unset{opacity:.55;cursor:not-allowed;filter:grayscale(.5)}
#hisar-hajj #payNote{margin:1rem auto 0;max-width:52ch;text-align:center;font-size:.88rem;
  color:var(--gold-deep,#7E5F18);background:rgba(203,164,85,.1);
  border:1px solid rgba(203,164,85,.4);border-radius:12px;padding:.8rem 1rem}


/* SHARED HAJJ DESIGN SYSTEM — VERSION 2.0 — generated identically */
#hisar-hajj{--ink:#081F38;--ink-2:#103551;--pine:#123D60;--pine-2:#175A74;--turq:#087F83;--turq-2:#55D6CF;--turq-deep:#087F83;--gold:#C9A24B;--gold-2:#E7D095;--gold-deep:#7E5F18;--gold-ink:#7E5F18;--gold-bright:#F0DEAA;--ivory:#F5FAFC;--paper:#FFFFFF;--white:#FFFFFF;--rad:14px;--shadow:0 20px 45px -25px rgba(7,26,51,.4)}
#hisar-hajj{scroll-padding-top:calc(var(--hisar-chrome,130px) + 16px)}
#hisar-hajj .topbar{background:#071A33;color:#F5FAFC;font-size:.82rem}
#hisar-hajj .topbar .wrap{width:min(1180px,92vw);display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 0;flex-wrap:wrap}
#hisar-hajj .topbar .tb-left{display:flex;gap:1.4rem;flex-wrap:wrap;align-items:center}
#hisar-hajj .topbar a,#hisar-hajj .topbar strong{color:#E8D296;text-decoration:none;font-weight:600}
#hisar-hajj .stickywrap{position:sticky;top:var(--hisar-admin,0px);z-index:70}
#hisar-hajj header.site{position:relative;top:0;z-index:3;background:rgba(245,250,252,.97);border-bottom:1px solid rgba(7,26,51,.1);backdrop-filter:blur(12px)}
#hisar-hajj header.site .nav{width:min(1180px,92vw);display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 0}
#hisar-hajj header.site .logo{height:52px;width:176px;object-fit:contain}
#hisar-hajj header.site .brand{display:flex;flex-shrink:0}
#hisar-hajj header.site .sitenav{display:flex;align-items:center;gap:1.35rem}
#hisar-hajj header.site .sitenav a{font-size:.92rem;text-decoration:none;color:#071A33}
#hisar-hajj header.site .sitenav .topitem{display:inline-flex;align-items:center;gap:.32rem;min-height:44px}
#hisar-hajj header.site .has-sub{position:relative}
#hisar-hajj header.site .sub{position:absolute;top:100%;left:-1rem;display:grid;grid-auto-flow:column;gap:1.6rem;background:#071A33;border:1px solid rgba(232,210,150,.25);border-radius:14px;padding:1.15rem 1.35rem;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(-6px);min-width:250px}
#hisar-hajj header.site .has-sub:hover .sub,#hisar-hajj header.site .has-sub:focus-within .sub{opacity:1;visibility:visible;transform:none}
#hisar-hajj header.site .subcol{display:flex;flex-direction:column;min-width:185px;gap:.15rem}
#hisar-hajj header.site .subcol h5{font-size:.78rem;color:#E8D296;letter-spacing:.08em;margin:0 0 .5rem}
#hisar-hajj header.site .sub a{color:#F5FAFC;font-size:.88rem;white-space:normal;min-height:36px;padding:.4rem .25rem}
#hisar-hajj header.site .sub a:hover,#hisar-hajj header.site .sub a:focus-visible{background:#0C2647 !important;color:#E8D296 !important}
#hisar-hajj header.site .has-sub:nth-last-of-type(-n+2) .sub{left:auto;right:0}
#hisar-hajj header.site .btn{font-size:.9rem;padding:.8rem 1.2rem;white-space:nowrap;min-height:44px}
#hisar-hajj header.site .menu-toggle{display:none;min-width:44px;min-height:44px}
#hisar-hajj .hajjbar{background:#071A33;color:#F5FAFC;position:relative;z-index:1;border-bottom:1px solid rgba(232,210,150,.22)}
#hisar-hajj .hajjbar .wrap{width:min(1180px,92vw);display:flex;align-items:center;gap:1rem}
#hisar-hajj .hajjbar .hb-label{font-size:.75rem;color:#E8D296;white-space:nowrap}
#hisar-hajj .hajjbar .hb-links{display:flex;gap:1.5rem;flex:1;overflow-x:auto}
#hisar-hajj .hajjbar a{font-size:.9rem;font-weight:700;text-decoration:none;white-space:nowrap;min-height:44px;padding:.72rem 0;color:#F5FAFC}
#hisar-hajj .hajjbar a.active,#hisar-hajj .hajjbar .hb-cta{color:#E8D296}
#hisar-hajj .hajjbar a.active::after{background:#CBA455}
#hisar-hajj :focus-visible{outline:3px solid #7E5F18 !important;outline-offset:4px !important}
#hisar-hajj .on-dark :focus-visible,#hisar-hajj .hajjbar :focus-visible,#hisar-hajj header.site .sub :focus-visible{outline-color:#E8D296 !important}
#hisar-hajj button,#hisar-hajj input,#hisar-hajj select,#hisar-hajj textarea{font-family:inherit !important}
#hisar-hajj .btn,#hisar-hajj .step-link,#hisar-hajj .nq-opt,#hisar-hajj summary{min-height:44px}
#hisar-hajj .hero .h1-sub{display:block}
#hisar-hajj .support-subtitle{display:block;font-size:clamp(1.15rem,2vw,1.6rem);line-height:1.45;color:#E8D296;margin:1rem 0}
#hisar-hajj .hero-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-4;opacity:.62}
@media(min-width:1180px){#hisar-hajj #steps .steps-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}#hisar-hajj #steps .step{padding:1.65rem 1.25rem}}
@media(min-width:768px) and (max-width:1179px){#hisar-hajj #steps .steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){#hisar-hajj #steps .steps-grid{grid-template-columns:1fr}}
@media(max-width:1100px){#hisar-hajj header.site .sitenav{gap:.85rem}#hisar-hajj header.site .nav>.sitenav~div>.btn{display:none}}
@media(max-width:900px){#hisar-hajj header.site .menu-toggle{display:block}#hisar-hajj header.site .sitenav{display:none;position:absolute;top:100%;left:0;right:0;background:#F5FAFC;padding:1rem 4vw;max-height:65vh;overflow-y:auto;align-items:stretch;flex-direction:column;gap:.3rem}#hisar-hajj header.site .sitenav.open{display:flex}#hisar-hajj header.site .has-sub{width:100%}#hisar-hajj header.site .topitem{width:100%;justify-content:space-between}#hisar-hajj header.site .sub{position:static;display:none;opacity:1;visibility:visible;transform:none;grid-auto-flow:row;min-width:0;box-shadow:none;border-radius:10px;padding:.75rem 1rem;gap:.75rem}#hisar-hajj header.site .has-sub.open .sub{display:grid}#hisar-hajj .hajjbar .hb-label,#hisar-hajj .hajjbar .hb-cta{display:none}#hisar-hajj .hajjbar .hb-links{gap:1.3rem;justify-content:space-between}#hisar-hajj .topbar .tb-right{display:none}#hisar-hajj .topbar .wrap{justify-content:center}#hisar-hajj .topbar .tb-left{justify-content:center;gap:.25rem 1rem}#hisar-hajj .topbar .lbl{display:none}}
@media(prefers-reduced-motion:reduce){#hisar-hajj *,#hisar-hajj *::before,#hisar-hajj *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Contrast corrections for light surfaces and gold badges. */
#hisar-hajj .btn-ghost{color:#7E5F18}#hisar-hajj .btn-ghost:hover{color:#7E5F18}#hisar-hajj .hero .btn-ghost,#hisar-hajj .on-dark .btn-ghost,#hisar-hajj .award .btn-ghost,#hisar-hajj .register .btn-ghost,#hisar-hajj .final .btn-ghost,#hisar-hajj .finale .btn-ghost,#hisar-hajj .help-band .btn-ghost{color:#E8D296}#hisar-hajj .t-item .now{color:#071A33;font-size:.75rem}#hisar-hajj .nq-sec .btn-ghost{color:#E8D296}

/* REFINEMENT V2 — shared visual layer; existing application logic is preserved. */
#hisar-hajj{background:#fff}
#hisar-hajj header.site{background:rgba(255,255,255,.97);border-bottom-color:#DCE8EC}
#hisar-hajj header.site .sitenav a:hover{color:var(--turq-deep)}
#hisar-hajj header.site .sub a:hover,#hisar-hajj header.site .sub a:focus-visible{color:var(--turq-2) !important;background:var(--ink-2) !important}
#hisar-hajj .hajjbar a.active{color:var(--turq-2)}
#hisar-hajj .hajjbar a.active::after{background:var(--turq-2)}
#hisar-hajj .hero.on-dark,#hisar-hajj .quiz-band,#hisar-hajj .atlas-band,#hisar-hajj .tl-band{background:radial-gradient(ellipse at 90% 0%,rgba(8,127,131,.24),transparent 58%),linear-gradient(125deg,#081F38,#123D60 72%,#104753)}
#hisar-hajj .hero-tint{background:linear-gradient(90deg,rgba(8,31,56,.94),rgba(8,31,56,.75) 36%,rgba(8,31,56,.28)),linear-gradient(180deg,rgba(8,31,56,.15),rgba(8,31,56,.65))}
#hisar-hajj .hero::after{box-shadow:inset 0 -50px 80px -50px rgba(8,31,56,.7)}
#hisar-hajj .hero h1 .yr{animation:none;background-size:100% auto}
#hisar-hajj .hero .h1-sub,#hisar-hajj .support-subtitle{color:var(--turq-2)}
#hisar-hajj .hero .skyline{opacity:.48}
/* Motifs stay on the outside edge; never compete with text, forms or maps. */
#hisar-hajj .grain{display:none}
#hisar-hajj .hero .grain,#hisar-hajj .award .grain,#hisar-hajj .improved .grain{display:block;left:auto;right:0;top:0;bottom:auto;width:36%;height:100%;opacity:.26;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000);-webkit-mask-image:linear-gradient(90deg,transparent,#000)}
#hisar-hajj .hero .grain{z-index:0}
#hisar-hajj .hero-ready{background:linear-gradient(145deg,rgba(18,61,96,.78),rgba(8,31,56,.88));border-color:rgba(85,214,207,.3)}
#hisar-hajj .hero-note,#hisar-hajj .hero-ready .caption{color:#C5D8E3}
#hisar-hajj .band.tint,#hisar-hajj .est-section,#hisar-hajj .helplevels,#hisar-hajj .care-sec{background:#F2F8F9}
#hisar-hajj .nq-sec{background:linear-gradient(180deg,#fff,#EFF7F8);color:var(--text)}
#hisar-hajj .btn{line-height:1.35;text-align:center}
#hisar-hajj .btn-gold{background:linear-gradient(115deg,#F0DEAA,#C9A24B);color:#241A09;box-shadow:0 8px 20px -13px rgba(126,95,24,.6)}
#hisar-hajj .btn-gold:hover{background:linear-gradient(115deg,#F5E6C0,#D3AF60);box-shadow:0 10px 24px -14px rgba(126,95,24,.7)}
#hisar-hajj .btn-ghost,#hisar-hajj .btn-ghost:hover{color:var(--turq-deep);border-color:var(--turq-deep)}
#hisar-hajj .hero .btn-ghost,#hisar-hajj .on-dark .btn-ghost,#hisar-hajj .award .btn-ghost,#hisar-hajj .register .btn-ghost,#hisar-hajj .final .btn-ghost,#hisar-hajj .finale .btn-ghost,#hisar-hajj .help-band .btn-ghost,#hisar-hajj .bar .btn-ghost{color:var(--turq-2);border-color:rgba(85,214,207,.65)}
#hisar-hajj .hero .btn-ghost:hover,#hisar-hajj .on-dark .btn-ghost:hover{background:rgba(85,214,207,.09)}
#hisar-hajj .nq-sec .btn-ghost{color:var(--turq-deep);border-color:var(--turq-deep)}
#hisar-hajj :focus-visible{outline:3px solid var(--turq-deep) !important;outline-offset:4px !important}
#hisar-hajj .on-dark :focus-visible,#hisar-hajj .hero :focus-visible,#hisar-hajj .hajjbar :focus-visible{outline-color:var(--turq-2) !important}
#hisar-hajj .seg button,#hisar-hajj .q-opt,#hisar-hajj .nq-opt,#hisar-hajj .jr-leg,#hisar-hajj .jr-chips button,#hisar-hajj .jr-seg button{min-height:44px}
#hisar-hajj .seg button:hover{border-color:var(--turq-deep)}
#hisar-hajj .seg button.sel{background:var(--turq-deep);border-color:var(--turq-deep);color:#fff}
#hisar-hajj .nq-opt:hover{border-color:var(--turq-deep);background:#EDF8F7;transform:none}
#hisar-hajj .nq-dots i.on{background:var(--turq-deep)}
#hisar-hajj .nq-verdict.free{background:#E2F3F1;color:#09676C}
#hisar-hajj .nq-verdict.setup{background:#E5F2F5;color:#103551}
#hisar-hajj .nq-verdict.conc{background:#F0DEAA;color:#241A09}
#hisar-hajj .q-opt:hover,#hisar-hajj .q-opt.sel,#hisar-hajj .jr-leg[aria-pressed="true"],#hisar-hajj .jr-chips button[aria-pressed="true"]{border-color:var(--turq-2);background:rgba(85,214,207,.1)}
#hisar-hajj .jr-seg button[aria-pressed="true"]{background:var(--turq-2);color:var(--ink)}
#hisar-hajj .q-dot.on{background:var(--turq-2)}
#hisar-hajj .jr-leg.madinah{border-left-color:var(--turq-2)}
#hisar-hajj .jr-leg.makkah{border-left-color:var(--gold-2)}
#hisar-hajj .jr-rites{background:#F0DEAA;color:#241A09}
#hisar-hajj .estbar.b-camp .eb-fill{background:var(--turq-2)}
#hisar-hajj .estbar.b-flight .eb-fill{background:#84B5DF}
#hisar-hajj .est-people button{min-width:44px;min-height:44px}
#hisar-hajj .est-output{background:linear-gradient(145deg,#123D60,#081F38)}
#hisar-hajj .est-output .est-note,#hisar-hajj .jr-note,#hisar-hajj .jr-group>span,#hisar-hajj .jr-flight,#hisar-hajj .q-back{color:#BDCFDC}
#hisar-hajj .est-output .total{font-size:clamp(1.65rem,3.6vw,2.45rem);line-height:1.25;overflow-wrap:anywhere}
#hisar-hajj .sp .ftag.opt{color:var(--turq-deep);border-color:#A6D4D4;background:#EDF8F7}
#hisar-hajj .ftag,#hisar-hajj .ctag,#hisar-hajj .pill-2026,#hisar-hajj .pill-tba,#hisar-hajj .price-box .plabel,#hisar-hajj .pk .pref>span{font-size:.7rem;letter-spacing:.06em;white-space:normal}
#hisar-hajj .pkg-cta{align-items:stretch}
#hisar-hajj .pkg-cta .btn{min-height:52px;line-height:1.35}
#hisar-hajj .btn-copy[disabled]{background:#E8EEF2;color:#53687A;opacity:1}
#hisar-hajj .pay-unset{background:#E8EEF2!important;color:#53687A!important;border-color:#CCD9E1;opacity:1;filter:none;box-shadow:none;transform:none!important}
#hisar-hajj .a-ringlbl{fill:#B1C8D8}#hisar-hajj .a-dotsub{fill:#CDDFE9}
#hisar-hajj .t-item .now{background:var(--turq-2);color:var(--ink)}
#hisar-hajj .count .cl,#hisar-hajj .cd span{color:#BDCFDC;font-size:.7rem;letter-spacing:.08em}
#hisar-hajj .orbit .lbl{fill:#BDD1DF}
#hisar-hajj .ribbon{background:#F6F9FA;color:var(--ink);border-bottom:1px solid #DCE8EC}
#hisar-hajj .ribbon .tag{background:var(--ink);color:var(--gold-2)}
@media(max-width:900px){#hisar-hajj header.site .sitenav{background:#fff}#hisar-hajj .hero .grain{width:55%;opacity:.18}}
@media(max-width:540px){#hisar-hajj .pkg-cta{flex-direction:column}#hisar-hajj .hero .skyline{opacity:.3}#hisar-hajj .est-output .total{font-size:1.65rem}#hisar-hajj .hero-cta .btn{min-height:48px}#hisar-hajj .count{gap:.8rem}#hisar-hajj .cd div{min-width:48px}}
@media(prefers-reduced-motion:reduce){#hisar-hajj *,#hisar-hajj *::before,#hisar-hajj *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* V3: one explicit hero motif layer on every main page. */
#hisar-hajj .hero{background:linear-gradient(120deg,#081F38 0%,#123D60 60%,#0D6067 100%)}
#hisar-hajj .hero-tint{background:linear-gradient(100deg,rgba(8,31,56,.92) 0%,rgba(18,61,96,.70) 48%,rgba(8,127,131,.32) 100%)}
#hisar-hajj .hero::after{box-shadow:inset 0 -45px 70px -55px rgba(8,31,56,.65)}
#hisar-hajj .hero .grain{display:none}
#hisar-hajj .hero::before{content:"";position:absolute;right:0;top:0;width:48%;height:100%;z-index:1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22120%22%20height%3D%22120%22%20viewBox%3D%220%200%20120%20120%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23E7D095%22%20stroke-width%3D%220.8%22%20opacity%3D%220.6%22%3E%3Cpath%20d%3D%22M60%200%20Q60%2030%2030%2030%20Q30%2060%200%2060%20Q30%2060%2030%2090%20Q60%2090%2060%20120%20Q60%2090%2090%2090%20Q90%2060%20120%2060%20Q90%2060%2090%2030%20Q60%2030%2060%200Z%22%2F%3E%3Cpath%20d%3D%22M0%200%20L60%2060%20L120%200%20M0%20120%20L60%2060%20L120%20120%22%20opacity%3D%220.48%22%2F%3E%3Cpath%20d%3D%22M60%2013%20Q57%2040%2040%2040%20Q40%2057%2013%2060%20Q40%2063%2040%2080%20Q57%2080%2060%20107%20Q63%2080%2080%2080%20Q80%2063%20107%2060%20Q80%2057%2080%2040%20Q63%2040%2060%2013Z%22%20opacity%3D%220.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-size:120px 120px;opacity:.42;mask-image:linear-gradient(90deg,transparent,#000 48%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 48%)}
#hisar-hajj .hero .wrap{position:relative;z-index:2}
#hisar-hajj .hero .mk-back{opacity:.35}
#hisar-hajj .divider{height:32px;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22120%22%20height%3D%22120%22%20viewBox%3D%220%200%20120%20120%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23E7D095%22%20stroke-width%3D%220.8%22%20opacity%3D%220.6%22%3E%3Cpath%20d%3D%22M60%200%20Q60%2030%2030%2030%20Q30%2060%200%2060%20Q30%2060%2030%2090%20Q60%2090%2060%20120%20Q60%2090%2090%2090%20Q90%2060%20120%2060%20Q90%2060%2090%2030%20Q60%2030%2060%200Z%22%2F%3E%3Cpath%20d%3D%22M0%200%20L60%2060%20L120%200%20M0%20120%20L60%2060%20L120%20120%22%20opacity%3D%220.48%22%2F%3E%3Cpath%20d%3D%22M60%2013%20Q57%2040%2040%2040%20Q40%2057%2013%2060%20Q40%2063%2040%2080%20Q57%2080%2060%20107%20Q63%2080%2080%2080%20Q80%2063%20107%2060%20Q80%2057%2080%2040%20Q63%2040%2060%2013Z%22%20opacity%3D%220.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-size:56px 56px;opacity:.6}
@media(max-width:767px){#hisar-hajj .hero::before{width:66%;opacity:.24}#hisar-hajj .hero .mk-back{opacity:.25}}


/* V4 FINAL — measured editorial typography, visual balance and knowledge-silo layer. */
#hisar-hajj .section-head{max-width:none}
#hisar-hajj .section-head p{max-width:62ch;margin-inline:auto}
#hisar-hajj .section-head h2{max-width:min(1080px,94vw);margin-inline:auto;text-wrap:pretty}
#hisar-hajj .card h3,#hisar-hajj .step h3,#hisar-hajj .pkg-row h3,#hisar-hajj .pkg h3,#hisar-hajj .care-card h3,#hisar-hajj .sem-week h3,#hisar-hajj .res-item h3{ text-wrap:pretty }
#hisar-hajj .hero h1{font-size:clamp(3rem,6.5vw,5.6rem);text-wrap:pretty}
#hisar-hajj .hero h1 .yr{background:linear-gradient(100deg,var(--gold) 35%,var(--gold-bright) 50%,var(--gold) 65%);background-size:100% auto;animation:none}
#hisar-hajj .hero .wrap{padding-top:clamp(2.6rem,5vw,4rem);padding-bottom:clamp(2.6rem,5vw,4rem)}
#hisar-hajj .orbit{width:min(500px,82vw);max-width:100%}

/* Content discovery: useful internal links, not a keyword cloud. */
#hisar-hajj .knowledge-hub{background:linear-gradient(180deg,#fff,#F4F9FA);border-top:1px solid #DCE8EC;border-bottom:1px solid #DCE8EC}
#hisar-hajj .knowledge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2rem}
#hisar-hajj .knowledge-card{position:relative;display:flex;flex-direction:column;gap:.52rem;min-height:150px;padding:1.25rem 1.3rem 1.2rem;border:1px solid #D8E6EA;border-radius:18px;background:#fff;color:var(--text);text-decoration:none;box-shadow:0 10px 30px -28px rgba(8,31,56,.55);overflow:hidden;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}
#hisar-hajj .knowledge-card::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--turq),var(--gold))}
#hisar-hajj .knowledge-card:hover{transform:translateY(-2px);border-color:#A9CED1;box-shadow:0 16px 34px -25px rgba(8,31,56,.5)}
#hisar-hajj .knowledge-card b{color:var(--ink);font-size:1.02rem;line-height:1.35;text-wrap:pretty}
#hisar-hajj .knowledge-card span{color:var(--muted);font-size:.9rem;line-height:1.55}
#hisar-hajj .knowledge-card em{margin-top:auto;color:var(--turq-deep);font-style:normal;font-weight:800;font-size:.82rem;letter-spacing:.01em}

/* Preparation should carry the same turquoise/gold identity as the rest of the system. */
body.page-hajj-preparation #hisar-hajj .phase{border-left:3px solid var(--turq);box-shadow:0 10px 30px -28px rgba(8,127,131,.45)}
body.page-hajj-preparation #hisar-hajj .phase[open]{border-left-color:var(--gold)}
body.page-hajj-preparation #hisar-hajj .day{border-top:3px solid var(--turq)}
body.page-hajj-preparation #hisar-hajj .res-item{border-left:3px solid rgba(8,127,131,.42)}
body.page-hajj-preparation #hisar-hajj .res-item:hover{border-left-color:var(--turq)}
body.page-hajj-preparation #hisar-hajj h2.sec::after{content:"";display:block;width:64px;height:3px;margin:.75rem auto 0;border-radius:9px;background:linear-gradient(90deg,var(--turq),var(--gold))}

@media(max-width:900px){#hisar-hajj .knowledge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#hisar-hajj .hero .wrap{padding-bottom:clamp(2.4rem,5vw,3.5rem)}}
@media(max-width:600px){#hisar-hajj .knowledge-grid{grid-template-columns:1fr}#hisar-hajj .knowledge-card{min-height:0}#hisar-hajj .hero h1{font-size:clamp(2.8rem,13vw,4.35rem)}}

#hisar-hajj #explainerVid,#hisar-hajj #hubvid{aspect-ratio:9/16;width:100%;height:auto}#hisar-hajj .vwrap{aspect-ratio:9/16;max-width:420px;margin-inline:auto}

/* ============================================================
   V5.1 HOTFIX — WordPress-safe Hajj 2027 metallic text + hero video
   1) Restores the moving metallic sweep on 2027.
   2) Uses a solid-gold fallback so background-clip can NEVER become a gold box.
   3) Restores the Hajj hub atmosphere video with a lighter overlay.
   ============================================================ */
#hisar-hajj .hero h1 .yr{
  display:inline-block!important;
  background:none!important;
  color:#D7B45C!important;
  -webkit-text-fill-color:#D7B45C!important;
  filter:drop-shadow(0 2px 9px rgba(201,162,75,.10));
}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  #hisar-hajj .hero h1 .yr{
    background-image:linear-gradient(108deg,
      #9D7120 0%,
      #C99F45 18%,
      #E5C975 34%,
      #FFF0B6 46%,
      #D6A94B 58%,
      #A87420 76%,
      #E3C46E 100%)!important;
    background-size:280% 100%!important;
    background-repeat:no-repeat!important;
    background-position:220% 50%;
    -webkit-background-clip:text!important;
    background-clip:text!important;
    color:transparent!important;
    -webkit-text-fill-color:transparent!important;
    animation:hajjYearMetalSweep 5.6s cubic-bezier(.45,0,.18,1) infinite!important;
    filter:drop-shadow(0 2px 10px rgba(231,208,149,.12));
  }
}
@keyframes hajjYearMetalSweep{
  0%,14%{background-position:220% 50%;filter:drop-shadow(0 2px 9px rgba(231,208,149,.08))}
  46%{background-position:48% 50%;filter:drop-shadow(0 2px 14px rgba(255,235,174,.26))}
  72%,100%{background-position:-120% 50%;filter:drop-shadow(0 2px 9px rgba(231,208,149,.10))}
}
/* Hero film should be visible, but copy remains the priority. */
body.page-hajj-hub #hisar-hajj .hero-tint{
  background:
    linear-gradient(90deg,rgba(8,31,56,.93) 0%,rgba(8,31,56,.78) 34%,rgba(8,31,56,.42) 66%,rgba(8,31,56,.24) 100%),
    linear-gradient(180deg,rgba(8,31,56,.22),rgba(8,31,56,.58))!important;
}
body.page-hajj-hub #hisar-hajj .hero-video{opacity:.72!important;filter:saturate(1.10) contrast(1.04) brightness(.96)!important}
body.page-hajj-hub #hisar-hajj .hero-poster{opacity:.70!important}
@media (prefers-reduced-motion:reduce){
  #hisar-hajj .hero h1 .yr{animation:none!important;background-position:50% 50%!important}
  body.page-hajj-hub #hisar-hajj .hero-video{display:none!important}
}


/* ============================================================
   V5 EDITORIAL TYPOGRAPHY — measured, browser-verified
   Problem: the paragraph reading measure (62–70ch) was applied to the
   heading container, so display headings were squeezed and broke into a
   long line + a short stub line.
   Fix: the measure stays on the paragraph; headings get their own,
   wider measure; anything that still must wrap wraps into EVEN lines.
   Selectors are self-doubled so they win regardless of where this block
   is inserted. No layout, colour, content or script is touched.
   ============================================================ */

/* 1 — a heading that must wrap, wraps evenly (never a one-word stub line).
      Written with real specificity so it overrides the earlier `pretty` rules. */
#hisar-hajj h1,#hisar-hajj h2,#hisar-hajj h3,#hisar-hajj h4{text-wrap:balance}

/* 2 — Hisar pages: free the section heading from the paragraph measure */
#hisar-hajj .section-head.section-head,#hisar-hajj .sec-head.sec-head,#hisar-hajj .band-head.band-head{max-width:none}
#hisar-hajj .section-head.section-head>p,#hisar-hajj .sec-head.sec-head>p,#hisar-hajj .band-head.band-head>p,
#hisar-hajj .section-head.section-head>.lede,#hisar-hajj .sec-head.sec-head>.lede{max-width:64ch;margin-inline:auto}
#hisar-hajj .section-head.section-head>h2,#hisar-hajj .sec-head.sec-head>h2,#hisar-hajj .band-head.band-head>h2{
  max-width:min(1180px,94vw);margin-inline:auto;
  font-size:clamp(1.95rem,3.9vw,2.95rem);
  text-wrap:balance}

/* 3 — community (partner) pages: same cap, different class name */
#hisar-hajj .hj27-hd.hj27-hd{max-width:none}
#hisar-hajj .hj27-hd.hj27-hd>p,#hisar-hajj .hj27-hd.hj27-hd>.hj27-lede{max-width:64ch;margin-inline:auto}
#hisar-hajj .hj27-hd.hj27-hd>h2{
  max-width:min(1120px,94vw);margin-inline:auto;
  font-size:clamp(1.75rem,3.2vw,2.35rem);
  text-wrap:balance}

/* 4 — the paragraph measure stays where it belongs elsewhere too */
#hisar-hajj .standfirst,#hisar-hajj .nq-lede{max-width:64ch;margin-inline:auto}


/* ═══ v6 — explainer block ═══════════════════════════════════
   The clip is vertical (720x1280). Framing it like a phone stops
   the 16:9 letterbox and the dead space beside it. The screen keeps
   a painted background of its own, so a missing poster or a blocked
   MP4 can never show a black rectangle. */
#hisar-hajj .vband .wrap{grid-template-columns:minmax(0,1fr);gap:2.4rem;align-items:center}
@media(min-width:940px){#hisar-hajj .vband .wrap{grid-template-columns:minmax(0,1fr) minmax(320px,360px)}}
#hisar-hajj .vband .vlede{max-width:52ch}

#hisar-hajj .vmedia{display:flex;justify-content:center}
#hisar-hajj .vphone{margin:0;width:100%;max-width:330px}
#hisar-hajj .vphone-screen{position:relative;aspect-ratio:9/16;max-height:min(74vh,600px);margin-inline:auto;
  border-radius:26px;overflow:hidden;border:1px solid rgba(232,210,150,.34);
  background:#0A2036 linear-gradient(165deg,#0C2647,#123C63 55%,#0E5F63);
  box-shadow:0 34px 70px -38px rgba(0,0,0,.85)}
#hisar-hajj .vphone-screen::after{content:"";position:absolute;inset:0;pointer-events:none;
  border-radius:26px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
#hisar-hajj .vphone-screen video{position:absolute;inset:0;width:100%;height:100%;display:block;
  object-fit:cover;background:transparent}
#hisar-hajj .vphone-cap{margin:.8rem 0 0;text-align:center;font-size:.76rem;letter-spacing:.02em;
  color:rgba(245,250,252,.6)}

/* the play affordance sits on top until the clip actually starts */
#hisar-hajj .vplay{position:absolute;inset:0;width:100%;border:0;background:transparent;cursor:pointer;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.9rem;
  color:#fff;font:inherit;transition:opacity .3s var(--ease)}
#hisar-hajj .vplay-ico{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;
  background:linear-gradient(140deg,#E7D095,#C9A24B);box-shadow:0 14px 34px -12px rgba(0,0,0,.7)}
#hisar-hajj .vplay-ico::before{content:"";width:0;height:0;margin-left:5px;
  border-left:19px solid #0B2A47;border-top:12px solid transparent;border-bottom:12px solid transparent}
#hisar-hajj .vplay-txt{font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:rgba(255,255,255,.92);text-shadow:0 2px 10px rgba(0,0,0,.6)}
#hisar-hajj .vplay[hidden]{display:none}
#hisar-hajj .vphone-screen:hover .vplay-ico{transform:scale(1.04)}
#hisar-hajj .vplay-ico{transition:transform .25s var(--ease)}

/* transcript is available, not shouting */
#hisar-hajj .vscript-wrap{margin-top:1.5rem;border-top:1px solid rgba(232,210,150,.22);padding-top:1rem}
#hisar-hajj .vscript-wrap>summary{cursor:pointer;list-style:none;font-size:.8rem;font-weight:800;
  letter-spacing:.14em;text-transform:uppercase;color:#E7D095;display:inline-flex;
  align-items:center;gap:.5rem;min-height:44px}
#hisar-hajj .vscript-wrap>summary::-webkit-details-marker{display:none}
#hisar-hajj .vscript-wrap>summary::after{content:"";width:8px;height:8px;border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .3s var(--ease);position:static}
#hisar-hajj .vscript-wrap[open]>summary::after{transform:rotate(-135deg)}
#hisar-hajj .vscript-wrap .vscript{margin-top:.9rem}

@media(max-width:939px){
  #hisar-hajj .vband .wrap{gap:1.9rem}
  #hisar-hajj .vmedia{order:-1}                 /* on a phone the clip leads, then the argument */
  #hisar-hajj .vphone{max-width:290px}
  #hisar-hajj .vphone-screen{max-height:64vh}
  #hisar-hajj .vband .vacts .btn{flex:1 1 100%;justify-content:center}
}
/* one marker per accordion, and it must flip when opened */
#hisar-hajj .phase>summary::after,#hisar-hajj .faq summary::after{position:static}
#hisar-hajj details.phase[open]>summary::after{transform:rotate(-135deg)}


/* v6 mobile touch-target pass — WCAG 2.5.8 with headroom, no layout change on desktop */
@media (max-width:640px){
  #hisar-hajj .sitefoot .fcols a{padding-block:.62rem}
  #hisar-hajj .hchip.hchip{min-height:44px;padding-block:.55rem}
  #hisar-hajj .achip.achip{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
  #hisar-hajj .topbar .tb-left a{display:inline-flex;align-items:center;min-height:40px}
  #hisar-hajj .tip>button.tip>button,#hisar-hajj .tip>button{width:32px;height:32px;line-height:32px;font-size:.8rem}
  #hisar-hajj .tipbtn.tipbtn,#hisar-hajj .tip-wrap>button{min-width:32px;min-height:32px;display:inline-flex;align-items:center;justify-content:center}
  #hisar-hajj input:not([type=hidden]):not([type=range]):not([type=checkbox]):not([type=radio]),
  #hisar-hajj select,#hisar-hajj textarea{font-size:16px}
}


/* v7 — phones: one sticky bar, not three. Header scrolls away, the Hajj
   section bar sticks, the bottom dock keeps the actions. */
@media (max-width:640px){
  #hisar-hajj .stickywrap.stickywrap{display:contents}
  #hisar-hajj .hajjbar.hajjbar{position:sticky;top:var(--hisar-admin,0px);z-index:70}
  #hisar-hajj{scroll-padding-top:calc(var(--hisar-admin,0px) + 66px)}
  #hisar-hajj .pk-nav.pk-nav{position:static;top:auto}
  body.page-hajj-support #hisar-hajj .hero h1,body.page-hajj-preparation #hisar-hajj .hero h1,
  body.support #hisar-hajj .hero h1,body.preparation #hisar-hajj .hero h1{font-size:clamp(1.85rem,7.4vw,2.5rem);line-height:1.12;text-wrap:balance}
}


/* v7 — sticky booking bar: appears after the hero, never hides on scroll direction */
#hisar-hajj .bar{transform:translateY(110%);transition:transform .35s var(--ease-out)}
#hisar-hajj .bar.is-on{transform:none}
#hisar-hajj .anchor-short{display:none}
@media (prefers-reduced-motion:reduce){#hisar-hajj .bar{transition:none}}
@media (max-width:640px){
  #hisar-hajj .bar.bar{padding:.5rem 0 calc(.5rem + env(safe-area-inset-bottom,0px))}
  #hisar-hajj .bar.bar .wrap{flex-wrap:nowrap;gap:.5rem;align-items:center}
  #hisar-hajj .bar.bar .anchor{flex:1 1 auto;min-width:0;font-size:.8rem;line-height:1.2}
  #hisar-hajj .bar.bar .anchor b{font-size:.95rem;display:block;white-space:nowrap}
  /* 1.3.0: 'b.' raises specificity above '.anchor b{display:block}' — 1.2.0 showed both labels, overlapping the WhatsApp button at 390 px */
  #hisar-hajj .bar.bar .anchor b.anchor-long{display:none}
  #hisar-hajj .bar.bar .anchor b.anchor-short{display:block;overflow:hidden;text-overflow:ellipsis}
  #hisar-hajj .bar.bar .anchor span{display:none}
  #hisar-hajj .bar.bar .acts{flex:0 0 auto;gap:.4rem}
  #hisar-hajj .bar.bar .acts .btn{padding:.62rem .8rem;font-size:.82rem;min-height:44px}
  #hisar-hajj{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
}
/* v7 — long matrices are optional reading, collapsed behind one line */
#hisar-hajj details.disc{border:1px solid var(--line);border-radius:14px;background:var(--white);padding:0 1.1rem;margin-top:1.6rem}
#hisar-hajj details.disc>summary{padding:1rem 2.2rem 1rem 0;font-size:1rem}
#hisar-hajj details.disc>summary::after{top:1.35rem}
#hisar-hajj details.disc>summary small{display:block;font-weight:500;color:var(--muted);font-size:.85rem;margin-top:.15rem}
#hisar-hajj details.disc .standfirst{margin-top:.2rem}
#hisar-hajj details.disc .scrollhint{margin-top:.6rem}
#hisar-hajj details.disc .matchwrap,#hisar-hajj details.disc .tblwrap{margin-bottom:1.2rem}
#hisar-hajj details.disc p{max-width:none}


/* Nusuk Ready Check — two client-side tools. Uses the page's existing tokens
   (--ink/--gold/--turq/--paper); adds no new palette. */
#hisar-hajj .nc-sec{background:linear-gradient(180deg,var(--paper-2,#F2F8F9),var(--paper,#fff))}
/* .btn was designed for <a>; the module uses <button> too. Clear the UA button
   look at zero specificity so .btn / .btn-gold / .btn-ghost win untouched. */
#hisar-hajj :where(.nc-sec button.btn){appearance:none;-webkit-appearance:none;background:transparent;border:0;font:inherit;line-height:inherit;cursor:pointer;margin:0}
#hisar-hajj .nc-head{max-width:62ch;margin:0 0 2.2rem}
#hisar-hajj .nc-head h2{margin:.6rem 0 .7rem}
#hisar-hajj .nc-lede{color:var(--muted,#5A6B7B);font-size:1.02rem;line-height:1.7;margin:0 0 1rem}
#hisar-hajj .nc-privacy{display:flex;gap:.7rem;align-items:flex-start;margin:0;padding:.85rem 1rem;
  border:1px solid rgba(8,127,131,.28);background:rgba(8,127,131,.07);border-radius:12px;
  font-size:.88rem;line-height:1.6;color:var(--text,#0F2338)}
#hisar-hajj .nc-privacy svg{width:20px;height:20px;flex:none;color:var(--turq-deep,#087F83);margin-top:.1rem}

#hisar-hajj .nc-grid{display:grid;gap:1.4rem;grid-template-columns:1fr}
@media(min-width:1000px){#hisar-hajj .nc-grid{grid-template-columns:1fr 1fr;align-items:start}}

#hisar-hajj .nc-card{background:var(--paper,#fff);border:1px solid var(--line,rgba(15,45,80,.14));
  border-radius:var(--rad-lg,22px);overflow:hidden;box-shadow:var(--shadow-soft,0 14px 40px -22px rgba(7,20,40,.5))}
#hisar-hajj .nc-card-head{padding:1.4rem 1.4rem 1.1rem;border-bottom:1px solid var(--line,rgba(15,45,80,.12));position:relative}
#hisar-hajj .nc-num{position:absolute;right:1.2rem;top:1.1rem;font-family:var(--fd,serif);font-size:1.5rem;
  color:var(--gold-deep,#7E5F18);line-height:1}
#hisar-hajj .nc-card-head h3{margin:0 0 .5rem;font-size:1.3rem;color:var(--ink,#081F38)}
#hisar-hajj .nc-card-head p{margin:0;font-size:.92rem;line-height:1.65;color:var(--muted,#5A6B7B);max-width:46ch}
#hisar-hajj .nc-body{padding:1.2rem 1.4rem 1.5rem}

#hisar-hajj .nc-drop{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;
  min-height:148px;padding:1.2rem;text-align:center;cursor:pointer;border-radius:14px;
  border:1.5px dashed var(--line-2,rgba(15,45,80,.26));background:var(--paper-2,#F2F8F9);
  transition:border-color .2s,background .2s}
#hisar-hajj .nc-drop:hover,#hisar-hajj .nc-drop.is-over{border-color:var(--turq-deep,#087F83);background:rgba(8,127,131,.06)}
#hisar-hajj .nc-drop svg{width:30px;height:30px;color:var(--turq-deep,#087F83);margin-bottom:.2rem}
#hisar-hajj .nc-drop-t{font-weight:700;color:var(--ink,#081F38)}
#hisar-hajj .nc-drop-s{font-size:.82rem;color:var(--muted,#5A6B7B);max-width:34ch}
#hisar-hajj .nc-drop:focus-within{outline:2px solid var(--turq-deep,#087F83);outline-offset:3px}

#hisar-hajj .nc-canvaswrap{position:relative;border-radius:14px;overflow:hidden;background:#0B2136;
  display:flex;align-items:center;justify-content:center;touch-action:none}
#hisar-hajj .nc-canvaswrap canvas{display:block;max-width:100%;height:auto;cursor:grab}
#hisar-hajj .nc-canvaswrap canvas:active{cursor:grabbing}

/* 1.3.0 photo cropper: square + dimmed cut band, line guide, labels outside the kept photo */
#hisar-hajj .nc-cropper{position:relative;width:100%}
#hisar-hajj #nc-p-wrap{display:block;margin:0 auto;border-radius:12px}
#hisar-hajj #nc-p-wrap canvas{max-width:none}
#hisar-hajj .nc-guide{position:absolute;pointer-events:none;overflow:visible}
#hisar-hajj .nc-g-frame{stroke:var(--gold,#C9A24B);stroke-width:2}
#hisar-hajj .nc-g-band{fill:rgba(231,208,149,.16)}
#hisar-hajj .nc-g-rule{stroke:#E7D095;stroke-width:1.5;stroke-dasharray:6 4}
#hisar-hajj .nc-g-eye{stroke:rgba(255,255,255,.9);stroke-width:1.2;stroke-dasharray:2 3}
#hisar-hajj .nc-g-mid{stroke:rgba(255,255,255,.5);stroke-width:1;stroke-dasharray:2 4}
#hisar-hajj .nc-g-legend{position:absolute;list-style:none;margin:0;padding:0;pointer-events:none}
#hisar-hajj .nc-g-legend li{position:absolute;left:0;top:calc(var(--y) * 1%);transform:translateY(-50%);font-size:10.5px;font-weight:800;line-height:1.15;color:#241a09;background:#E7D095;border-radius:4px;padding:3px 5px;max-width:100%;white-space:normal}
#hisar-hajj .nc-g-legend li::before{content:"";position:absolute;right:100%;top:50%;width:6px;border-top:1.5px solid #E7D095}
#hisar-hajj .nc-g-legend .lg-eye{background:#fff;color:#0F2338}
#hisar-hajj .nc-g-legend .lg-eye::before{border-color:#fff}
#hisar-hajj .nc-ctrls{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin:.8rem auto 0;max-width:420px}
#hisar-hajj .nc-ctrls input[type=range]{flex:1;min-height:44px}
#hisar-hajj .nc-cbtn{min-width:44px;min-height:44px;border-radius:10px;border:1.5px solid var(--line-2,rgba(15,45,80,.26));background:#fff;color:var(--ink,#081F38);font:inherit;font-size:1.25rem;font-weight:800;line-height:1;cursor:pointer}
#hisar-hajj .nc-cbtn-txt{font-size:.85rem;padding:0 .8rem}
#hisar-hajj .nc-cbtn:hover{border-color:var(--turq-deep,#087F83)}
#hisar-hajj .nc-cbtn:focus-visible,#hisar-hajj #nc-p-wrap canvas:focus-visible{outline:3px solid var(--turq-deep,#087F83);outline-offset:3px}
#hisar-hajj .nc-live{min-height:0;margin:0;font-size:0;height:1px;overflow:hidden}
#hisar-hajj .nc-file{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip:rect(0 0 0 0)}
#hisar-hajj .nc-steps{margin:.8rem 0 0;padding:0 0 0 1.2rem;font-size:.86rem;line-height:1.5;color:var(--text,#0F2338)}
#hisar-hajj .nc-steps li{margin:.25rem 0}
#hisar-hajj .nc-steps li::marker{font-weight:800;color:var(--gold-deep,#7E5F18)}
#hisar-hajj .nc-detail{display:block;font-weight:400;color:var(--muted,#5A6B7B);margin-top:.15rem}

/* passport MRZ band */
#hisar-hajj .nc-mrzband{position:absolute;left:0;right:0;border:2px solid var(--gold,#C9A24B);
  background:rgba(201,162,75,.16);cursor:ns-resize;border-radius:4px}
#hisar-hajj .nc-mrzband::after{content:"MRZ";position:absolute;left:6px;top:-9px;font-size:.6rem;font-weight:800;
  letter-spacing:.14em;background:var(--gold,#C9A24B);color:#241a09;padding:1px 6px;border-radius:3px}

#hisar-hajj .nc-hint{font-size:.82rem;line-height:1.55;color:var(--muted,#5A6B7B);margin:.7rem 0 0}
#hisar-hajj .nc-hint code{background:rgba(15,45,80,.07);padding:0 .25rem;border-radius:3px}


#hisar-hajj .nc-checks{list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:.45rem}
#hisar-hajj .nc-checks li{display:flex;gap:.55rem;align-items:flex-start;font-size:.87rem;line-height:1.5;
  padding:.5rem .65rem;border-radius:9px;background:var(--paper-2,#F2F8F9)}
#hisar-hajj .nc-checks li b{font-weight:700}
#hisar-hajj .nc-checks li .ci{flex:none;width:17px;height:17px;border-radius:50%;display:grid;place-items:center;
  font-size:.64rem;font-weight:900;margin-top:.1rem;color:#fff}
#hisar-hajj .nc-ok .ci{background:#0F7A45}#hisar-hajj .nc-warn .ci{background:#B1730A}#hisar-hajj .nc-bad .ci{background:#B32D2E}
#hisar-hajj .nc-ok{background:rgba(15,122,69,.07)}#hisar-hajj .nc-warn{background:rgba(177,115,10,.09)}#hisar-hajj .nc-bad{background:rgba(179,45,46,.08)}

#hisar-hajj .nc-out{display:flex;gap:1.1rem;align-items:center;flex-wrap:wrap;margin-top:1.1rem;
  padding-top:1.1rem;border-top:1px solid var(--line,rgba(15,45,80,.12))}
#hisar-hajj .nc-preview{text-align:center}
#hisar-hajj .nc-preview img{width:100px;height:100px;border-radius:10px;border:1px solid var(--line-2,rgba(15,45,80,.26));display:block}
#hisar-hajj .nc-preview span{display:block;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--muted,#5A6B7B);margin-top:.35rem;font-weight:700}
#hisar-hajj .nc-outinfo{flex:1;min-width:190px;display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}
#hisar-hajj .nc-outinfo b{font-size:1.05rem;color:var(--ink,#081F38)}
#hisar-hajj .nc-outinfo span{font-size:.82rem;color:var(--muted,#5A6B7B)}
#hisar-hajj .nc-outinfo .btn{width:100%;text-align:center}

#hisar-hajj .nc-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:.9rem}
#hisar-hajj .nc-actions .btn{flex:1;min-width:150px;text-align:center}
#hisar-hajj .nc-first{font-size:.76rem;color:var(--muted,#5A6B7B);margin:.6rem 0 0}

#hisar-hajj .nc-prog{margin-top:.9rem;display:flex;flex-direction:column;gap:.4rem}
#hisar-hajj .nc-bar{height:6px;border-radius:99px;background:rgba(15,45,80,.12);overflow:hidden}
#hisar-hajj .nc-bar i{display:block;height:100%;width:30%;border-radius:99px;background:var(--turq-deep,#087F83);
  animation:ncslide 1.1s ease-in-out infinite}
@keyframes ncslide{0%{margin-left:-30%}100%{margin-left:100%}}
#hisar-hajj .nc-prog span{font-size:.8rem;color:var(--muted,#5A6B7B)}

#hisar-hajj .nc-res{margin-top:1rem}
#hisar-hajj .nc-mrzlines{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;
  letter-spacing:.04em;background:#0B2136;color:#E7D095;padding:.7rem .8rem;border-radius:9px;
  overflow-x:auto;white-space:pre;margin:0 0 .8rem;-webkit-overflow-scrolling:touch}
#hisar-hajj .nc-fields{list-style:none;margin:0 0 .9rem;padding:0;display:grid;gap:.4rem}
@media(min-width:520px){#hisar-hajj .nc-fields{grid-template-columns:1fr 1fr}}
#hisar-hajj .nc-fields li{display:flex;justify-content:space-between;gap:.6rem;font-size:.86rem;
  padding:.45rem .6rem;background:var(--paper-2,#F2F8F9);border-radius:8px}
#hisar-hajj .nc-fields li span{color:var(--muted,#5A6B7B)}
#hisar-hajj .nc-fields li b{text-align:right;color:var(--ink,#081F38)}

#hisar-hajj .nc-foot{max-width:70ch;margin:2rem 0 0;font-size:.85rem;line-height:1.65;color:var(--muted,#5A6B7B)}
#hisar-hajj .nc-foot a{color:var(--turq-deep,#087F83);font-weight:700}

@media(prefers-reduced-motion:reduce){#hisar-hajj .nc-bar i{animation:none;width:100%}}


/* feedback-and-affordance · görsel çözümlenirken bırakma alanı ölü görünüyordu. */
#hisar-hajj .nc-drop.is-busy{pointer-events:none;border-style:solid;
  border-color:var(--turq-deep,#087F83);background:rgba(8,127,131,.06)}
#hisar-hajj .nc-drop.is-busy svg{display:none}
#hisar-hajj .nc-drop.is-busy::before{content:"";width:30px;height:30px;margin-bottom:.2rem;border-radius:50%;
  border:3px solid rgba(8,127,131,.22);border-top-color:var(--turq-deep,#087F83);
  animation:nc-spin .7s linear infinite}
@keyframes nc-spin{to{transform:rotate(1turn)}}
@media (prefers-reduced-motion:reduce){#hisar-hajj .nc-drop.is-busy::before{animation-duration:2.6s}}

/* ── v8 UX Engine düzeltmeleri · eklemeli, geri alınabilir ──────────────
   P0 · Hero CTA katın altında kalıyordu (1440x900'de 916px, kat 900px).
   Sebep padding değil: bu sayfanın h1'i dört sayfa içinde TEK uzun dize
   ("Nusuk Hajj 2027 Registration Support"), 90px puntoda 4 satıra sarıp
   401px yer kaplıyor. Diğer üçü 128–142px (hub/packages/preparation kısa
   başlık + .h1-sub yapısı kullanıyor). Bu kararı tasarım zaten vermiş:
   <=640px'te support/preparation başlıklarına küçük ölçek uygulanıyor —
   burada aynı karar masaüstüne uzatılıyor, ölçek diğer sayfalarla aynı
   banda (~136px) iniyor. */
@media (min-width:641px){
  body.page-hajj-support #hisar-hajj .hero h1{font-size:clamp(2.9rem,4.6vw,3.9rem)}
}

/* WCAG 2.5.8 · dipnot işaretleri (¹²³⁴) mobilde 4x8px ölçüldü — dokunulamaz.
   Görünümü (üst simge boyutu, noktalı alt çizgi, satır akışı) değiştirmeden
   görünmez 24x24 tıklama alanı veriyoruz; pseudo-eleman olduğu için metin
   akışına hiç dokunmuyor. */
#hisar-hajj .fnm a{position:relative}
#hisar-hajj .fnm a::after{content:"";position:absolute;left:50%;top:50%;
  width:24px;height:24px;transform:translate(-50%,-50%)}


/* ── support audit (R16) ─────────────────────────────────────────────────
   a. one alignment per section head. The v7 patch centred .standfirst and
      .nq-lede under h2s that sit left; left everywhere, like the other pages. */
body.page-hajj-support #hisar-hajj .standfirst,body.page-hajj-support #hisar-hajj .nq-lede{margin-inline:0}
/* the results row carried an inline margin-inline:auto; the head above it is
   left, so the row follows. !important only because the value is inline. */
body.page-hajj-support #hisar-hajj .results[style]{margin-inline:0!important}

/* b. FAQ chevron. The v7 patch made the ::after position:static but left it
      display:inline, so its 9x9 box collapsed to a rotated 2px border stub:
      the stray "|" after every question. A flex summary gives the chevron a
      real box and its own place at the right. */
body.page-hajj-support #hisar-hajj .faq summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;list-style:none}
body.page-hajj-support #hisar-hajj .faq summary::-webkit-details-marker{display:none}
body.page-hajj-support #hisar-hajj .faq summary::after{display:inline-block;flex:none;width:9px;height:9px;margin-inline-start:.5rem;
  transform:rotate(45deg);transition:transform .25s;transform-origin:center}
body.page-hajj-support #hisar-hajj .faq details[open]>summary::after{transform:rotate(-135deg)}
/* 1.3.0 — per-service payment availability under each button */
#hisar-hajj .tier .paynote{margin:.55rem 0 0;font-size:.8rem;line-height:1.45;color:var(--muted,#5b6472);text-align:center}
#hisar-hajj .tier .svc-response{margin:.35rem 0 0;font-size:.8rem;color:var(--muted,#5b6472);text-align:center}
#hisar-hajj .tier.feature .paynote,#hisar-hajj .tier.feature .svc-response{color:inherit;opacity:.85}

/* ── 1.4.0 · U07 — the three levels, before the argument ─────────────── */
#hisar-hajj .hero-free{margin:.85rem 0 0;font-size:.9rem;color:rgba(234,242,247,.72)}
#hisar-hajj .hero-free a{color:var(--gold-2);text-decoration:underline;text-underline-offset:3px}
#hisar-hajj .lv-grid{display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:1.4rem}
#hisar-hajj .lv-card{border:1px solid var(--line);border-radius:16px;padding:1.3rem 1.25rem;background:#fff}
#hisar-hajj .lv-card.is-feature{border-color:var(--gold);box-shadow:0 10px 30px rgba(36,26,9,.08)}
#hisar-hajj .lv-card h3{margin:0 0 .85rem;font-size:1.12rem;color:var(--text)}
#hisar-hajj .lv-card dl{margin:0;display:grid;gap:.15rem}
#hisar-hajj .lv-card dt{font-size:.66rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-top:.8rem}
#hisar-hajj .lv-card dt:first-of-type{margin-top:0}
#hisar-hajj .lv-card dd{margin:0;font-size:.93rem;line-height:1.55;color:var(--text)}
#hisar-hajj .lv-card .lv-amt{font-size:1.5rem;font-weight:800;color:var(--text);line-height:1.1}
#hisar-hajj .lv-card dd span{font-size:.82rem;color:var(--muted);display:block}
#hisar-hajj .lv-card dd a{display:inline-flex;align-items:center;min-height:44px;font-weight:700;color:var(--turq-deep)}
#hisar-hajj .lv-note{margin:1.3rem 0 0;font-size:.9rem;line-height:1.6;color:var(--muted)}

/* ── 1.4.0 · U09 — crop: direction pads, disabled zoom, narrow-screen labels ── */
#hisar-hajj .nc-nudge{display:grid;grid-template-columns:repeat(3,44px);grid-template-areas:". up ." "left . right" ". down .";
  justify-content:center;gap:.35rem;margin:.7rem auto 0}
#hisar-hajj .nc-nudge .nc-nbtn{width:44px;height:44px;border-radius:10px;border:1.5px solid var(--line-2,rgba(15,45,80,.26));
  background:#fff;color:var(--ink,#081F38);font:inherit;font-size:1rem;font-weight:800;cursor:pointer}
#hisar-hajj .nc-nudge .nc-nbtn:hover{border-color:var(--turq-deep,#087F83)}
#hisar-hajj .nc-nudge .nc-nbtn:focus-visible{outline:3px solid var(--turq-deep,#087F83);outline-offset:2px}
#hisar-hajj .nc-nudge [data-nudge="up"]{grid-area:up}
#hisar-hajj .nc-nudge [data-nudge="left"]{grid-area:left}
#hisar-hajj .nc-nudge [data-nudge="right"]{grid-area:right}
#hisar-hajj .nc-nudge [data-nudge="down"]{grid-area:down}
/* At 320 px the slider, the two zoom buttons and "Reset framing" do not fit
   on one line: the text button takes its own row instead of being clipped. */
@media (max-width:400px){
  #hisar-hajj .nc-ctrls input[type=range]{flex:1 1 120px;min-width:0}
  #hisar-hajj .nc-cbtn-txt{flex:1 0 100%;order:3}
}
#hisar-hajj .nc-cbtn[disabled]{opacity:.42;cursor:not-allowed;border-color:var(--line,rgba(42,36,29,.15))}
#hisar-hajj .nc-cbtn[disabled]:hover{border-color:var(--line,rgba(42,36,29,.15))}
/* On a narrow phone the three side labels used to sit on top of the photo. */
@media (max-width:420px){
  #hisar-hajj .nc-g-legend li{font-size:9.5px;padding:1px 4px;max-width:66px}
}

/* ── 1.4.0 · U11 — the fixed bottom bar must not sit on the control that just
   took focus. scroll-padding-bottom makes the browser treat the strip behind
   the bar as "not in view", so Tab scrolls the control clear of it. The value
   covers the tallest bar (73 px) plus breathing room. ───────────────────── */
html{scroll-padding-bottom:96px}
@media (min-width:1025px){html{scroll-padding-bottom:0}}
/* The fixed bottom bar also covers the theme footer's last links, which sit
   outside the landing wrapper, so the page itself gets the clearance. */
@media (max-width:1024px){body.hle-hajj-support{padding-bottom:96px}}

/* ── 1.4.0 · U11/U12 — reflow at 320 px and at 200% text zoom ────────────
   Two separate causes were measured, not guessed:
   1. a grid track written as `1fr` cannot shrink below its content's
      min-content width, so at 200% zoom single-column sections were 410-588 px
      wide inside a 390 px viewport and the text was clipped. `minmax(0,1fr)`
      lets the track shrink.
   2. long unbroken words (URLs, "Pre-Registration") set that min-content
      width in the first place.
   Both are scoped to narrow viewports so nothing changes on desktop. */
@media (max-width:1024px){
  #hisar-hajj .wrap,#hisar-hajj [class$="-grid"],#hisar-hajj [class$="-cols"]{min-width:0}
  #hisar-hajj h1,#hisar-hajj h2,#hisar-hajj h3,#hisar-hajj h4,
  #hisar-hajj p,#hisar-hajj li,#hisar-hajj dd,#hisar-hajj td,#hisar-hajj th,
  #hisar-hajj summary,#hisar-hajj label,#hisar-hajj .btn{overflow-wrap:break-word}
  #hisar-hajj [style*="grid-template-columns"],
  #hisar-hajj .wrap>*{min-width:0}
}
/* Same as the other pages: the fixed bar is chrome. At 200% text zoom its two
   buttons no longer fitted and "Talk to an advisor" was cut off the screen. */
@media (max-width:900px){
  #hisar-hajj .bar .wrap{gap:.5rem;justify-content:center}
  /* matches the .bar.bar specificity used earlier in this file. The row stays
     on ONE line (the block above sets flex-wrap:nowrap); what changes is that
     the buttons may now shrink instead of running off the screen. */
  #hisar-hajj .bar.bar .acts{display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:.4rem;min-width:0;flex:0 1 auto}
  #hisar-hajj .bar.bar .acts .btn{flex:0 1 auto;white-space:nowrap;min-width:0;font-size:min(.82rem,13.5px);padding:.62rem .8rem}
  /* The bar is persistent chrome above the content. Letting it scale to 200%%
     made it 239 px tall on an 844 px screen, so its own text is capped. The
     same two actions appear at full size inside the page (#levels, #pricing
     and the closing section), so nothing is only reachable through the bar. */
  #hisar-hajj .bar.bar .anchor{font-size:min(.92rem,14px)}
  #hisar-hajj .bar.bar .anchor b{font-size:min(1.05rem,16px)}
  #hisar-hajj .bar.bar .anchor span{font-size:min(.78rem,12px)}
  #hisar-hajj .bar .btn{font-size:clamp(12px,.86rem,14.5px);padding-left:.9rem;padding-right:.9rem;min-width:0;max-width:100%}
  #hisar-hajj .bar .anchor{font-size:clamp(12px,.92rem,15px);min-width:0}
  #hisar-hajj .bar .anchor b{font-size:clamp(13px,1.05rem,16.5px)}
}


/* == 1.5.0 photo guide: head-and-shoulders outline + tolerance bands ====== */
#hisar-hajj .nc-g-head,#hisar-hajj .nc-g-body{stroke:rgba(231,208,149,.95);stroke-width:1.6;stroke-dasharray:5 4}
#hisar-hajj .nc-g-band{fill:rgba(231,208,149,.13)}
#hisar-hajj .nc-g-band-eye{fill:rgba(255,255,255,.10)}
#hisar-hajj .nc-g-rule,#hisar-hajj .nc-g-eye{display:none}


/* == 1.5.0: Umrah cross-link under the knowledge grid ===================== */
#hisar-hajj .knowledge-umrah{margin-top:18px;padding:14px 18px;border-radius:14px;border:1px dashed rgba(15,45,80,.25);font-size:15px;line-height:1.5}
#hisar-hajj .knowledge-umrah span:first-child{font-weight:700;margin-right:6px}
#hisar-hajj .knowledge-umrah a{font-weight:700}