.hebaalqurashi{--hq-gutter:clamp(16px, 5vw, 60px);--hq-rule:#29292b;--hq-line:#ddd}.hq-bar{letter-spacing:.22em;text-transform:uppercase;text-align:center;color:var(--brand-muted);background:var(--brand-surface-alt);border-bottom:1px solid var(--hq-line);padding:9px 16px;font-size:10px}.hebaalqurashi .hq-head{border-bottom:1px solid var(--hq-line);background:#fff;flex-direction:column;justify-content:center;gap:16px;padding-block:28px 18px}.hebaalqurashi .hq-head .sf-brand img{width:auto;max-height:26px}.hebaalqurashi .hq-head .sf-nav{letter-spacing:.16em;text-transform:uppercase;color:var(--brand-ink);justify-content:center;gap:clamp(18px,3vw,34px);font-size:11px}.hebaalqurashi .sf-hero{color:#fff;background:#29292b;min-height:min(42vh,360px)}.hebaalqurashi .sf-hero-copy{max-width:62ch}.hebaalqurashi .sf-hero-copy h1{font-family:var(--brand-font-heading);letter-spacing:.01em;color:#fff;font-size:clamp(32px,5vw,58px);font-weight:400;line-height:1.12}.hebaalqurashi .sf-hero-copy p{color:#c9c9ce;max-width:60ch;margin-top:20px;font-size:clamp(13px,1.3vw,15px);font-weight:400;line-height:1.8}@media (max-width:640px){.hebaalqurashi .sf-hero{min-height:0;padding-block:44px}.hebaalqurashi .hq-head .sf-nav{gap:16px;font-size:10px}}.hq-start{padding:clamp(36px, 4.2vw, 64px) var(--hq-gutter);gap:clamp(32px,3.8vw,50px);display:grid}.hq-start__intro{margin-bottom:18px}.hq-number{letter-spacing:.24em;text-transform:uppercase;color:var(--hq-rule);border-bottom:1px solid var(--hq-rule);margin-bottom:11px;padding-bottom:5px;font-size:9.5px;font-weight:400;display:inline-block}.hq-start__block h2{font-family:var(--brand-font-heading);letter-spacing:.01em;margin:0 0 9px;font-size:clamp(24px,2.6vw,32px);font-weight:500}.hq-start__block p{max-width:74ch;color:var(--brand-muted);margin:0;font-size:14px;font-weight:300;line-height:1.75}.hq-start__block--code{background:var(--brand-surface-alt);border-inline-start:2px solid var(--hq-rule);padding:clamp(24px,2.8vw,34px)}.hq-chips{flex-wrap:wrap;gap:10px;display:flex}.hq-chips button{font:inherit;letter-spacing:.15em;text-transform:uppercase;color:var(--brand-ink);background:var(--brand-surface);border:1px solid var(--hq-line);cursor:pointer;border-radius:0;align-items:baseline;gap:10px;padding:13px 22px;font-size:11px;font-weight:400;transition:color .22s,background .22s,border-color .22s;display:inline-flex}.hq-chips button:hover:not(:disabled),.hq-chips button[data-active=true]{color:var(--brand-accent-ink);background:var(--brand-accent);border-color:var(--brand-accent)}.hq-chips button:disabled{cursor:progress;opacity:.45}.hq-chips button:focus-visible{outline:2px solid var(--hq-rule);outline-offset:3px}.hq-note{letter-spacing:.09em;text-transform:none;color:var(--brand-muted);font-size:10px;font-weight:300}.hq-chips button:hover:not(:disabled) .hq-note,.hq-chips button[data-active=true] .hq-note{color:var(--brand-accent-ink);opacity:.75}.hq-cue{letter-spacing:.18em;opacity:0;font-size:9px;transition:opacity .22s}.hq-chips button:hover .hq-cue,.hq-chips button[data-active=true] .hq-cue{opacity:1}.hq-chips--wide button{letter-spacing:0;text-transform:none;text-align:start;background:var(--brand-surface-alt);border-color:#0000;border-inline-start:2px solid var(--brand-ink);flex-direction:column;align-items:flex-start;gap:6px;max-width:48ch;padding:16px 22px;font-size:13.5px;font-weight:300}.hq-chips--wide button:hover:not(:disabled),.hq-chips--wide button[data-active=true]{border-color:var(--hq-rule)}.hq-code{letter-spacing:.06em;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.92em}@media (max-width:560px){.hq-chips--wide{flex-direction:column;align-items:stretch}.hq-chips--wide button{max-width:none}}.hq-status{letter-spacing:.04em;color:var(--brand-muted);margin:0;font-size:12px;font-weight:300}.hq-rail{padding:clamp(32px, 3.8vw, 52px) var(--hq-gutter);border-top:1px solid var(--hq-line);background:var(--brand-surface-alt)}.hq-rail h2{letter-spacing:.24em;text-transform:uppercase;color:var(--hq-rule);margin:0 0 18px;font-size:9.5px;font-weight:400}.hq-rail ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.hq-rail li{letter-spacing:.16em;text-transform:uppercase;color:var(--brand-ink);background:var(--brand-surface);border:1px solid var(--hq-line);align-items:baseline;gap:9px;padding:9px 16px;font-size:10.5px;font-weight:300;display:inline-flex}.hq-rail li b{color:var(--brand-ink);font-size:11px;font-weight:600}.hq-rail p{max-width:74ch;color:var(--brand-muted);margin:18px 0 0;font-size:12.5px;font-weight:300;line-height:1.75}.hq-foot{border-top:1px solid var(--hq-line)}
