/*
Theme Name: Future-net | IT a stavební technika
Theme URI: https://future-net.cz/
Author: Future-net
Description: Responzivní firemní šablona Future-net: IT a zabezpečení, CAT 301.8, přívěsná plošina 16 m, Ford Transit sklápěč. Vlastní poptávkový formulář s bezpečným příjmem přílohy.
Version: 1.5.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: future-net
License: GPL-2.0-or-later
*/


:root{--navy:#192A37;--navy2:#22394A;--ink:#1D2B35;--muted:#66757F;--blue:#5CAAC4;--lightblue:#DFF0F5;--amber:#E8AC3C;--amber2:#F8E6BB;--paper:#FBFBF7;--off:#F3F5F4;--line:#E2E7E6;--white:#fff;--max:1200px;--shadow:0 20px 70px rgba(13,35,47,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.55}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit}img{max-width:100%;display:block}svg{display:block}.wrap{max-width:var(--max);width:calc(100% - 56px);margin-inline:auto}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;text-transform:uppercase;color:#4B7F94}.display{font-family:Manrope,'DM Sans',sans-serif;font-weight:800;letter-spacing:-2.9px;line-height:1.08}h1,h2,h3,p{margin-top:0}h2{font-family:Manrope,system-ui;font-size:clamp(32px,4vw,52px);letter-spacing:-2px;line-height:1.12;margin:13px 0 15px}h3{font-family:Manrope,system-ui}.muted{color:var(--muted)}.bar{height:5px;background:linear-gradient(90deg,#7BBED2 0 50%,#EFC36D 50% 100%)}
.header{height:83px;position:sticky;top:0;z-index:50;background:rgba(251,251,247,.97);backdrop-filter:blur(15px);border-bottom:1px solid #dbe4e5}.header-row{height:100%;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;text-decoration:none;gap:11px;min-width:200px}.brand img{width:43px;height:43px}.brand-word{font-family:Manrope,sans-serif;font-weight:850;color:#203342;letter-spacing:-.8px;font-size:22px;line-height:1.05}.brand-word span{color:#BC8D39}.brand-sub{display:block;font-size:9px;letter-spacing:1.65px;font-weight:800;color:#697984;margin-top:5px}.nav{display:flex;align-items:center;gap:23px}.nav a{text-decoration:none;font-size:13px;font-weight:800;transition:color .2s;white-space:nowrap}.nav a:hover{color:#0A789B}.nav .nav-construction{color:#956111}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:800;text-decoration:none;padding:13px 19px;border-radius:8px;border:1px solid transparent;transition:transform .17s,background .17s;font-size:13px;line-height:1.3}.btn:hover{transform:translateY(-2px)}.btn-dark{color:white;background:var(--navy)}.btn-dark:hover{background:#324d60}.btn-white{background:#fff;color:var(--navy)}.btn-amber{background:var(--amber);color:#1B2B36}.btn-outline{background:transparent;border-color:var(--line)}.head-cta{font-weight:900}.menu-toggle{display:none;background:none;border:0;padding:12px;font-size:21px;color:var(--navy)}
.hero{position:relative;overflow:hidden;background:#FAFBF7}.hero:before{content:'';position:absolute;pointer-events:none;inset:0;background:radial-gradient(ellipse 56% 100% at 96% -30%,rgba(105,186,207,.17),transparent 67%),radial-gradient(ellipse 45% 80% at 91% 120%,rgba(230,172,60,.12),transparent 68%)}.hero-layout{position:relative;padding:85px 0 80px;display:grid;grid-template-columns:1.07fr .93fr;gap:40px;align-items:center}.hero h1{font-size:clamp(50px,5.6vw,76px);margin:22px 0 25px}.hero h1 em{font-style:normal;color:#3F94AD}.hero h1 b{color:#BD8430;font-weight:800}.hero-copy{max-width:575px;font-size:17px;color:#60707B;line-height:1.7;margin-bottom:30px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-proof{margin-top:33px;padding-top:20px;border-top:1px solid #dce6e5;font-size:12px;font-weight:800;display:flex;gap:20px;flex-wrap:wrap;color:#596973}.hero-proof span:before{content:'✓';color:#2D92A3;margin-right:7px}.hero-visual{position:relative;min-height:472px}.visual-it{position:absolute;top:5px;left:0;width:79%;height:296px;background:linear-gradient(138deg,#1B303E,#284E62);border-radius:17px;overflow:hidden;box-shadow:0 25px 50px rgba(16,41,56,.19)}.visual-it .camera-preview{position:absolute;right:18px;top:26px;width:58%;height:208px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:linear-gradient(135deg,#172834,#284b58);overflow:hidden}.camera-preview:before{content:'';position:absolute;inset:0;background:linear-gradient(130deg,transparent 0 36%,rgba(107,183,204,.1) 36% 38%,transparent 38% 65%,rgba(107,183,204,.08) 65% 68%,transparent 68%),linear-gradient(0deg,rgba(12,25,30,.36),transparent)}.frame-top{position:absolute;left:18px;top:15px;display:flex;gap:5px}.frame-top i{height:6px;width:6px;background:#a5cad1;border-radius:50%;opacity:.7}.camera-shape{position:absolute;right:21px;top:38px;width:130px;height:130px}.camera-shape svg{width:100%;height:100%}.camera-preview .rec{position:absolute;bottom:13px;left:14px;font-size:10px;font-weight:800;letter-spacing:1px;color:#cee7ec}.rec b{display:inline-block;height:7px;width:7px;background:#ed6666;border-radius:50%;margin-right:8px}.visual-it .visual-brand{position:absolute;left:25px;top:27px;color:#eff9fa;font-size:10px;letter-spacing:2px;font-weight:800}.it-menu{position:absolute;top:92px;left:22px;display:grid;gap:18px}.it-menu span{font-size:11px;font-weight:700;color:#c3d7df;display:flex;gap:9px;align-items:center}.it-menu i{width:7px;height:7px;border-radius:2px;background:#74BDD2;display:inline-block}.it-footer{position:absolute;bottom:26px;left:25px;color:#b4d4df;font-size:11px}.visual-build{position:absolute;right:-3px;bottom:12px;width:87%;height:246px;background:#F1EBD9;border:8px solid #FBFBF7;border-radius:17px;box-shadow:0 20px 40px rgba(42,41,23,.14);display:flex;align-items:center;justify-content:center;overflow:hidden}.visual-build img{max-width:94%;height:91%;object-fit:contain;mix-blend-mode:multiply}.visual-build .build-stamp{position:absolute;left:16px;top:14px;background:#fff;color:#70501d;font-weight:800;border-radius:6px;padding:6px 10px;font-size:10px;letter-spacing:1.2px}.hero-float{position:absolute;z-index:4;bottom:0;left:5%;background:#fff;border:1px solid #eceeef;box-shadow:0 12px 35px #1f384519;border-radius:12px;padding:13px 18px;font-size:12px;color:#44545D;font-weight:700}.hero-float strong{display:block;font-size:19px;line-height:1.2;color:#1b3341}
.division{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.division-inner{display:grid;grid-template-columns:1fr 1fr;gap:2px}.division a{display:flex;justify-content:space-between;align-items:center;gap:20px;text-decoration:none;padding:23px 28px;border-right:1px solid #E5ECEB;transition:background .2s}.division a:last-child{border:0}.division a:hover{background:#F8FAFA}.division .d-left{display:flex;align-items:center;gap:15px}.division .d-icon{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:#E3F3F7;color:#257D9E;font-weight:900;font-size:18px}.division .d-icon.amber{background:#FBEECB;color:#986115}.division strong{font-size:14px}.division small{display:block;color:#869298;font-size:11px;margin-top:2px}.division .arr{color:#728389;font-size:22px}
.section{padding:100px 0}.section-header{max-width:710px;margin-bottom:38px}.section-header p{font-size:16px;color:#63747F;line-height:1.65}.it-section{background:#EAF1F3}.it-top{display:flex;justify-content:space-between;gap:25px;align-items:end}.it-top .section-header{margin-bottom:35px}.it-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.it-card{padding:30px;border:1px solid #DDE7E8;background:white;border-radius:14px;min-height:322px;display:flex;flex-direction:column;box-shadow:0 8px 30px rgba(26,58,73,.04)}.it-icon{width:64px;height:64px;background:#EAF5F8;border-radius:14px;display:grid;place-items:center;margin-bottom:29px}.it-icon svg{width:32px;height:32px;stroke:#327F9E;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round}.it-card h3{font-size:22px;letter-spacing:-.65px;margin:0 0 12px}.it-card p{color:#657784;font-size:14px;line-height:1.7;margin:0 0 23px}.text-link{margin-top:auto;color:#267B9A;text-decoration:none;font-weight:800;font-size:13px}.text-link:hover{text-decoration:underline}.it-bottom{margin-top:23px;display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid #CBDDE1;padding-top:22px;color:#5B6E7A;font-size:13px}.it-bottom .brandnames{font-weight:850;letter-spacing:1px;color:#467487}
.build-section{background:#FBFBF7}.build-head{display:flex;justify-content:space-between;align-items:end;gap:32px}.build-head .section-header{margin-bottom:34px}.build-titlechip{white-space:nowrap;margin-bottom:40px;background:#FBEECB;color:#855C19;border:1px solid #F2DDA8;border-radius:25px;padding:7px 12px;font-size:11px;font-weight:850}.equip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}.equip-card{border:1px solid #e4e7e3;border-radius:15px;overflow:hidden;background:white;box-shadow:0 11px 40px #1b2e3710;display:flex;flex-direction:column}.equip-photo{height:250px;background:#F5F5F0;position:relative;overflow:hidden}.equip-photo img{height:100%;width:100%;object-fit:contain;padding:12px;mix-blend-mode:multiply}.equip-photo.truck img{object-fit:cover;padding:0;mix-blend-mode:normal}.equip-num{position:absolute;top:17px;left:18px;font-size:11px;letter-spacing:1px;font-weight:900;color:#4c5258;background:white;border-radius:5px;padding:6px 10px}.equip-body{padding:24px 25px 25px;display:flex;flex-direction:column;flex:1}.equip-body .category{font-size:11px;font-weight:850;color:#AA7726;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:8px}.equip-body h3{font-size:23px;line-height:1.17;margin:0 0 12px;letter-spacing:-1px}.equip-body p{font-size:13px;color:#66747c;line-height:1.65;margin:0 0 18px}.equip-features{padding:0;margin:0 0 25px;list-style:none}.equip-features li{font-size:12px;font-weight:600;color:#4D5F67;margin-bottom:9px;display:flex;gap:8px}.equip-features li:before{content:'✓';font-weight:900;color:#C58E2E}.equip-price{margin-top:auto;padding-top:18px;border-top:1px solid #E9EBEA;display:flex;align-items:center;justify-content:space-between;gap:12px}.equip-price strong{font-size:19px;letter-spacing:-.7px;display:block}.equip-price small{font-size:10.5px;color:#78878D;line-height:1.55;display:block}.equip-price a{white-space:nowrap;color:var(--navy);background:#F7E9CB;text-decoration:none;font-size:12px;border-radius:6px;padding:10px 12px;font-weight:800}.equip-price a:hover{background:#F3D99A}
.bridge{background:#1A2A36;color:white;overflow:hidden;position:relative}.bridge:after{content:'';position:absolute;right:-130px;top:-270px;width:650px;height:650px;border:1px solid #466475;border-radius:50%;box-shadow:0 0 0 100px #fff2,0 0 0 200px #fff1;opacity:.14}.bridge-row{position:relative;z-index:1;display:grid;grid-template-columns:1fr .75fr;align-items:center;gap:30px;padding:67px 0}.bridge h2{font-size:clamp(32px,4vw,49px);margin:7px 0 15px;color:#fff}.bridge p{color:#bfcfd6;margin-bottom:0;max-width:630px}.bridge .mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:18px}.bridge .stat{border-left:3px solid #DDAE58;padding-left:17px}.stat strong{display:block;font-size:23px;color:#fff}.stat span{display:block;color:#ADCAD5;font-size:12px}
.contact{padding:97px 0 110px;background:#F2F5F4}.contact-row{display:grid;grid-template-columns:.85fr 1.15fr;gap:62px;align-items:start}.contact h2{margin-bottom:16px}.contact h2 span{color:#307E9D}.contact-descr{color:#5e737b;max-width:395px}.contact-detail{display:flex;align-items:center;gap:13px;margin-top:26px}.contact-detail .cicon{width:43px;height:43px;background:#E1ECEF;border-radius:9px;display:grid;place-items:center;color:#247795;font-weight:900}.contact-detail small{display:block;color:#76868e;font-size:11px}.contact-detail a{display:block;color:#1e333f;font-size:17px;font-weight:850;text-decoration:none}.contact-note{font-size:11px;line-height:1.65;color:#7D8F94;margin-top:29px}.form-card{padding:34px;background:white;border:1px solid #DAE3E4;border-radius:15px;box-shadow:var(--shadow)}.form-card h3{font-size:23px;letter-spacing:-.7px;margin:0 0 8px}.form-card > p{font-size:13px;color:#71818A;margin:0 0 21px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-card label{display:block;font-size:11px;text-transform:uppercase;font-weight:850;letter-spacing:.6px;color:#475F6C;margin-bottom:6px}.form-card input,.form-card select,.form-card textarea{width:100%;border:1px solid #CFDADA;border-radius:8px;padding:12px;background:#FCFDFD;color:var(--ink);outline:none;font-size:14px;min-height:45px}.form-card :is(input,select,textarea):focus{outline:2px solid #A0D7E7;border-color:#4395AD}.form-card textarea{resize:vertical;min-height:115px}.form-field{margin-bottom:17px}.form-hint{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.form-hint small{max-width:295px;color:#869398;font-size:10.5px;line-height:1.5}.form-status{color:#546F7A;font-size:12px;margin-top:16px;min-height:18px}
.footer{background:#101E29;color:#a9bec6;padding:42px 0 27px}.footer-row{display:flex;justify-content:space-between;align-items:flex-start;gap:22px}.footer .brand-word{color:white}.footer .brand-sub{color:#91abb7}.footer p{font-size:12px;max-width:300px;line-height:1.7;margin-top:15px}.footer-nav{display:flex;flex-wrap:wrap;gap:18px}.footer-nav a{text-decoration:none;font-size:12px;font-weight:700}.footer-bottom{margin-top:30px;padding-top:18px;border-top:1px solid #34464F;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:11px;color:#8A9FA8}.prototype{position:fixed;bottom:14px;right:14px;background:#fff;border:1px solid #E2E7E6;border-radius:7px;padding:8px 11px;font-size:10px;font-weight:800;color:#70818b;box-shadow:0 4px 19px #12253118;z-index:35}
@media(max-width:1080px){.nav{gap:14px}.nav a{font-size:12px}.head-cta{display:none}.hero-layout{gap:12px}.equip-photo{height:220px}.equip-body{padding:22px 20px}.equip-price strong{font-size:17px}}
@media(max-width:820px){.wrap{width:calc(100% - 36px)}.menu-toggle{display:block}.nav{position:absolute;left:0;top:83px;right:0;background:#fff;border-bottom:1px solid #dce5e4;box-shadow:0 15px 25px #12253112;display:none;flex-direction:column;align-items:stretch;padding:15px 20px 22px;gap:0}.nav.open{display:flex}.nav a{padding:14px 8px;font-size:16px}.hero-layout{grid-template-columns:1fr;padding:67px 0 48px;gap:45px}.hero-visual{max-width:580px;width:100%;margin:0 auto}.it-grid{grid-template-columns:1fr 1fr}.it-grid .it-card:last-child{grid-column:span 2}.equip-grid{grid-template-columns:1fr 1fr}.equip-grid .equip-card:last-child{grid-column:span 2}.equip-grid .equip-card:last-child .equip-photo{height:290px}.bridge-row{grid-template-columns:1fr}.contact-row{grid-template-columns:1fr;gap:36px}.contact-descr{max-width:650px}.section{padding:76px 0}}
@media(max-width:570px){.header{height:72px}.nav{top:72px}.brand img{width:36px;height:36px}.brand-word{font-size:19px}.brand-sub{font-size:7.5px;letter-spacing:1.2px}.hero-layout{padding:55px 0 40px;gap:28px}.hero h1{font-size:clamp(43px,10.9vw,63px);letter-spacing:-2.5px}.hero-copy{font-size:15px}.hero-proof{gap:9px 18px;font-size:10.5px}.hero-visual{min-height:348px}.visual-it{height:225px}.visual-it .camera-preview{height:155px}.it-menu{gap:12px;top:80px}.it-menu span{font-size:9px}.visual-it .visual-brand{font-size:9px}.visual-build{height:184px;border-width:6px}.hero-float{font-size:9px;padding:8px 11px}.hero-float strong{font-size:14px}.division-inner{grid-template-columns:1fr}.division a{padding:15px 5px;border-right:0;border-bottom:1px solid #E4ECEB}.section{padding:62px 0}.section-header h2{font-size:35px;letter-spacing:-1.5px}.it-grid,.equip-grid{grid-template-columns:1fr}.it-grid .it-card:last-child,.equip-grid .equip-card:last-child{grid-column:auto}.it-card{min-height:0}.it-top,.build-head{display:block}.build-titlechip{display:inline-block;margin-bottom:26px}.it-bottom{display:block}.it-bottom .brandnames{display:block;margin-top:12px}.equip-photo,.equip-grid .equip-card:last-child .equip-photo{height:250px}.bridge-row{padding:55px 0}.bridge .mini-stats{gap:10px}.contact{padding:65px 0 80px}.form-card{padding:24px 18px}.form-grid{grid-template-columns:1fr;gap:0}.form-hint .btn{width:100%}.footer-row{display:block}.footer-nav{margin-top:23px}.prototype{font-size:9px;bottom:8px;right:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}

/* WordPress pages, blog, accessible form notices */
body.admin-bar .header{top:32px}@media(max-width:782px){body.admin-bar .header{top:46px}}
.wp-content{background:#fbfbf7;padding:85px 0 110px;min-height:60vh}.wp-content .reading{max-width:880px;margin:auto;background:white;border:1px solid var(--line);border-radius:16px;padding:42px;box-shadow:var(--shadow)}.reading h1{font-family:Manrope,sans-serif;letter-spacing:-1.7px;font-size:clamp(30px,4vw,49px);line-height:1.13;margin-bottom:20px}.reading .entry-content{line-height:1.8}.reading .entry-content a{color:#247d98}.reading .entry-content img{height:auto}.reading .entry-content :is(h2,h3){letter-spacing:-.6px;margin-top:30px}.reading .entry-content ul{padding-left:25px}.post-list-item{padding:22px 0;border-bottom:1px solid var(--line)}.post-list-item h2{font-size:24px;letter-spacing:-.7px;margin:0 0 8px}.post-list-item a{color:var(--navy)}.post-list-item a:hover{color:#247d98}.form-alert{border-radius:8px;padding:12px 15px;margin:17px 0;font-size:13px;font-weight:700}.form-alert.ok{background:#e7f6e9;color:#1d6239;border:1px solid #aedcbb}.form-alert.err{background:#fff0ec;color:#8a3022;border:1px solid #ebc1b3}.hp-field{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important;left:-10000px!important}.required-check{margin:8px 0 18px;color:#6d777e;font-size:12px}.required-check a{color:#2b7590}.menu-toggle:focus-visible,.btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #4b9cb9;outline-offset:3px}
@media(max-width:600px){.wp-content .reading{padding:25px 20px}.wp-content{padding:50px 0}}

/* 1.2: phone-only call affordance, visually richer CCTV/EZS, construction pricing */
.head-cta{width:46px;height:46px;padding:0;border-radius:12px;flex:0 0 46px;display:inline-flex;align-items:center;justify-content:center}
.head-cta svg{display:block;width:21px;height:21px}
.visual-it .camera-preview{right:16px;top:41px;width:61%;height:186px;background:#183544;border:1px solid #486575}
.camera-preview:before{display:none}
.camera-preview .frame-top{z-index:2;left:11px;top:8px}
.security-devices{position:absolute;inset:0;padding:19px 6px 26px}
.security-devices img{width:100%;height:100%;object-fit:cover;border-radius:6px}
.device-captions{position:absolute;left:12px;right:12px;bottom:7px;display:flex;justify-content:space-between;gap:6px;color:#e7f3f9;font-weight:800;font-size:8.5px;letter-spacing:.4px}
.camera-preview .rec{bottom:auto;left:auto;right:11px;top:8px;font-size:8px}
.build-pricing{margin-top:45px;padding:34px;background:#F4F0E7;border:1px solid #E8E1D1;border-radius:18px}
.pricing-intro{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}
.pricing-intro h3{font-family:Manrope,system-ui;font-weight:800;font-size:clamp(24px,3vw,33px);letter-spacing:-1.3px;line-height:1.15;margin:12px 0 10px}
.pricing-intro p{max-width:690px;color:#65727b;font-size:14px;line-height:1.6;margin:0}
.pricing-cta{flex:none;display:inline-block;background:#263c4c;color:#fff;border-radius:9px;text-decoration:none;padding:12px 16px;font-weight:800;font-size:12px}
.pricing-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.pricing-card{background:#fff;border:1px solid #e9e4da;border-radius:12px;padding:23px;display:flex;flex-direction:column;min-width:0}
.price-label{font-size:10px;letter-spacing:1.1px;font-weight:900;color:#aa7a30;margin-bottom:10px}
.pricing-card h4{font-size:20px;letter-spacing:-.8px;margin:0 0 10px;color:#1f323e}
.price-number{font-size:25px;letter-spacing:-1px;font-weight:900;color:#1d3340}
.price-number small{font-size:11px;letter-spacing:0;color:#78828a;font-weight:750}
.pricing-card p{font-size:12px;line-height:1.65;color:#63727b;margin:11px 0 22px}
.example{margin-top:auto;background:#F7F8F6;border:1px solid #e6eae7;border-radius:10px;padding:15px 14px;display:grid;gap:6px;font-size:11px;color:#5a6a74;line-height:1.5}
.example strong{font-size:10px;letter-spacing:.8px;text-transform:uppercase;color:#995f15;margin-bottom:2px}
.example b{display:block;color:#233846;font-size:13px;padding-top:9px;margin-top:4px;border-top:1px solid #d9e0dd}
.pricing-details{margin-top:20px;border:1px solid #dcd7c8;border-radius:11px;background:#fffcf5;overflow:hidden}
.pricing-details summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px;cursor:pointer;padding:19px 21px;color:#243a48;font-size:14px;font-weight:850}
.pricing-details summary::-webkit-details-marker{display:none}
.pricing-details summary span{font-size:22px;font-weight:500;line-height:1}
.pricing-details[open] summary span{transform:rotate(45deg)}
.pricing-details-grid{border-top:1px solid #ebe6d9;padding:22px 24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 32px}
.pricing-details-grid h4{font-size:14px;color:#293c47;margin:0 0 6px}
.pricing-details-grid p{font-size:12px;color:#64727a;line-height:1.67;margin:0}
.pricing-disclaimer{margin:17px 3px 0;color:#748080;font-size:11px;line-height:1.65}
@media(max-width:1080px){.head-cta{display:inline-flex}}
@media(max-width:820px){.head-cta{margin-left:auto}.pricing-cards{grid-template-columns:1fr 1fr}.pricing-cards .pricing-card:last-child{grid-column:span 2}}
@media(max-width:570px){.header-row{gap:8px}.brand{min-width:0;gap:7px}.brand-word{font-size:17px}.brand-sub{font-size:6.5px;letter-spacing:.8px}.head-cta{width:39px;height:39px;flex-basis:39px;flex-shrink:0}.menu-toggle{padding:6px}.visual-it .camera-preview{height:142px;top:34px;right:9px}.security-devices{padding:18px 5px 23px}.device-captions{font-size:7px;left:6px;right:6px}.visual-it .visual-brand{left:17px}.it-menu{left:14px}.build-pricing{margin-top:26px;padding:20px 13px}.pricing-intro{display:block}.pricing-cta{margin-top:18px}.pricing-cards{grid-template-columns:1fr}.pricing-cards .pricing-card:last-child{grid-column:auto}.pricing-card{padding:20px}.pricing-details-grid{grid-template-columns:1fr;padding:19px}.pricing-details summary{padding:17px 14px}}

/* v1.3 / visual alignment: blue CCTV section and yellow construction section. */
.bar{height:4px;background:linear-gradient(90deg,#0063de 0 50%,#ffc600 50% 100%)}
:root{--navy:#09233e;--ink:#09213c;--amber:#ffc500;--paper:#fff;--blue:#0868eb;--line:#e0e6eb}
body{background:#fff;color:#0d2238}
.header{background:rgba(255,255,255,.98);height:78px}
.header-row{gap:20px;max-width:1420px}
.brand{min-width:215px}
.brand img{width:41px;height:41px}
.brand-word{font-size:24px;letter-spacing:-1.4px;color:#09213c}
.brand-word span{color:#0b69e2}
.brand-sub{color:#647688;font-size:8px;letter-spacing:.8px}
.nav a{font-size:13px;color:#12243b}
.nav a:first-child{border-bottom:3px solid #0a70ee;padding:25px 0 22px}
.nav .nav-construction{border-bottom:3px solid #ffc500;padding:25px 0 22px;color:#15263c}
.header-phone{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-weight:850;color:#082b59;font-size:15px;white-space:nowrap;padding:9px 0}
.header-phone svg{width:17px;height:17px;flex:none}
.header-phone:hover{color:#0068e6}
.head-request{background:#ffc700;color:#132237;padding:11px 18px;border-radius:9px;text-decoration:none;font-weight:850;font-size:13px;white-space:nowrap}
.head-request:hover{background:#ffdc39}
.hero.hero-dual{background:#fff}
.hero.hero-dual:before{display:none}
.hero-dual-grid{display:grid;grid-template-columns:1fr 1fr;min-height:470px;max-width:1800px;margin:auto}
.dual-pane{position:relative;overflow:hidden;isolation:isolate;min-height:465px;display:flex;align-items:center}
.dual-copy{position:relative;z-index:3;padding:44px clamp(24px,4.1vw,77px);max-width:650px;width:100%}
.dual-kicker{font-size:11px;letter-spacing:1.65px;font-weight:850}
.dual-pane :is(h1,h2){font-size:clamp(38px,4.1vw,67px);line-height:1.02;letter-spacing:-2.5px;font-family:Manrope,sans-serif;font-weight:900;margin:17px 0 20px}
.dual-pane p{max-width:365px;font-size:16px;line-height:1.48;margin-bottom:23px}
.dual-checks{display:grid;gap:8px;list-style:none;margin:0 0 24px;padding:0;max-width:380px}
.dual-checks li{font-size:14px;font-weight:600;position:relative;padding-left:28px;line-height:1.45}
.dual-checks li:before{content:'✓';display:grid;place-items:center;position:absolute;left:0;top:1px;width:19px;height:19px;color:#fff;border-radius:50%;background:#0b70ef;font-size:12px;font-weight:900}
.dual-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;color:white;padding:13px 20px;border-radius:24px;text-decoration:none;font-size:13px;font-weight:850;box-shadow:0 6px 20px #00000018}
.dual-button.blue{background:#096ce6}.dual-button.yellow{background:#ffc600;color:#09213c}
.dual-it{color:white;background:linear-gradient(90deg,#071e35,#092b53)}
.dual-it .dual-copy{background:linear-gradient(90deg,#071e35 0%,#09223fe8 55%,#09223f00 100%)}
.dual-it .dual-kicker{color:#6eaeeb}.dual-it p{color:#e3ebf4}.dual-it .dual-checks li{color:#f1f5fa}
.dual-it-picture{position:absolute;inset:0 0 0 35%;z-index:-1;opacity:.75;filter:brightness(.82) saturate(1.18)}
.dual-it-picture img{height:100%;width:100%;object-fit:cover;object-position:40% center;mix-blend-mode:screen}
.dual-build{background:linear-gradient(107deg,#fff7e9,#edf5f5);color:#0c263d}
.dual-build .dual-copy{max-width:610px}
.dual-build .dual-kicker{color:#995e13}
.dual-build p{color:#2c4252}
.dual-build .dual-checks li:before{background:#ffc600;color:#1a2a41}
.dual-build-pictures{position:absolute;inset:0;z-index:-1;pointer-events:none}
.dual-build-pictures img{position:absolute;object-fit:contain;filter:drop-shadow(0 15px 14px #35404135);mix-blend-mode:multiply}
.hero-cat{right:0;bottom:-14px;width:58%;height:74%;object-position:center bottom}
.hero-plosina{right:-7%;top:2%;width:44%;height:31%}
.hero-ford{right:-4%;bottom:-6%;width:41%;height:43%;border-radius:14px}
.dual-build:after{content:'';pointer-events:none;position:absolute;inset:0;background:linear-gradient(90deg,#fff9edea 0%,#fff8efb5 34%,transparent 83%);z-index:-1}
.it-section,.build-section{background:#fff;padding:64px 0 54px}
.it-section{background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)}
.it-section .section-header,.build-section .section-header{max-width:860px}
.it-section .section-header h2,.build-section .section-header h2{font-size:clamp(30px,3vw,43px)}
.it-photo-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.it-photo-grid .it-card{min-height:0;padding:0 0 18px;overflow:hidden;border-radius:10px;background:#fff;box-shadow:0 5px 19px #0f224810}
.it-photo{height:164px;background:#e5ecf3;overflow:hidden}
.it-photo img{width:100%;height:100%;object-fit:cover}
.it-photo-grid .it-card h3{font-size:18px;padding:16px 15px 0;margin-bottom:6px;letter-spacing:-.5px}
.it-photo-grid .it-card p{font-size:12px;padding:0 15px;margin-bottom:12px;line-height:1.45}
.it-photo-grid .it-card .text-link{padding:0 15px;font-size:12px;color:#006fe9}
.it-technical-picture{background:radial-gradient(circle at 50% 0%,#247fc1,#0b2440);display:grid;place-items:center}
.it-technical-picture svg{width:100%;height:100%}
.it-servers{background:radial-gradient(circle at 50% 10%,#496780,#112940)}
.build-section{padding-top:56px}
.equip-grid{gap:17px}
.equip-card{border-radius:10px}
.equip-photo{height:210px}
.equip-body{padding:21px 20px 19px}
.equip-body h3{font-size:21px}
.equip-body p,.equip-features li{font-size:12px}
.quick-price-ribbon{display:grid;grid-template-columns:1.05fr 1.8fr;gap:18px;margin-top:32px}
.quick-price-lead,.quick-price-facts{background:#f3f6fa;border-radius:12px;padding:24px 23px}
.quick-price-lead{display:flex;gap:16px;align-items:flex-start}
.price-big-icon{font-size:28px;color:#086cea}
.quick-price-lead h3{font-size:21px;line-height:1.2;letter-spacing:-.7px;margin:0 0 7px}
.quick-price-lead p{font-size:12px;color:#52647a;margin:0 0 11px}
.quick-price-lead a{display:inline-block;background:#006cec;color:#fff;border-radius:30px;text-decoration:none;padding:7px 13px;font-size:11px;font-weight:800}
.quick-price-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.quick-price-facts div{border-left:1px solid #cad6e4;padding:0 13px;display:flex;flex-direction:column;gap:5px}
.quick-price-facts strong{color:#09233e;font-size:12px}
.quick-price-facts span{color:#52647a;line-height:1.5;font-size:11px}
.build-pricing{margin-top:25px;background:#fbf7ed}
@media(max-width:1190px){.header-row{gap:12px}.brand{min-width:190px}.brand-word{font-size:21px}.nav{gap:13px}.nav a{font-size:12px}.header-phone{font-size:13px}.head-request{padding:10px 12px}}
@media(max-width:900px){.head-request{display:none}.dual-pane{min-height:430px}.dual-copy{padding:35px 25px}.dual-pane :is(h1,h2){font-size:clamp(35px,4.5vw,53px)}.dual-pane p{font-size:14px}.dual-checks li{font-size:12px}.dual-build-pictures{opacity:.85}.hero-cat{right:-12%;width:63%}.hero-ford{right:-9%;width:40%}.hero-plosina{right:-12%}.it-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-price-ribbon{grid-template-columns:1fr}.quick-price-facts div{padding:0 20px}}
@media(max-width:820px){.header-phone{margin-left:auto}.header-phone span{display:inline}.nav a:first-child,.nav .nav-construction{border-bottom:0;padding:14px 8px}.nav{top:78px}.hero-dual-grid{grid-template-columns:1fr}.dual-pane{min-height:365px}.dual-copy{padding:38px 27px}.dual-pane :is(h1,h2){font-size:clamp(39px,6vw,54px)}.dual-it-picture{inset:0 0 0 38%;opacity:.57}.dual-build-pictures{opacity:.8}.hero-cat{right:0;width:52%}.hero-ford{width:34%;right:-2%;height:42%}.hero-plosina{right:-4%;width:37%}}
@media(max-width:570px){.header{height:70px}.nav{top:70px}.brand{min-width:0}.brand img{width:35px;height:35px}.brand-word{font-size:17px}.brand-sub{font-size:6px;letter-spacing:.4px}.header-phone{font-size:12px;gap:5px}.header-phone svg{width:14px;height:14px}.menu-toggle{font-size:19px;padding:5px}.header-row{gap:7px}.dual-pane{min-height:410px;align-items:flex-start}.dual-copy{padding:35px 25px}.dual-pane :is(h1,h2){margin:8px 0 14px;font-size:43px}.dual-pane p{font-size:13px;max-width:280px}.dual-checks{margin-bottom:18px;gap:6px}.dual-checks li{font-size:11.5px;max-width:290px}.dual-it-picture{inset:0 0 0 28%;opacity:.40}.dual-build-pictures{opacity:.6}.hero-cat{right:-10%;bottom:-6px;width:74%;height:57%}.hero-ford{width:40%;height:35%;right:-7%;bottom:0}.hero-plosina{right:-14%;top:14%;width:42%}.dual-build:after{background:linear-gradient(90deg,#fff8eef8 0%,#fff8efbf 52%,transparent 100%)}.it-section,.build-section{padding:47px 0}.it-photo-grid{gap:11px}.it-photo{height:103px}.it-photo-grid .it-card h3{font-size:15px}.it-photo-grid .it-card p{font-size:11px}.quick-price-facts{grid-template-columns:1fr;gap:12px}.quick-price-facts div{border-left:3px solid #1872ef;padding:0 12px}.quick-price-lead{padding:18px 15px}.quick-price-facts{padding:18px 14px}.it-bottom{margin-top:20px}}
@media(max-width:365px){.header-phone{font-size:11px}.brand-word{font-size:15px}.brand-sub{display:none}}

/* 1.3 visual polish – transparent equipment cutouts avoid visible rectangular image backgrounds */
.dual-build{background:linear-gradient(115deg,#fff7e8 0%,#fbf4e7 46%,#eaf1f0 100%)}
.dual-build-pictures{z-index:0;opacity:1}
.dual-build .dual-copy{z-index:2}
.dual-build:after{z-index:1;background:linear-gradient(90deg,#fff7e8 0%,#fff8ecf2 40%,#fff8ed70 62%,transparent 83%)}
.dual-build-pictures .hero-cat{width:57%;height:78%;right:2%;bottom:0;object-fit:contain;mix-blend-mode:normal;filter:drop-shadow(0 16px 18px #344c5a22)}
.dual-build-pictures .hero-plosina{width:41%;height:25%;right:1%;top:5%;object-fit:contain;mix-blend-mode:normal;filter:drop-shadow(0 9px 9px #344c5a25)}
.dual-build-pictures .hero-ford{width:34%;height:36%;right:-1%;bottom:0;object-fit:cover;object-position:50% 50%;border:5px solid #fff;border-radius:15px;mix-blend-mode:normal;filter:drop-shadow(0 9px 9px #344c5a18)}
@media(max-width:820px){.dual-build-pictures .hero-cat{right:1%;width:49%;height:80%}.dual-build-pictures .hero-plosina{width:35%;right:1%}.dual-build-pictures .hero-ford{right:-1%;width:30%;height:39%}}
@media(max-width:570px){.dual-build-pictures .hero-cat{right:-6%;width:66%;height:62%;bottom:0}.dual-build-pictures .hero-plosina{right:-4%;width:43%;height:22%;top:12%}.dual-build-pictures .hero-ford{right:-2%;width:35%;height:28%;bottom:0;border-width:3px}.dual-build:after{background:linear-gradient(90deg,#fff7e8 0%,#fff7e8ed 57%,#fff7e844 100%)}}

/* Final phone alignment and contrast: visible number always accompanies the tiny handset. */
@media(max-width:820px){.header-phone{order:2}.menu-toggle{order:3}}
@media(min-width:821px){.dual-build:after{background:linear-gradient(90deg,#fff7e8 0%,#fff8ecf2 28%,#fff8ed7a 46%,transparent 72%)}}

/* 1.3 visual polish – transparent equipment cutouts avoid visible rectangular image backgrounds */
.dual-build{background:linear-gradient(115deg,#fff7e8 0%,#fbf4e7 46%,#eaf1f0 100%)}
.dual-build-pictures{z-index:0;opacity:1}
.dual-build .dual-copy{z-index:2}
.dual-build:after{z-index:1;background:linear-gradient(90deg,#fff7e8 0%,#fff8ecf2 40%,#fff8ed70 62%,transparent 83%)}
.dual-build-pictures .hero-cat{width:57%;height:78%;right:2%;bottom:0;object-fit:contain;mix-blend-mode:normal;filter:drop-shadow(0 16px 18px #344c5a22)}
.dual-build-pictures .hero-plosina{width:41%;height:25%;right:1%;top:5%;object-fit:contain;mix-blend-mode:normal;filter:drop-shadow(0 9px 9px #344c5a25)}
.dual-build-pictures .hero-ford{width:34%;height:36%;right:-1%;bottom:0;object-fit:cover;object-position:50% 50%;border:5px solid #fff;border-radius:15px;mix-blend-mode:normal;filter:drop-shadow(0 9px 9px #344c5a18)}
@media(max-width:820px){.dual-build-pictures .hero-cat{right:1%;width:49%;height:80%}.dual-build-pictures .hero-plosina{width:35%;right:1%}.dual-build-pictures .hero-ford{right:-1%;width:30%;height:39%}}
@media(max-width:570px){.dual-build-pictures .hero-cat{right:-6%;width:66%;height:62%;bottom:0}.dual-build-pictures .hero-plosina{right:-4%;width:43%;height:22%;top:12%}.dual-build-pictures .hero-ford{right:-2%;width:35%;height:28%;bottom:0;border-width:3px}.dual-build:after{background:linear-gradient(90deg,#fff7e8 0%,#fff7e8ed 57%,#fff7e844 100%)}}


/* 1.4 hero style based on approved illustrated graphic */
.dual-it-picture{position:absolute;inset:0 0 0 34%;z-index:0;opacity:1;filter:none}
.dual-it-picture img{height:100%;width:100%;object-fit:cover;object-position:center center;mix-blend-mode:normal}
.dual-it{overflow:hidden;background:linear-gradient(90deg,#061d34 0%,#082954 58%,#0a2a49 100%)}
.dual-it:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#061d34 0%,#082549eb 46%,#08254975 60%,transparent 78%);z-index:1;pointer-events:none}
.dual-it .dual-copy{position:relative;z-index:2;background:none;max-width:420px}
.dual-build{overflow:hidden;background:linear-gradient(115deg,#fff7e8 0%,#fbf4e7 46%,#eef6f5 100%)}
.dual-build:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#fff7e8 0%,#fff8ecf2 33%,#fff8ee99 46%,transparent 66%);z-index:1;pointer-events:none}
.dual-build .dual-copy{position:relative;z-index:2;background:none;max-width:430px}
.dual-build-pictures{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:1}
.dual-build-pictures img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;mix-blend-mode:normal;filter:none}
@media(max-width:900px){
  .dual-it-picture{inset:0 0 0 28%}
  .dual-it:after{background:linear-gradient(90deg,#061d34 0%,#082549ee 52%,#0825498f 68%,transparent 100%)}
}
@media(max-width:820px){
  .dual-pane{min-height:390px}
  .dual-it-picture,.dual-build-pictures{inset:0}
  .dual-it:after{background:linear-gradient(90deg,#061d34 0%,#082549f1 56%,#0825499a 77%,transparent 100%)}
  .dual-build:after{background:linear-gradient(90deg,#fff7e8 0%,#fff8ecf5 56%,#fff8eea0 78%,transparent 100%)}
}
@media(max-width:570px){
  .dual-pane{min-height:440px}
  .dual-it .dual-copy,.dual-build .dual-copy{max-width:290px}
}

/* v1.5 – unified sharp illustrated service cards / lift power options */
.it-photo-grid .it-photo img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.equip-card .equip-photo img{object-fit:cover;object-position:center;width:100%;height:100%;mix-blend-mode:normal;filter:none;max-width:none}
.equip-photo{background:#f8f4e9}
.equip-photo:after{pointer-events:none}
.power-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0 14px}
.power-chips span{background:#f4f8fb;border:1px solid #d7e3ef;color:#194a72;border-radius:40px;padding:5px 9px;font-size:10px;line-height:1.35;font-weight:800;white-space:nowrap}
@media(max-width:570px){.power-chips span{font-size:10px}}
