.brand img{width:235px}
.nav nav{gap:18px}
.nav-pill{padding:9px 14px;border:1px solid var(--navy);color:var(--navy)}
.nav-pill-light{background:var(--mist);border-color:var(--mist)}
.catalog{padding:120px clamp(24px,6vw,96px);background:var(--paper)}
.catalog .section-head{margin-bottom:60px}
.product-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.product-card{grid-column:span 2;min-height:250px;padding:28px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;transition:transform .25s,box-shadow .25s}
.product-card:nth-child(4){grid-column:2/span 2}.product-card:nth-child(5){grid-column:4/span 2}
.product-card:hover{transform:translateY(-5px);box-shadow:0 22px 50px rgba(22,40,61,.12)}
.product-card.featured{background:var(--navy);color:#fff;border-color:var(--navy)}
.product-code{width:52px;height:52px;display:grid;place-items:center;background:var(--mist);color:var(--navy);font:700 15px 'Space Grotesk'}
.featured .product-code{background:#fff;color:var(--navy)}
.product-card p{font-size:11px;letter-spacing:.15em;font-weight:800;color:var(--steel);margin:0 0 7px}
.product-card h3{font:600 24px 'Space Grotesk';margin:0 0 7px}
.product-card div>span{font-size:13px;color:#73808d}.featured div>span{color:#b9c6d2}
.services{padding:110px clamp(24px,8vw,130px);background:#233b56;color:#fff;display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}
.services h2{font:600 clamp(38px,4.5vw,66px)/1.05 'Space Grotesk';letter-spacing:-.04em;margin:0}
.service-list{display:grid;grid-template-columns:1fr 1fr}
.service-list article{padding:28px;border:1px solid #476078;margin:-1px 0 0 -1px}
.service-list b{font:600 12px 'Space Grotesk';color:#adc2d7}
.service-list h3{font:600 18px 'Space Grotesk';margin:28px 0 8px}
.service-list p{font-size:13px;color:#bdc9d4;margin:0}
.footer-links{display:flex;justify-content:flex-end;align-items:center;gap:24px}
.footer-links button{border:0;background:none;color:#fff;font:600 13px Manrope;cursor:pointer;padding:0}
.legal-modal{width:min(900px,calc(100% - 32px));max-height:88vh;padding:0;border:0;background:#fff;color:var(--ink);box-shadow:0 30px 100px #07121dcc}
.legal-modal::backdrop{background:#0d1722cc;backdrop-filter:blur(5px)}
.legal-head{position:sticky;top:0;z-index:2;background:#fff;display:flex;justify-content:space-between;align-items:flex-start;padding:28px 34px 20px;border-bottom:1px solid var(--line)}
.legal-head .eyebrow{margin-bottom:5px}.legal-head h2{font:600 32px 'Space Grotesk';margin:0}
.modal-close{width:42px;height:42px;border:1px solid var(--line);background:var(--paper);font-size:27px;line-height:1;cursor:pointer}
.legal-tabs{position:sticky;top:112px;z-index:2;background:#fff;display:flex;padding:0 34px;border-bottom:1px solid var(--line)}
.legal-tabs button{border:0;background:transparent;padding:16px 18px 13px;font:700 13px Manrope;color:#667380;border-bottom:3px solid transparent;cursor:pointer}
.legal-tabs button.active{color:var(--navy);border-bottom-color:var(--navy)}
.legal-content{padding:30px 34px 44px}.legal-panel{max-width:760px}.legal-panel h3{font:600 18px 'Space Grotesk';margin:26px 0 6px}.legal-panel p{font-size:14px;color:#53616e;margin:0}.legal-date{padding:13px 15px;background:var(--mist);color:var(--navy)!important}.legal-notice{margin-top:30px;padding:18px;border-left:4px solid var(--blue);background:var(--paper);font-size:13px;color:#53616e}
.legal-link{color:var(--blue);font-weight:700;text-decoration:underline;text-underline-offset:3px}
body.modal-open{overflow:hidden}
.hero-visual{overflow:visible}.equipment-showcase{position:relative;z-index:3;display:grid;grid-template-columns:minmax(310px,380px) 170px;gap:16px;align-items:stretch}.equipment-showcase .equipment-card{width:100%;min-height:345px;transition:opacity .18s,transform .18s}.equipment-showcase .motor-icon{font-size:19px}.equipment-card.card-changing{opacity:.35;transform:scale(.985)}.equipment-selector{display:grid;grid-template-rows:repeat(5,1fr);gap:8px}.equipment-option{min-height:61px;border:1px solid var(--line);background:#fff;padding:10px 12px;display:grid;grid-template-columns:36px 1fr;align-items:center;gap:9px;text-align:left;cursor:pointer;color:var(--navy);font-family:Manrope;box-shadow:0 8px 22px rgba(22,40,61,.08);transition:.2s}.equipment-option:hover{transform:translateX(4px);border-color:var(--steel)}.equipment-option.active{background:var(--navy);color:#fff;border-color:var(--navy);box-shadow:0 12px 30px rgba(22,40,61,.24)}.equipment-option span{width:36px;height:36px;display:grid;place-items:center;background:var(--mist);color:var(--navy);font:700 11px 'Space Grotesk'}.equipment-option.active span{background:#fff}.equipment-option strong{font-size:12px;line-height:1.2}
@media(max-width:1050px){.brand img{width:180px}.nav nav{font-size:13px}.catalog{padding-top:90px;padding-bottom:90px}}
@media(max-width:900px){.nav-pill{padding:11px 14px}.product-grid{grid-template-columns:1fr 1fr}.product-card,.product-card:nth-child(4),.product-card:nth-child(5){grid-column:auto}.services{grid-template-columns:1fr}.legal-tabs{top:110px}.equipment-showcase{grid-template-columns:minmax(290px,380px) 155px}}
@media(max-width:560px){.brand img{width:170px}.product-grid,.service-list{grid-template-columns:1fr}.product-card{min-height:220px}.footer-links{align-items:flex-start;flex-direction:column;gap:12px}.legal-head{padding:22px 20px 16px}.legal-head h2{font-size:26px}.legal-tabs{top:99px;padding:0 20px}.legal-tabs button{padding:13px 10px 10px}.legal-content{padding:24px 20px 36px}.hero-visual{display:block;min-height:545px;padding-top:40px}.equipment-showcase{display:flex;flex-direction:column;width:100%}.equipment-showcase .equipment-card{width:100%}.equipment-selector{display:flex;overflow-x:auto;padding:3px 1px 12px;scroll-snap-type:x mandatory}.equipment-option{min-width:145px;scroll-snap-align:start}.equipment-option:hover{transform:translateY(-2px)}}
