:root{--red: #cf171f;--red-dark: #9f1017;--ink: #171717;--muted: #5f646d;--line: #e4e6ea;--panel: #f6f7f9;--white: #ffffff;--max: 1180px}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6;background:var(--white)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}main{overflow:hidden}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:28px;padding:14px max(20px,calc((100vw - var(--max)) / 2));border-bottom:1px solid var(--line);background:#fffffff5;backdrop-filter:blur(12px)}.brand img{width:190px;height:45px;object-fit:contain}.main-nav{display:flex;flex:1;justify-content:center;gap:22px;font-size:.94rem;font-weight:700}.main-nav a:hover,.text-link{color:var(--red)}.header-cta,.button,button{border:0;border-radius:4px;background:var(--red);color:#fff;padding:11px 18px;font-weight:800;cursor:pointer}.header-cta:hover,.button:hover,button:hover{background:var(--red-dark)}.section,.hero,.site-footer,.inquiry-band{padding-left:max(20px,calc((100vw - var(--max)) / 2));padding-right:max(20px,calc((100vw - var(--max)) / 2))}.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:46px;align-items:center;min-height:640px;padding-top:72px;padding-bottom:72px;color:#fff;background:linear-gradient(110deg,#0c0c0ef0,#0c0c0ecc 50%,#cf171fad),url(/assets/hydraulic-logo.png);background-size:cover,780px auto;background-position:center,right 8% center;background-repeat:no-repeat}.hero h1,.page-hero h1{max-width:820px;margin:0 0 20px;font-size:clamp(2.45rem,5vw,5rem);line-height:1.02}.hero p,.page-hero p{max-width:710px;color:#ffffffd1;font-size:1.12rem}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.button.secondary{border:1px solid rgba(255,255,255,.42);background:transparent}.hero-panel{border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:26px;background:#ffffff14}.hero-panel dl{display:grid;gap:18px;margin:0}.hero-panel dt{color:#ffffffad;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.hero-panel dd{margin:2px 0 0;font-size:1.05rem;font-weight:800}.section{padding-top:78px;padding-bottom:78px}.section.alt{background:var(--panel)}.section-head{max-width:760px;margin-bottom:34px}.eyebrow{margin:0 0 10px;color:var(--red);font-size:.78rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}h1,h2,h3{line-height:1.16}h2{margin:0 0 14px;font-size:clamp(1.8rem,3vw,2.7rem)}h3{margin:0 0 10px;font-size:1.16rem}.lead{color:var(--muted);font-size:1.04rem}.card-grid,.product-list,.application-grid,.blog-grid,.catalog-grid,.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature-card,.product-card,.application-card,.blog-card,.catalog-card,.stat-card{min-height:100%;border:1px solid var(--line);border-radius:8px;padding:24px;background:#fff}.feature-card p,.product-card p,.application-card p,.blog-card p,.catalog-card p{color:var(--muted)}.text-link{font-weight:900}.split{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:start}.check-list,.plain-list{display:grid;gap:12px;padding:0;margin:0;list-style:none}.check-list li,.plain-list li{border-left:4px solid var(--red);padding:10px 12px;background:var(--panel)}.page-hero{padding:72px max(20px,calc((100vw - var(--max)) / 2));color:#fff;background:linear-gradient(120deg,#141414,#242428 62%,#871018)}.breadcrumbs{margin-bottom:18px;color:#ffffffb8;font-size:.9rem}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:8px}table{width:100%;border-collapse:collapse;min-width:720px}th,td{border-bottom:1px solid var(--line);padding:14px;text-align:left}th{background:var(--panel)}.inquiry-band{display:grid;grid-template-columns:.9fr 1.1fr;gap:32px;align-items:start;padding-top:58px;padding-bottom:58px;color:#fff;background:#151515}.inquiry-band p{color:#ffffffc2}.mini-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}input,textarea{width:100%;border:1px solid var(--line);border-radius:4px;padding:12px 13px;font:inherit}textarea{grid-column:1 / -1;min-height:116px;resize:vertical}.mini-form button{justify-self:start}.site-footer{padding-top:54px;background:#0f0f10;color:#fff}.footer-grid{display:grid;grid-template-columns:1.25fr .8fr .8fr 1fr;gap:30px}.footer-logo{width:210px;height:50px;object-fit:contain;background:#fff;padding:5px}.site-footer h2{font-size:1rem}.site-footer a,.site-footer p{display:block;color:#ffffffb8;margin:0 0 10px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:42px;padding:18px 0;border-top:1px solid rgba(255,255,255,.12);color:#fff9;font-size:.9rem}@media(max-width:920px){.site-header{align-items:flex-start;flex-direction:column;gap:12px}.main-nav{justify-content:flex-start;flex-wrap:wrap;gap:12px 18px}.hero,.split,.inquiry-band,.footer-grid{grid-template-columns:1fr}.card-grid,.product-list,.application-grid,.blog-grid,.catalog-grid,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.hero{min-height:auto;padding-top:56px}.card-grid,.product-list,.application-grid,.blog-grid,.catalog-grid,.stats-grid,.mini-form{grid-template-columns:1fr}.footer-bottom{flex-direction:column}}
