/* BDS1 v3.5. Appearance-only layer, deliberately preserves existing layout / grid sizing. */
:root{
  --navy:#1F2833;--dark:#0B0C10;--blue:#46F0E5;--blue2:#16BFC1;
  --pale:#F5F7F8;--line:#D9E1E5;--ink:#202932;--muted:#65737D;
  --shadow:0 9px 28px #131C2718;
}
body{background:#fff;color:var(--ink)}
.topnotice{background:#111820;color:#C5C6C7}
.topnotice .hint{color:#ABB9BF}.live-dot{background:#46F0E5}
.header{background:#0B0C10;box-shadow:0 2px 14px #080d1260}
.brand,.brand strong,.brand small{color:#fff!important}
.nav a{color:#F0F4F4}
.nav a:hover,.nav a.active{color:#46F0E5}
.headerright .adminlink,.langs{color:#46F0E5}
.langs span{color:#BBC3CC}
.mobilebtn{color:#fff}
.hero{background:linear-gradient(92deg,#0B0C10 5%,#1F2833 66%,#10161E 100%);color:#fff}
.herotext h1{color:#fff}
.herotext p{color:#DDE8EA}
.eyebrow,.kicker{color:#0CA8A9}
.hero .eyebrow{color:#46F0E5}
.heroimage{
 background:linear-gradient(90deg,#121922 0%,transparent 43%),linear-gradient(0deg,#0B0C1030,#0B0C1055),var(--hero-url,url('/static/media/hero-machine.jpg')) center center/cover
}
.heroimage:after{background:linear-gradient(90deg,#121922 0%,transparent 47%)}
.btn.blue{color:#0B1B22;background:#46F0E5;border-color:#46F0E5;box-shadow:0 4px 12px #11AAB030}
.btn.blue:hover{background:#25D5CC}
.btn.line{color:#135B68;border-color:#B8D5D9;background:#fff}
.btn.line:hover{background:#F0FBFA}
.btn.white{color:#102530;background:#fff}
.btn:focus-visible,.nav a:focus-visible,.sidebtn:focus-visible,.adminside button:focus-visible{
 outline:3px solid #46F0E5;outline-offset:3px
}
.section{background:#fff}
.section.soft,.subhero{background:#F5F7F8}
.sechead h2,.subhero h1,.cattitle,.detailhead h1{color:#1F2833}
.catcard,.prodcard{background:#fff;border-color:#E0E7E8}
.catcard:hover,.prodcard:hover{box-shadow:0 10px 30px #102D3830}
.catnum{background:#101820E8;color:#46F0E5}
.catbody h3{color:#1F2833}
.catimg{background:#F2F4F5}
.circlearrow{color:#0A9499;border-color:#87D4D5}
.strengths{background:#EAF6F6;border-color:#D4E9EA}
.strengthicon{background:#C9F2F1;color:#096E73}
.strength strong{color:#1D3541}
.feature{
 color:#fff;background:linear-gradient(90deg,#0B0C10EF 4%,#1F2833D0 64%,#0B0C1070),var(--feature-url,url('/static/media/hero-machine.jpg')) center 54%/cover
}
.feature h2{color:#fff}.feature p{color:#DDE8EB}
.featurecards .featurecard{background:#F7FAFA;border-color:#DFE8E9}
.featurecard .symbol{color:#109FA3}
.footer{background:#0B0C10;color:#C5C6C7}
.footer b,.footer .footbrand{color:#fff}
.sidebar,.adminarea{border-color:#D9E6E8}
.sidebtn.selected,.adminside button.selected{background:#D6F4F1;color:#0B6872}
.sidebtn:hover{background:#ECF8F8}
.adminside{background:#F3F7F8}.sidegroup{color:#537A80}
.pricetext{color:#087D85}
.search,.field input,.field select,.field textarea{border-color:#C4D9DB}
.search:focus,.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid #A0E7E4;border-color:#0BAFB1}
.prodphoto,.photohero,.thumbbtn{background:#F6F8F8}
.thumbbtn.active{border-color:#13A5AD}
.specrow span:first-child{background:#F1F7F7}
.quotebox{background:#ECF9F7;border-color:#C7E9E5}
.quotebox b{color:#173B46}
.notice{background:#EDF8F7;border-color:#CEEAEB;color:#275D62}
.datatable th{background:#F1F6F7;color:#405C65}
.tabletools button{color:#087B84;border-color:#B5DADC}
.tabletools button.activefilter{background:#D9F6F3;color:#0B6972;border-color:#0FA9AE}
.cmsgroup{background:#EBF8F6;border-left-color:#10AEB1;color:#1F2833}
.contact-note{background:#F2FAF9;border-left-color:#12B9BD}
.contact-card,.about-cards article{background:#F8FAFB;border-color:#DDE6E7}
.photo-controls input[type=range],.category-photo-controls input[type=range]{accent-color:#0CA4AA}
.imgedit.selectedphoto{outline-color:#10B7BA}
.adjuster{background:#F8FBFA;border-color:#DAEAEA}
.stat{background:#F4FAF9;border-color:#D4EBE9}
.analytics-day div{background:#11ACB0}
.request-row.unread-request td{background:#EDF8F6;color:#173D49}
.unread-count{background:#0E9FA6;color:#fff}
.new-mark{color:#0F727A;background:#DCF4F0}
.quote-comment{background:#F4F9F8}
#toast{background:#1F2833}
.category-upload-button{background:#119BA2;border-color:#119BA2}
.category-upload-button:hover{background:#087D82}
.category-photo-controls{background:#F2FAF9}
.category-page-copy{background:#fff;border:1px solid #DFE8E9;border-radius:9px;padding:25px;margin:16px 0 29px;line-height:1.7;color:#273540}
.category-page-copy h2{font-size:25px;color:#1F2833;margin:20px 0 13px}
.category-page-copy h3{font-size:21px;color:#1F2833;margin:16px 0 11px}
.category-page-copy p,.category-page-copy li{font-size:16px;line-height:1.7}
.category-page-copy ul{padding-left:23px;margin:12px 0}
.cmsphoto-preview{height:190px;width:min(100%,400px);background:#F4F7F7;border-radius:7px;overflow:hidden;border:1px solid #C8D5D8;margin-bottom:12px}
.cmsphoto-preview img{width:100%;height:100%;object-fit:cover;display:block}
.cmsgroup+.field{margin-top:10px}
@media(max-width:1000px){.nav{background:#111820}.nav a{color:#fff}}
@media(max-width:520px){.category-page-copy{padding:17px}.category-page-copy p,.category-page-copy li{font-size:15px}}

/* Use actual images rather than inline CSS paths; compatible with restrictive CSP. */
.heroimage{isolation:isolate;background:#121922}
.heroimage>.hero-background-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.heroimage:after{z-index:1;pointer-events:none}
.feature{position:relative;isolation:isolate;background:#0B0C10}
.feature>.feature-background-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.feature:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0B0C10EF 4%,#1F2833D0 64%,#0B0C1070);z-index:-1}
.feature>.wrap{position:relative;z-index:2}