
:root{--navy:#101d2c;--navy2:#172a3e;--ink:#172538;--muted:#68778a;--orange:#f47735;--paper:#f6f4ef;--white:#fff;--line:#e5e8eb;--shadow:0 24px 70px #13263b18}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.container{width:min(1180px,calc(100% - 48px));margin:auto}
.topbar{background:#0a1420;color:#d7e1ea;font-size:12px;padding:8px 0}.topbar .container{display:flex;justify-content:space-between;gap:15px}.topbar a{font-weight:800;color:#fff}
header{background:#fff;position:sticky;top:0;z-index:30;border-bottom:1px solid #e8ebef;box-shadow:0 4px 16px #1725380a}.nav{height:82px;position:relative;display:flex;align-items:center;justify-content:space-between;gap:22px}.logo{width:190px;height:62px;object-fit:contain;object-position:left center}.navlinks{display:flex;align-items:center;gap:23px;font-size:13px;font-weight:750;color:#334256}.navlinks>a:not(.cta):hover,.navlinks summary:hover{color:var(--orange)}.navlinks details{position:relative}.navlinks summary{cursor:pointer;list-style:none}.navlinks summary::-webkit-details-marker{display:none}.navlinks summary:after{content:"⌄";margin-left:6px}.dropdown{position:absolute;top:calc(100% + 18px);left:-18px;width:245px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px;box-shadow:var(--shadow);display:grid;gap:2px}.dropdown a{padding:10px 12px;border-radius:8px;font-size:12px}.dropdown a:hover{background:var(--paper);color:var(--orange)}.cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--orange);border:1px solid var(--orange);border-radius:8px;padding:12px 18px;color:#fff!important;font-weight:850;transition:.2s;white-space:nowrap}.cta:hover{background:#db6227;transform:translateY(-2px)}.whatsapp-button{background:#18a968;border-color:#18a968;color:#fff!important}.whatsapp-button:hover{background:#138b56;border-color:#138b56}.whatsapp-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.secondary{display:inline-flex;align-items:center;justify-content:center;border:1px solid #81909d;color:#fff!important;border-radius:8px;padding:11px 17px;font-weight:750;transition:.2s}.secondary:hover{background:#ffffff12}.menu-toggle{display:none;background:none;border:0;color:var(--navy);font-size:27px;cursor:pointer;position:relative;z-index:32;touch-action:manipulation}
.hero{position:relative;overflow:hidden;background:linear-gradient(105deg,#101d2cf2 0%,#101d2cdd 50%,#101d2c80 100%);color:#fff;min-height:600px;display:flex;align-items:center}.hero:after{content:"";position:absolute;inset:auto 0 0;height:125px;background:linear-gradient(transparent,#101d2c65);pointer-events:none}.hero-inner{position:relative;z-index:1;max-width:710px;padding:82px 0 105px}.eyebrow{display:flex;align-items:center;gap:10px;color:#ff9560;text-transform:uppercase;letter-spacing:1.5px;font-size:11px;font-weight:900}.eyebrow:before{content:"";width:27px;height:2px;background:var(--orange)}.hero h1{font-size:clamp(45px,6.5vw,78px);line-height:.99;letter-spacing:-3px;margin:18px 0 22px;font-weight:950}.hero h1 span{display:block;color:var(--orange)}.hero p{font-size:17px;color:#e2e8ed;max-width:620px;margin:0 0 28px}.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hero-note{font-size:12px;color:#c3ccd4;margin-top:18px}
.stats{position:relative;z-index:2;margin-top:-38px;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(4,1fr);padding:22px 14px}.stat{text-align:center;padding:5px 12px;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat strong{display:block;color:var(--orange);font-size:26px;line-height:1.2}.stat span{font-size:12px;color:var(--muted)}
section{padding:92px 0}.section-head{text-align:center;max-width:730px;margin:0 auto 42px}.section-head .eyebrow{justify-content:center}.section-head h2,.split-copy h2,.monitor h2{font-size:clamp(31px,4.3vw,47px);line-height:1.12;letter-spacing:-1.4px;color:var(--navy);margin:11px 0 14px}.section-head p,.split-copy p{color:var(--muted);margin:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.split-copy p+p{margin-top:15px}.checks{display:grid;grid-template-columns:1fr 1fr;gap:11px 18px;list-style:none;padding:0;margin:24px 0}.checks li{font-size:13px;font-weight:750}.checks li:before{content:"✓";display:inline-grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#fff0e8;color:var(--orange);margin-right:8px}.photo{position:relative;border-radius:18px;overflow:hidden;min-height:390px;background:#162b3e;box-shadow:var(--shadow)}.photo img{width:100%;height:100%;min-height:390px;object-fit:cover}.photo:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#101d2cb0)}.photo-caption{position:absolute;z-index:2;bottom:20px;left:23px;color:#fff;font-weight:850;font-size:13px}
.services{background:var(--paper)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.card{background:#fff;border:1px solid #e7e6e2;border-radius:14px;padding:24px;transition:.2s}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#f2b18e}.icon{width:46px;height:46px;border-radius:13px;background:#fff0e8;color:var(--orange);display:grid;place-items:center;font-size:21px;margin-bottom:15px}.card h3{font-size:17px;line-height:1.3;color:var(--navy);margin:0 0 8px}.card p{font-size:13px;color:var(--muted);margin:0}.card a{display:inline-block;color:var(--orange);font-size:12px;font-weight:850;margin-top:15px}
.monitor{background:var(--navy);color:#fff}.monitor .section-head h2{color:#fff}.monitor .section-head p{color:#bdc9d5}.monitor-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:58px;align-items:center}.monitor h2{color:#fff}.monitor-copy p{color:#c5d1db}.monitor-copy ul{list-style:none;padding:0;margin:23px 0}.monitor-copy li{margin:11px 0;color:#e5ebf0}.monitor-copy li:before{content:"✓";font-weight:900;color:#ff9560;margin-right:11px}.dashboard{border:1px solid #ffffff25;border-radius:16px;padding:21px;background:linear-gradient(145deg,#1c364c,#122538);box-shadow:0 28px 70px #0005}.dash-head{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff20;padding-bottom:14px;color:#e2eaf0;font-size:12px}.online{color:#82dda5}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:16px 0}.metric{padding:14px;background:#ffffff0b;border-radius:9px}.metric small{display:block;color:#b6c5d1;font-size:10px}.metric strong{font-size:19px}.graph{height:120px;border-radius:8px;background:repeating-linear-gradient(0deg,transparent 0 29px,#ffffff14 30px),repeating-linear-gradient(90deg,transparent 0 50px,#ffffff0d 51px);position:relative;overflow:hidden}.graph svg{position:absolute;inset:0;width:100%;height:100%}
.callout{background:#fff}.callout-box{background:linear-gradient(110deg,#101d2c,#1b354c);color:white;border-radius:18px;padding:37px 42px;display:flex;align-items:center;justify-content:space-between;gap:25px}.callout-box h2{font-size:clamp(25px,4vw,36px);line-height:1.12;margin:0 0 8px}.callout-box p{margin:0;color:#c7d3df}.callout-buttons{display:flex;gap:10px;flex-wrap:wrap}
.page-hero{background:var(--navy);color:#fff;padding:68px 0 72px;position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 80% 25%,#f477352d,transparent 38%);pointer-events:none}.page-hero .container{position:relative;z-index:1}.page-hero h1{font-size:clamp(38px,5vw,60px);line-height:1.04;letter-spacing:-2px;margin:11px 0}.page-hero p{max-width:720px;color:#cbd5df;margin:0;font-size:16px}.page-content{padding-top:68px}.detail-section{padding:0 0 72px}.service-detail{display:grid;grid-template-columns:1fr .8fr;gap:42px;align-items:center;padding:38px 0;border-bottom:1px solid var(--line);scroll-margin-top:120px}.service-detail:nth-child(even){grid-template-columns:.8fr 1fr}.service-detail:nth-child(even) .service-copy{order:2}.service-detail h2{color:var(--navy);font-size:27px;line-height:1.2;margin:0 0 11px}.service-detail p{color:var(--muted)}.service-detail ul{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;list-style:none;padding:0;margin:20px 0}.service-detail li{font-size:12px;font-weight:700}.service-detail li:before{content:"✓";color:var(--orange);font-weight:900;margin-right:8px}.service-photo{height:265px;border-radius:15px;overflow:hidden;background:#20364a}.service-photo img{width:100%;height:100%;object-fit:cover;cursor:zoom-in;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.service-photo img:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.image-lightbox{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:28px;background:rgba(5,15,32,.88);cursor:zoom-out}.image-lightbox img{max-width:min(94vw,1400px);max-height:92vh;object-fit:contain;border-radius:12px;box-shadow:0 24px 80px rgba(0,0,0,.45)}.image-lightbox[hidden]{display:none}.other-services{background:var(--paper)}.other-list{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.other-list span{background:white;padding:10px 15px;border:1px solid var(--line);border-radius:99px;color:#334256;font-size:12px;font-weight:750}
.price-note{padding:22px 25px;background:#fff7f0;border:1px solid #f4ddcb;border-radius:12px;color:#79452a;margin-bottom:25px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.price-call{flex:0 0 auto}.price-call svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.price-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.price-card{display:block;overflow:hidden;background:#06151c;border:1px solid rgba(31,72,83,.65);border-radius:16px;padding:0;box-shadow:0 14px 34px rgba(10,31,49,.12)}.price-card-head{min-height:94px;padding:18px 22px;display:flex;align-items:center;gap:16px;color:#fff;background:linear-gradient(110deg,var(--vendor-color),color-mix(in srgb,var(--vendor-color) 70%,#071c30))}.vendor-badge{padding:10px 14px;border-radius:9px;background:rgba(255,255,255,.18);font-weight:900;font-size:14px;letter-spacing:.3px}.vendor-date{display:grid;gap:4px;font-size:11px;opacity:.88}.vendor-date strong{font-size:16px;color:#fff;opacity:1}.file-icon{width:27px;height:27px;margin-left:auto;fill:none;stroke:rgba(255,255,255,.6);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.price-card-body{padding:22px}.price-card-body h2{display:flex;align-items:flex-start;gap:11px;color:#f0f6ff;margin:0 0 13px;font-size:18px}.vendor-mark{width:20px;height:20px;flex:0 0 20px;color:#f47725;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.price-card-body p{color:#c1cfe5;font-size:13px;line-height:1.65;margin:0 0 20px}.download-button{display:inline-flex;align-items:center;gap:10px;padding:12px 17px;background:#079bd2;border-radius:8px;color:#fff!important;font-size:13px;font-weight:850;text-decoration:none;transition:.2s}.download-button:hover{background:#0788b8;transform:translateY(-2px)}.download-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.supplier{height:82px;border-radius:10px;background:#f8f9fb;display:grid;place-items:center;padding:10px}.supplier img{max-width:74px;max-height:50px;object-fit:contain}.price-card small{font-size:10px;color:var(--orange);font-weight:900;text-transform:uppercase;letter-spacing:1px}.price-card h2{font-size:18px;color:var(--navy);margin:4px 0}.price-card p{font-size:12px;color:var(--muted);margin:0 0 10px}.price-card-body h2{color:#f2f7fc}.price-card-body p{color:#c1cedb}.price-card a{font-size:12px;color:var(--orange);font-weight:850}.price-explain{margin-top:55px;padding:30px;background:var(--navy);color:#fff;border-radius:15px}.price-explain h2{margin:0 0 10px}.price-explain p{margin:0;color:#c5d1db}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:start}.location-button{display:inline-flex;align-items:center;gap:10px;margin-top:16px;padding:12px 18px;border-radius:8px;background:var(--orange);color:#fff!important;font-weight:850;text-decoration:none;transition:.2s}.location-button:hover{background:#d96820;transform:translateY(-2px)}.location-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.map-section{width:100%;height:420px;padding:0!important;margin:0;overflow:hidden}.map-section iframe{display:block;width:100%;height:100%;border:0}.contact-cards{display:grid;gap:13px}.contact-card{padding:19px;background:#fff;border:1px solid var(--line);border-left:3px solid #e87825;border-radius:12px;transition:transform .2s,box-shadow .2s}.contact-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(24,53,83,.1)}.contact-card small{display:flex;align-items:center;gap:9px;color:var(--orange);font-weight:900;text-transform:uppercase;letter-spacing:.8px;font-size:10px}.contact-card-icon{width:20px;height:20px;flex:0 0 20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.contact-card a,.contact-card span{display:block;margin-top:5px;color:var(--navy);font-size:14px;font-weight:750}.contact-card p{margin:4px 0 0;color:var(--muted);font-size:12px}.form-card{padding:28px;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}.form-card h2{margin:0;color:var(--navy)}.form-card>p{color:var(--muted);font-size:13px;margin:5px 0 20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:800;color:#37475a}.field input,.field select,.field textarea{width:100%;padding:12px;border:1px solid #dce2e7;border-radius:8px;font:inherit;font-size:13px;color:var(--ink);background:#fff}.field textarea{min-height:125px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid #f4773535;border-color:var(--orange)}.map-link{display:block;border-radius:13px;padding:22px;margin-top:15px;background:var(--paper);color:var(--navy);font-weight:800;font-size:13px}
footer{background:#09131e;color:#c0ccd8;padding:52px 0 19px}.footer-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr 1.2fr;gap:34px}.footer-logo{width:168px;height:58px;object-fit:contain;background:#fff;border-radius:7px;padding:5px}.footer p,.footer li{font-size:12px;color:#aab8c6}.footer h3{font-size:12px;color:#fff;letter-spacing:.6px;margin:0 0 12px}.footer ul{list-style:none;margin:0;padding:0}.footer li{margin:8px 0}.footer a:hover{color:#ff9560}.copyright{margin-top:30px;padding-top:15px;border-top:1px solid #ffffff1d;font-size:11px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}
@media(max-width:1020px){.navlinks{gap:14px;font-size:12px}.logo{width:165px}.navlinks .cta{padding:10px 12px}.split{gap:38px}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:780px){.container{width:min(100% - 34px,1180px)}.topbar .container{justify-content:center}.topbar .container>span:first-child{display:none}.nav{height:70px}.logo{width:160px;height:52px}.menu-toggle{display:block}.navlinks{display:none;position:absolute;z-index:31;top:100%;left:0;right:0;background:#fff;padding:18px 24px 24px;box-shadow:0 18px 28px #1725381a;align-items:stretch;flex-direction:column;gap:13px}.navlinks.open{display:flex}.navlinks details{order:0}.navlinks details[open] .dropdown{position:static;box-shadow:none;width:100%;border:0;padding:5px 0 0 12px}.navlinks .cta{align-self:flex-start}.hero{min-height:540px;background-position:58% center}.hero-inner{padding:68px 0 85px}.hero h1{font-size:clamp(43px,9vw,62px)}.stats{grid-template-columns:1fr 1fr;padding:12px 8px}.stat{padding:12px 5px}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--line)}section{padding:72px 0}.split,.monitor-grid,.contact-grid{grid-template-columns:1fr;gap:32px}.photo,.photo img{min-height:290px}.cards{grid-template-columns:1fr 1fr}.callout-box{align-items:flex-start;flex-direction:column;padding:30px}.service-detail,.service-detail:nth-child(even){grid-template-columns:1fr;gap:22px}.service-detail:nth-child(even) .service-copy{order:0}.service-photo{height:230px}.price-grid{grid-template-columns:1fr}}
@media(max-width:540px){.map-section{height:320px}.location-button{width:100%;justify-content:center}.container{width:calc(100% - 30px)}.hero{min-height:510px}.hero h1{font-size:43px;letter-spacing:-1.7px}.hero p{font-size:15px}.actions .cta,.actions .secondary{width:100%}.stats{margin-top:-25px}.stat strong{font-size:22px}.section-head{margin-bottom:30px}.section-head h2,.split-copy h2,.monitor h2{font-size:32px}.checks{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.callout-buttons{width:100%}.callout-buttons a{flex:1}.page-hero{padding:49px 0 53px}.page-hero h1{font-size:40px}.page-hero p{font-size:14px}.page-content{padding-top:46px}.service-detail ul{grid-template-columns:1fr}.price-card{grid-template-columns:66px 1fr;padding:15px;gap:13px}.supplier{height:65px}.supplier img{max-width:55px;max-height:40px}.form-card{padding:21px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.footer-grid{grid-template-columns:1fr;gap:24px}.copyright{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
/* Site-wide circuit background and coordinated high-contrast palette */
:root{--navy:#061536;--navy2:#0b2454;--ink:#edf4ff;--muted:#bdcbe2;--orange:#ff7900;--paper:rgba(5,18,49,.88);--white:#0a1b42;--line:rgba(73,155,255,.28);--shadow:0 24px 70px #0008}
html{background:#04112f}
body{color:var(--ink);background:#04112f url("uzmankontrol-background.webp") center top/cover no-repeat}
body{background-color:#082455}
.topbar{background:rgba(2,10,31,.94);color:#d5e6ff}
header{background:rgba(5,17,46,.96);border-color:#1a3a70;box-shadow:0 4px 20px #0005;backdrop-filter:blur(12px)}
.navlinks{color:#e5efff}.menu-toggle{color:#edf4ff}
.dropdown{background:#0a1b42;border-color:#234875}.dropdown a{color:#eaf2ff}.dropdown a:hover{background:#102b5d}
.hero{background:linear-gradient(105deg,rgba(3,13,39,.67),rgba(3,13,39,.49) 54%,rgba(3,13,39,.28)),url("uzmankontrol-background.webp") center/cover;color:#fff}
.hero{background:#061536;isolation:isolate;padding:0}
.hero .container{width:100%;max-width:none;position:relative;display:block}
.hero-inner{position:relative;z-index:1;width:min(1180px,calc(100% - 48px));max-width:710px;margin:auto;padding:82px 0 105px}
.hero-showcase{position:absolute;z-index:0;inset:0;height:auto;width:auto;overflow:hidden;margin:0;border:0;border-radius:0;box-shadow:none}
.hero-showcase:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,13,39,.78) 0%,rgba(3,13,39,.52) 54%,rgba(3,13,39,.22) 100%);pointer-events:none}
.hero-showcase img{width:100%;height:100%;object-fit:cover;object-position:center 48%}
.photo-caption{padding:12px 16px;border:1px solid rgba(255,255,255,.24);border-radius:10px;background:rgba(24,74,145,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 24px rgba(0,0,0,.2)}
.hero:after{background:linear-gradient(transparent,rgba(3,13,39,.68))}
.hero .eyebrow,.page-hero .eyebrow{color:#65d6ff}.hero .eyebrow:before,.page-hero .eyebrow:before{background:#ff7900}
.hero h1 span{color:#ff7900}.hero p,.hero-note{color:#e0eaff}
section{background:rgba(4,16,45,.68)}
.section-head,.split-copy{background:rgba(7,25,65,.86);border:1px solid rgba(73,155,255,.24);border-radius:16px;padding:26px 30px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.section-head{margin-bottom:42px}
.section-head h2,.split-copy h2,.monitor h2,.service-detail h2{color:#f1f6ff}
.section-head p,.split-copy p,.service-detail p{color:#c1cfe5}
.stats,.card,.price-card,.contact-card,.form-card{background:rgba(7,25,65,.93);border-color:rgba(75,154,255,.3);color:#edf4ff;backdrop-filter:blur(9px)}
.stat{border-color:rgba(75,154,255,.28)}.stat span{color:#c4d2e8}
.card h3,.contact-card a,.contact-card span,.form-card h2,.field label,.map-link{color:#f0f6ff}
.card p,.contact-card p,.form-card>p{color:#c0cfe5}
.card:hover{border-color:#ff963c}.icon{background:rgba(255,121,0,.15);color:#ff973e}
.services,.other-services{background:rgba(4,15,43,.62)}
.checks li{color:#e2ecff}.checks li:before{background:rgba(16,185,255,.16);color:#53d1ff}
.service-detail{border:1px solid rgba(73,155,255,.28);border-radius:16px;background:rgba(7,25,65,.9);padding:30px;margin:18px 0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.service-photo{background:#0a2454}
.page-content,.detail-section{background:rgba(4,15,43,.68)}
.other-list span{background:#0b2352;color:#eaf2ff;border-color:rgba(75,154,255,.3)}
.page-hero{background:linear-gradient(110deg,rgba(3,13,39,.76),rgba(5,25,68,.63)),url("uzmankontrol-background.webp") center 44%/cover;color:#fff}
.page-hero:after{background:radial-gradient(ellipse at 80% 25%,rgba(255,121,0,.18),transparent 38%)}
.page-hero p{color:#d2def1}
.price-note{background:rgba(9,34,79,.94);border-color:rgba(67,181,255,.35);color:#eaf2ff}
.price-card h2{color:#f0f6ff}.price-card p{color:#c1cfe5}.supplier{background:#fff}
.price-explain{background:linear-gradient(125deg,#061536,#0b2d69);border:1px solid rgba(70,165,255,.32)}
.field input,.field select,.field textarea{background:#061536;border-color:#33537c;color:#f1f6ff}.field input::placeholder,.field textarea::placeholder{color:#9eafca}
.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid rgba(0,190,255,.35);border-color:#19baff}
.map-link{background:rgba(8,30,72,.94);border:1px solid rgba(73,155,255,.25)}
.callout{background:transparent}.callout-box{background:linear-gradient(110deg,rgba(4,17,49,.97),rgba(9,39,91,.96));border:1px solid rgba(72,161,255,.32)}
footer{background:rgba(2,9,28,.97);border-top:1px solid rgba(67,151,255,.24)}
@media(max-width:780px){.section-head,.split-copy{padding:22px 20px}.service-detail{padding:22px}.hero .container{width:100%}.hero-inner{width:calc(100% - 34px);padding:68px 0 85px}.hero-showcase{inset:0;height:auto;margin:0}.hero-showcase:after{background:linear-gradient(90deg,rgba(3,13,39,.76),rgba(3,13,39,.46))}.navlinks{background:rgba(5,17,46,.99)}.navlinks details[open] .dropdown{background:transparent}}
@media(max-width:540px){.hero-inner{padding:58px 0 72px}}
/* Softer, brighter palette: preserve the circuit motif as a quiet texture. */
:root{--navy:#183f6a;--navy2:#245789;--ink:#183653;--muted:#5d7188;--orange:#e87825;--paper:#eef4fa;--white:#fbfdff;--line:#d6e1ed;--shadow:0 16px 42px rgba(24,53,83,.12)}
body{color:var(--ink);background-color:#eaf2fb;background-image:linear-gradient(rgba(232,241,251,.88),rgba(238,245,252,.9)),url("uzmankontrol-background.webp");background-position:center top,center top;background-size:cover,cover;background-attachment:scroll,fixed;background-repeat:no-repeat,no-repeat}
.topbar{background:#234a73;color:#eaf3fc}.topbar a{color:#fff}
header{background:rgba(250,252,255,.97);border-color:#dce5ee;box-shadow:0 4px 16px rgba(22,55,89,.1)}
.navlinks{color:#294963}.menu-toggle{color:#234a73}.dropdown{background:#fbfdff;border-color:#d6e1ed}.dropdown a{color:#294963}.dropdown a:hover{background:#edf4fa}
section{background:rgba(239,245,251,.82)}
.section-head,.split-copy{background:rgba(249,252,255,.94);border-color:rgba(81,123,165,.2);box-shadow:0 14px 38px rgba(25,57,88,.08)}
.section-head h2,.split-copy h2,.service-detail h2{color:#183f6a}.section-head p,.split-copy p,.service-detail p{color:#536b83}
.stats,.card,.price-card,.contact-card,.form-card{background:rgba(250,252,255,.96);border-color:#d9e4ef;color:#183653;box-shadow:0 14px 38px rgba(25,57,88,.09)}
.stat{border-color:#dce6ef}.stat span{color:#5d7188}.card h3,.contact-card a,.contact-card span,.form-card h2,.field label,.map-link{color:#183f6a}.card p,.contact-card p,.form-card>p{color:#5d7188}
.services,.other-services{background:rgba(226,237,248,.88)}
.icon{background:#e8f2fc;color:#3675ae}.checks li{color:#284763}.checks li:before{background:#e2f4fb;color:#138fb9}
.service-detail{background:rgba(249,252,255,.96);border-color:#d6e2ee;box-shadow:0 14px 38px rgba(25,57,88,.08)}.other-list span{background:#f8fbff;color:#294963;border-color:#d6e1ed}
.page-content,.detail-section{background:rgba(234,242,250,.82)}
.page-hero{background:linear-gradient(110deg,rgba(25,69,111,.94),rgba(41,93,142,.91));color:#fff}.page-hero p{color:#e3eef9}.page-hero .eyebrow{color:#aee9ff}
.price-note{background:#edf5fc;border-color:#d4e4f2;color:#294963}.price-card{background:#EDF5FC;border:1px solid #000000}.price-card-body h2{color:#183653}.price-card-body p{color:#45525f}.price-explain{background:linear-gradient(125deg,#214c78,#2a6398);border-color:#4b82b4}
.contact-card{background:rgba(250,252,255,.96)}.form-card{background:rgba(250,252,255,.97)}
.field input,.field select,.field textarea{background:#fff;border-color:#cbd9e7;color:#183653}.field input::placeholder,.field textarea::placeholder{color:#7e91a5}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid rgba(43,145,202,.2);border-color:#458fc1}
.map-link{background:#edf4fa;border-color:#d5e1ec}
.monitor{background:linear-gradient(130deg,#244f7a,#2c6394);color:#fff}.monitor .section-head{background:rgba(15,43,74,.38);border-color:rgba(255,255,255,.18)}.monitor .section-head h2{color:#fff}.monitor .section-head p{color:#e2edf8}
.callout-box{background:linear-gradient(115deg,#e7f0f8,#d9e9f7);border-color:#c6d9ea;color:#183f6a}.callout-box p{color:#526c84}.callout-box .secondary{color:#234a73!important;border-color:#7590aa}.callout-box .secondary:hover{background:rgba(35,74,115,.08)}
.hero{background:#173c63}.hero-inner{background:rgba(8,29,56,.54);border:1px solid rgba(222,239,255,.2);border-radius:18px;padding:34px;margin:60px auto 82px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.hero-showcase:after{background:linear-gradient(90deg,rgba(3,13,39,.56),rgba(3,13,39,.3) 58%,rgba(3,13,39,.12))}.hero:after{background:linear-gradient(transparent,rgba(8,29,56,.25))}
footer{background:#1e4166;border-top:1px solid rgba(255,255,255,.14);color:#e4edf6}footer p,footer li{color:#d1dfed}.footer-contact{list-style:none;padding:0;margin:0}.footer-contact li{display:flex;align-items:flex-start;gap:12px;margin:16px 0}.footer-contact .contact-icon{width:21px;height:21px;flex:0 0 21px;fill:none;stroke:#ff8a3d;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-top:2px}.footer-contact a,.footer-contact span{color:#eef5fc;font-size:12px;line-height:1.6}.footer-contact a{font-weight:750}.footer-contact small{display:block;color:#b9cadd;font-size:11px;margin-top:2px}
@media(max-width:780px){.hero-inner{width:calc(100% - 34px);padding:26px;margin:34px auto 48px}.monitor .section-head{padding:22px 20px}.price-note{align-items:flex-start}.price-call{margin-top:2px}.navlinks{background:rgba(250,252,255,.99);border:1px solid #d6e1ed;border-top:0;border-radius:0 0 14px 14px;box-shadow:0 18px 32px rgba(24,53,83,.16);color:#294963}.navlinks>a:not(.cta),.navlinks summary{color:#294963}.navlinks details[open] .dropdown{background:#f1f6fb;border:1px solid #dce6ef;border-radius:10px}.navlinks .cta{color:#fff!important}}
@media(max-width:540px){.hero-inner{padding:22px;margin:28px auto 40px}}

.topbar-social,.footer-social{display:flex;align-items:center;gap:8px}.topbar-social a,.footer-social a{display:grid;place-items:center;border:1px solid rgba(255,255,255,.28);border-radius:50%;color:#fff;transition:background .2s,transform .2s,border-color .2s}.topbar-social a{width:27px;height:27px}.footer-social{margin-top:16px}.footer-social a{width:36px;height:36px;border-color:rgba(255,255,255,.24);background:rgba(255,255,255,.07)}.topbar-social a:hover,.footer-social a:hover{background:#e87825;border-color:#e87825;transform:translateY(-2px)}.topbar-social svg,.footer-social svg{width:15px;height:15px;fill:currentColor;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.topbar-social a:focus-visible,.footer-social a:focus-visible{outline:2px solid #fff;outline-offset:3px}

.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:90;width:60px;height:60px;display:grid;place-items:center;border-radius:50%;background:#17a765;color:#fff;box-shadow:0 8px 24px rgba(10,75,47,.3);transition:transform .2s,box-shadow .2s;-webkit-tap-highlight-color:transparent}.whatsapp-float:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 12px 30px rgba(10,75,47,.38)}.whatsapp-float:focus-visible{outline:3px solid #183f6a;outline-offset:4px}.whatsapp-float svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}@media(max-width:540px){.whatsapp-float{right:16px;bottom:16px;width:56px;height:56px}}

/* References page: flexible layout for up to 45 company entries. */
.references-page{padding-bottom:88px}.reference-intro{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;padding:34px 38px;background:rgba(250,252,255,.95);border:1px solid #d9e4ef;border-radius:18px;box-shadow:0 14px 38px rgba(25,57,88,.09)}.reference-intro h2{margin:9px 0 10px;color:#183f6a;font-size:clamp(27px,3.5vw,38px);line-height:1.15}.reference-intro p{margin:0;max-width:780px;color:#536b83;font-size:15px}.reference-count{width:128px;height:128px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#edf5fc,#dceaf7);border:1px solid #c8dced;color:#234a73}.reference-count strong{font-size:42px;line-height:1;font-weight:900}.reference-count span{margin-top:7px;font-size:11px;font-weight:800}.reference-board{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;margin-top:24px;padding:28px 32px;border:1px solid rgba(79,126,170,.25);border-radius:16px;background:rgba(250,252,255,.89);box-shadow:0 12px 32px rgba(25,57,88,.07)}.reference-board-icon{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;background:#e8f2fc;color:#3675ae}.reference-board-icon svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.reference-board h2{margin:0 0 5px;color:#183f6a;font-size:18px}.reference-board p{margin:0;color:#5d7188;font-size:13px}.reference-board .cta{font-size:13px}
@media(max-width:780px){.reference-intro{padding:26px;gap:18px}.reference-count{width:100px;height:100px}.reference-count strong{font-size:34px}.reference-board{grid-template-columns:auto 1fr;gap:16px;padding:23px}.reference-board .cta{grid-column:1/-1;justify-self:start}}
@media(max-width:540px){.reference-intro{grid-template-columns:1fr;padding:22px}.reference-count{width:auto;height:auto;min-height:64px;border-radius:12px;flex-direction:row;justify-content:flex-start;gap:12px;padding:12px 16px}.reference-count strong{font-size:30px}.reference-count span{margin:0}.reference-board{grid-template-columns:1fr;text-align:center;justify-items:center}.reference-board .cta{grid-column:auto;justify-self:stretch;width:100%}}

/* Reference logo gallery */
.references-page{padding-top:46px}.reference-category{margin-top:48px}.reference-category:first-of-type{margin-top:38px}.reference-category-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;padding-bottom:13px;border-bottom:1px solid rgba(69,112,153,.2)}.reference-category-head h2{margin:0;color:#183f6a;font-size:clamp(20px,2.7vw,27px)}.reference-category-head span{flex:0 0 auto;padding:6px 11px;border-radius:99px;background:#e8f2fc;color:#3675ae;font-size:11px;font-weight:850}.reference-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.reference-card{min-width:0;min-height:190px;padding:18px 16px 16px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:14px;text-align:center;background:rgba(250,252,255,.97);border:1px solid #d9e4ef;border-radius:15px;box-shadow:0 12px 30px rgba(25,57,88,.07);transition:transform .2s,box-shadow .2s,border-color .2s}.reference-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(25,57,88,.13);border-color:#b8cee2}.reference-logo{width:100%;height:110px;padding:10px;display:grid;place-items:center;background:#fff;border:1px solid #edf1f5;border-radius:10px}.reference-logo img{display:block;width:auto;height:auto;max-width:100%;max-height:88px;object-fit:contain}.reference-card h3{display:flex;align-items:center;justify-content:center;min-height:36px;margin:0;color:#294963;font-size:12px;line-height:1.45;font-weight:800}.reference-card:nth-child(1) .reference-logo img,.reference-card:nth-child(2) .reference-logo img{max-height:82px}
@media(max-width:900px){.reference-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}}
@media(max-width:620px){.reference-category{margin-top:36px}.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.reference-card{min-height:170px;padding:13px 11px;gap:10px}.reference-logo{height:94px;padding:8px}.reference-logo img{max-height:76px}.reference-card h3{font-size:11px}}

.products-page{padding:44px 0 82px}.product-category{display:flex;align-items:center;gap:20px;max-width:900px;min-height:142px;padding:25px 28px;background:#fff;border:1px solid #d9e4ef;border-radius:16px;box-shadow:0 12px 30px rgba(25,57,88,.07);transition:border-color .2s,box-shadow .2s}.product-category:hover{border-color:#f2b18e;box-shadow:0 18px 36px rgba(25,57,88,.1)}.product-category-icon{width:58px;height:58px;flex:0 0 58px;display:grid;place-items:center;border-radius:16px;background:#fff0e8;color:var(--orange)}.product-category-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.product-category-copy .eyebrow{margin-bottom:7px}.product-category h2{margin:0;color:var(--navy);font-size:clamp(21px,3vw,29px);line-height:1.25}@media(max-width:600px){.products-page{padding:30px 0 58px}.product-category{align-items:flex-start;gap:15px;padding:20px 17px}.product-category-icon{width:48px;height:48px;flex-basis:48px;border-radius:13px}.product-category h2{font-size:21px}}

.product-detail{max-width:1100px;margin:auto}.product-detail-heading{display:flex;align-items:center;gap:18px;margin-bottom:25px;padding:0 0 20px;border-bottom:1px solid var(--line)}.product-detail-heading h2{margin:0;color:var(--navy);font-size:clamp(24px,3.4vw,34px);line-height:1.2}.product-description{max-width:980px;color:var(--muted);font-size:15px;line-height:1.8}.product-description p{margin:0 0 14px}.product-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:30px 0 38px}.product-gallery figure{margin:0;display:grid;place-items:center;min-width:0;min-height:300px;padding:12px;background:#fff;border:1px solid #d9e4ef;border-radius:14px;box-shadow:0 10px 24px rgba(25,57,88,.06)}.product-gallery img{display:block;width:100%;height:300px;object-fit:contain;border-radius:8px}.product-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0 0 42px}.product-info-card{padding:24px 26px;background:#fff;border:1px solid #d9e4ef;border-radius:15px;box-shadow:0 10px 24px rgba(25,57,88,.06)}.product-info-card h3,.product-table-heading h3{margin:0 0 16px;color:var(--navy);font-size:21px}.product-info-card ul{display:grid;grid-template-columns:1fr 1fr;gap:11px 18px;margin:0;padding:0;list-style:none}.product-info-card li{position:relative;padding-left:20px;color:var(--muted);font-size:14px}.product-info-card li:before{content:"";position:absolute;left:0;top:.53em;width:8px;height:8px;border-radius:50%;background:var(--orange)}.product-table-section{padding:26px;background:#fff;border:1px solid #d9e4ef;border-radius:16px;box-shadow:0 10px 28px rgba(25,57,88,.07)}.product-table-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}.product-table-heading h3{margin:2px 0 0}.product-table-controls{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px;color:var(--muted);font-size:13px}.product-table-controls label{display:flex;align-items:center;gap:8px}.product-table-controls select,.product-table-controls input{min-height:39px;padding:7px 10px;border:1px solid #cedae6;border-radius:8px;background:#fff;color:var(--navy);font:inherit}.product-search input{width:min(250px,55vw)}.product-table-wrap{overflow-x:auto;border:1px solid #e1e8ef;border-radius:10px}.product-table{width:100%;min-width:820px;border-collapse:collapse;text-align:left}.product-table th,.product-table td{padding:13px 12px;border-bottom:1px solid #e7edf3;font-size:13px;vertical-align:middle}.product-table th{background:#f2f7fb;color:var(--navy);font-weight:800}.product-table th small{display:block;margin-top:4px;color:var(--muted);font-size:10px;font-weight:600}.product-table td{color:#485b6d}.product-table tbody tr:last-child td{border-bottom:0}.product-table tbody tr:hover{background:#f8fbfe}.product-table tbody tr[hidden]{display:none}.product-table td:first-child{color:var(--navy);font-weight:800;white-space:nowrap}.product-table-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:14px;color:var(--muted);font-size:12px}.product-pagination{display:flex;gap:7px}.product-pagination button{width:34px;height:34px;border:1px solid #d5e0ea;border-radius:8px;background:#fff;color:var(--navy);font-size:20px;cursor:pointer}.product-pagination button:disabled{opacity:.45;cursor:not-allowed}.product-pagination button:not(:disabled):hover{background:#fff0e8;border-color:#f2b18e}@media(max-width:760px){.product-gallery{gap:12px}.product-gallery figure{min-height:250px;padding:8px}.product-gallery img{height:260px}.product-info-card{padding:20px}.product-info-card ul{grid-template-columns:1fr}.product-table-section{padding:18px}}@media(max-width:560px){.product-gallery{grid-template-columns:1fr;max-width:360px;margin-left:auto;margin-right:auto}.product-gallery figure{min-height:300px}.product-gallery img{height:300px}.product-info-grid{grid-template-columns:1fr}.product-detail-heading{align-items:flex-start}.product-table-controls{align-items:flex-start;flex-direction:column}.product-search{width:100%}.product-search input{flex:1;width:auto}.product-table-footer{align-items:flex-start;flex-direction:column}}

.product-listing-card{display:grid;grid-template-columns:minmax(230px,.72fr) minmax(0,1.28fr);align-items:center;gap:30px;max-width:950px;padding:24px;background:#fff;border:1px solid #d9e4ef;border-radius:17px;box-shadow:0 12px 30px rgba(25,57,88,.07)}.product-listing-image{display:grid;place-items:center;min-height:300px;padding:14px;background:#f7f9fb;border:1px solid #e4ebf1;border-radius:12px}.product-listing-image img{display:block;width:100%;height:300px;object-fit:contain;border-radius:8px}.product-listing-copy .eyebrow{margin-bottom:8px}.product-listing-copy h2{margin:0 0 13px;color:var(--navy);font-size:clamp(23px,3vw,31px);line-height:1.2}.product-listing-copy p{max-width:580px;margin:0 0 20px;color:var(--muted);font-size:15px;line-height:1.7}.product-listing-copy .cta{display:inline-flex;align-items:center;gap:12px}@media(max-width:680px){.product-listing-card{grid-template-columns:1fr;gap:20px;padding:17px}.product-listing-image{min-height:270px}.product-listing-image img{height:270px}.product-listing-copy h2{font-size:24px}}

.footer-arrow-links{list-style:none;margin:0;padding:0}.footer-arrow-links li{margin:8px 0}.footer-arrow-links a{display:inline-flex;align-items:center;gap:9px;text-decoration:none;transition:color .25s ease}.footer-arrow-links a:before{content:"?";display:inline-block;color:#ff7900;opacity:0;transform:translateX(-7px);transition:opacity .28s ease,transform .28s ease}.footer-arrow-links li:hover>a:before,.footer-arrow-links a:focus-visible:before{opacity:1;transform:translateX(0)}.footer-arrow-links a:focus-visible{outline:2px solid #ff7900;outline-offset:3px;border-radius:2px}

.footer-arrow-links a::before{content:"\2192";opacity:1;transform:translateX(0);transition:transform .28s ease,color .28s ease}.footer-arrow-links li:hover>a::before,.footer-arrow-links a:focus-visible::before{opacity:1;transform:translateX(5px);color:#ff9b4a}

.gallery-card img{display:block;width:100%;height:180px;object-fit:contain;background:#f5f8fb;border-radius:9px;margin-bottom:16px}.gallery-card h2{font-size:17px;line-height:1.3;color:var(--navy);margin:0 0 8px}.gallery-card p{font-size:13px;color:var(--muted);margin:0}
