.products-page{color:var(--navy)}
.products-hero{height:419px;background:var(--navy);color:#fff}
.products-hero-inner{padding-top:112px}
.products-kicker{display:flex;align-items:center;gap:12px;margin:0;font:500 10px/15px "JetBrains Mono",monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--green)}
.products-kicker span{width:40px;height:1px;background:var(--green)}
.products-hero h1{max-width:900px;margin:24px 0 0;color:#fff;font-size:72px;line-height:1.05;letter-spacing:-.052em}
.products-hero>div>p:last-child{max-width:672px;margin:24px 0 0;color:rgba(255,255,255,.7);font-size:17px;line-height:1.625}
.products-catalog,.products-index{padding:112px 0}
.products-surface{background:#f5f6f8}
.products-split{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:start}
.products-split img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.products-image-caption{height:0;margin:16px 0 0}
.products-heading{display:flex;flex-direction:column;gap:20px}
.products-heading h2{margin:0;font-size:48px;line-height:1.1;letter-spacing:-.045em}
.products-heading p{max-width:672px;margin:0;color:rgba(8,21,67,.65);font-size:17px;line-height:1.625}
.products-groups{margin-top:40px;border-top:1px solid rgba(8,21,67,.1)}
.products-group{display:grid;grid-template-columns:160px 1fr;gap:16px;padding:24px 0;border-bottom:1px solid rgba(8,21,67,.1)}
.products-group>p{margin:0;color:var(--green);font:400 10px/15px "JetBrains Mono",monospace;letter-spacing:.16em;text-transform:uppercase}
.products-group ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.products-group li{padding:4px 10px;border:1px solid rgba(8,21,67,.15);background:#fff;color:rgba(8,21,67,.7);font-size:11px;font-weight:600;line-height:17px;letter-spacing:.08em;text-transform:uppercase}
.products-polymers{grid-template-columns:1.1fr 1fr}
.products-card-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:40px;border:1px solid rgba(8,21,67,.1)}
.products-card-grid article{height:95px;padding:24px;border-right:1px solid rgba(8,21,67,.1);border-bottom:1px solid rgba(8,21,67,.1);background:#fff;transition:background .25s,color .25s}
.products-card-grid article:hover{background:var(--navy)}
.products-card-grid h3{margin:23px 0 0;font-size:15px;line-height:22.5px}
.products-card-grid article:hover h3{color:#fff}
.products-table-wrap{margin-top:48px;overflow-x:auto;border:1px solid rgba(8,21,67,.1)}
.products-table-wrap table{width:100%;min-width:576px;border-collapse:collapse;text-align:left}
.products-table-wrap caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.products-table-wrap th{height:47px;padding:0 24px;background:var(--navy);color:#fff;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.products-table-wrap td{height:45px;padding:0 24px;border-top:1px solid rgba(8,21,67,.1);font-size:14px;line-height:21px}
.products-table-wrap td:first-child{color:var(--green);font:400 11px/16px "JetBrains Mono",monospace}
.products-table-wrap td:nth-child(2){font-weight:600}
.products-table-wrap td:last-child{color:rgba(8,21,67,.55)}
.products-table-wrap tr:hover{background:#f5f6f8}
.products-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:40px}
.products-actions .button{height:54px;padding:0 24px;font-size:13px;letter-spacing:.04em}
.products-actions .button-outline{border:1px solid var(--navy);color:var(--navy)}
footer h2{font-size:10px!important;line-height:15px!important;letter-spacing:.16em!important}
@media(max-width:767px){.products-hero{height:391px}
.products-hero-inner{padding-top:82px}
.products-hero h1{margin-top:24px;font-size:40px;line-height:1.05;letter-spacing:-.045em}
.products-hero>div>p:last-child{margin-top:24px;font-size:16px;line-height:24px}
.products-catalog,.products-index{padding:64px 0}
.products-split,.products-polymers{grid-template-columns:1fr;gap:40px}
.products-heading{gap:20px}
.products-heading h2{font-size:32px;line-height:1.1;letter-spacing:-.04em}
.products-heading p{font-size:17px;line-height:1.625}
.products-groups{margin-top:40px}
.products-group{grid-template-columns:1fr;gap:16px}
.products-card-grid{grid-template-columns:1fr;margin-top:40px}
.products-card-grid article{border-right:0}
.products-index{padding-bottom:80px}
.products-table-wrap{margin-top:48px}
.products-actions{margin-top:40px}
.products-actions .button:first-child{width:100%}
}