:root{--port-ink:#263545;--port-blue:#28538b;--port-red:#bd2335;--port-line:#dfe6e9;--port-muted:#5e6b76;--port-soft:#f5f7f6}
.port-page{color:var(--port-ink);background:#fff}
.port-page *{box-sizing:border-box}
.port-page a{text-decoration:none}
.port-hero{position:relative;min-height:700px;overflow:hidden;background:#172c3d;color:#fff}
.port-hero__photo,.port-hero__shade{position:absolute;inset:0;width:100%;height:100%}
.port-hero__photo{object-fit:cover;object-position:center 44%}
.port-hero__shade{background:linear-gradient(90deg,rgba(13,29,44,.93) 0%,rgba(13,29,44,.72) 42%,rgba(13,29,44,.16) 100%),linear-gradient(0deg,rgba(13,29,44,.72),transparent 48%)}
.port-hero__content,.port-hero__facts{position:relative;z-index:1}
.port-hero__content{padding-top:72px;padding-bottom:115px}
.port-hero .po-breadcrumb{color:#d5e0e7;font-size:12px;margin-bottom:72px}
.port-hero .po-breadcrumb a{color:#d5e0e7}
.port-kicker{display:block;color:#eab0a8;font-size:11px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.port-hero h1{max-width:760px;margin:23px 0 22px;color:#fff;font-size:clamp(54px,6vw,94px);line-height:.99;letter-spacing:-.055em}
.port-hero h1 em{font-style:normal;color:#fff}
.port-hero__content>p{max-width:620px;color:#e4edf2;font-size:17px;line-height:1.65}
.port-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.port-btn{display:inline-flex;justify-content:space-between;align-items:center;gap:26px;padding:15px 19px;background:var(--port-blue);color:#fff;font-size:12px;font-weight:900}
.port-btn:hover{background:#1f426f;color:#fff}
.port-btn--white{background:#fff;color:var(--port-ink)}.port-btn--white:hover{background:#eef4f7;color:var(--port-ink)}
.port-btn--outline{background:transparent;border:1px solid rgba(255,255,255,.65)}.port-btn--outline:hover{background:rgba(255,255,255,.12)}
.port-hero__facts{display:grid;grid-template-columns:repeat(3,1fr);padding-bottom:31px;border-top:1px solid rgba(255,255,255,.35)}
.port-hero__facts div{padding:17px 0 0;border-right:1px solid rgba(255,255,255,.26)}.port-hero__facts div+div{padding-left:30px}.port-hero__facts div:last-child{border:0}
.port-hero__facts span{display:block;color:#fff;font-size:27px;font-weight:800;line-height:1.1}.port-hero__facts strong{display:block;margin-top:4px;color:#c8d7df;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}
.port-subnav{position:sticky;top:0;z-index:40;background:#fff;border-bottom:1px solid var(--port-line);box-shadow:0 4px 18px rgba(20,38,52,.05)}
.port-subnav .po-wrap{display:flex;align-items:center;gap:25px;min-height:61px;overflow-x:auto;white-space:nowrap}.port-subnav strong{margin-right:auto;color:var(--port-ink);font-size:11px;letter-spacing:.12em}.port-subnav a{color:#5c6c77;font-size:11px;font-weight:800}.port-subnav a:hover{color:var(--port-red)}
.port-intro,.port-zone,.port-compare,.port-buying,.port-faq,.port-related{padding:91px 0}
.port-intro__heading,.port-zone__heading,.port-section-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:end}
.port-intro h2,.port-zone h2,.port-section-heading h2,.port-faq h2,.port-related h2,.port-rfq h2{margin:12px 0 0;color:var(--port-ink);font-size:clamp(34px,3.2vw,51px);line-height:1.08;letter-spacing:-.04em}
.port-intro__heading p,.port-zone__heading p,.port-section-heading p{margin:0;color:var(--port-muted);font-size:15px;line-height:1.7}
.port-flow{display:grid;grid-template-columns:1fr 36px 1fr 36px 1fr;align-items:stretch;gap:7px;margin-top:41px}
.port-flow a{display:flex;flex-direction:column;min-height:238px;padding:25px;background:var(--port-soft);border:1px solid var(--port-line);color:var(--port-ink);transition:border-color .2s,transform .2s}.port-flow a:hover{border-color:var(--port-blue);transform:translateY(-3px)}
.port-flow a>span{color:var(--port-blue);font-size:10px;font-weight:900;letter-spacing:.13em}.port-flow strong{margin-top:33px;font-size:25px;letter-spacing:-.03em;line-height:1.15}.port-flow p{margin:12px 0;color:var(--port-muted);font-size:12px;line-height:1.5}.port-flow b{margin-top:auto;color:var(--port-blue);font-size:11px}.port-flow i{align-self:center;text-align:center;color:#9db2c3;font-size:22px;font-style:normal}
.port-zone{scroll-margin-top:62px}.port-zone:nth-of-type(even){background:var(--port-soft)}.port-zone__heading{margin-bottom:36px}.port-zone__list{display:grid;gap:25px}
.port-product{display:grid;grid-template-columns:44% 56%;overflow:hidden;background:#fff;border:1px solid var(--port-line);box-shadow:0 12px 32px rgba(28,47,60,.04);scroll-margin-top:86px}
.port-product__image{position:relative;min-height:540px;background:#eef2f3}.port-product__image img{width:100%;height:100%;object-fit:cover}.port-product__image>span{position:absolute;left:22px;bottom:22px;padding:10px 12px;background:rgba(20,40,56,.9);color:#fff;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.port-product__body{padding:37px 42px}.port-product__body h3{margin:14px 0 9px;color:var(--port-ink);font-size:clamp(27px,2.6vw,41px);line-height:1.08;letter-spacing:-.04em}.port-product__body>p{color:var(--port-muted);font-size:13px;line-height:1.65}.port-product__body .port-product__lead{color:#334859;font-size:16px;font-weight:700;line-height:1.5}
.port-product__specs{display:grid;grid-template-columns:1fr 1fr;gap:0 23px;margin-top:26px;border-top:1px solid var(--port-line)}.port-product__specs div{padding:13px 0;border-bottom:1px solid var(--port-line)}.port-product__specs span,.port-product__fit span{display:block;color:var(--port-blue);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.port-product__specs strong,.port-product__fit strong{display:block;margin-top:5px;color:var(--port-ink);font-size:12px;line-height:1.4}
.port-product__fit{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px}.port-product__actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:27px}.port-link{padding:13px 0;color:var(--port-blue);font-size:12px;font-weight:900;border-bottom:1px solid var(--port-blue)}
.port-compare{background:#fff;scroll-margin-top:62px}.port-table-wrap{overflow:auto;margin-top:31px;border:1px solid var(--port-line)}.port-table-wrap table{width:100%;min-width:820px;border-collapse:collapse;font-size:13px}.port-table-wrap th,.port-table-wrap td{padding:18px;text-align:left;border-bottom:1px solid var(--port-line);border-right:1px solid var(--port-line);vertical-align:top}.port-table-wrap thead th{background:var(--port-ink);color:#fff;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.port-table-wrap tbody th{width:22%;background:#f7f9f9}.port-table-wrap tbody a{color:var(--port-blue);font-weight:900}
.port-buying{background:var(--port-soft);scroll-margin-top:62px}.port-buying__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px}.port-buying article{padding:29px;background:#fff;border:1px solid var(--port-line)}.port-buying article span{color:var(--port-blue);font-size:10px;font-weight:900;letter-spacing:.1em}.port-buying article h3{margin:25px 0 14px;color:var(--port-ink);font-size:23px;line-height:1.15}.port-buying article p{color:var(--port-muted);font-size:13px;line-height:1.7}
.port-faq__grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px}.port-faq__grid>div:first-child p{color:var(--port-muted);font-size:14px;line-height:1.7}.port-faq details{padding:17px 0;border-bottom:1px solid var(--port-line)}.port-faq summary{cursor:pointer;color:var(--port-ink);font-size:15px;font-weight:800}.port-faq details p{color:var(--port-muted);font-size:13px;line-height:1.65}
.port-rfq{padding:85px 0;background:var(--port-ink);color:#fff;scroll-margin-top:62px}.port-rfq__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.port-rfq h2{color:#fff}.port-rfq p{max-width:520px;color:#d6e0e6;font-size:14px;line-height:1.7}.port-rfq .port-btn{margin-top:18px}.port-rfq__inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.port-rfq__inputs div{min-height:85px;padding:15px;border:1px solid rgba(255,255,255,.2)}.port-rfq__inputs span{display:block;color:#aac4d7;font-size:11px;font-weight:800}.port-rfq__inputs strong{display:block;margin-top:9px;color:#fff;font-size:13px}
.port-rfq .po-kicker{color:#bad4e4}
.port-related{padding:70px 0}.port-related>div>div{display:flex;flex-wrap:wrap;gap:13px;margin-top:27px}.port-related a{padding:15px 18px;border:1px solid var(--port-line);color:var(--port-blue);font-size:12px;font-weight:900}.port-related a:hover{border-color:var(--port-blue)}
@media(max-width:1000px){.port-product{grid-template-columns:42% 58%}.port-product__body{padding:30px}.port-product__image{min-height:610px}.port-flow{grid-template-columns:1fr 1fr 1fr;gap:12px}.port-flow i{display:none}.port-hero__content{padding-top:55px}}
@media(max-width:760px){.port-hero{min-height:690px}.port-hero__shade{background:linear-gradient(90deg,rgba(13,29,44,.94),rgba(13,29,44,.55)),linear-gradient(0deg,rgba(13,29,44,.75),transparent 55%)}.port-hero__content{padding:38px 0 70px}.port-hero .po-breadcrumb{margin-bottom:57px}.port-hero h1{font-size:clamp(51px,11vw,72px)}.port-hero__content>p{font-size:15px}.port-hero__facts div+div{padding-left:12px}.port-intro,.port-zone,.port-compare,.port-buying,.port-faq,.port-related{padding:65px 0}.port-intro__heading,.port-zone__heading,.port-section-heading,.port-faq__grid,.port-rfq__grid{grid-template-columns:1fr;gap:20px}.port-flow{grid-template-columns:1fr}.port-flow a{min-height:185px}.port-product{grid-template-columns:1fr}.port-product__image{min-height:0;height:310px}.port-buying__grid{grid-template-columns:1fr}.port-rfq__inputs{margin-top:18px}}
@media(max-width:500px){.port-hero__facts{grid-template-columns:1fr 1fr 1fr}.port-hero__facts div{padding-right:9px}.port-hero__facts span{font-size:22px}.port-hero__facts strong{font-size:9px}.port-hero__actions{display:grid}.port-product__body{padding:24px}.port-product__image{height:240px}.port-product__specs,.port-product__fit,.port-rfq__inputs{grid-template-columns:1fr}.port-rfq__inputs div{min-height:0}.port-btn{width:100%}}