.shamsaalabbar{--sh-bronze:#8f5e3b;--sh-gutter:clamp(16px, 5vw, 60px);background:var(--brand-surface)}.sh-bar{border-bottom:1px solid color-mix(in srgb, var(--brand-accent-ink) 22%, transparent);letter-spacing:.16em;text-transform:uppercase;text-align:center;color:var(--brand-accent-ink);background:var(--brand-accent);padding:9px 16px;font-size:11px}.shamsaalabbar .sf-head{background:var(--brand-surface-alt);border-bottom-color:var(--brand-border);padding-block:22px}.shamsaalabbar .sf-brand img{max-height:52px}.shamsaalabbar .sf-nav{letter-spacing:.2em;text-transform:uppercase;color:var(--brand-ink);font-size:10px;font-weight:700}.shamsaalabbar .sf-hero{background:var(--brand-surface);border-bottom:1px solid var(--brand-border);min-height:min(42vh,380px);position:relative;overflow:hidden}.shamsaalabbar .sf-hero:after{content:"";aspect-ratio:1;border:1px solid var(--brand-border);box-shadow:inset 0 0 0 clamp(14px, 2vw, 26px) var(--brand-surface), inset 0 0 0 calc(clamp(14px, 2vw, 26px) + 1px) var(--sh-bronze);pointer-events:none;position:absolute;inset-block:18%;inset-inline-end:clamp(16px,7vw,110px)}.shamsaalabbar .sf-hero-copy{z-index:1;max-width:34ch;position:relative}.shamsaalabbar .sf-hero-copy h1{font-family:var(--brand-font-heading);letter-spacing:.06em;text-transform:uppercase;color:var(--brand-ink);font-size:clamp(26px,3.6vw,44px);font-weight:400;line-height:1.18}.shamsaalabbar .sf-hero-copy h1:after{content:"";background:var(--sh-bronze);width:56px;height:2px;margin-top:20px;display:block}.shamsaalabbar .sf-hero-copy p{max-width:56ch;color:var(--brand-accent);font-size:clamp(14px,1.2vw,16px);line-height:1.7}@media (max-width:640px){.shamsaalabbar .sf-hero{min-height:0;padding-block:42px}.shamsaalabbar .sf-hero:after{display:none}.shamsaalabbar .sf-hero-copy{max-width:none}}.sh-start{padding:clamp(36px, 4.4vw, 68px) var(--sh-gutter);background:var(--brand-surface-alt)}.sh-start__intro{max-width:64ch;margin-bottom:22px}.sh-start__intro--second{border-top:1px solid var(--brand-border);margin-top:clamp(40px,4.6vw,72px);padding-top:clamp(28px,3vw,44px)}.sh-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--brand-muted);margin-bottom:10px;font-size:11px;font-weight:600;display:block}.sh-start h2{font-family:var(--brand-font-heading);letter-spacing:.08em;text-transform:uppercase;color:var(--brand-ink);margin:0 0 10px;font-size:clamp(20px,2.2vw,30px);font-weight:400;line-height:1.2}.sh-start p{color:var(--brand-muted);margin:0;font-size:15px;line-height:1.65}.sh-tabs{border-bottom:1px solid var(--brand-border);flex-wrap:wrap;gap:8px clamp(18px,3vw,40px);margin-bottom:14px;display:flex}.sh-tabs button{text-align:start;cursor:pointer;color:var(--brand-muted);background:0 0;border:0;border-bottom:2px solid #0000;flex-direction:column;gap:4px;margin-bottom:-1px;padding:0 0 14px;transition:color .16s,border-color .16s;display:flex}.sh-tabs button strong{font-family:var(--brand-font-heading);letter-spacing:.16em;text-transform:uppercase;font-size:clamp(14px,1.4vw,17px);font-weight:600}.sh-tabs button span{letter-spacing:.14em;text-transform:uppercase;font-size:11px}.sh-tabs button[data-active=true]{color:var(--brand-ink);border-bottom-color:var(--sh-bronze)}.sh-tabs button:hover{color:var(--brand-ink)}.sh-tab-line{max-width:70ch;font-size:14px;margin:0 0 22px!important}.sh-chips{grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:12px;display:grid}.sh-chips--wide{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.sh-chips button{font-family:var(--brand-font-body);border:1px solid var(--brand-border);border-radius:var(--brand-radius);background:var(--brand-surface);text-align:start;cursor:pointer;min-height:72px;color:var(--brand-ink);justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;transition:background .16s,border-color .16s,transform .16s;display:flex}.sh-chips button:hover:not(:disabled){background:var(--brand-tint-soft);border-color:var(--sh-bronze);transform:translateY(-1px)}.sh-chips button:disabled{cursor:default;opacity:.55}.sh-chips button[data-active=true]{background:var(--brand-accent);border-color:var(--brand-accent);color:var(--brand-accent-ink)}.sh-question{font-size:15px;line-height:1.4}.sh-cue{letter-spacing:.16em;text-transform:uppercase;color:var(--brand-muted);flex:none;font-size:10px}.sh-chips button[data-active=true] .sh-cue{color:var(--brand-accent-ink)}.sh-chips button i{font-style:normal}.sh-lines{border-top:1px solid var(--brand-border);border-left:1px solid var(--brand-border);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:0;margin:0;padding:0;list-style:none;display:grid}.sh-lines li{display:flex}.sh-lines li[data-signature=true] button{box-shadow:inset 3px 0 0 var(--sh-bronze)}.sh-lines button{border:0;border-right:1px solid var(--brand-border);border-bottom:1px solid var(--brand-border);background:var(--brand-surface);text-align:start;cursor:pointer;min-height:92px;color:var(--brand-ink);flex-direction:column;flex:1;gap:4px;padding:16px 16px 14px;transition:background .16s;display:flex}.sh-lines button strong{color:var(--brand-ink);letter-spacing:.1em;text-transform:uppercase;font-size:13px;font-weight:600}.sh-lines button span{color:var(--brand-muted);font-size:13px;line-height:1.4}.sh-lines button em{letter-spacing:.16em;text-transform:uppercase;color:var(--brand-muted);margin-top:auto;font-size:10px;font-style:normal}.sh-lines button:hover:not(:disabled){background:var(--brand-tint-soft)}.sh-lines button:disabled{cursor:default}.sh-lines button:disabled strong,.sh-lines button:disabled span{opacity:.5}.sh-lines button[data-active=true]{background:var(--brand-accent);color:var(--brand-accent-ink)}.sh-lines button[data-active=true] strong,.sh-lines button[data-active=true] span,.sh-lines button[data-active=true] em{color:var(--brand-accent-ink)}.sh-status{letter-spacing:.06em;color:var(--brand-muted);font-size:12px;margin-top:20px!important}.sh-foot{background:var(--brand-surface)}.sh-foot p{max-width:70ch;color:var(--brand-muted)}@media (max-width:640px){.sh-chips,.sh-chips--wide{grid-template-columns:1fr}.sh-lines{grid-template-columns:repeat(2,minmax(0,1fr))}.sh-lines button{min-height:84px;padding:12px}.sh-tabs{gap:8px 20px}}