:root{--ink:#172538;--accent:#2b719e;--line:#e6e8e8;--sand:#f5f4f0;--background:#fafaf8}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--background);font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.utility{height:31px;background:#f0efeb;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:8px max(4%,calc((100vw - 1370px)/2));font-size:11px;color:#7c8790}header{height:76px;padding:0 max(4%,calc((100vw - 1370px)/2));display:flex;align-items:center;gap:55px;background:white;border-bottom:1px solid var(--line)}.brand{font-size:24px;font-weight:750;letter-spacing:-1.1px;white-space:nowrap}.logomark{display:inline-flex;border-radius:50%;background:#e0edf3;color:#167bb8;width:37px;height:37px;justify-content:center;align-items:center;margin-right:8px;font-size:38px;vertical-align:middle}.accent{color:var(--accent)}.search{flex:1;display:flex;align-items:center;border:1px solid #e5e8e9;border-radius:6px;background:#f4f5f5;padding-left:13px;max-width:600px}.search svg{width:18px;fill:none;stroke:#536476;stroke-width:1.8}.search input{flex:1;min-width:0;height:39px;border:0;background:transparent;outline:0;padding:0 10px;font-size:13px}.search button{height:39px;width:43px;background:#3579a4;color:white;border:0;border-radius:0 5px 5px 0}.head-actions{display:flex;gap:26px}.head-actions button{border:0;background:none;font-size:24px;color:var(--ink)}.mobile-menu{display:none}.desktop-nav{height:46px;display:flex;justify-content:center;align-items:center;gap:36px;background:white;border-bottom:1px solid var(--line);font-size:13px}.desktop-nav span{cursor:pointer}main{max-width:1390px;margin:auto;padding:0 28px}.crumb{font-size:12px;color:#7f8b91;padding:23px 0}.crumb span{padding:0 12px}.crumb strong{font-weight:400;color:#3f5565}.title-area{display:flex;align-items:stretch;justify-content:space-between;background:#e7e7e2;padding:36px 40px;min-height:205px;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:2.7px;color:#537087;font-weight:bold;margin:0 0 13px}h1{font-family:Georgia,serif;font-size:43px;font-weight:400;margin:0 0 12px}.subheading{font-size:14px;margin:0;color:#516474}.architect{width:35%;position:relative;color:#6f808b;font-size:9px;letter-spacing:3px;text-align:right}.lines{height:180px;transform:rotate(-18deg);background:repeating-linear-gradient(90deg,transparent 0px,transparent 12px,#a8ada6 13px,#a8ada6 14px,transparent 15px,transparent 47px);opacity:.33}.category-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:23px 0}.category{background:white;text-align:left;border:1px solid var(--line);min-height:59px;padding:18px;border-radius:3px;font-size:13px;color:#27394b;display:flex;justify-content:space-between;align-items:center}.category.active{border-color:#5a88a7;background:#edf4f8}.category span{color:#6596b7}.workspace{display:grid;grid-template-columns:250px minmax(0,1fr);gap:27px;margin-top:31px}aside{background:white;border:1px solid var(--line);align-self:start}.filter-heading{padding:20px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.filter-heading button{display:none}.filter-group{padding:18px;border-bottom:1px solid var(--line);min-height:96px}.filter-label{font-size:13px;font-weight:650;display:flex;justify-content:space-between}.filter-label span{font-weight:400;color:#8c9aa0}.api-slot:empty:after{content:"";display:block;width:100%;height:13px;margin-top:17px;background:#f1f2f2;border-radius:2px}.filters-footer{padding:16px;display:flex;gap:8px}.filters-footer button{border:1px solid var(--line);background:white;font-size:11px;padding:10px 8px;flex:1}.filters-footer button:last-child{background:#315d78;color:white;border-color:#315d78}.results{min-width:0}.results-toolbar{height:64px;background:white;border:1px solid var(--line);padding:0 18px;display:flex;align-items:center;justify-content:space-between;font-size:13px}.result-count span{font-weight:bold;color:#7a8994}.toolbar-right{display:flex;align-items:center;gap:13px}.toolbar-right select{border:1px solid #dfe4e6;background:#fafafa;padding:9px;color:#435467;margin-left:10px}.view-button{border:1px solid var(--line);padding:7px;background:white;color:#506c7a}.filter-open{display:none}.active-filters{padding-top:12px}.active-filters:empty{display:none}.active-filters button{margin-right:6px;border:1px solid #acc2cd;background:#ecf5f9;padding:8px 10px;color:#316b86}.result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:15px}.product-card{background:white;border:1px solid var(--line);padding:15px;min-height:290px}.product-image{background:#f1f2ef;height:175px;display:flex;align-items:center;justify-content:center;color:#abb5bb}.product-card h3{font-size:14px;margin:13px 0}.product-data{border-top:1px solid var(--line);padding-top:12px;display:flex;justify-content:space-between;font-size:13px;color:#84949d}.empty{background:white;border:1px solid var(--line);margin-top:15px;text-align:center;padding:79px 25px 85px}.empty-glyph{font-size:68px;color:#9db4c1}.empty h2{font-family:Georgia,serif;font-size:28px;font-weight:400;margin:12px 0}.empty p{max-width:480px;margin:12px auto 20px;color:#70808d;line-height:1.65;font-size:13px}.empty button,.error button{background:white;border:1px solid #8caaba;color:#376785;padding:11px 19px}.loading{margin-top:15px;display:flex;gap:13px}.loading[hidden],.error[hidden],.empty[hidden]{display:none}.pulse{height:250px;flex:1;background:#eaecea;animation:blink 1.6s infinite alternate}@keyframes blink{to{opacity:.35}}.error{padding:65px;background:#fff;margin-top:15px;text-align:center}.bottom-info{margin:42px 0 70px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.bottom-info>div{background:#f0f1ef;padding:28px;font-size:15px}.bottom-info p{color:#6f7a83;font-size:13px}footer{background:#eaece9;padding:35px max(4%,calc((100vw - 1350px)/2));display:flex;justify-content:space-between;color:#74818b;font-size:12px}footer>div{font-weight:bold;color:#1b2c3d;font-size:20px}.mobile-bottom{display:none}#mobile-overlay{display:none}@media(max-width:800px){.utility,.desktop-nav,.head-actions{display:none}header{height:62px;gap:9px;padding:0 16px}.brand{font-size:19px}.logomark{width:28px;height:28px;font-size:29px;margin-right:5px}.search{display:none}.mobile-menu{display:block;margin-left:auto;border:0;background:none;font-size:24px}main{padding:0 15px}.crumb{padding:17px 0;font-size:11px}.title-area{padding:22px;min-height:145px}.architect{display:none}h1{font-size:32px}.subheading{font-size:12px;line-height:1.5}.category-strip{display:flex;overflow:auto;margin:16px -15px;padding:0 15px;scrollbar-width:none}.category{flex:0 0 auto;min-height:43px;padding:12px 15px;font-size:12px}.workspace{display:block;margin-top:15px}aside{display:none;position:fixed;top:0;bottom:0;left:0;width:min(88vw,350px);overflow:auto;z-index:10;box-shadow:15px 0 70px #1d344455}aside.open{display:block}.filter-heading button{display:block;border:0;background:transparent}.results-toolbar{padding:0 10px;height:58px}.toolbar-right{gap:6px}.toolbar-right label{font-size:0}.toolbar-right select{font-size:11px;margin:0;max-width:127px}.view-button{display:none}.filter-open{display:block;border:1px solid var(--line);background:white;padding:9px;color:#345f7b}.empty{padding:55px 15px}.empty h2{font-size:23px}.empty p{font-size:12px}.bottom-info{grid-template-columns:1fr;margin:27px 0 85px}footer{display:none}.mobile-bottom{display:flex;position:fixed;bottom:0;width:100%;justify-content:space-around;background:white;border-top:1px solid #dce1e2;height:64px;z-index:4}.mobile-bottom button{background:none;border:0;font-size:23px;color:#245c7c;display:flex;align-items:center;flex-direction:column;gap:2px;padding:7px}.mobile-bottom small{font-size:10px}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-image{height:130px}#mobile-overlay.active{display:block;position:fixed;inset:0;background:#0b1d2a55;z-index:9}}
