:root{--blue:#174dce;--blue-dark:#123472;--ink:#17232f;--muted:#556474;--line:#d7dfe5;--scene:#edf2f5;--white:#fff;font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--white);font-synthesis:none;scroll-behavior:smooth}
[hidden]{display:none!important}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:default;opacity:.5}img{max-width:100%}button,input{border-radius:4px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--blue);outline-offset:4px}button,a{transition:background-color .18s,color .18s,box-shadow .18s}button:hover{filter:brightness(.96)}a:hover{color:var(--blue)}.wrap{width:min(1320px,calc(100% - 96px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;z-index:50;left:20px;top:-100px;background:white;padding:16px}.skip:focus{top:12px}.site-header{background:#fff;position:relative;z-index:5}.header-main{height:102px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;font-size:23px;font-weight:700;letter-spacing:-.8px;flex-shrink:0}.brand small{display:block;font-size:10px;letter-spacing:.12px;font-weight:500;margin-top:3px}.brand-symbol{width:47px;height:47px;flex-shrink:0;display:grid;place-items:center}.brand-symbol img{display:block;width:100%;height:100%}.main-nav{display:flex;gap:29px;font-size:14px}.quiet{border:0;background:transparent;padding:12px 0;font-weight:500;font-size:14px;min-height:44px}.account{border-bottom:1px solid var(--ink);padding-block:8px;min-height:36px}.menu-button{display:none}.search-bar{display:grid;grid-template-columns:205px 1fr 155px;gap:16px;padding-bottom:20px}.button{min-height:54px;display:inline-flex;align-items:center;justify-content:space-between;gap:26px;border:1px solid transparent;padding:15px 23px;font-weight:600;font-size:15px;border-radius:4px}.blue{background:var(--blue);color:white}.blue:hover{background:var(--blue-dark)}.white{background:white;color:var(--blue-dark)}.catalog-button{justify-content:center}.search-form{display:flex;border:1px solid var(--line);background:#f6f8fa;border-radius:4px;overflow:hidden}.search-form input{width:100%;min-width:0;border:0;background:transparent;padding:12px 18px;font-size:14px}.search-form button{border:0;border-left:1px solid var(--line);background:transparent;padding:0 22px;font-size:14px}.quote-list{display:flex;align-items:center;justify-content:center;gap:12px}.quote-list span{border:1px solid var(--line);border-radius:4px;padding:3px 7px;font-size:12px}.hero{background:var(--scene);overflow:hidden}.hero-inner{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:641px}.hero-copy{padding:45px 0 36px;position:relative;z-index:2}.intro{font-size:14px;color:var(--muted);margin:0 0 26px}.hero h1{font-size:clamp(48px,4.65vw,70px);letter-spacing:-3px;line-height:1.025;font-weight:550;margin:0 0 26px;max-width:630px}.hero-description{font-size:16px;line-height:1.6;max-width:405px;color:var(--muted);margin:0 0 28px}.hero-actions{display:flex;align-items:flex-start;flex-direction:column;gap:8px}.hero-actions .button{min-width:285px}.text-button{border:0;background:none;padding:12px 0;min-height:44px;font-size:14px;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#99a6b6}.hero-bottom{display:flex;gap:35px;align-items:center;margin-top:24px}.hero-bottom>div{display:flex;align-items:center;gap:12px;padding-right:30px;border-right:1px solid #c6d1db}.hero-bottom strong{font-size:33px;font-weight:550;letter-spacing:-1px;white-space:nowrap}.hero-bottom span{font-size:12px;max-width:73px;line-height:1.5}.hero-bottom p{font-size:12px;line-height:1.6;color:var(--muted);margin:0}.hero-visual{position:relative;min-width:0;display:flex;flex-direction:column;justify-content:center}.scene-caption{position:absolute;top:44px;left:35px;right:0;display:flex;gap:18px;align-items:center;font-size:12px;color:var(--muted);z-index:2}.scene-line{height:1px;background:#c5d0d8;flex:1}#valve-stage{position:relative;width:calc(100% + 38px);margin-left:-10px;height:550px;z-index:1}#valve-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab;touch-action:pan-y}#valve-stage canvas:active{cursor:grabbing}#valve-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.orbit{position:absolute;border:1px solid #d4dfe7;border-radius:50%;pointer-events:none}.orbit-one{width:90%;aspect-ratio:1;left:8%;top:12%}.orbit-two{width:110%;aspect-ratio:1;left:-2%;top:3%}.scene-foot{position:absolute;bottom:32px;left:35px;right:0;display:flex;align-items:center;justify-content:space-between;z-index:2}.scene-foot strong{font-size:14px;font-weight:600;display:block}.scene-foot span{font-size:11px;color:var(--muted);display:block;margin-top:5px}.scene-controls{display:flex;gap:8px}.scene-controls button{width:44px;height:44px;border:1px solid #c4cfda;border-radius:50%;background:#edf2f5;font-size:20px}.directions{padding-block:82px 86px;scroll-margin-top:20px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:35px}h2{font-size:42px;font-weight:500;letter-spacing:-1.5px;line-height:1.13;margin:0}.section-heading p{font-size:14px;line-height:1.65;color:var(--muted);margin:0 0 4px;max-width:340px}.direction-list{display:grid;grid-template-columns:1fr 1fr;column-gap:42px}.direction{display:flex;align-items:center;gap:20px;min-height:105px;text-align:left;border:0;border-top:1px solid var(--line);background:none;padding:24px 0;border-radius:0}.direction:last-child{grid-column:1/-1;max-width:calc(50% - 21px)}.direction strong{font-size:19px;font-weight:550;display:block;letter-spacing:-.4px}.direction small{font-size:13px;color:var(--muted);display:block;margin-top:6px}.direction-arrow{margin-left:auto;font-size:25px;font-weight:300;color:var(--blue)}.direction-mark{height:46px;width:46px;flex-shrink:0;border:7px solid #d6e4f7;border-radius:50%;position:relative;box-shadow:inset 0 0 0 3px #9ab7e8}.direction-mark:after{content:"";position:absolute;width:12px;height:12px;left:10px;top:10px;background:var(--blue);border-radius:50%}.drain{border-radius:4px 50% 50% 4px;transform:rotate(-35deg)}.fire{border-color:#b6ccef;border-width:4px;box-shadow:inset 0 0 0 7px #e8eef7}.fire:after{left:13px;top:13px}.heat{border-radius:4px;border-width:0;background:repeating-linear-gradient(90deg,#b9cef0 0,#b9cef0 6px,transparent 6px,transparent 10px);box-shadow:none}.heat:after{display:none}.tech{border-radius:0;border-width:9px;border-color:#cadcf4;box-shadow:none;transform:rotate(45deg);width:36px;height:36px;margin:5px}.tech:after{top:3px;left:3px}.quote-section{background:var(--blue-dark);color:white;padding-block:72px}.quote-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px}.quote-intro .intro{color:#c5d9f7}.quote-intro h2{font-size:49px;letter-spacing:-1.8px}.quote-intro>p:not(.intro){font-size:15px;line-height:1.75;color:#d4e2f6;max-width:365px;margin:25px 0}.quote-steps{list-style:none;padding:0;margin:10px 0;align-self:center}.quote-steps li{display:flex;gap:24px;padding:30px 0;border-top:1px solid #436292}.quote-steps li:first-child{border:0}.quote-steps li>span{font-size:13px;color:#b9d2f7;padding-top:6px}.quote-steps h3{font-weight:500;font-size:22px;margin:0 0 10px;letter-spacing:-.3px}.quote-steps p{color:#d4e2f6;font-size:14px;line-height:1.7;margin:0}.spec-section{padding-block:100px;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.spec-paper{position:relative;width:310px;height:255px;background:#f3f6fa;border:1px solid #d5dfe9;padding:33px;margin:auto;transform:rotate(-7deg);box-shadow:15px 16px 0 #e8eff7}.paper-top{font-size:20px;letter-spacing:-.4px}.paper-line{height:6px;width:70%;background:#d3dfed;margin-top:20px}.paper-table{display:grid;grid-template-columns:1fr 60px 45px;margin-top:23px;border-top:1px solid #bfcede;border-left:1px solid #bfcede}.paper-table span{height:24px;border-right:1px solid #bfcede;border-bottom:1px solid #bfcede}.paper-check{position:absolute;bottom:10px;right:-32px;width:66px;height:66px;border-radius:50%;background:var(--blue);color:white;display:grid;place-items:center;font-size:38px;transform:rotate(7deg)}.spec-copy p{max-width:405px;font-size:16px;line-height:1.7;color:var(--muted);margin:24px 0}.spec-copy small{display:block;color:var(--muted);font-size:12px;line-height:1.6;margin-top:18px}.company{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:55px 70px}.company h2{font-size:29px;letter-spacing:-.8px}.company p{font-size:17px;line-height:1.6;max-width:430px;margin:0 0 25px}.company-facts{display:flex;gap:30px;font-size:13px;color:var(--muted)}.site-footer{background:#f2f5f8}.footer-inner{padding-block:27px;display:flex;align-items:center;gap:36px;font-size:13px}.footer-inner small{font-size:11px;margin-left:auto;color:var(--muted)}.mobile-menu[hidden]{display:none}.mobile-menu{padding-bottom:20px;display:flex;flex-direction:column;gap:6px}.mobile-menu a,.mobile-menu button{padding:12px;border:0;background:transparent;text-align:left}.no-script{padding:20px;margin:0;color:#17232f;background:#f2f5f8}dialog{border:0;border-radius:12px;padding:32px;width:min(670px,calc(100% - 32px));max-height:88dvh;color:var(--ink);box-shadow:0 20px 100px #102b4840;overflow:auto}dialog::backdrop{background:#10233680;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted);margin-bottom:25px}dialog h2{font-size:33px;letter-spacing:-1px}dialog>p{font-size:15px;line-height:1.7}.demo-note{background:#eff4fa;padding:16px;border-radius:4px;color:#4c5e73;font-size:13px!important;line-height:1.65}.dialog-search{margin-top:24px}.dialog-search label{display:block;font-size:13px;margin-bottom:8px}.dialog-search>div{display:flex;gap:8px}.dialog-search input{min-width:0;flex:1;padding:13px;border:1px solid #b8c7d7;background:white}.dialog-search .button{min-height:48px;padding:12px 18px}#search-status{font-size:13px;color:var(--muted);margin-top:20px}.result{padding:18px 0;border-bottom:1px solid var(--line)}.result h3{font-size:18px;margin:0 0 8px;font-weight:600}.result p{font-size:14px;line-height:1.6;color:var(--muted);margin:0}.file-field{display:flex;flex-direction:column;gap:14px;border:1px dashed #829abe;border-radius:4px;padding:22px;margin-top:24px}.file-field strong{font-size:16px;font-weight:600}.file-field span{font-size:13px;color:var(--muted)}.file-field input{max-width:100%;font-size:13px}.file-field input::file-selector-button{background:#e5edf8;border:0;padding:12px;border-radius:4px;cursor:pointer;margin-right:10px}#file-status,#spec-result{font-size:13px;line-height:1.6;overflow-wrap:anywhere}body.modal-open{overflow:hidden}
@media(min-width:1500px){.hero h1{font-size:72px}.hero-inner{min-height:680px}.hero-copy{padding-top:52px}#valve-stage{height:590px}}

/* Точечные состояния по обратной связи пользователя */
.account:hover,.account:focus-visible{color:var(--blue);border-bottom-color:var(--blue)}
.hero-actions .text-button{color:var(--blue);font-weight:600;text-decoration-color:currentColor}
.hero-actions .text-button:hover{color:var(--blue-dark)}
.hero-actions .cta-arrow{font-size:22px;font-weight:800;line-height:1;transform:translateY(-1px)}
.search-form:focus-within{outline:2px solid #91a4ba;outline-offset:2px}
.search-form input:focus-visible,.search-form button:focus-visible{outline:none}
.utility-bar{background:#fff}
.utility-inner{min-height:44px}
.header-main{height:88px}
.search-bar{padding-bottom:14px}
.catalog-page{min-height:100vh;background:#fff}
.catalog-page-header{border-bottom:1px solid var(--line);background:#fff}
.catalog-page .brand-symbol{background:transparent;padding:0;border-radius:0}
.catalog-page-header-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.catalog-page-header nav{display:flex;align-items:center;gap:26px;font-size:14px}
.catalog-page-phone{font-size:14px;font-weight:650;color:var(--blue)}
.catalog-main{padding-bottom:90px}
.catalog-main .breadcrumbs{margin:30px 0 40px}
.catalog-page-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:30px}
.catalog-page-intro .intro{margin:0 0 12px}
.catalog-page-intro h1{font-size:clamp(38px,5vw,58px);letter-spacing:-2.5px;margin:0 0 12px}
.catalog-page-intro p:last-child{margin:0;color:var(--muted);font-size:15px;line-height:1.6}
.catalog-page-intro .button{min-width:180px}
.catalog-directions{border-top:1px solid var(--line)}
.catalog-directions>a{min-height:104px;display:grid;grid-template-columns:70px 1fr 28px;align-items:center;gap:20px;border-bottom:1px solid var(--line);transition:background-color .18s,padding .18s}
.catalog-directions>a:hover{background:#f8fafc;padding-inline:14px}
.catalog-index{color:#8290a0;font-size:13px}
.catalog-directions strong{display:block;font-size:21px;font-weight:600;letter-spacing:-.3px}
.catalog-directions small{display:block;color:var(--muted);font-size:13px;margin-top:6px}
.catalog-directions .direction-arrow{font-size:22px;color:var(--blue)}
.catalog-page-note{margin-top:25px;color:var(--muted);font-size:12px;line-height:1.6}
@media(max-width:600px){.utility-inner{min-height:48px}.header-main{height:76px}.catalog-page-header-inner{min-height:74px;gap:12px}.catalog-page-header .brand{font-size:17px}.catalog-page-header .brand small{font-size:9px}.catalog-page-header nav{display:none}.catalog-page-phone{font-size:11px;white-space:nowrap}.catalog-main{padding-bottom:55px}.catalog-main .breadcrumbs{margin:22px 0 28px}.catalog-page-intro{align-items:flex-start;flex-direction:column;gap:19px}.catalog-page-intro h1{font-size:39px}.catalog-page-intro .button{min-height:48px}.catalog-directions>a{min-height:88px;grid-template-columns:34px 1fr 22px;gap:12px}.catalog-directions strong{font-size:17px}.catalog-directions small{font-size:12px;line-height:1.45}}

/* Каталог: спокойный вход и меню, раскрывающееся рядом с кнопкой */
.search-bar{position:relative}
.catalog-button{position:relative;display:inline-flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;min-height:52px;padding:0 15px;border:1px solid #bdcde0;border-radius:6px;background:#fff;color:var(--ink);font-size:14px;font-weight:650;text-align:left;white-space:nowrap;transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s}
.catalog-button:before{content:"";flex:none;width:17px;height:14px;background:linear-gradient(var(--blue),var(--blue)) 0 1px/13px 2px,linear-gradient(var(--blue),var(--blue)) 0 6px/17px 2px,linear-gradient(var(--blue),var(--blue)) 0 11px/10px 2px;background-repeat:no-repeat}
.catalog-button-caret{width:8px;height:8px;margin-left:auto;margin-right:2px;border-right:1.7px solid currentColor;border-bottom:1.7px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .18s ease}
.catalog-button:hover{border-color:var(--blue);background:#f5f8ff;color:var(--blue)}
.catalog-button[aria-expanded="true"]{border-color:var(--blue);background:#eef4ff;color:var(--blue);box-shadow:inset 3px 0 0 var(--blue)}
.catalog-button[aria-expanded="true"] .catalog-button-caret{transform:rotate(225deg) translate(-1px,-1px)}
.catalog-button:focus-visible{outline:3px solid #174dce;outline-offset:3px}
.catalog-menu{position:absolute;z-index:30;top:54px;left:0;transform:none;width:min(660px,calc(100vw - 48px));max-height:min(72dvh,620px);overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px;padding:18px;background:#fff;border:1px solid #d4deea;border-radius:10px;box-shadow:0 18px 42px #172b4626}
.catalog-menu-heading{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:2px 5px 15px;border-bottom:1px solid var(--line);margin-bottom:4px}
.catalog-menu-heading strong{display:block;font-size:19px;font-weight:650;letter-spacing:-.35px}
.catalog-menu-heading p{margin:4px 0 0;color:var(--muted);font-size:13px}
.catalog-menu-heading>a{display:inline-flex;align-items:center;gap:8px;padding:9px 10px;border-radius:5px;color:var(--blue);font-size:13px;font-weight:650;white-space:nowrap}
.catalog-menu-heading>a:hover{background:#eef4ff;color:var(--blue-dark)}
.catalog-menu>a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;min-height:74px;padding:10px;border:0;border-bottom:1px solid #e8edf3;border-radius:5px;background:#fff;color:var(--ink);transition:background-color .15s,color .15s}
.catalog-menu>a:hover{background:#f3f7fd;color:var(--ink)}
.catalog-menu>a:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}
.catalog-menu>a>span:first-child{min-width:0}
.catalog-menu>a strong{display:block;font-size:14px;font-weight:650;line-height:1.35}
.catalog-menu>a small{display:block;margin-top:4px;color:#617184;font-size:12px;line-height:1.4}
.catalog-menu-arrow{flex:none;color:var(--blue);font-size:20px;transition:transform .15s}
.catalog-menu>a:hover .catalog-menu-arrow{transform:translateX(3px)}
@media(max-width:800px){.catalog-menu{width:min(620px,calc(100vw - 40px));grid-template-columns:1fr;padding:15px}.catalog-menu-heading{grid-column:1}}
@media(min-width:601px) and (max-width:800px){.search-bar{grid-template-columns:180px minmax(0,1fr)}}
@media(max-width:600px){.catalog-button{min-height:42px}.catalog-menu{top:44px;width:100%;max-height:min(70dvh,540px);padding:12px}.catalog-menu-heading{padding:3px 3px 12px}.catalog-menu-heading strong{font-size:17px}.catalog-menu-heading p{font-size:12px}.catalog-menu>a{min-height:64px;padding-inline:7px}}
@media(max-width:1100px){.wrap{width:calc(100% - 56px)}.main-nav{gap:16px;font-size:12px}.brand{font-size:21px}.account{font-size:12px}.hero h1{font-size:56px;letter-spacing:-2.3px}.hero-bottom{gap:20px}.hero-bottom>div{padding-right:20px}.hero-bottom strong{font-size:29px}.hero-inner{min-height:640px}#valve-stage{height:490px;margin-left:0;width:100%}.hero-visual{justify-content:center}.scene-caption,.scene-foot{left:15px}.quote-layout,.spec-section,.company{gap:50px}.direction strong{font-size:17px}.direction-list{column-gap:25px}.direction:last-child{max-width:calc(50% - 12.5px)}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.header-main{height:82px}.main-nav,.account{display:none}.menu-button{display:block}.search-bar{grid-template-columns:150px 1fr;gap:10px;padding-bottom:15px}.search-bar .button{font-size:13px;padding-inline:15px;min-height:48px}.quote-list{display:none}.search-form input{padding-left:12px;font-size:13px}.search-form button{padding-inline:13px}.hero-inner{grid-template-columns:1.08fr 1fr;min-height:580px}.hero-copy{padding-top:38px}.hero h1{font-size:47px;letter-spacing:-2px}.hero-description{font-size:14px;max-width:325px}.hero-actions .button{min-width:0;font-size:13px;gap:15px;padding-inline:17px}.hero-bottom{display:block;margin-top:18px}.hero-bottom>div{border:0;padding:0;gap:10px}.hero-bottom p{display:none}.scene-caption{font-size:10px;top:45px}.scene-foot{bottom:35px;left:10px;right:0;flex-direction:column;gap:16px;align-items:flex-start}#valve-stage{height:390px}.scene-foot span{font-size:10px}.scene-controls{gap:7px}.scene-controls button{width:40px;height:44px}.hero-visual{padding-bottom:70px}.directions{padding-block:56px}.section-heading{align-items:flex-start;gap:22px}h2{font-size:34px}.section-heading p{font-size:12px;max-width:235px}.direction{gap:13px}.direction strong{font-size:16px}.direction small{font-size:12px}.direction-mark{transform:scale(.85);margin-inline:-3px}.tech{transform:scale(.85) rotate(45deg)}.quote-layout{gap:35px}.quote-intro h2{font-size:38px}.quote-section{padding-block:55px}.quote-steps h3{font-size:18px}.quote-steps li{gap:16px}.quote-steps p{font-size:13px}.spec-section{gap:40px;padding-block:75px}.spec-paper{width:230px;height:235px;padding:24px}.spec-copy p{font-size:14px}.spec-copy .button{font-size:13px;gap:14px;padding-inline:18px}.company{gap:35px}.company h2{font-size:25px}.company p{font-size:15px}.company-facts{flex-direction:column;gap:10px}.footer-inner{flex-wrap:wrap;gap:16px}.footer-inner small{flex-basis:100%;margin-left:0}}
@media(max-width:600px){.brand{font-size:20px;letter-spacing:-.6px}.brand small{font-size:9px}.brand-symbol{width:40px;height:40px}.header-main{height:76px;gap:10px}.menu-button{font-size:13px}.search-bar{grid-template-columns:1fr;gap:8px}.catalog-button{display:none}.search-form{height:48px}.hero-inner{display:flex;flex-direction:column}.hero-copy{padding:31px 0 0}.intro{font-size:12px;margin-bottom:20px}.hero h1{font-size:clamp(39px,10.8vw,61px);line-height:1.04;letter-spacing:-1.8px;margin-bottom:22px}.hero-description{font-size:14px;max-width:355px;line-height:1.6;margin-bottom:22px}.hero-actions{gap:6px}.hero-actions .button{font-size:14px;min-width:270px;min-height:52px}.hero-actions .text-button{font-size:13px}.hero-bottom{margin-top:20px}.hero-bottom strong{font-size:28px}.hero-bottom span{max-width:none;font-size:12px}.hero-visual{height:400px;padding:0;margin-top:6px}.scene-caption{top:20px;left:0;font-size:10px}.scene-caption span:first-child{background:var(--scene);padding-right:3px}.orbit-one{width:80%;top:5%;left:10%}.orbit-two{width:100%;top:-3%;left:0}#valve-stage{height:350px;width:100%;margin-top:8px}.scene-foot{bottom:15px;left:0;right:0;flex-direction:row;align-items:center}.scene-controls button{width:44px;height:44px}.scene-foot strong{font-size:13px}.scene-foot span{font-size:10px}.section-heading{display:block;margin-bottom:27px}h2{font-size:31px;letter-spacing:-1.1px}.section-heading p{font-size:13px;max-width:none;margin-top:18px}.direction-list{grid-template-columns:1fr}.direction{min-height:95px;padding-block:20px;gap:16px}.direction:last-child{max-width:none;grid-column:auto}.direction strong{font-size:17px}.direction small{font-size:12px}.direction-mark{margin-right:2px}.direction-arrow{font-size:23px}.quote-layout{grid-template-columns:1fr;gap:20px}.quote-intro h2{font-size:40px}.quote-intro>p:not(.intro){font-size:14px;max-width:360px}.quote-steps{margin:0}.quote-steps li{padding-block:24px}.quote-steps li:first-child{border-top:1px solid #436292}.quote-steps h3{font-size:19px}.quote-steps p{font-size:13px}.quote-intro .button{margin-bottom:22px}.spec-section{grid-template-columns:1fr;gap:48px;padding-block:68px}.spec-paper{width:250px;height:230px}.spec-copy h2{font-size:33px}.spec-copy p{max-width:390px}.spec-copy .button{font-size:14px;min-height:52px}.company{grid-template-columns:1fr;gap:24px;padding-block:40px 45px}.company-facts{flex-direction:row;flex-wrap:wrap;gap:18px;font-size:12px}.company p{max-width:380px}.footer-inner{justify-content:space-between;gap:20px;font-size:12px}.footer-inner small{font-size:10px;line-height:1.6}dialog{padding:22px;max-height:90dvh}dialog h2{font-size:28px}.dialog-heading{margin-bottom:20px}.dialog-search>div{flex-wrap:wrap}.dialog-search input{width:100%}.dialog-search .button{min-height:44px}.file-field{padding:16px}.direction strong{overflow-wrap:anywhere}}
@media(max-width:600px){.spec-paper{width:min(250px,calc(100% - 44px))}.paper-check{right:-20px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Quote process: editorial numbered rows, following the supplied reference. */
.quote-section{background:linear-gradient(112deg,#173a73 0%,#12346a 60%,#102e60 100%)}
.quote-layout{grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);gap:clamp(56px,10vw,150px);align-items:center}
.quote-steps{margin:0}
.quote-steps li{display:grid;grid-template-columns:46px minmax(0,1fr);gap:18px;align-items:start;padding:27px 0;border-top:1px solid rgba(225,237,255,.25)}
.quote-steps li:first-child{border-top:1px solid rgba(225,237,255,.25)}
.quote-steps li>span{font-size:14px;line-height:1.5;font-variant-numeric:tabular-nums;color:#bfd5ff;padding-top:3px;letter-spacing:.02em}
.quote-steps h3{font-size:21px;line-height:1.25;margin:0 0 8px;letter-spacing:-.35px}
.quote-steps p{max-width:390px;margin:0;color:#d5e1f4;font-size:14px;line-height:1.65}
@media(max-width:800px){.quote-layout{grid-template-columns:1fr;gap:26px}.quote-steps li{grid-template-columns:42px 1fr;gap:14px;padding:21px 0}}

/* User requested a white vector brand mark, a softer search field, and vector direction symbols. */
.brand-symbol{background:#174dce;padding:5px;border-radius:4px}
.brand-symbol img{width:100%;height:100%;object-fit:contain}
.search-form{border-radius:13px}
.search-form input{border-radius:0}
.search-form button{border-radius:0 12px 12px 0}

/* Quote steps echo the oversized editorial numbering in the supplied reference. */
.quote-steps li{grid-template-columns:58px minmax(0,1fr);gap:18px;padding:25px 0}
.quote-steps li>span{font-size:clamp(23px,2vw,29px);line-height:1;font-weight:400;letter-spacing:-.045em;color:#c8dcff;padding-top:0}
.quote-steps h3{font-size:20px;line-height:1.3;margin:0 0 8px}
@media(max-width:800px){.quote-steps li{grid-template-columns:54px minmax(0,1fr);gap:14px;padding:22px 0}}
@media(max-width:600px){.quote-steps li{grid-template-columns:46px minmax(0,1fr);gap:12px;padding:19px 0}.quote-steps li>span{font-size:23px}.quote-steps h3{font-size:17px}}
.direction{border-radius:10px;padding-inline:14px;gap:17px;transition:background-color .18s ease,color .18s ease,transform .18s ease}
.direction:hover{background:#f4f7fb;transform:translateY(-1px)}
.direction:focus-visible{border-radius:10px}
.direction-icon{width:42px;height:42px;flex:0 0 42px;color:#304969;stroke:none}
@media(max-width:600px){.brand-symbol{width:40px;height:40px;padding:0}.search-form{border-radius:12px}.search-form button{border-radius:0 11px 11px 0}.direction{padding-inline:10px;gap:14px}}

/* Navigation and interior pages for the local concept. */
.utility-bar{border-bottom:1px solid #e8edf1;background:#f8fafc}
.utility-inner{min-height:54px;display:flex;align-items:center;justify-content:flex-end;gap:36px}
.city-trigger,.phone-block{display:flex;flex-direction:column;align-items:flex-start;gap:3px;font-size:12px;line-height:1.25}
.city-trigger{background:transparent;border:0;padding:4px 0;text-align:left;min-height:44px}
.city-trigger>span,.phone-block>span{color:var(--muted);font-size:11px}
.city-trigger strong,.phone-block a{font-size:14px;font-weight:600;color:var(--ink);white-space:nowrap}
.city-trigger strong:before{content:"⌖";color:var(--blue);font-size:17px;margin-right:6px}
.phone-block a:hover{color:var(--blue)}
.catalog-button{justify-content:space-between}
.catalog-menu{position:absolute;z-index:20;left:50%;top:100%;transform:translateX(-50%);padding:28px 32px 32px;background:white;box-shadow:0 22px 50px #1e385b33;border:1px solid var(--line);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}
.catalog-menu-title{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;align-items:end;font-size:24px;letter-spacing:-.6px;margin-bottom:18px}
.catalog-menu-title span{font-size:13px;letter-spacing:0;color:var(--muted)}
.catalog-menu a{min-height:62px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);font-size:16px;font-weight:500;gap:12px}
.catalog-menu a span{color:var(--blue)}
.main-nav [aria-current="page"]{color:var(--blue);text-decoration:underline;text-underline-offset:7px}
.breadcrumbs{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-block:22px;font-size:12px;color:var(--muted)}
.breadcrumbs a:hover{color:var(--blue)}
.interior-hero{background:var(--scene);overflow:hidden}
.interior-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(290px,.85fr);align-items:center;min-height:470px;gap:65px}
.interior-hero .intro{margin-bottom:17px}
.interior-hero h1{font-size:clamp(44px,5.6vw,76px);letter-spacing:-2.8px;line-height:1.06;font-weight:550;max-width:880px;margin:0 0 24px}
.interior-lead{font-size:18px;line-height:1.65;max-width:590px;color:var(--muted);margin:0}
.interior-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:28px}
.interior-symbol{position:relative;width:min(100%,380px);aspect-ratio:1;justify-self:center;display:grid;place-items:center;border:1px solid #bfcee1;border-radius:50%}
.interior-symbol span{position:absolute;border-radius:50%;border:1px solid #9db9e5;width:72%;aspect-ratio:1}
.interior-symbol span:nth-child(2){width:42%;background:#d5e3f6;border:0}
.interior-symbol span:nth-child(3){width:17%;background:var(--blue);border:0}
.interior-content{padding-block:82px;display:grid;grid-template-columns:1fr 1fr;gap:80px}
.interior-content h2{max-width:520px}
.interior-content p{font-size:15px;color:var(--muted);line-height:1.7;max-width:420px}
.group-list{border-top:1px solid var(--line)}
.group-list a{min-height:77px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:19px;gap:16px}
.group-list a span:last-child{color:var(--blue)}
.ask-panel{background:#f2f6fb;padding:45px;display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-bottom:85px}
.ask-panel p{font-size:15px;line-height:1.7;color:var(--muted);max-width:440px}
.ask-panel h3{font-size:23px;font-weight:550;margin-top:10px}
.ask-panel ul{list-style:none;padding:0;margin:0}
.ask-panel li{padding:16px 0;border-bottom:1px solid #cfdae6;font-size:15px}
.related-directions{padding-bottom:90px}
.related-directions h2{margin-bottom:30px}
.related-directions>div{display:grid;grid-template-columns:1fr 1fr;gap:0 36px}
.related-directions a{display:flex;justify-content:space-between;gap:12px;padding:18px 0;border-top:1px solid var(--line);font-size:16px}
.related-directions a span{color:var(--blue)}
.about-visual{max-width:430px;justify-self:center}
.about-visual img{width:100%;display:block}
.about-prose p{font-size:18px;max-width:560px;color:var(--ink)}
.about-prose .company-facts{margin-top:25px}
.about-partners-link{border-top:1px solid var(--line);padding-block:65px 90px;display:flex;align-items:end;justify-content:space-between;gap:30px}
.about-partners-link p:not(.intro){max-width:520px;color:var(--muted);font-size:15px;line-height:1.7}
.partners-hero{padding-block:72px 83px}
.partners-hero h1{max-width:none}
.partner-body{padding-block:50px 95px}
.archive-note{background:#e9f0f8;border-left:4px solid var(--blue);padding:18px 20px;line-height:1.6;font-size:14px;color:#3b5068;margin:0 0 38px}
.partner-tabs{display:flex;gap:35px;border-bottom:1px solid var(--line);margin-bottom:36px}
.partner-tabs button{border:0;border-bottom:3px solid transparent;background:transparent;padding:0 0 16px;font-size:19px;font-weight:500;border-radius:0}
.partner-tabs button[aria-selected="true"]{border-color:var(--blue);color:var(--blue)}
.partner-body [role="tabpanel"]>p{font-size:15px;color:var(--muted);line-height:1.7;max-width:690px}
.source-slide{display:block;margin-top:30px;border:1px solid var(--line);background:#f5f7fa}
.source-slide img{display:block;width:100%;height:auto}
.source-slide>span{display:block;padding:14px 20px;font-size:13px;color:var(--blue)}
.letters-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:32px 0}
.letter-card{display:flex;flex-direction:column;background:#f2f5f8;border:1px solid var(--line);overflow:hidden}
.letter-image{display:block;aspect-ratio:.73;background-image:url('assets/presentation-letters.png');background-repeat:no-repeat;background-size:588% 304%}
.letter-card>span:last-child{display:flex;justify-content:space-between;padding:11px 14px;font-size:13px}
.letter-card>span:last-child span{color:var(--blue)}
.city-dialog{width:min(680px,calc(100% - 32px))}
.city-dialog>p{font-size:14px;color:var(--muted)}
.city-dialog .detect-city{min-height:46px;font-size:14px}
.city-dialog .city-status{min-height:1.3em;margin:13px 0;color:var(--muted)}
.city-suggestion{background:#eaf2ff;padding:15px;margin-block:14px}
.city-suggestion p{margin:0 0 10px;font-size:14px}
.city-suggestion .button{min-height:42px;font-size:13px}
.city-search-label{display:block;font-size:13px;margin:17px 0 8px}
#city-search{width:100%;padding:12px;border:1px solid #adc0d7;background:#fff}
.city-letters{display:flex;flex-wrap:wrap;gap:3px;margin:14px 0}
.city-letters button{border:0;background:#edf2f7;min-width:29px;min-height:29px;font-size:12px}
.city-results{height:min(35vh,310px);overflow:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line);scroll-behavior:smooth}
.city-results h3{position:sticky;top:0;background:#fff;margin:0;padding:10px 3px;font-size:13px;color:var(--blue)}
.city-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;background:transparent;border:0;border-top:1px solid #eef1f4;border-radius:0;padding:11px 4px;min-height:44px}
.city-option strong{font-size:14px;font-weight:550}
.city-option small{font-size:11px;color:var(--muted)}
.city-option:hover{background:#f2f6fb}
.city-dialog .city-source{font-size:11px;margin-top:17px}
.city-source a{text-decoration:underline}
@media(max-width:1100px){.main-nav{gap:14px}.interior-grid{gap:35px}.interior-hero h1{font-size:clamp(43px,5vw,60px)}}
@media(max-width:800px){.catalog-menu{grid-template-columns:1fr;gap:0;padding:22px}.interior-grid{grid-template-columns:1fr 270px;min-height:410px}.interior-hero h1{font-size:43px}.interior-lead{font-size:15px}.interior-content{gap:36px}.ask-panel{gap:30px}.utility-inner{gap:25px}}
@media(max-width:600px){.utility-inner{justify-content:space-between;gap:10px;min-height:57px}.city-trigger strong,.phone-block a{font-size:12px}.phone-block{align-items:flex-end}.city-trigger>span,.phone-block>span{font-size:10px}.catalog-button{display:flex;min-height:42px!important}.catalog-menu{top:100%;width:calc(100% - 24px);padding:16px}.catalog-menu-title{font-size:19px}.catalog-menu-title span{display:none}.catalog-menu a{min-height:52px;font-size:15px}.search-bar{grid-template-columns:1fr}.interior-grid{grid-template-columns:1fr;gap:5px;padding-block:36px 45px}.interior-hero h1{font-size:clamp(36px,9vw,48px);letter-spacing:-1.5px}.interior-symbol{width:185px;margin-top:25px}.interior-lead{font-size:15px}.interior-actions{gap:8px}.interior-content{grid-template-columns:1fr;gap:25px;padding-block:56px}.interior-content h2{font-size:30px}.group-list a{font-size:16px;min-height:66px}.ask-panel{grid-template-columns:1fr;gap:24px;padding:25px;margin-bottom:65px}.related-directions{padding-bottom:65px}.related-directions>div{grid-template-columns:1fr}.related-directions h2{font-size:28px}.about-visual{width:200px}.about-prose p{font-size:15px}.about-partners-link{display:block;padding-block:50px 65px}.partners-hero{padding-block:55px}.partner-body{padding-block:35px 65px}.partner-tabs{gap:16px}.partner-tabs button{font-size:15px}.letters-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.city-option{align-items:flex-start;flex-direction:column;gap:3px}.city-results{height:min(35vh,300px)}.footer-inner{justify-content:flex-start}}

/* Wide, quiet ripples behind the interactive valve. */
.hero{position:relative;isolation:isolate}
.hero-inner{z-index:1}
.hero-waves{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.wave-ring{position:absolute;left:69%;top:48%;width:min(72vw,920px);aspect-ratio:1;border:1px solid rgba(112,139,158,.36);border-radius:50%;transform:translate(-50%,-50%) scale(.56);opacity:0;animation:hero-ripple 11s linear infinite}
.wave-ring:nth-child(2){animation-delay:-3.66s}
.wave-ring:nth-child(3){animation-delay:-7.33s}
@keyframes hero-ripple{0%{transform:translate(-50%,-50%) scale(.56);opacity:0}12%{opacity:.55}70%{opacity:.2}100%{transform:translate(-50%,-50%) scale(2.1);opacity:0}}
@media(max-width:600px){.wave-ring{left:50%;top:66%;width:100vw}}
@media(prefers-reduced-motion:reduce){.wave-ring{animation:none;transform:translate(-50%,-50%) scale(1.1);opacity:.28}.wave-ring:nth-child(2),.wave-ring:nth-child(3){display:none}}
.scene-foot{justify-content:flex-end;align-items:center}
@media(max-width:800px){.scene-foot{flex-direction:row;align-items:center}}
.utility-bar{background:#f5f8fc;border-bottom-color:#e2e9f1}
.utility-inner{justify-content:space-between;gap:24px;min-height:56px}
.mail-block{display:inline-flex;align-items:center;gap:9px;color:#244f91;font-size:13px;font-weight:600;white-space:nowrap}
.mail-block svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mail-block:hover{color:var(--blue)}
.utility-contacts{display:flex;align-items:center;gap:32px}
.city-trigger,.phone-block{gap:3px}
.city-trigger>span,.phone-block>span{font-size:11px;font-weight:600;letter-spacing:.15px}
.city-trigger strong,.phone-block a{font-size:14px;font-weight:700;color:#183d72}
.city-trigger strong{display:flex;align-items:center;gap:7px}
.city-trigger strong:before{content:none}
.city-pin{display:block;width:15px;height:18px;fill:none;stroke:var(--blue);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
@media(max-width:600px){.utility-inner{min-height:56px;justify-content:space-between;gap:8px}.mail-block{gap:5px;font-size:11px}.mail-block svg{width:15px;height:15px}.utility-contacts{gap:10px}.city-trigger,.phone-block{gap:2px}.city-trigger>span,.phone-block>span{font-size:9px}.city-trigger strong,.phone-block a{font-size:11px}.city-trigger strong{gap:4px}.city-pin{width:12px;height:15px}.phone-block{align-items:flex-start}}
@media(max-width:360px){.utility-inner{flex-wrap:wrap;justify-content:space-between;padding-block:6px}.mail-block{flex-basis:100%}.utility-contacts{width:100%;justify-content:space-between}}
.phone-label{display:flex;align-items:center;gap:6px}.phone-icon{width:15px;height:15px;fill:none;stroke:var(--blue);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.placeholder-body{min-height:100dvh;background:#fff;color:#17232f}.placeholder-page{min-height:100dvh;display:grid;place-content:center;justify-items:center;gap:12px;padding:24px;text-align:center}.placeholder-page h1{margin:0;font-size:clamp(32px,5vw,48px);font-weight:500;letter-spacing:-1.2px}.placeholder-page p{margin:0;color:var(--muted);font-size:14px}.placeholder-page a{margin-top:14px;color:var(--blue);text-decoration:underline;text-underline-offset:4px}
.account-dialog{width:min(540px,calc(100% - 32px))}.account-dialog h2{margin:0 0 10px}.account-dialog>p:not(.demo-note){color:var(--muted);line-height:1.6}.account-tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin:22px 0 16px}.account-tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;padding:10px 0 12px;color:var(--muted)}.account-tabs button[aria-selected="true"]{color:var(--blue);border-color:var(--blue);font-weight:700}.account-dialog .demo-note{border-radius:8px}.account-field{display:grid;gap:7px;margin:15px 0}.account-field label{font-size:13px;font-weight:600}.account-field input{width:100%;min-height:46px;border:1px solid #b8c7d7;border-radius:7px;background:#fff;padding:11px 13px}.account-field input:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.account-password-wrap{position:relative}.account-password-wrap input{padding-right:96px}.toggle-account-password{position:absolute;right:6px;top:5px;bottom:5px;border:0;background:transparent;color:var(--blue);font-size:12px;padding-inline:8px}.account-remember{display:flex;align-items:center;gap:8px;font-size:13px;margin:17px 0}.account-remember input{width:18px;height:18px;accent-color:var(--blue)}.account-submit{width:100%;justify-content:center;margin-top:4px}.account-forgot{border:0;background:transparent;color:var(--blue);padding:12px 0;text-decoration:underline;text-underline-offset:4px}.account-status{min-height:22px;color:var(--blue-dark);font-size:13px;line-height:1.5;margin:6px 0 0}


/* Compact white utility header */
.utility-bar{background:#fff;border-bottom:0}
.header-main{height:72px}

/* Catalog trigger and mega menu: one clear, aligned interaction. */
.search-bar{position:relative;z-index:5}
.catalog-button{justify-content:space-between;gap:12px;min-height:48px;border-radius:7px;padding-inline:15px;background:#fff;color:#172536;font-weight:650;box-shadow:0 1px 2px #1725360a}
.catalog-button:before{width:17px;height:14px}
.catalog-button:hover{background:#f4f7fc}
.catalog-button[aria-expanded="true"]{background:#f0f5ff;box-shadow:inset 3px 0 0 var(--blue)}
.catalog-menu{position:absolute;z-index:40;left:0;top:calc(100% - 7px);transform:none;width:min(760px,calc(100vw - 48px));max-height:min(74dvh,650px);overflow:auto;display:block;padding:0;background:#fff;border:1px solid #d8e1ed;border-radius:10px;box-shadow:0 18px 48px #172b4626}
.catalog-menu-top{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 20px;border-bottom:1px solid #e4eaf1}
.catalog-menu-top>strong{font-size:16px;font-weight:700;letter-spacing:-.2px}
.catalog-menu a{color:#1b2938;text-decoration:none}
.catalog-menu-top .catalog-all{display:inline-flex;align-items:center;gap:9px;min-height:36px;padding:0 11px;border:1px solid #c9d8ef;border-radius:6px;color:#174dce;font-size:13px;font-weight:650;white-space:nowrap}
.catalog-menu-top .catalog-all:hover{background:#f1f6ff;border-color:#174dce}
.catalog-menu-top .catalog-all span{color:inherit}
.catalog-mega{display:grid;grid-template-columns:minmax(205px, .78fr) minmax(0,1.5fr);min-height:310px}
.catalog-direction-list{padding:10px;border-right:1px solid #e4eaf1;background:#f8fafd}
.catalog-direction-row{display:flex;align-items:stretch;gap:2px;margin:2px 0;border-radius:6px}
.catalog-direction-row>a{flex:1;display:flex;align-items:center;min-height:41px;padding:8px 10px;border:0;border-radius:6px;font-size:13px;font-weight:550;line-height:1.35}
.catalog-direction-row>button{display:grid;place-items:center;flex:none;width:34px;min-height:41px;padding:0;border:0;border-radius:6px;background:transparent;color:#718096;font-size:21px;line-height:1}
.catalog-direction-row:hover,.catalog-direction-row.is-active{background:#eaf1fc}
.catalog-direction-row.is-active>a,.catalog-direction-row.is-active>button{color:#174dce}
.catalog-direction-row.is-active>a{font-weight:700}
.catalog-direction-row>a:focus-visible,.catalog-direction-row>button:focus-visible,.catalog-industries a:focus-visible,.catalog-menu-top .catalog-all:focus-visible{outline:2px solid #174dce;outline-offset:1px}
.catalog-industries{padding:20px 22px}
.catalog-industry-panel[hidden]{display:none}
.catalog-industry-panel h3{margin:0 0 10px;font-size:17px;font-weight:700;letter-spacing:-.25px}
.catalog-industry-panel h3>a{display:flex;align-items:center;justify-content:space-between;gap:12px}
.catalog-industry-panel h3 span,.catalog-industry-panel>div a span{color:#174dce}
.catalog-industry-panel>div{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.catalog-industry-panel>div a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:42px;padding:7px 0;border-top:1px solid #e9eef4;font-size:12px;line-height:1.4}
.catalog-industry-panel>div a:hover,.catalog-industry-panel h3>a:hover{color:#174dce}
.catalog-menu[hidden]{display:none}
@media(max-width:800px){.catalog-menu{width:min(700px,calc(100vw - 40px))}.catalog-mega{grid-template-columns:minmax(180px,.8fr) minmax(0,1.4fr)}.catalog-industries{padding:17px}.catalog-industry-panel>div{grid-template-columns:1fr}}
@media(max-width:600px){.catalog-button{display:flex;min-height:44px!important}.search-bar{grid-template-columns:1fr;gap:8px}.catalog-menu{top:calc(44px + 1px);width:100%;max-height:70dvh}.catalog-menu-top{padding:13px 14px}.catalog-menu-top>strong{font-size:15px}.catalog-menu-top .catalog-all{font-size:12px}.catalog-mega{display:block;min-height:0}.catalog-direction-list{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:8px;border-right:0;border-bottom:1px solid #e4eaf1}.catalog-direction-row{margin:0}.catalog-direction-row>a{min-height:40px;padding:7px;font-size:11px}.catalog-direction-row>button{width:27px;min-height:40px}.catalog-industries{padding:15px}.catalog-industry-panel h3{font-size:15px}.catalog-industry-panel>div{grid-template-columns:1fr}.catalog-industry-panel>div a{min-height:38px;font-size:12px}}


/* Mega-menu: directions on the left, industry branches on the right */
.search-bar{position:relative;z-index:12}
.catalog-button{background:var(--blue);color:#fff;border:1px solid var(--blue);border-radius:10px;min-height:48px;padding:12px 18px;font-weight:650;box-shadow:0 4px 12px #174dce24}
.catalog-button:hover,.catalog-button[aria-expanded="true"]{background:#123fae;color:#fff}
.catalog-button-caret{width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .18s}
.catalog-button[aria-expanded="true"] .catalog-button-caret{transform:rotate(225deg) translate(-1px,-1px)}
.catalog-menu[hidden]{display:none!important}
.catalog-menu{position:absolute;z-index:30;left:0;top:calc(100% - 20px);transform:none;width:min(980px,calc(100vw - 48px));padding:0;background:#fff;border:1px solid #dce4ee;border-radius:14px;box-shadow:0 24px 64px #172b4633;display:block;overflow:hidden}
.catalog-menu-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 22px;border-bottom:1px solid #e5ebf2;color:var(--ink)}
.catalog-menu-top>strong{font-size:15px;letter-spacing:.01em}
.catalog-menu .catalog-all{display:inline-flex;align-items:center;gap:9px;color:var(--blue);font-size:14px;font-weight:700;text-decoration:none;padding:8px 11px;border-radius:8px}
.catalog-menu .catalog-all:hover{background:#edf3ff}
.catalog-mega{display:grid;grid-template-columns:minmax(235px, .72fr) minmax(0,1.28fr);min-height:360px;max-height:min(580px,68vh)}
.catalog-direction-list{padding:10px;border-right:1px solid #e5ebf2;overflow-y:auto}
.catalog-direction-row{display:grid;grid-template-columns:minmax(0,1fr) 36px;align-items:stretch;border-radius:8px;color:#25374c;transition:background .16s,color .16s}
.catalog-direction-row>a{display:flex;align-items:center;min-height:43px;padding:9px 12px;color:inherit;font-size:14px;font-weight:600;line-height:1.3}
.catalog-direction-row>button{display:grid;place-items:center;border:0;background:transparent;color:#6d7c8d;font-size:26px;border-radius:0 8px 8px 0}
.catalog-direction-row:hover,.catalog-direction-row.is-active{background:#eef4ff;color:#174dce}
.catalog-direction-row.is-active>button{color:#174dce}
.catalog-direction-row>button:focus-visible{outline:2px solid var(--blue);outline-offset:-3px}
.catalog-industries{padding:20px 24px;overflow-y:auto}
.catalog-industry-panel[hidden]{display:none!important}
.catalog-industry-panel h3{margin:0 0 14px;font-size:17px;line-height:1.3;color:#172b46}
.catalog-industry-panel h3 a{display:inline-flex;gap:10px;align-items:center}
.catalog-industry-panel h3 span,.catalog-industry-panel>div a span{color:var(--blue)}
.catalog-industry-panel>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px}
.catalog-industry-panel>div a{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;min-height:42px;padding:10px;border-radius:7px;color:#314256;font-size:13px;line-height:1.35}
.catalog-industry-panel>div a:hover{background:#f2f6fb;color:var(--blue)}
@media(max-width:760px){.catalog-menu{width:min(680px,calc(100vw - 28px));left:0}.catalog-mega{grid-template-columns:minmax(185px,.8fr) minmax(0,1.2fr);max-height:64vh}.catalog-industries{padding:16px}.catalog-industry-panel>div{grid-template-columns:1fr}}
@media(max-width:560px){.catalog-menu{left:50%;transform:translateX(-50%);top:calc(100% - 12px);width:calc(100vw - 24px);border-radius:12px}.catalog-menu-top{padding:13px 15px}.catalog-mega{grid-template-columns:1fr;max-height:72vh}.catalog-direction-list{max-height:220px;border-right:0;border-bottom:1px solid #e5ebf2;padding:8px}.catalog-direction-row>a{min-height:39px}.catalog-industries{padding:14px 16px;max-height:230px}.catalog-industry-panel>div{grid-template-columns:1fr}.catalog-industry-panel>div a{min-height:36px;padding:7px 9px}}
.brand-symbol{background:transparent;padding:0;border-radius:0}
.brand-symbol img{object-fit:contain}
.catalog-button:before{display:none}
.catalog-button{justify-content:space-between;gap:12px;min-height:48px;padding:11px 15px;border:1px solid #bdcde0;border-radius:7px;background:#fff;color:#17232f;font-size:14px;font-weight:650;box-shadow:0 1px 2px #1725360a}
.catalog-button:before{display:block;width:17px;height:14px;background:linear-gradient(var(--blue),var(--blue)) 0 1px/13px 2px,linear-gradient(var(--blue),var(--blue)) 0 6px/17px 2px,linear-gradient(var(--blue),var(--blue)) 0 11px/10px 2px;background-repeat:no-repeat}
.catalog-button:hover,.catalog-button[aria-expanded="true"]{background:#eef4ff;border-color:var(--blue);color:var(--blue);box-shadow:inset 3px 0 0 var(--blue),0 2px 7px #174dce18}
.catalog-button:focus-visible{outline:3px solid #174dce;outline-offset:3px}
.catalog-menu{top:calc(100% - 8px);max-height:min(74dvh,650px)}
.catalog-direction-row>a{border:0}
.catalog-industry-panel h3>a{border:0;min-height:0;padding-block:0}
@media(max-width:560px){.catalog-button{min-height:44px!important}.catalog-menu{top:calc(100% - 8px)}}

/* Popular product rail: five sourced examples, then clearly marked placeholders. */
.popular-section{padding:62px 0 76px;background:#fff;border-top:1px solid #e5ebf2;overflow:hidden}
.popular-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:26px}
.popular-eyebrow{margin:0 0 10px;color:var(--blue);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.popular-heading h2{font-size:clamp(31px,3vw,42px);color:var(--blue)}
.company-brand{display:inline-flex;align-items:center;gap:13px;align-self:start;color:var(--blue);font-size:clamp(24px,2.2vw,30px);font-weight:700;letter-spacing:-.8px;white-space:nowrap}
.company-brand img{display:block;width:52px;height:52px;object-fit:contain;flex:none}
.company-brand:hover{color:var(--blue-dark)}
.popular-heading-actions{display:flex;align-items:center;gap:28px}
.popular-heading-actions>a{font-size:14px;color:var(--blue);font-weight:650;white-space:nowrap}
.popular-heading-actions>a:hover{text-decoration:underline;text-underline-offset:4px}
.popular-heading-actions>a span{margin-left:8px}
.popular-controls{display:flex;gap:8px}
.popular-controls button{width:42px;height:42px;display:grid;place-items:center;border:1px solid #c8d5e4;border-radius:50%;background:#fff;color:#193553;font-size:20px;line-height:1}
.popular-controls button:hover:not(:disabled){border-color:var(--blue);color:var(--blue);background:#f2f6ff}
.popular-controls button:disabled{opacity:.35}
.popular-viewport{position:relative}
.popular-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:1px;scrollbar-width:thin;scrollbar-color:#b8cbe6 transparent;padding:2px 2px 12px;outline-offset:3px;overscroll-behavior-inline:contain}
.product-card{flex:0 0 246px;min-width:0;min-height:365px;border:1px solid #dce4ed;border-radius:12px;background:#fff;overflow:hidden;scroll-snap-align:start;transition:border-color .2s,box-shadow .2s}
.product-card:hover{border-color:#a8bee1;box-shadow:0 10px 28px #153a6c12}
.product-card>a{height:100%;display:flex;flex-direction:column;color:var(--ink)}
.product-image{height:210px;display:flex;align-items:center;justify-content:center;padding:12px 18px 3px;background:linear-gradient(#fff,#fbfcfe);overflow:hidden}
.product-image img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;mix-blend-mode:multiply}
.product-copy{display:flex;flex-direction:column;align-items:flex-start;min-height:153px;flex:1;padding:16px 18px 18px}
.product-type{color:var(--blue);font-size:11px;font-weight:700;line-height:1.35;letter-spacing:.015em}
.product-copy h3{margin:8px 0 10px;color:#182b3e;font-size:15px;font-weight:650;line-height:1.35;letter-spacing:-.15px}
.product-code{margin-top:auto;color:var(--muted);font-size:12px}
.product-link{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:13px;padding-top:12px;border-top:1px solid #e8edf3;color:var(--blue);font-size:12px;font-weight:700}
.product-link span{font-size:17px;line-height:1}
.product-placeholder{background:#f7f9fc;border-style:dashed;border-color:#bfccdb}
.product-placeholder:hover{box-shadow:none;border-color:#bfccdb}
.product-placeholder-art{height:210px;display:flex;align-items:center;justify-content:center;gap:9px;padding:25px}
.product-placeholder-art span{width:34px;height:92px;border:2px solid #d3dfed;border-radius:20px;transform:skewY(-12deg)}
.product-placeholder-art span:nth-child(2){height:118px}
.product-placeholder .product-copy{min-height:153px}
.product-placeholder h3{color:#4a5c70}
.product-placeholder p{margin:auto 0 0;color:#718096;font-size:12px;line-height:1.5}
@media(max-width:760px){.popular-section{padding:48px 0 54px}.popular-heading{align-items:flex-start;gap:18px}.popular-heading-actions{gap:12px}.popular-heading-actions>a{font-size:12px}.popular-controls button{width:38px;height:38px}.product-card{flex-basis:226px}}
@media(max-width:560px){.popular-heading{display:block}.popular-heading-actions{justify-content:space-between;margin-top:17px}.popular-track{gap:12px}.product-card{flex-basis:min(72vw,250px)}.product-image,.product-placeholder-art{height:190px}.product-card{min-height:344px}}
