.hw-section{--hw-bg:#f4f7fb;--hw-panel:#fff;--hw-line:#d4dfed;--hw-text:#15273e;--hw-muted:#52657d;--hw-accent:#235ebf;background:var(--hw-bg);color:var(--hw-text);border-bottom:1px solid var(--hw-line);padding:60px 24px;scroll-margin-top:88px;font-family:Instrument Sans,ui-sans-serif,system-ui,sans-serif}.dark .hw-section{--hw-bg:#0b111b;--hw-panel:#111c2d;--hw-line:#30435e;--hw-text:#eff4fc;--hw-muted:#adbed5;--hw-accent:#a1c7ff}.hw-section *{box-sizing:border-box}.hw-container{min-width:0;max-width:1280px;margin:auto}.hw-heading{justify-content:space-between;align-items:flex-end;gap:36px;margin-bottom:30px;display:flex}.hw-section .hw-eyebrow{letter-spacing:.14em;color:var(--hw-accent);margin:0 0 16px;font-size:9px;font-weight:500;line-height:1.7}.hw-heading h2{letter-spacing:-.04em;color:var(--hw-text);margin:0;font-size:clamp(30px,3.1vw,43px);font-weight:500;line-height:1.2}.hw-heading h2 span{color:var(--hw-muted);letter-spacing:-.025em;margin-top:8px;font-size:.65em;display:block}.hw-heading>p{color:var(--hw-muted);max-width:360px;margin:0;font-size:13px;line-height:1.85}.hw-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.hw-card{border:1px solid var(--hw-line);min-width:0;color:var(--hw-text);background:var(--hw-panel);border-radius:14px;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.hw-image{isolation:isolate;border-bottom:1px solid var(--hw-line);background:radial-gradient(at 50% 65%,#2e4c7150,#0000 70%),#101b2b;justify-content:center;align-items:center;height:220px;display:flex;position:relative;overflow:hidden}.hw-image:after{content:"";filter:blur(6px);z-index:-1;background:#050c1855;border-radius:50%;height:12px;position:absolute;bottom:32px;left:15%;right:15%}.hw-image img{object-fit:contain;object-position:center;width:100%;max-width:100%;height:100%;padding:24px 12px;display:block;position:absolute}.hw-image-rack img{padding:30px 40px}.hw-category{z-index:1;color:#bfd2ec;letter-spacing:.09em;text-transform:uppercase;font-size:7px;line-height:1.6;position:absolute;top:16px;left:18px;right:18px}.hw-image-label{color:#a5bedf;letter-spacing:.12em;font-size:7px;line-height:1.5;position:absolute;bottom:13px;left:18px}.hw-content{flex-direction:column;flex:1;padding:23px 22px 15px;display:flex}.hw-card h3{letter-spacing:-.025em;color:var(--hw-text);margin:0 0 13px;font-size:20px;font-weight:500;line-height:1.4}.hw-content>p{color:var(--hw-muted);flex:1;margin:0 0 22px;font-size:11px;line-height:1.9}.hw-action{border-top:1px solid var(--hw-line);min-height:46px;color:var(--hw-accent);justify-content:space-between;align-items:center;gap:12px;padding-top:9px;font-size:10px;font-weight:500;display:flex}.hw-action>span{border:1px solid var(--hw-line);border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:15px;display:grid}.hw-card:hover{border-color:var(--hw-accent)}.hw-card:hover .hw-action>span{color:#fff;background:#2563eb;border-color:#2563eb}.hw-accessories{border:1px solid var(--hw-line);background:var(--hw-panel);border-radius:12px;justify-content:space-between;align-items:center;gap:24px;margin-top:22px;padding:24px;display:flex}.hw-accessories h3{letter-spacing:-.02em;color:var(--hw-text);margin:0 0 7px;font-size:17px;font-weight:500;line-height:1.5}.hw-accessories p{color:var(--hw-muted);max-width:280px;margin:0;font-size:11px;line-height:1.8}.hw-accessories ul{flex-wrap:wrap;flex:1;gap:7px;max-width:440px;margin:0;padding:0;list-style:none;display:flex}.hw-accessories li{border:1px solid var(--hw-line);color:var(--hw-muted);border-radius:5px;padding:5px 8px;font-size:9px;line-height:1.7}.hw-accessories>a{min-height:44px;color:var(--hw-accent);flex:none;align-items:center;gap:18px;font-size:11px;line-height:1.7;text-decoration:none;display:inline-flex}.hw-section a:focus-visible{outline:2px solid var(--hw-accent);outline-offset:4px;border-radius:5px}@media (width<=1100px){.hw-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.hw-image{height:230px}.hw-image img{padding:20px 40px}.hw-image-rack img{padding:28px 60px}.hw-heading{flex-direction:column;align-items:flex-start;gap:20px}.hw-heading>p{max-width:580px}.hw-accessories{flex-wrap:wrap}.hw-accessories ul{flex-basis:50%;max-width:none}.hw-content>p{font-size:12px}.hw-action{font-size:11px}}@media (width<=600px){.hw-section{padding:42px 20px}.hw-grid{grid-template-columns:1fr;gap:18px}.hw-heading{gap:16px;margin-bottom:26px}.hw-heading h2{font-size:32px}.hw-heading>p{font-size:12px}.hw-image{height:220px}.hw-image img{padding:20px 25px}.hw-image-rack img{padding:28px 55px}.hw-content{padding:23px 24px 16px}.hw-card h3{font-size:23px}.hw-content>p{margin-bottom:20px;font-size:13px}.hw-action{min-height:48px;font-size:12px}.hw-category{font-size:8px;top:16px;left:20px}.hw-image-label{font-size:7px;left:20px}.hw-accessories{flex-direction:column;align-items:flex-start;gap:18px;margin-top:20px;padding:23px}.hw-accessories ul{flex-basis:auto}.hw-accessories p{max-width:none;font-size:12px}.hw-accessories li{font-size:10px}.hw-accessories>a{font-size:12px}}.hw-image img{width:100%;max-width:100%;height:auto;padding:0 14px}.hw-image-network img{width:90%;padding:0 10px}.hw-image-rack img{width:auto;height:100%;padding:28px 0}@media (width<=1100px){.hw-image img{width:85%;padding:0 14px}.hw-image-network img{width:75%;padding:0 12px}.hw-image-rack img{width:auto;height:100%;padding:28px 0}}@media (width<=600px){.hw-image img{width:100%;padding:0 16px}.hw-image-network img{width:85%;padding:0 10px}.hw-image-rack img{width:auto;height:100%;padding:28px 0}}
