.hardware-hero{position:relative;min-height:640px;display:flex;align-items:center;overflow:hidden;background:url("../images/banner.jpg") center/cover no-repeat;color:#fff}
.hardware-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,18,38,.88),rgba(5,18,38,.62) 48%,rgba(8,118,135,.34))}
.hardware-hero-inner{position:relative;z-index:1;width:100%;max-width:1180px;margin:0 auto;padding:150px 32px 86px}
.hardware-hero .eyebrow{display:inline-flex;align-items:center;min-height:34px;border-radius:999px;padding:0 14px;background:rgba(34,211,238,.14);border:1px solid rgba(125,244,255,.32);font-size:14px;color:#bff8ff;margin-bottom:18px}
.hardware-hero h1{max-width:760px;font-size:48px;line-height:1.18;font-weight:800;margin-bottom:18px}
.hardware-hero p{max-width:760px;font-size:16px;line-height:1.9;color:rgba(255,255,255,.86)}
.hardware-section{padding:78px 0;background:#fff}
.hardware-section.section-soft{background:linear-gradient(180deg,#f1fbff,#fff)}
.section-head{text-align:center;max-width:860px;margin:0 auto 38px}
.section-head h2{font-size:32px;line-height:1.3;color:#0b2e5a;margin-bottom:12px}
.section-head p{font-size:14px;line-height:1.9;color:#5e748d}
.hardware-orbit{position:relative;min-height:720px;border-radius:28px;background:radial-gradient(circle at 50% 34%,#fff 0,#fff 24%,#dff8ff 25%,#edfaff 45%,#f7fcff 70%);border:1px solid rgba(14,165,183,.16);box-shadow:0 24px 60px rgba(10,46,90,.08);overflow:hidden}
.hardware-orbit::before{content:"";position:absolute;inset:86px 110px;border:1px dashed rgba(14,165,183,.3);border-radius:50%}
.hardware-orbit.with-scanner{min-height:700px}
.hardware-orbit.with-scanner::before{inset:68px 92px}
.hardware-orbit.with-scanner .orbit-center{top:30%}
.orbit-center{position:absolute;left:50%;top:34%;transform:translate(-50%,-50%);width:min(390px,40%);border-radius:22px;background:#fff;border:1px solid rgba(14,165,183,.18);box-shadow:0 24px 70px rgba(8,64,96,.18);padding:18px;text-align:center}
.orbit-center img{width:100%;height:175px;object-fit:contain;margin-bottom:10px}
.orbit-center span{display:inline-block;border-radius:999px;background:#dff8ff;color:#087b8d;padding:5px 12px;font-size:12px;font-weight:800;margin-bottom:8px}
.orbit-center h3{font-size:20px;color:#0b2e5a;margin-bottom:6px}
.orbit-center p{font-size:13px;line-height:1.65;color:#5e748d}
.orbit-item{position:absolute;width:205px;border-radius:18px;background:rgba(255,255,255,.94);border:1px solid rgba(14,165,183,.16);box-shadow:0 18px 44px rgba(10,46,90,.08);padding:12px;text-align:center}
.orbit-item img{width:100%;height:100px;object-fit:contain;margin-bottom:8px}
.orbit-item h3{font-size:16px;color:#0b2e5a;margin-bottom:6px}
.orbit-item p{font-size:12px;line-height:1.6;color:#61758c}
.orbit-card{left:7%;top:34px}
.orbit-reader{right:7%;top:42px}
.orbit-tag{left:4%;bottom:54px}
.orbit-hub{left:5%;top:48%;transform:translateY(-50%)}
.orbit-hub img{height:96px}
.orbit-terminal{right:5%;bottom:58px}
.orbit-screen{left:38%;bottom:14px;transform:translateX(-50%)}
.orbit-combo{left:62%;bottom:14px;transform:translateX(-50%)}
.orbit-scanner{right:5%;top:48%;transform:translateY(-50%)}
.orbit-scanner img{height:92px}
.hardware-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.hardware-card{display:grid;grid-template-columns:190px 1fr;gap:22px;align-items:center;border-radius:20px;background:#fff;border:1px solid rgba(14,165,183,.14);box-shadow:0 18px 44px rgba(10,46,90,.07);padding:22px}
.hardware-card img{width:100%;height:172px;object-fit:contain;border-radius:16px;background:#f0fbff}
.hardware-index{display:inline-block;border-radius:999px;background:#d7f8ff;color:#087b8d;font-size:12px;font-weight:800;padding:5px 10px;margin-bottom:8px}
.hardware-card h3{font-size:18px;color:#0b2e5a;margin-bottom:10px}
.hardware-card p{font-size:14px;line-height:1.82;color:#5e748d;margin-top:8px}
.hardware-application-section{background:linear-gradient(180deg,#f7fcff,#fff)}
.application-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.application-card{display:grid;grid-template-columns:minmax(220px,42%) 1fr;gap:24px;align-items:center;border-radius:24px;background:#fff;border:1px solid rgba(14,165,183,.16);box-shadow:0 20px 48px rgba(10,46,90,.08);padding:22px}
.application-card img{width:100%;height:330px;object-fit:cover;border-radius:18px;background:#f0fbff}
.application-card h3{font-size:20px;color:#0b2e5a;margin-bottom:10px}
.application-card p{font-size:14px;line-height:1.85;color:#5e748d;margin-top:8px}
.application-card ul{margin-top:14px;display:grid;gap:8px}
.application-card li{position:relative;padding-left:18px;font-size:14px;line-height:1.75;color:#425a73}
.application-card li::before{content:"";position:absolute;left:0;top:.72em;width:7px;height:7px;border-radius:50%;background:#14b8c6}
.hardware-flow-section{background:linear-gradient(135deg,#075f70 0%,#087f92 48%,#0aa6b8 100%);color:#fff}
.hardware-flow-section .section-head h2{color:#fff}
.hardware-flow-section .section-head p{color:rgba(255,255,255,.72)}
.hardware-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.flow-step{position:relative;border-radius:18px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);padding:24px;min-height:220px}
.flow-step:not(:last-child)::after{content:"";position:absolute;right:-18px;top:50%;width:18px;height:2px;background:#22d3ee}
.flow-step span{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:#22d3ee;color:#061326;font-size:16px;font-weight:800;margin-bottom:18px}
.flow-step h3{font-size:18px;margin-bottom:10px;color:#fff}
.flow-step p{font-size:14px;line-height:1.8;color:rgba(255,255,255,.76)}
@media(max-width:1180px){.hardware-orbit{min-height:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:24px}.hardware-orbit::before{display:none}.orbit-center,.orbit-item{position:static;transform:none;width:auto}.orbit-center{grid-column:1 / -1;max-width:520px;margin:0 auto}.hardware-grid,.application-grid{grid-template-columns:1fr}.hardware-flow{grid-template-columns:repeat(2,1fr)}.flow-step:not(:last-child)::after{display:none}}
@media(max-width:700px){.hardware-hero{min-height:auto}.hardware-hero-inner{padding:120px 24px 76px}.hardware-hero h1{font-size:32px}.hardware-orbit,.hardware-flow{grid-template-columns:1fr}.hardware-card,.application-card{grid-template-columns:1fr;text-align:center}.hardware-card img{height:190px}.application-card img{height:260px}.application-card li{text-align:left}.section-head h2{font-size:26px}}