:root{color-scheme:light;--ink:#142038;--muted:#667187;--blue:#075bb6;--blue2:#1674cf;--navy:#071c36;--line:#dfe5ec;--surface:#f3f6f9;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:#fff;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #66aaf3;outline-offset:4px}p,h1,h2,h3{margin:0}.site-shell{width:min(1280px,calc(100% - 80px));margin-inline:auto}.skip{position:fixed;top:-100px;left:16px;z-index:30;padding:10px 20px;background:#fff}.skip:focus{top:8px}
.topbar{height:37px;background:#071a31;color:#aebbd0;font-size:12px}.topbar .site-shell{display:flex;align-items:center;height:100%}.topbar span{color:#e6edf8}.topbar p{margin-left:28px}.topbar a{margin-left:auto;color:#d8e2ef}.topbar a:hover{color:#fff}.main-header{position:relative;z-index:10;background:#fff;border-bottom:1px solid #e8ebef}.header-inner{display:flex;align-items:center;min-height:86px}.brand{display:flex;align-items:center;gap:13px;font-size:18px;font-weight:800;line-height:1.35}.brand-mark{display:grid;place-items:center;flex:none;width:47px;height:47px;background:linear-gradient(145deg,#176fcc,#063e88);color:#fff;font-size:23px}.brand small{display:block;margin-top:3px;color:#7d8798;font-size:8px;font-weight:600;letter-spacing:.8px}.header-inner nav{display:flex;align-self:stretch;margin-left:auto}.header-inner nav a{display:flex;align-items:center;padding:0 20px;border-bottom:3px solid transparent;color:#344057;font-size:14px}.header-inner nav a:hover{border-color:var(--blue);color:var(--blue)}.header-contact{display:flex;align-items:center;gap:18px;margin-left:18px;padding:11px 17px;background:var(--blue);color:#fff;font-size:13px}.header-contact:hover{background:#064d9a}
.hero{position:relative;height:700px;overflow:hidden;background:#0a203e;color:#fff}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#04142bed 0%,#071b38d8 36%,#071b3880 65%,#071b3825 100%)}.hero-inner{position:relative;z-index:2;display:flex;align-items:center;height:560px}.hero-copy{max-width:735px}.hero-kicker{display:flex;align-items:center;gap:12px;color:#bcd5ee;font-size:12px;font-weight:700;letter-spacing:2px}.hero-kicker span{width:40px;height:2px;background:#4aa5f7}h1{margin-top:23px;font-size:58px;line-height:1.28;letter-spacing:-1px}.hero-copy>p:nth-of-type(2){max-width:690px;margin-top:24px;color:#d8e4f1;font-size:17px;line-height:2}.hero-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.hero-tags li{padding:7px 13px;border:1px solid #90b9df70;background:#0b39658f;color:#f4f8fc;font-size:12px;font-weight:700;letter-spacing:.5px}.hero-actions{display:flex;gap:13px;margin-top:25px}.hero-actions a{display:inline-flex;align-items:center;justify-content:center;min-width:175px;padding:13px 20px;font-size:14px;font-weight:700}.primary{gap:25px;background:#fff;color:#084d96}.primary:hover{background:#edf5fd}.outline{border:1px solid #ffffff6b;color:#fff}.outline:hover{background:#ffffff12}.hero-capabilities{position:absolute;z-index:3;right:0;bottom:0;left:0;background:#05172fe6;border-top:1px solid #8badcb40}.hero-capabilities .site-shell{display:grid;grid-template-columns:repeat(4,1fr)}.hero-capabilities article{display:flex;gap:19px;min-height:140px;padding:31px 25px;border-right:1px solid #9bb7d32b}.hero-capabilities article:first-child{border-left:1px solid #9bb7d32b}.hero-capabilities article>span{color:#4c9dea;font-size:12px}.hero-capabilities strong{font-size:17px}.hero-capabilities p{margin-top:5px;color:#aebed0;font-size:12px}
.section{padding-block:92px}.section-head{display:grid;grid-template-columns:.9fr 1.1fr;align-items:end;margin-bottom:44px;padding-bottom:25px;border-bottom:1px solid var(--line)}.section-en{color:var(--blue);font-size:11px;font-weight:800;letter-spacing:2px}.section-head h2{margin-top:7px;font-size:38px;line-height:1.3}.section-head>div:last-child{justify-self:end;max-width:610px}.section-head>div:last-child strong{font-size:20px}.section-head>div:last-child p{margin-top:8px;color:var(--muted);font-size:14px}.catalog{background:#fff}.catalog-showcase{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:310px 310px 350px;gap:14px}.category{position:relative;overflow:hidden;background:#112039}.category-main{grid-column:1/8;grid-row:1/3}.category-cable{grid-column:8/13;grid-row:1}.category-fittings{grid-column:8/13;grid-row:2}.category-cabinets{grid-column:1/7;grid-row:3}.category-protection{grid-column:7/13;grid-row:3}.category img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}.category:hover img{transform:scale(1.035)}.category-shade{position:absolute;inset:0;background:linear-gradient(0deg,#04162be8 0%,#07182b75 42%,transparent 70%)}.category-copy{position:absolute;right:0;bottom:0;left:0;padding:27px 30px;color:#fff}.category-copy p{color:#76b8f6;font-size:10px;font-weight:800;letter-spacing:1.5px}.category-copy h3{margin-top:3px;font-size:24px}.category-copy span{display:block;margin-top:5px;color:#d2deea;font-size:12px}.category-main .category-copy{padding:38px 42px}.category-main .category-copy h3{font-size:31px}.category-main .category-copy span{font-size:14px}.catalog-cta{display:grid;grid-template-columns:1fr 1.35fr auto;gap:36px;align-items:center;margin-top:14px;padding:28px 31px;background:#f0f4f8;border-left:4px solid var(--blue)}.catalog-cta span,.catalog-cta strong{display:block}.catalog-cta span{color:var(--blue);font-size:9px;font-weight:800;letter-spacing:1.7px}.catalog-cta strong{margin-top:4px;font-size:17px}.catalog-cta p{color:var(--muted);font-size:13px}.catalog-cta a{display:flex;gap:25px;align-items:center;padding:11px 16px;background:var(--blue);color:#fff;font-size:13px;font-weight:700}
.capabilities{display:grid;grid-template-columns:1fr 1fr;min-height:690px;background:#071d38;color:#fff}.capability-image{min-height:690px;overflow:hidden}.capability-image img{width:100%;height:100%;object-fit:cover}.capability-content{max-width:720px;padding:77px 70px}.light{color:#6db4f5}.capability-content h2{margin-top:14px;font-size:39px;line-height:1.45}.capability-lead{margin-top:20px;color:#b9c8d9;font-size:14px;line-height:1.95}.capability-rows{display:grid;grid-template-columns:1fr 1fr;margin-top:37px;border-top:1px solid #54718f66;border-left:1px solid #54718f66}.capability-rows article{display:flex;gap:17px;min-height:151px;padding:25px;border-right:1px solid #54718f66;border-bottom:1px solid #54718f66}.capability-rows article>span{color:#55a5ee;font-size:11px}.capability-rows h3{font-size:16px}.capability-rows p{margin-top:7px;color:#aebed0;font-size:12px;line-height:1.75}
.company-scenes{background:#fff}.exterior-photo{position:relative;height:590px;margin:0;overflow:hidden;background:#10223b}.exterior-photo>img{width:100%;height:100%;object-fit:cover}.exterior-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#06172eae,transparent 50%)}.exterior-photo figcaption{position:absolute;z-index:2;right:0;bottom:0;left:0;padding:38px 42px;color:#fff}.exterior-photo figcaption span,.scene-grid figcaption span{color:#7fc2ff;font-size:9px;font-weight:800;letter-spacing:1.8px}.exterior-photo figcaption strong{display:block;margin-top:4px;font-size:28px}.exterior-photo figcaption p{color:#d5e0ea;font-size:13px}.scene-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}.scene-grid figure{margin:0;background:#f1f4f7}.scene-grid img{display:block;width:100%;height:250px;object-fit:cover}.scene-grid figcaption{padding:20px 22px;border:1px solid #e0e5eb;border-top:0}.scene-grid figcaption strong{display:block;margin-top:3px;font-size:17px}.scene-grid figcaption p{margin-top:3px;color:var(--muted);font-size:12px}.scene-note{margin-top:12px;color:#929aa7;font-size:10px;text-align:right}
.digital{background:#f2f5f8}.digital-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d9e0e8;border-left:1px solid #d9e0e8}.digital-grid article{display:flex;gap:21px;min-height:190px;padding:32px 29px;background:#fff;border-right:1px solid #d9e0e8;border-bottom:1px solid #d9e0e8}.digital-grid article>span{color:var(--blue);font-size:11px;font-weight:800}.digital-grid h3{font-size:19px}.digital-grid p{margin-top:10px;color:var(--muted);font-size:13px;line-height:1.85}
.case{background:#fff}.case-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.case-copy .section-en{margin-bottom:23px}.case-label{display:inline-block;padding:4px 10px;background:#eaf3fd;color:var(--blue);font-size:11px}.case-copy h2{margin-top:16px;font-size:50px;line-height:1.2}.case-copy h3{margin-top:14px;font-size:21px}.case-copy>p:not(.section-en){margin-top:18px;color:var(--muted);font-size:14px;line-height:2}.case-actions{display:flex;align-items:center;gap:12px;margin-top:24px}.case-actions span{padding:3px 9px;background:#e9f2fc;color:var(--blue);font-size:11px}.case-copy small{display:block;margin-top:12px;color:#7b8595}.case-copy small a{color:var(--blue);font-weight:800}.case-screen{padding:34px;background:linear-gradient(145deg,#eff5fb,#e5edf7);border:1px solid #d4dfe9;box-shadow:30px 30px 0 #0b3263}.case-screen-head{display:flex;gap:13px;align-items:center}.case-screen-head>i{display:grid;place-items:center;width:46px;height:46px;background:var(--blue);color:#fff;font-style:normal;font-weight:800}.case-screen-head strong,.case-screen-head span{display:block}.case-screen-head span{color:#7a8797;font-size:11px}.case-search{display:flex;justify-content:space-between;margin-top:25px;padding:13px 15px;background:#fff;color:#7a8797;font-size:12px}.case-search b{color:var(--blue)}.case-features{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.case-features span{padding:13px 5px;background:#fff;color:#4c5a6f;font-size:11px;text-align:center}.case-chart{margin-top:10px;padding:20px;background:#fff}.case-chart p{color:#778398;font-size:10px}.case-chart strong{font-size:14px}.case-chart>div{display:flex;align-items:end;gap:12px;height:80px;margin-top:18px}.case-chart i{display:block;flex:1;background:linear-gradient(#4b9ee9,#075bb6)}.case-chart i:nth-child(1){height:27%}.case-chart i:nth-child(2){height:48%}.case-chart i:nth-child(3){height:39%}.case-chart i:nth-child(4){height:69%}.case-chart i:nth-child(5){height:58%}.case-chart i:nth-child(6){height:91%}
.contact{padding-block:70px;background:linear-gradient(90deg,#075bb6,#063e82);color:#fff}.contact-inner{display:grid;grid-template-columns:1.3fr .7fr;gap:80px;align-items:center}.contact h2{margin-top:9px;font-size:36px}.contact>div>div>p:last-child{max-width:760px;margin-top:13px;color:#c7daf0;font-size:14px}.contact-inner>a{display:block;padding:24px 27px;border:1px solid #ffffff4f}.contact-inner>a span,.contact-inner>a strong,.contact-inner>a small{display:block}.contact-inner>a span{color:#c9ddf2;font-size:11px}.contact-inner>a strong{margin-top:4px;font-size:28px;letter-spacing:1px}.contact-inner>a small{margin-top:7px;color:#dce9f6}.contact-inner>a b{float:right}
.footer{background:#061426;color:#aeb9c8}.footer-main{display:grid;grid-template-columns:1.5fr .75fr 1fr;gap:80px;padding-block:55px}.footer-company{display:flex;gap:17px;align-items:center}.footer-company strong{color:#fff;font-size:18px}.footer-company p{margin-top:4px;font-size:12px}.footer-nav strong,.footer-nav a,.footer-nav span{display:block}.footer-nav strong{margin-bottom:13px;color:#fff;font-size:14px}.footer-nav a,.footer-nav span{margin-top:6px;font-size:12px}.footer-nav a:hover{color:#fff}.footer-bottom{border-top:1px solid #40506555}.footer-bottom .site-shell{display:flex;align-items:center;justify-content:center;gap:28px;padding-block:19px;font-size:11px}.footer-bottom a{text-decoration:underline;text-underline-offset:3px}.police-filing{display:inline-flex;align-items:center;gap:6px}.police-filing img{object-fit:contain}
@media(max-width:1050px){.site-shell{width:calc(100% - 48px)}.header-inner nav a{padding-inline:12px}.header-contact{display:none}.hero{height:680px}.catalog-showcase{grid-template-rows:290px 290px 320px}.capability-content{padding:58px 44px}.case-layout{gap:55px}}
@media(max-width:760px){html{scroll-padding-top:70px}.site-shell{width:calc(100% - 30px)}.topbar{display:none}.header-inner{min-height:76px;flex-wrap:wrap;padding-block:11px}.brand{font-size:15px}.brand-mark{width:41px;height:41px;font-size:21px}.brand small{font-size:7px}.header-inner nav{order:2;width:100%;overflow-x:auto;margin:8px 0 -11px;padding-bottom:1px;border-top:1px solid #edf0f4}.header-inner nav a{flex:0 0 auto;padding:9px 12px;border-bottom-width:2px;font-size:11px}.hero{height:auto;min-height:790px}.hero-inner{align-items:flex-start;height:auto;padding-top:75px;padding-bottom:255px}.hero-shade{background:linear-gradient(90deg,#04142bf2,#071b38c7)}.hero-photo{object-position:62% center}.hero-copy{max-width:none}h1{font-size:38px}.hero-copy>p:nth-of-type(2){font-size:14px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-capabilities .site-shell{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-capabilities article{min-width:0;min-height:104px;padding:19px 12px}.hero-capabilities article:nth-child(3){border-left:1px solid #9bb7d32b;border-top:1px solid #9bb7d32b}.hero-capabilities article:nth-child(4){border-top:1px solid #9bb7d32b}.hero-capabilities strong,.hero-capabilities p{overflow-wrap:anywhere}.hero-capabilities strong{font-size:14px}.hero-capabilities p{font-size:10px}.section{padding-block:55px}.section-head{grid-template-columns:1fr;gap:14px;margin-bottom:26px}.section-head h2{font-size:30px}.section-head>div:last-child{justify-self:start}.section-head>div:last-child strong{font-size:16px}.catalog-showcase{display:grid;grid-template-columns:1fr;grid-template-rows:none}.category,.category-main,.category-cable,.category-fittings,.category-cabinets,.category-protection{grid-column:auto;grid-row:auto;height:285px}.category-main{height:360px}.category-main .category-copy,.category-copy{padding:23px}.category-main .category-copy h3,.category-copy h3{font-size:23px}.category-main .category-copy span,.category-copy span{font-size:11px}.catalog-cta{grid-template-columns:1fr;gap:10px}.catalog-cta a{justify-content:space-between}.capabilities{grid-template-columns:1fr}.capability-image{min-height:320px;height:320px}.capability-content{padding:46px 24px}.capability-content h2{font-size:29px}.capability-rows{grid-template-columns:1fr}.capability-rows article{min-height:0}.exterior-photo{height:320px}.exterior-photo figcaption{padding:23px}.exterior-photo figcaption strong{font-size:19px}.scene-grid{grid-template-columns:1fr}.scene-grid img{height:240px}.digital-grid{grid-template-columns:1fr}.digital-grid article{min-height:0}.case-layout{grid-template-columns:1fr;gap:38px}.case-copy h2{font-size:40px}.case-screen{padding:22px;box-shadow:12px 12px 0 #0b3263}.case-features{grid-template-columns:1fr 1fr}.contact-inner{grid-template-columns:1fr;gap:28px}.contact h2{font-size:29px}.contact-inner>a strong{font-size:24px}.footer-main{grid-template-columns:1fr;gap:29px;padding-block:42px}.footer-bottom .site-shell{align-items:flex-start;flex-direction:column;gap:5px}.police-filing{align-items:center}}
@media(max-width:390px){.site-shell{width:calc(100% - 24px)}h1{font-size:34px}.hero-actions a{width:100%}.hero-capabilities article{gap:10px}.hero-capabilities article>span{display:none}.catalog-showcase{gap:9px}.category,.category-main{height:270px}.case-screen{padding:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.category img{transition:none}}
.hero-tags{max-width:100%;padding:0;list-style:none}