@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#101e36;--blue:#153a69;--accent:#ffb444;--ink:#14233b;--muted:#69788d;--line:#e5eaf0;--bg:#f5f7fa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:15px/1.6 Manrope,Arial,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.wrap{max-width:1240px;padding:0 24px;margin:auto}.topline{background:#0b172b;color:#9caec8;font-size:11px}.topflex{display:flex;justify-content:space-between;padding-top:8px;padding-bottom:8px;letter-spacing:.03em}.header{background:#fff;border-bottom:1px solid var(--line)}.headerinner{height:94px;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:11px;flex-shrink:0}.brandmark{background:var(--navy);width:42px;height:46px;display:grid;place-items:center;color:white;font-size:28px;font-weight:800;position:relative}.brandmark span{position:absolute;color:var(--accent);font-size:10px;right:3px;bottom:3px}.brandtext{font-size:27px;letter-spacing:.1em;font-weight:800;line-height:1}.brandtext small{display:block;font-size:8px;letter-spacing:.12em;margin-top:8px;color:#657489}.searchwrap{position:relative;display:flex;align-items:center;background:#f4f6f9;border:1px solid #e9edf3;border-radius:5px;flex:1;padding:0 15px;min-width:150px}.searchwrap svg{width:19px;height:19px;stroke:#8c99aa;stroke-width:2;fill:none;flex-shrink:0}.searchwrap input{width:100%;border:0;outline:0;background:transparent;padding:14px 12px;font-size:12px}.search-results{position:absolute;z-index:20;top:calc(100% + 6px);left:0;right:0;background:#fff;box-shadow:0 16px 35px #0b1d3430;border:1px solid var(--line);border-radius:5px;overflow:hidden}.search-results button{display:block;width:100%;border:0;background:white;text-align:left;padding:12px 16px}.search-results button:hover{background:#f1f5fa}.headcontact{white-space:nowrap}.headcontact span{display:block;font-size:10px;color:var(--muted)}.headcontact a{font-size:15px;font-weight:800}.btn{border:0;border-radius:4px;padding:15px 21px;font-weight:800;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:19px;transition:.2s;white-space:nowrap}.btn:hover{transform:translateY(-2px);filter:brightness(1.05)}.btn-primary,.btn-dark{background:var(--navy);color:#fff}.btn-accent{background:var(--accent);color:#17243a}.btn-outline{border:1px solid #71849d;background:transparent;color:#fff}.menu-toggle{display:none;background:transparent;border:0;font-size:25px}.nav{background:#fff;border-bottom:1px solid var(--line)}.navinner{height:51px;display:flex;align-items:center;gap:38px;font-weight:700;font-size:12px}.navinner a:hover,.navinner button:hover{color:#c78317}.navinner a:first-child{color:#173f70}.chev{margin-left:10px}.nav-spec{border:0;background:none;font-weight:800;font-size:12px;margin-left:auto;color:#173f70}.hero{background:linear-gradient(120deg,#0d1c33 0%,#122b4c 70%,#183f6b 100%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;min-height:530px}.hero-copy{padding:85px 0 65px;position:relative;z-index:1;color:white}.eyebrow,.kicker{font-size:10px;letter-spacing:.2em;font-weight:800;color:#b77b27}.eyebrow{color:#d7e5f7;display:flex;align-items:center;gap:10px}.dot{background:var(--accent);width:7px;height:7px;border-radius:50%}.hero h1{font-size:clamp(36px,4.2vw,58px);line-height:1.14;letter-spacing:-.045em;margin:25px 0}.hero h1 em{color:var(--accent);font-style:normal}.hero-copy>p{font-size:14px;max-width:530px;color:#c3d0e0;line-height:1.9}.hero-actions{display:flex;gap:12px;margin-top:31px;flex-wrap:wrap}.hero-notes{display:flex;flex-wrap:wrap;gap:16px;margin-top:42px;color:#a8bdd5;font-size:10px}.hero-art{position:relative;min-height:470px;display:flex;align-items:center;justify-content:center}.gridglow{position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,#316ca855,transparent 58%),linear-gradient(90deg,transparent 96%,#ffffff0b 97%);background-size:auto,45px 45px}.orbit{border:1px solid #7da7d12b;border-radius:50%;position:absolute;aspect-ratio:1;width:75%}.orbit2{width:110%}.art-panel{width:310px;height:325px;background:linear-gradient(140deg,#f6f9fc,#d3dce6);box-shadow:30px 30px 60px #07172b80;transform:perspective(800px) rotateY(-14deg) rotateX(5deg);border:8px solid #b9c8d8;border-radius:8px;position:relative;padding:18px}.art-title{font-size:10px;color:#4a607a;letter-spacing:.1em}.art-title strong{color:#16324f}.cabinet{margin:17px auto;width:83%;height:215px;border:7px solid #8fa1b2;background:#e4e9ef;box-shadow:inset 0 0 0 2px white;padding:12px}.cabinet-top,.cabinet-bottom{height:16px;background:#b4c0cc;margin-bottom:15px}.cabinet-bottom{margin-top:14px}.breaker-row{display:flex;gap:5px;margin-bottom:16px}.breaker-row i{height:50px;flex:1;background:linear-gradient(90deg,#f8f9fa,#c9d3dd);border:1px solid #a9b5c0;box-shadow:2px 2px 3px #8a98a955;position:relative}.breaker-row i:after{content:'';position:absolute;left:30%;top:16px;width:40%;height:16px;background:#243b54;border-radius:2px;box-shadow:0 -8px 0 -5px #e2a13b}.art-led{position:absolute;width:140px;height:24px;background:linear-gradient(#fff,#c5d0d8);border:4px solid #a6b8c8;box-shadow:0 0 35px #f5fbff88;transform:rotate(-27deg);right:5%;top:18%}.art-wire{position:absolute;width:125px;height:125px;border:16px solid #e2a44e;border-radius:50%;left:2%;bottom:15%;box-shadow:10px 10px 18px #07182d77}.art-label{position:absolute;bottom:30px;right:0;color:#9eb5ce;font-size:9px;letter-spacing:.12em}.art-label b{color:var(--accent);margin-left:16px}.strip{background:#fff;border-bottom:1px solid var(--line)}.stripgrid{display:grid;grid-template-columns:repeat(4,1fr);padding-top:25px;padding-bottom:25px}.stripgrid>div{border-right:1px solid var(--line);padding:0 20px}.stripgrid>div:first-child{padding-left:0}.stripgrid>div:last-child{border:0}.stripgrid strong,.stripgrid span{display:block}.stripgrid strong{font-size:12px}.stripgrid span{font-size:10px;color:var(--muted);margin-top:5px}.section{padding:88px 0}.catalog,.steps-section{background:var(--bg)}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:34px}.section h2,.banner h2,.contact-section h2{font-size:clamp(26px,3vw,39px);line-height:1.2;letter-spacing:-.04em;margin:12px 0}.sectionhead p{color:var(--muted);margin:10px 0 0;font-size:13px}.textlink{border:0;background:none;color:#173f70;font-size:12px;font-weight:800;white-space:nowrap}.catgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cat{background:#fff;border:1px solid #e8edf2;padding:21px;min-width:0;transition:.2s}.cat:hover{box-shadow:0 14px 35px #172d4b13;transform:translateY(-3px)}.cat-top{display:flex;justify-content:space-between;color:#9ba7b5;font-size:9px;letter-spacing:.13em;font-weight:800}.cat-top .arrow{font-size:19px;color:#1c4b7b}.product-art{height:146px;display:flex;align-items:center;justify-content:center;gap:5px;position:relative;overflow:hidden}.product-art i{display:block;position:relative;flex-shrink:0}.art-breaker i{width:25px;height:78px;border:1px solid #b8c4cf;background:linear-gradient(90deg,#e5ebef,#fff 60%,#d7e0e8);box-shadow:3px 5px 7px #aebdcb66}.art-breaker i:after{content:'';position:absolute;top:27px;left:8px;width:9px;height:20px;background:#1d344d;box-shadow:0 -17px 0 -4px #f1a93b}.art-cable i{width:66px;height:66px;border:13px solid #273f55;border-radius:50%;margin-left:-42px;box-shadow:2px 3px 5px #0002}.art-cable i:first-child{margin-left:0}.art-cable i:nth-child(even){border-color:#e1a43d}.art-light i{width:21px;height:88px;background:#e9eef1;border:4px solid #c1ccd6;box-shadow:0 0 12px #ffca72;transform:rotate(35deg);margin-left:4px}.art-panel i{width:24px;height:90px;background:linear-gradient(90deg,#bcc9d4,#edf1f5);border:2px solid #8e9eae}.art-panel i:nth-child(3){width:40px}.art-socket i{width:43px;height:58px;border:5px solid #d6e0e9;background:#f9fbfc;border-radius:4px;box-shadow:2px 5px 8px #0002;margin-left:-12px}.art-socket i:after{content:'••';position:absolute;top:12px;left:7px;color:#68788a;letter-spacing:3px}.art-tray i{width:55px;height:18px;background:linear-gradient(#d2dbe4,#8295a7);transform:skewY(-22deg);margin-left:-25px;box-shadow:0 7px 0 #aebcc9}.art-connect i{width:30px;height:45px;background:#d4e1ea;border:4px solid #a9bccb;border-radius:5px;box-shadow:inset 0 12px #e9ad4e}.art-industrial i{width:40px;height:70px;background:linear-gradient(90deg,#e4e9ef,#b2c1d0);border:3px solid #8ea0b2;box-shadow:2px 4px 5px #0002}.art-industrial i:after{content:'';display:block;background:#223c58;width:18px;height:20px;margin:22px auto}.cat h3{font-size:14px;line-height:1.4;margin:0 0 7px;min-height:40px}.cat p{color:var(--muted);font-size:11px;line-height:1.7;min-height:38px;margin:0 0 20px}.catlink{border:0;border-top:1px solid var(--line);padding:15px 0 0;background:transparent;width:100%;display:flex;justify-content:space-between;font-weight:800;font-size:11px;color:#1a497c}.catalog-footer{margin-top:20px;border:1px solid var(--line);background:white;padding:23px 28px;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:12px}.banner{background:linear-gradient(115deg,#123b69,#0e2340);color:#fff;padding:55px 0}.banner-grid{display:flex;align-items:center;justify-content:space-between;gap:30px}.banner p,.contact-section p{color:#b9c9dc;font-size:13px;max-width:630px}.lightkicker{color:var(--accent)}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.benefits>div{border-top:2px solid #dbe3ed;padding:25px 10px 0 0}.benefits b{color:#d39a40;font-size:13px}.benefits h3,.steps h3{font-size:15px;margin:16px 0 8px}.benefits p,.steps p{color:var(--muted);font-size:12px;line-height:1.8}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.steps>div{background:#fff;padding:25px;border:1px solid var(--line)}.steps span{font-size:28px;font-weight:800;color:#d1dce7}.brandline{display:flex;flex-wrap:wrap;gap:10px}.brandline span{padding:19px 24px;border:1px solid var(--line);color:#64768a;font-weight:800;font-size:11px;letter-spacing:.05em}.contact-section{background:#10213b;color:white;padding:80px 0}.contactgrid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contactemail{font-size:24px;font-weight:800;display:inline-block;margin-top:20px}.contactnote{font-size:10px!important;color:#8297b2!important}.inline-form{background:#fff;padding:30px;color:var(--ink)}.lead-form{display:grid;gap:13px}.lead-form label:not(.consent){display:grid;gap:6px;font-size:11px;font-weight:800}.lead-form input:not([type=checkbox]):not([type=file]),.lead-form textarea{width:100%;border:1px solid #dfe6ee;background:#f9fafc;padding:12px 13px;outline:0;font-size:12px;border-radius:3px}.lead-form input:focus,.lead-form textarea:focus{border-color:#5b85b5}.lead-form textarea{resize:vertical}.lead-form .consent{display:flex;align-items:flex-start;gap:8px;font-size:10px;color:#65768b;font-weight:500}.consent input{margin-top:3px}.filelabel input{font-size:11px}.filelabel small{color:var(--muted);font-weight:400}.form-status{font-size:12px}.form-status.error{color:#b02b2b}.form-status.success{color:#1b8154}.honey{position:absolute!important;left:-9999px!important;opacity:0}footer{background:#0a1629;color:#a3b2c6;padding:52px 0 22px}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:25px}.footbrand{font-size:28px;font-weight:800;letter-spacing:.1em;color:#fff}.footbrand span{font-size:10px;color:var(--accent)}.footgrid p{font-size:11px}.footgrid>div:not(:first-child){display:flex;flex-direction:column;align-items:flex-start;gap:10px;font-size:11px}.footgrid b{color:#fff;margin-bottom:7px}.footgrid button{padding:0;border:0;background:none;color:inherit;font-size:11px}.footbottom{border-top:1px solid #25364b;margin-top:45px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:10px}.modal{display:none;position:fixed;inset:0;z-index:100;align-items:center;justify-content:center;padding:15px}.modal.active{display:flex}.modal-backdrop{position:absolute;inset:0;background:#07172bbd}.modal-dialog{position:relative;background:white;width:min(100%,510px);max-height:94vh;overflow-y:auto;padding:35px;box-shadow:0 20px 90px #0005}.modal-dialog h2{font-size:27px;margin:8px 0}.modal-dialog>p{color:var(--muted);font-size:12px;margin:0 0 20px}.modal-close{position:absolute;right:20px;top:12px;border:0;background:none;font-size:30px;color:#60718a}.modal .btn{width:100%}body.modal-open{overflow:hidden}@media(max-width:1050px){.headcontact{display:none}.navinner{gap:22px}.catgrid{grid-template-columns:repeat(3,1fr)}.hero-grid{grid-template-columns:1fr .75fr}.art-panel{transform:scale(.85) perspective(800px) rotateY(-14deg)}}@media(max-width:760px){.topflex span:last-child,.headbtn,.searchwrap{display:none}.headerinner{height:75px;justify-content:space-between}.menu-toggle{display:block}.nav{display:none}.nav.open{display:block}.navinner{height:auto;flex-direction:column;align-items:flex-start;gap:0;padding-top:10px;padding-bottom:10px}.navinner a,.navinner button{padding:12px 0}.nav-spec{margin-left:0}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:65px 0 25px}.hero-art{min-height:270px;overflow:hidden}.art-panel{transform:scale(.65) perspective(800px) rotateY(-14deg);margin-top:-60px}.art-label{bottom:15px}.hero-notes{margin-top:25px}.stripgrid{grid-template-columns:repeat(2,1fr);gap:20px}.stripgrid>div{padding:0;border:0}.section{padding:60px 0}.sectionhead{align-items:start;flex-direction:column}.catgrid{grid-template-columns:repeat(2,1fr)}.banner-grid,.catalog-footer{align-items:start;flex-direction:column}.benefits,.steps{grid-template-columns:repeat(2,1fr)}.contactgrid{grid-template-columns:1fr;gap:30px}.footgrid{grid-template-columns:repeat(2,1fr)}.footbottom{flex-direction:column}}@media(max-width:480px){.wrap{padding:0 17px}.hero h1{font-size:37px}.hero-actions .btn{width:100%}.catgrid{gap:10px}.cat{padding:13px}.product-art{height:112px;transform:scale(.85)}.cat h3{font-size:12px}.cat p{font-size:10px}.benefits,.steps{grid-template-columns:1fr}.stripgrid strong{font-size:11px}.modal-dialog{padding:23px}.footgrid{grid-template-columns:1fr 1fr;gap:30px}}