/* Original citadexsystems.com palette, applied to the complete .uz content system. */
:root,[data-theme],.site-header,.services-panel {
  --paper:#060a12;--white:#0e1626;--ink:#e9eefb;--muted:#a8b6d1;
  --accent:#4f8cff;--cyan:#22d3ee;--green:#22d3ee;--lime:#78dff2;
  --line:rgba(148,173,216,.19);--dark:#0a1120;--surface:#101b2e;
  --surface-hover:#172942;--header:#060a12;--button-ink:#fff;
  --button-hover:#376ed9;color-scheme:dark;
}
:root{--max:1400px;--pad:clamp(22px,5vw,72px)}
body{background:#060a12;color:var(--ink)}
body::before{
  background-image:radial-gradient(ellipse 1000px 620px at 18% 5%,#4f8cff24,transparent 75%),radial-gradient(ellipse 720px 540px at 86% 0,#22d3ee13,transparent 75%),linear-gradient(90deg,#94add80a 1px,transparent 1px),linear-gradient(#94add80a 1px,transparent 1px);
  background-size:auto,auto,64px 64px,64px 64px;background-repeat:no-repeat,no-repeat,repeat,repeat;
  mask-image:linear-gradient(#000,transparent 90%);
}
h1,h2,h3,h4{font-weight:650;letter-spacing:-.035em}
.eyebrow,.page-heading .eyebrow,.seo-service-hero .eyebrow{color:#22d3ee}
.brand>span{font-size:17px;font-weight:750}.brand b{color:#22d3ee}
.brand-symbol{stroke:#22d3ee}
.site-header{background:#060a12ed;border-color:var(--line);backdrop-filter:blur(14px)}
.header-inner{height:84px;gap:20px}
.main-nav{gap:4px}
.main-nav>a,.services-menu>summary{padding:10px 11px;border-radius:8px;font-size:13px;font-weight:550;color:#a8b6d1}
.main-nav>a::after,.services-menu>summary::after{display:none}
.main-nav>a:hover,.main-nav>a[aria-current],.services-menu[open]>summary,.services-menu[data-current]>summary{background:#4f8cff1a;color:#e9eefb}
.main-nav>a:hover,.services-menu>summary:hover{background:#ffffff08;color:#fff}
.header-actions{gap:20px}
.btn,.button,.site-header .btn{border-radius:10px;background:linear-gradient(135deg,#4f8cff,#3b6fe0);border-color:transparent;color:#fff;box-shadow:0 12px 30px -14px #4f8cff99;font-weight:600}
.btn:hover,.button:hover,.site-header .btn:hover{background:linear-gradient(135deg,#6399ff,#487fed);border-color:transparent;box-shadow:0 14px 34px -14px #4f8cffcc;transform:translateY(-2px)}
.btn-outline{background:#ffffff02;border-color:#94add842;box-shadow:none;color:var(--ink)}
.btn-outline:hover{background:#ffffff0c;border-color:var(--accent)}
.language-menu>summary{border:1px solid #94add842;background:#ffffff03;border-radius:999px;padding:8px 12px;gap:9px;font-weight:650}
.language-menu>summary::before{content:'◎';color:#22d3ee;font-size:16px;line-height:1}
.language-menu>div{background:#131e33;border-color:var(--line);border-radius:12px;box-shadow:0 18px 50px #0006;top:46px}
.language-menu a:hover,.language-menu a[aria-current]{background:#4f8cff1a;color:#22d3ee}
.services-panel{background:#0e1626;border-color:#94add833;border-top-color:#22d3ee;box-shadow:0 22px 50px #0009;border-radius:0 0 16px 16px}
.services-menu-item>.line-icon{color:#22d3ee}
.services-menu-item[aria-current]{box-shadow:inset 3px 0 #22d3ee}
.main-nav .services-menu-item:hover,.services-menu-item:hover{background:#172942;border-color:#94add833}
.mobile-nav{background:#060a12}.mobile-nav .services-panel{background:#101b2e}
.hero h1 em,.company-hero h1 em,.erp-hero h1 em{background:linear-gradient(120deg,#22d3ee,#4f8cff);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero h1{font-weight:700;font-size:clamp(46px,4.7vw,70px);letter-spacing:-.045em;line-height:1.12}
.hero-copy>.eyebrow{display:inline-flex;border:1px solid #94add842;border-radius:999px;background:#ffffff03;padding:8px 12px;color:#a8b6d1}
.hero-art{background:#0e1626;border-color:#94add833;border-radius:20px;box-shadow:0 18px 50px -22px #000d}
.hero-image::after{background:linear-gradient(180deg,transparent 20%,#060a12e6)}
.hero-copy>p,.page-heading>p{color:#a8b6d1}
.brand-strip b{color:#a8b6d1}
.capability-section,.company-expertise,.clients-section{background:linear-gradient(135deg,#0a1120,#0e192a);border-block:1px solid var(--line)}
.capability-section p,.company-expertise .section-heading p,.expertise-grid p,.expertise-stack{color:#a8b6d1}
.capability-list .list-index{color:#a8b6d1}
.capability-list .line-icon,.company-expertise .eyebrow,.expertise-number{color:#22d3ee}
.feature-card,.service-card,.industry-grid article,.equipment-card,.storage-card,.team-card{background:#0e1626;border-color:var(--line);border-radius:14px}
.service-card:hover,.industry-grid article:hover,.equipment-card:hover,.storage-card:hover{background:#111f34;border-color:#4f8cff70;box-shadow:0 16px 35px -20px #0009}
.feature-image{background:#101b2e}.image-label{background:#0e1626eb;color:#e9eefb;border:1px solid #94add833;border-radius:8px}
.technical-stack>li,.team-tags li{background:#4f8cff12;border-color:#94add833;color:#b2d4ff}
.technical-actions>article,.technical-solution-card,.technical-architecture,.technical-brief{background:#0e1626;border-color:var(--line)}
.technical-architecture li{background:#131e33;border-color:#94add833}
.technical-result,.erp-brief,.capacity-example,.seo-outcome{background:linear-gradient(135deg,#10233e,#0a1120);border:1px solid #94add833;color:#e9eefb}
.technical-result p,.erp-brief p,.capacity-example p{color:#b4c5df}
.technical-result h3,.erp-brief-label,.erp-brief .text-link{color:#78dff2}
.technical-solution-card:hover{border-color:#4f8cff;box-shadow:0 16px 35px -20px #0009}
.cta,.company-procurement{background:linear-gradient(135deg,#101d34,#0a1120);border-block:1px solid var(--line)}
.equipment-teaser>a,.storage-teaser>a{background:linear-gradient(135deg,#101d34,#0e1626);border-color:var(--line);border-radius:20px}
.seo-search-copy,.seo-product-uses,.seo-sla-head,.seo-related>div:nth-child(2)>a:hover{background:#101b2e}
.equipment-hero aside{background:#101b2e;border:1px solid var(--line)}
.equipment-visual,.equipment-visual.is-diagram{background:linear-gradient(135deg,#122139,#0c1728);color:#a8c8f4}
.equipment-visual small{color:#a8b6d1}
/* Product photography and team portraits keep their neutral white canvas. */
.equipment-visual.is-photo,.storage-card-image,.storage-product-image,.seo-service-media-product img{background:#e6edf5;color:#193651}
.storage-card-image>span{color:#465e79}.team-portrait{background:#fff}
.team-role{color:#78dff2}.team-tags li{color:#c3d6f1}
.contact-map{background:#101b2e}.contact-map>a{background:#0e1626}
.company-hero-photo{background:#0e1626}.company-hero-photo figcaption{color:#a8b6d1}
.equipment-dialog{background:#0e1626;color:var(--ink);border-color:var(--line)}
.equipment-dialog::backdrop,.cx-lightbox::backdrop{background:#060a12cc}
.cx-lightbox{color:var(--ink)}.cx-lightbox-shell{background:#0e1626f5;border-color:#94add833}
.cx-lightbox-error,.cx-lightbox figcaption{color:#a8b6d1}
.cx-lightbox button{background:#131e33;color:#e9eefb;border-color:#94add833}
.client-logo-card{background:#0e1626;border-color:var(--line);border-radius:14px}
.client-logo-card:hover{background:#131e33;border-color:#4f8cff70}
.footer{background:#060a12;border-top:1px solid var(--line);color:#e9eefb}
.footer-top p,.footer-bottom{color:#a8b6d1}
.com-policy{font-size:12px;padding-top:18px;padding-bottom:16px;border-bottom:1px solid var(--line);color:#a8b6d1}
.com-policy a:hover{color:#22d3ee}
.page-transition{background:linear-gradient(135deg,#060a12,#101b2e)}
.transition-line::after,.nav-progress{background:#22d3ee}
.com-privacy .container{max-width:1000px;margin:auto;padding:54px var(--pad)}
.com-privacy h1{font-size:clamp(36px,5vw,62px);margin:18px 0 24px}
.com-privacy h2{font-size:27px;margin:32px 0 16px}
.com-privacy p{margin:0 0 20px}.com-privacy a{color:#78dff2}
@media(max-width:1260px) and (min-width:1101px){.header-inner{gap:14px;padding-inline:28px}.brand>span{font-size:14px}.main-nav>a,.services-menu>summary{padding:10px 7px;font-size:12px}.header-actions{gap:12px}.header-actions .btn{padding:10px 13px;gap:10px}}
@media(max-width:1100px){.mobile-nav .com-home{display:flex}.services-menu-mobile>summary{padding:17px 0;border-radius:0;font-size:25px}.brand>span{font-size:15px}}
@media(max-width:760px){.header-inner{height:76px}.hero{padding-top:40px}.hero h1{font-size:clamp(42px,8.4vw,60px)}.brand>span{font-size:13px}.hero-copy>.eyebrow{font-size:10px}.technical-stack>li{font-size:12px}}
@media(max-width:370px){.brand>span{font-size:11px}.header-inner{gap:10px}.hero h1{font-size:39px}}
@media(prefers-reduced-motion:reduce){body::before{position:absolute}}