/* XPD Portal — unified production visual identity. Loaded last in ALL interfaces. */
:root{color-scheme:dark;--bg:#080D0B;--panel:#111714;--panel2:#123C2B;--green:#24744F;--gold:#C8A85F;--goldlight:#E6CC88;--txt:#F3F4EF;--muted:rgba(243,244,239,.70);--border:rgba(243,244,239,.10);--transition:250ms ease;--radius:14px}
html{scroll-behavior:smooth}body{background:#080D0B;color:var(--txt);font-family:'IBM Plex Sans Arabic',sans-serif}h1,h2,h3,h4{color:var(--txt)}p,.muted{color:var(--muted)}.layout{max-width:1200px}.section{padding-block:90px}.page{max-width:1200px}
.topbar{background:rgba(8,13,11,.86);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(200,168,95,.14)}.topbar nav a.active,.topbar nav a:hover,.text-link{color:var(--gold)}
.benefit,.sector-card,.page .panel,.storecard,.stat,.faq-list details,.empty-news{background:linear-gradient(180deg,#111714,#080D0B);border:1px solid var(--border);border-radius:14px;transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition)}
.benefit:hover,.sector-card:hover,.page .panel:hover,.storecard:hover,.stat:hover,.faq-list details:hover{transform:translateY(-2px);border-color:rgba(200,168,95,.38)}
.btn-primary,.brand-emblem{background:var(--gold);color:var(--bg);box-shadow:0 8px 24px rgba(200,168,95,.13)}.btn-primary:hover{background:var(--goldlight)}.btn-outline,.btn-glass{background:rgba(18,60,43,.26);border-color:rgba(243,244,239,.15);color:var(--txt)}
.brandtext,.brandtext small,.hero-tag,.kicker,.section-counter,.hero-bottom,.page>.eyebrow,.questionnum,.stat strong,.score,.footer-brand,.product-price{font-family:Inter,sans-serif;font-variant-numeric:tabular-nums}.hero-tag,.kicker,.page>.eyebrow{color:var(--gold);letter-spacing:.18em}
.new-hero{background:var(--bg)}.hero-image{background-image:linear-gradient(270deg,#080D0B 1%,#080D0Be0 35%,#080D0B33 78%),linear-gradient(0deg,#080D0B,transparent 35%),url('/riyadh-police.jpg')}.new-hero h1 span,.section-heading em{color:var(--gold)}
.sector-icon,.news-icon{background:var(--panel2);border-color:rgba(36,116,79,.45)}.feature-banner{background:#123C2B;border-block:1px solid rgba(243,244,239,.09)}.site-footer{background:#080D0B;border-top:1px solid var(--border)}.footer-grid h4{color:var(--gold)}.formfield{background:#0B130F;color:var(--txt);border-color:rgba(243,244,239,.15)}th{color:var(--gold)}
:focus-visible{outline:2px solid var(--goldlight)!important;outline-offset:3px!important}button,a,input,textarea,select{transition:background var(--transition),border-color var(--transition),color var(--transition),transform var(--transition)}
@media(max-width:780px){.section{padding-block:65px}.layout{padding-inline:20px}.topbar nav.open{background:#111714}.hero-image{background-image:linear-gradient(270deg,#080D0Beb,#080D0B88),linear-gradient(0deg,#080D0B,transparent 45%),url('/riyadh-police.jpg')}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
