/* Citadex Systems: blue and cyan from the shield logo. Shared by every page. */
:root,[data-theme]{
  --paper:#c8d9ec;--white:#f7fbff;--ink:#11253d;--muted:#465e79;
  --accent:#006ac3;--cyan:#18c8ed;--green:var(--accent);--lime:#76ddf3;
  --line:#b7cce1;--dark:#0a182a;--surface:#cbdcf0;--surface-hover:#d3e5f7;
  --header:#080e18;--button-ink:#fff;--button-hover:#0057a4;
  color-scheme:light;
}
body{
  position:relative;
  isolation:isolate;
  background-color:var(--paper);
}
/* A viewport-fixed decorative layer lets content scroll over the IT wallpaper. */
body::before{
  content:'';
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background-image:radial-gradient(ellipse 1000px 650px at 88% 160px,#86bcea38,transparent 80%),url('/assets/brand/it-circuit-pattern.svg');
  background-size:auto,960px 640px;
  background-position:center top,center top;
  background-repeat:no-repeat,repeat;
}
.theme-picker{display:none}
::selection{background:#b6eafb;color:#09233e}
:focus-visible{outline-color:#008bd1}
.brand-symbol{width:35px;height:39px;stroke:#18c8ed;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.brand>span{font-weight:750;letter-spacing:.035em}
.brand b{font-weight:700;color:#18c8ed}
.site-header{
  --header:#080e18;--paper:#080e18;--white:#102137;--ink:#f5f8fd;
  --muted:#c0cede;--green:#18c8ed;--line:#2a3d54;
  --surface-hover:#16344c;--button-ink:#05283e;--button-hover:#71e0f8;
  background:linear-gradient(110deg,#080e18,#0c1a2e);color:var(--ink);color-scheme:dark;
  border-bottom-color:#1c334b;
}
.site-header .brand-symbol{stroke:#18c8ed}
.site-header .brand b{color:#18c8ed}
.site-header .btn{background:#18c8ed;border-color:#18c8ed;color:#05283e;border-radius:8px}
.site-header .btn:hover{background:#71e0f8;border-color:#71e0f8;box-shadow:0 6px 22px #00b9ed22}
.site-header .btn:focus-visible{outline-color:#a9ecfa}
.services-panel{
  --ink:#11253d;--muted:#53677e;--green:#006ac3;--line:#cedbe8;--surface-hover:#e0edf9;
  background:#fff;border-color:#cedbe8;border-top-color:#18c8ed;
  box-shadow:0 22px 50px #07162924;color-scheme:light;
}
.services-menu-item>.line-icon{stroke-width:1.7}
.services-menu-item[aria-current]{box-shadow:inset 3px 0 #008bd1}
.mobile-nav{background:linear-gradient(145deg,#0b1627,#10223a)}
.mobile-nav .services-panel{background:#f4f8fd}
.btn,.button{border-radius:8px;background:linear-gradient(115deg,#0673c8,#0063b8);border-color:#006ac3;box-shadow:0 5px 15px #0064b315}
.btn:hover,.button:hover{background:linear-gradient(115deg,#006ac3,#004e94);border-color:#0057a4}
.btn-outline{background:transparent;color:var(--ink);border-color:var(--line);box-shadow:none}
.btn-outline:hover{background:var(--surface-hover);border-color:var(--accent)}
.hero h1 em,.company-hero h1 em,.erp-hero h1 em{color:#006ac3}
.hero-art{background:linear-gradient(140deg,#102a44,#09172a);border:1px solid #27425c;border-radius:14px;box-shadow:0 16px 42px #0a254016}
.hero-image:after{background:linear-gradient(180deg,#0739630d 15%,#081c36e6 100%)}
.art-top>span:nth-child(2),.art-bottom{color:#b9cde2}
.art-caption span{color:#d0e2f2}
.image-cross:before,.image-cross:after{background:#94e5facc}
.hero-art .brand-symbol{stroke:#18c8ed}
.brand-strip b{color:#53677e}
.capability-section,.company-expertise{background:linear-gradient(125deg,#0a182a,#102b48);color:#f5f8fd}
.capability-section p,.company-expertise .section-heading p,.expertise-grid p{color:#b9cce0}
.capability-section .text-link{color:#e5f6ff;border-color:#53748f}
.capability-list .list-index{color:#9ebbd5}
.capability-list .line-icon,.company-expertise .eyebrow,.expertise-number{color:#76ddf3}
.expertise-grid article{border-color:#375874}
.expertise-stack{color:#b8eaf7}
.feature-card,.service-card,.industry-grid article,.equipment-card,.storage-card{border-radius:12px}
.feature-image,.storage-card-image,.storage-product-image,.seo-service-media-product img{background:#e6edf5}
.image-label{color:#193651}
.service-card:hover,.industry-grid article:hover{background:#edf5fc;border-color:#7db9e6}
.equipment-card:hover{box-shadow:0 8px 22px #123a6014}
.equipment-visual{background:#e8eff6;color:#2a557a}
.equipment-visual small{color:#506a83}
.equipment-visual.is-diagram{background:linear-gradient(140deg,#e0eefb,#f1f6fb)}
.equipment-hero aside{background:linear-gradient(130deg,#102c49,#0a182a);color:#f0f7ff;border-radius:12px}
.equipment-hero aside .eyebrow{color:#76ddf3}
.equipment-hero aside p{color:#bfd3e8}
.equipment-categories a,.filter-bar button{border-radius:8px}
.equipment-categories a[aria-current],.filter-bar button[aria-pressed=true]{background:#006ac3;border-color:#006ac3;color:#fff}
.equipment-dialog::backdrop{background:#08182ccc}
.equipment-teaser>a,.storage-teaser>a,.cta,.company-procurement{background:linear-gradient(120deg,#e3eef9,#f0f6fc)}
.equipment-teaser>a,.storage-teaser>a{border-color:#c5d9ea;border-radius:14px}
.seo-search-copy,.seo-product-uses,.seo-sla-head,.seo-related>div:nth-child(2)>a:hover{background:var(--surface)}
.seo-outcome,.capacity-example,.erp-brief{background:linear-gradient(130deg,#0c2038,#102f4d);color:#f5f9ff}
.capacity-example p,.erp-brief p{color:#b9cce0}
.erp-brief-label,.erp-brief .text-link{color:#76ddf3}
.company-hero-photo{background:#0a182a}
.company-hero-photo figcaption{color:#c4d9ed}
.team-tags li{background:#f2f7fc;border-color:#d0dfed;color:#2a4968}
.team-role{color:#0065b8}
.office-contact{border-color:var(--line)}
.storage-card-image>span{color:#4d657c}
.contact-map{background:#e7eff8}
.footer{background:linear-gradient(120deg,#080e18,#0e2036);color:#e7f1fd}
.footer .brand-symbol{stroke:#18c8ed}
.footer .brand b{color:#18c8ed}
.footer-top p,.footer-bottom{color:#a8bed5}
.footer-top a:hover{color:#76ddf3}
.page-transition{background:linear-gradient(135deg,#080e18,#102a44)}
.transition-brand .brand-symbol{stroke:#18c8ed}
.transition-brand b{color:#18c8ed;font-weight:700}
.transition-line:after{background:#18c8ed}
.nav-progress{background:#18c8ed}
.cx-lightbox{color:#11253d}
.cx-lightbox::backdrop{background:#08182c66}
.cx-lightbox-shell{background:#edf4fbf2;border-color:#cbdceb}
.cx-lightbox-error,.cx-lightbox figcaption{color:#405a75}
.cx-lightbox button{background:#0c2c4a;color:#fff;border-color:#456580}
.cx-lightbox button:hover{background:#006ac3}
.cx-lightbox button:focus-visible{outline-color:#18c8ed}
.clients-section{position:relative;overflow:hidden;padding:80px 0 88px;background:linear-gradient(120deg,#080e18,#0c1c31);color:#f4f8ff;border-block:1px solid #2c4059}
.clients-section:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 580px 380px at 96% 0,#007bbe24,transparent 80%)}
.clients-section>.wrap{position:relative}
.clients-heading{max-width:1100px;margin-bottom:44px}
.clients-heading .eyebrow{color:#18c8ed;letter-spacing:.14em}
.clients-heading h2{font-size:clamp(30px,3.25vw,47px);line-height:1.16;margin-top:21px;letter-spacing:-.035em}
.clients-heading p{color:#aec7e4;margin-top:22px;font-size:17px;max-width:850px}
.clients-grid{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;padding:0;margin:0}
.client-logo-card{display:flex;align-items:center;justify-content:center;min-width:0;height:120px;padding:24px;border:1px solid #273b53;border-radius:16px;background:#0e192b;transition:transform .22s,border-color .22s,background .22s}
.client-logo-card img{width:100%;height:100%;object-fit:contain}
.client-logo-card:hover{transform:translateY(-3px);border-color:#168bae;background:#10223a}
@media(max-width:760px){.brand-symbol{width:29px;height:34px}.brand>span{font-size:13px}}
@media(max-width:370px){.brand-symbol{width:26px;height:31px}.brand>span{font-size:11px}}
@media(max-width:1100px){.clients-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.clients-section{padding:54px 0 60px}.clients-heading{margin-bottom:30px}.clients-heading p{font-size:15px}.clients-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.client-logo-card{height:100px;padding:18px;border-radius:12px}body::before{background-size:auto,720px 480px}}
@media(prefers-reduced-motion:reduce){.client-logo-card{transition:none}.client-logo-card:hover{transform:none}}