:root{--blue:#087ff5;--text:#071d49}*{box-sizing:border-box}html,body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--text)}a{text-decoration:none;color:inherit}.top{height:64px;border-bottom:1px solid #e6edf4;position:sticky;top:0;z-index:20;background:#fff}.top-in{height:100%;max-width:1536px;margin:auto;padding:0 38px;display:flex;align-items:center;gap:28px}.logo{display:flex;align-items:center;gap:10px;margin-right:auto}.logo i{width:27px;height:27px;border:7px dotted #0b3b73;border-radius:50%}.logo b{font-size:20px}.top nav{display:flex;gap:27px;font-size:13px}.top-actions{display:flex;align-items:center;gap:16px}.search{font-size:25px}.demo-link{font-size:13px;color:#526a83;padding:10px 2px}.demo-link:hover{color:#0b3b73}.login{padding:10px 16px;border:1px solid #315a7e;border-radius:5px;background:#123b60;color:#fff;font-size:13px;font-weight:600}.login:hover{background:#0b3152}
.hero{position:relative;max-width:1536px;margin:auto;height:448px;background:#071e38;overflow:hidden}.hero-reference{position:absolute;left:0;top:0;width:100%;height:418px;object-fit:contain;object-position:center top}.hero-left-mask{position:absolute;z-index:1;left:0;top:0;bottom:0;width:48%;background:linear-gradient(90deg,rgba(3,20,40,.98),rgba(3,20,40,.92) 73%,rgba(3,20,40,0))}.hero-copy{position:absolute;z-index:3;left:3.6%;top:10%;width:38%;color:#fff}.eyebrow{text-transform:uppercase;letter-spacing:.19em;font-size:11px;margin-bottom:13px}.hero h1{font-size:39px;line-height:1.04;letter-spacing:-.025em;margin:0 0 16px}.hero h1 em{font-style:normal;color:#64bdff}.hero p{font-size:15px;line-height:1.42;max-width:480px}.hero-buttons{display:flex;gap:16px;margin-top:20px}.primary,.ghost{height:47px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;padding:0 27px;font-size:14px;font-weight:600}.primary{background:var(--blue);color:#fff}.primary span{margin-left:20px}.ghost{border:1px solid rgba(255,255,255,.8);color:#fff;min-width:145px}
.solution-strip{padding:14px 28px 16px}.tile-track{max-width:1480px;margin:auto;display:grid;grid-template-columns:repeat(9,1fr);gap:10px}.sol-tile{background:#f7fafc;border:1px solid #e3ebf2;border-radius:10px;overflow:hidden;padding:6px 6px 12px}.sol-img{height:112px;background:#f2f6f8;display:flex;align-items:center;justify-content:center}.sol-img img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;object-position:center}.sol-tile strong{display:block;padding:9px 5px 0;font-size:12px;line-height:1.15}
.complex{padding:0 30px 30px}.complex-grid{max-width:1480px;margin:auto;display:grid;grid-template-columns:300px minmax(0,1fr) 310px;min-height:360px;background:#f4f8fb;border-radius:10px;overflow:hidden}.complex-copy{padding:25px 20px 22px 24px}.bluecap{text-transform:uppercase;letter-spacing:.19em;color:#21538c;font-size:10px;margin-bottom:12px}.complex h2{font-size:30px;line-height:1.04;margin:0 0 14px}.complex h2 em{font-style:normal;color:var(--blue)}.complex-copy p{font-size:12.5px;line-height:1.45}.complex-copy .primary{height:43px;font-size:12px}.facility{position:relative;overflow:hidden;background:#dfeaf0;display:flex;align-items:center;justify-content:center}.facility img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.tag{position:absolute;z-index:2;background:#0a2948;color:#fff;padding:6px 10px;border-radius:6px;font-size:11px;border:1px solid #adc5d8;white-space:nowrap}.t1{left:18%;top:31%}.t2{left:45%;top:40%}.t3{left:69%;top:8%}.t4{right:10%;top:39%}.t5{right:12%;bottom:15%}.benefits{background:#fff;padding:8px 18px}.benefits a{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid #dfe8ef}.benefits i{font-style:normal;color:var(--blue);font-size:27px}.benefits b{display:block;font-size:13px}.benefits span{display:block;font-size:11px;color:#31527c}
footer{max-width:1480px;margin:auto;border-top:1px solid #e6edf4;padding:24px 30px 35px;display:flex;justify-content:space-between;font-size:12px;color:#647c91}footer nav{display:flex;gap:20px}
@media(max-width:1365px){.hero{height:435px}.hero-reference{height:405px}.top-in{padding:0 20px;gap:18px}.top nav{gap:16px;font-size:11.5px}.login{padding:9px 13px}.hero-copy{left:3.5%;top:9%;width:40%}.hero h1{font-size:35px}.solution-strip{padding:12px 14px}.tile-track{grid-template-columns:repeat(9,minmax(120px,1fr));overflow-x:auto}.sol-img{height:102px}.complex{padding:0 14px 24px}.complex-grid{grid-template-columns:275px minmax(0,1fr) 285px}.complex h2{font-size:28px}}
@media(max-width:820px){.hero-reference{height:auto}.top nav{display:none}.demo-link{display:none}.hero{height:610px;aspect-ratio:auto}.hero-reference{height:auto;top:auto;bottom:0}.hero-left-mask{width:100%;height:58%;bottom:auto}.hero-copy{top:34px;left:24px;right:24px;width:auto}.tile-track{grid-template-columns:repeat(2,1fr);overflow:visible}.sol-img{height:150px}.complex-grid{grid-template-columns:1fr}.facility{min-height:300px}.benefits{grid-template-columns:1fr}}

/* v4: non-pump cards are intentionally zoomed out to show the whole object */
.sol-tile.zoom-out .sol-img img{max-width:86%;max-height:86%;}