:root{--blue:#063b7a;--cyan:#08a9cb}.wrap{width:min(1320px,calc(100% - 40px))}header{box-shadow:0 2px 18px #123b6a12}.nav{height:78px}.brand b{width:50px;border-radius:8px;font-size:15px}.brand>span{display:flex;flex-direction:column;font-size:25px;line-height:1}.brand small{font-size:8px;letter-spacing:0;color:#55708e;margin-top:5px}.nav nav{gap:19px;font-size:13px}.nav nav .active{color:var(--blue);border-bottom:3px solid #0782c5;padding:29px 0 25px}.nav .cta{padding:11px 18px}.hero-photo{padding:0;min-height:440px;background:linear-gradient(90deg,#f5faff 0%,#f5faffe8 38%,transparent 67%),url('/assets/hero-mep-v2.png') center/cover no-repeat}.hero-photo .hero-grid{min-height:440px;grid-template-columns:minmax(0,650px) 1fr;position:relative}.hero-copy{padding:55px 0}.hero-copy h1{font-size:clamp(45px,5vw,68px);margin:.2em 0;color:#052d67}.hero-copy h1 span{color:#052d67}.hero-copy p{font-size:17px;max-width:650px;color:#36587a}.hero-copy .search{max-width:650px}.hero-badge{position:absolute;right:28%;bottom:30px;background:linear-gradient(145deg,#0063a2,#009aaf);color:#fff;padding:25px;border-radius:8px;box-shadow:0 14px 30px #003f7550;min-width:175px}.hero-badge b{font-size:24px;line-height:1.15}.hero-badge span{display:block;margin-top:24px;font-size:12px}.quick-cats{border-bottom:1px solid #dce8f2}.icon-row{display:flex;gap:10px;padding:18px 0;overflow:auto}.icon-row button{display:flex;align-items:center;gap:7px;border:1px solid #dce8f2;border-radius:22px;background:#fff;padding:7px 13px;color:#173e70;white-space:nowrap}.icon-row i,.category-cards i{font-style:normal;font-size:23px;color:#e9312b}.icon-row button:nth-child(2) i,.category-cards button:nth-child(2) i{color:#07539b}.icon-row button:nth-child(3) i,.category-cards button:nth-child(3) i{color:#00a8cf}.icon-row button:nth-child(6) i,.category-cards button:nth-child(6) i{color:#2ba94a}.section{padding:40px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.section-head h2{font-size:25px;margin:.15em 0 12px}.section-head>a{color:#0065b3;font-size:13px;font-weight:800;margin-bottom:14px}.editorial .grid{grid-template-columns:repeat(3,1fr)}.editorial .card{box-shadow:0 8px 22px #17375e12}.editorial .thumb{height:190px}.editorial .card:nth-child(1) .thumb,.editorial .card:nth-child(4) .thumb{background:linear-gradient(145deg,#a90e18,#ef6545)}.editorial .card:nth-child(2) .thumb,.editorial .card:nth-child(5) .thumb{background:linear-gradient(145deg,#0d5d8d,#76bbce)}.category-zone{background:#f6f9fc;border-block:1px solid #e3edf5}.category-cards{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}.category-cards button,.library-card{min-height:128px;background:#fff;border:1px solid #dfeaf3;border-radius:10px;padding:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.category-cards b{font-size:14px;color:#123b71}.category-cards span{font-size:11px;color:#69809a;margin-top:5px}.library-card{align-items:flex-start;text-align:left;background:#eaf4fc}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.guide-grid article{border:1px solid #dfeaf3;border-radius:10px;padding:20px;min-height:105px;display:flex;flex-direction:column;justify-content:space-between}.guide-grid span{font-size:12px;color:#68809d}.contribute{background:linear-gradient(90deg,#eaf4fb,#fff);border-top:1px solid #dce8f2}.contribute-grid{display:grid;grid-template-columns:300px 1fr 310px;align-items:center;gap:35px;min-height:230px}.workers{height:230px;background:linear-gradient(145deg,#4f88b6,#e8f4fb);clip-path:polygon(0 0,100% 0,88% 100%,0 100%)}.contribute h2{font-size:30px;margin:0}.contribute p{color:#52708e}.contribute ul{border-left:1px solid #cfdfec;line-height:2.3}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:35px;align-items:start}.footer-grid div{display:flex;flex-direction:column}.footer-grid a{font-size:13px;color:#c4d4e3}.footer-grid .brand{color:#fff}.footer-grid .brand em{color:#46d0db}@media(max-width:1000px){.category-cards{grid-template-columns:repeat(4,1fr)}.hero-badge{right:5%}.contribute-grid{grid-template-columns:220px 1fr}.contribute-grid ul{display:none}}@media(max-width:760px){.wrap{width:min(100% - 24px,1320px)}header .nav{height:68px}.brand b{width:42px;height:42px}.brand>span{font-size:21px}.nav nav .active{border:0;padding:0}.hero-photo{min-height:570px;background:linear-gradient(180deg,#f7fbff 0%,#f7fbfff2 58%,transparent 82%),url('/assets/hero-mep-v2.png') 67% bottom/auto 48% no-repeat}.hero-photo .hero-grid{min-height:570px;display:block}.hero-copy{padding:42px 0}.hero-copy h1{font-size:41px}.hero-copy p{font-size:15px}.hero-badge{right:18px;bottom:20px;padding:18px;min-width:155px}.hero-badge b{font-size:20px}.icon-row button{flex-direction:column;border:0;min-width:76px;font-size:11px}.editorial .grid{display:flex;overflow:auto;scroll-snap-type:x mandatory}.editorial .card{min-width:88%;scroll-snap-align:start}.category-cards{grid-template-columns:repeat(3,1fr)}.library-card{grid-column:span 3}.guide-grid{grid-template-columns:1fr}.contribute-grid{grid-template-columns:1fr;padding:28px 0}.workers{display:none}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>span{grid-column:span 2}.section-head>a{font-size:11px}}
.cat-icon{width:27px;height:27px;display:inline-grid;place-items:center}.cat-icon svg{width:100%;height:100%;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.cat-icon.flame svg{fill:currentColor;stroke:none}.icon-row .radiator,.category-cards .radiator{color:#ef3d27!important}.icon-row .wind,.category-cards .wind{color:#07539b!important}.icon-row .pipes,.category-cards .pipes{color:#07539b!important}.icon-row .flame,.category-cards .flame{color:#ef312d!important}
.guide-grid>a{border:1px solid #dfeaf3;border-radius:10px;padding:20px;min-height:125px;display:flex;flex-direction:column;justify-content:space-between;color:#123b71;background:#fff;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.guide-grid>a:hover,.guide-grid>a:focus-visible{transform:translateY(-3px);border-color:#85c7db;box-shadow:0 10px 24px #17375e18;outline:none}.guide-grid>a span{font-size:12px;color:#68809d;margin-top:auto;padding-top:18px}.guide-grid>a em{font-size:12px;color:#007e9e;font-style:normal;font-weight:800;margin-top:8px}