/* Zubair-style UI layer: loaded after themes.css. Visual only; no logic changes. */
:root,html:root[data-theme="light"]{--bg:#f8fafc;--bg2:#eef2f7;--card:#fff;--text:#0f172a;--muted:#64748b;--line:#e2e8f0;--gt:#8a6a22}
html:root[data-theme="dark"]{--bg:#0b1520;--bg2:#0f1c2b;--card:#12212f;--text:#f3f5f8;--muted:#9fb0c3;--line:#22364a}
@media(prefers-color-scheme:dark){:root:not([data-theme]){--bg:#0b1520;--bg2:#0f1c2b;--card:#12212f;--text:#f3f5f8;--muted:#9fb0c3;--line:#22364a;--gt:#c9a45c}}
body{font-family:"Space Grotesk",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;letter-spacing:-.005em}
/* header: sticky bar with inline nav + LIGHT/DARK */
.hdr{background:color-mix(in srgb,var(--bg) 86%,transparent)!important;backdrop-filter:blur(12px);border-bottom:1px solid var(--line);gap:14px}
.hdr .znav{display:flex;gap:26px;margin-left:auto;margin-right:12px;font-size:.95rem;color:var(--muted)}
.hdr .znav a{text-decoration:none;padding:6px 0}.hdr .znav a:hover{color:var(--text)}
.zthm{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:99px;padding:7px 14px;font:inherit;font-size:.72rem;letter-spacing:.12em;cursor:pointer}
.burger{background:var(--card)!important;border-color:var(--line)!important}.burger i{background:var(--text)!important}
@media(max-width:760px){.hdr .znav{display:none}.hdr .zthm{margin-left:auto}}
/* hero extras */
.hc .eyebrow{letter-spacing:.3em}
.zstats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:1080px;margin:34px auto 0;padding:0 20px;position:relative;z-index:1}
.zstats div{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px 8px;text-align:center;box-shadow:none}
.zstats b{display:block;font-size:2rem;line-height:1.1}.zstats span{color:var(--muted);font-size:.85rem}
.ztag{text-align:center;letter-spacing:.22em;font-size:.72rem;color:var(--muted);margin:26px 0 0}
@media(max-width:640px){.zstats{grid-template-columns:repeat(2,1fr)}}
/* services: numbered rows */
.sbento{display:block!important;border-top:1px solid var(--line)}
.sbento .sv{display:grid!important;grid-template-columns:56px 1fr auto;align-items:center;gap:6px 18px;padding:22px 4px!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;min-height:0!important;transition:padding .2s}
.sbento .sv:hover{padding-left:14px!important}
.sbento .sv>*,.sbento .sv-txt>*{grid-column:2}
.sbento .sv-txt{display:contents}
.sbento .top{grid-column:1!important;grid-row:1/span 3}.sbento .top .big,.sbento [class^="mk-"],.sbento .mk-phone,.sbento .sv .tag{display:none!important}
.sbento .num{position:static!important;font-size:1rem;font-weight:700;color:var(--gt);opacity:1!important}
.sbento .sv b{font-size:1.2rem}.sbento .sv p{color:var(--muted);font-size:.92rem}
.sbento .sbtn,.sbento .ask{grid-column:3!important;grid-row:1/span 3;justify-self:end}
.sbento .sbtn .btn:not(.p){display:none}
/* CTA + footer wordmark */
#contact .cta-h{text-align:center;margin-bottom:26px}
#contact .cta-h small{letter-spacing:.25em;font-size:.72rem;color:var(--gt);font-weight:700}
.ft::after{content:"JS";display:block;text-align:center;font-weight:700;font-size:clamp(4rem,20vw,11rem);letter-spacing:.08em;line-height:1;color:var(--line);padding:0 0 10px;pointer-events:none}

/* v32 fixes: clean hero edge, no muddy fade, plain section headings (Zubair-style) */
#services .hbridge,#services .wm,#shop .wm,#about .wm{display:none!important}
#hero,.hero{margin-bottom:0}
#services{background:var(--bg)!important;padding-top:56px}
#services .sh{margin-bottom:26px}
#services .kick{background:none!important;border:0!important;padding:0!important;letter-spacing:.28em;font-size:.72rem;color:var(--gt)}
#services .kick i{display:none}
h2.hh,.hh{font-size:clamp(1.9rem,4.2vw,3rem)!important;font-weight:700!important;letter-spacing:-.025em!important;line-height:1.1!important}
.ztag{margin:22px 0 0;padding-bottom:6px}