/* XPD Final — approved official visual identity */
:root{--bg:#080D0B;--panel:#111714;--panel2:#123C2B;--gold:#C8A85F;--goldlight:#E6CC88;--green:#24744F;--txt:#F3F4EF;--muted:rgba(243,244,239,.70);--border:#354539;color-scheme:dark}
body{background:var(--bg);color:var(--txt);font-family:"IBM Plex Sans Arabic",sans-serif}
.brandtext,.brandtext small,.brand-emblem,.hero-tag,.kicker,.section-counter,.hero-bottom,.page>.eyebrow,.questionnum,.stat strong,.score,.product-price,.footer-brand{font-family:Inter,sans-serif;font-variant-numeric:tabular-nums}
.topbar{background:rgba(8,13,11,.88);border-bottom:1px solid rgba(200,168,95,.15);backdrop-filter:blur(16px)}
.brand-emblem,.btn-primary{background:#C8A85F;color:#080D0B;box-shadow:0 8px 24px rgba(200,168,95,.13)}
.brand-emblem:hover,.btn-primary:hover{background:#E6CC88}
.benefit,.sector-card,.page .panel,.storecard,.stat{border-radius:14px;transition:transform .25s ease,border-color .25s ease;}
.benefit,.page .panel{background:linear-gradient(180deg,#111714,#080D0B)}
.benefit:hover,.sector-card:hover,.storecard:hover,.page .panel:hover{transform:translateY(-2px);border-color:rgba(200,168,95,.38)}
.new-hero{background:#080D0B}.hero-image{background-image:linear-gradient(270deg,#080D0B 1%,#080D0Be0 30%,#080D0B33 75%),linear-gradient(0deg,#080D0B,transparent 32%),url('/riyadh-police.jpg')}
.site-footer{background:#080D0B}.btn{transition:transform .25s ease,background .25s ease,box-shadow .25s ease}
:focus-visible{outline:2px solid #E6CC88;outline-offset:3px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}