.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%}
.orbit-center{position:absolute;left:50%;top:34%;transform:translate(-50%,-50%);width:min(440px,44%);border-radius:26px;background:#fff;border:1px solid rgba(14,165,183,.18);box-shadow:0 24px 70px rgba(8,64,96,.18);padding:22px;text-align:center}
.orbit-center img{width:100%;height:230px;object-fit:contain;margin-bottom:14px}
.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:8px}
.orbit-center p{font-size:14px;line-height:1.75;color:#5e748d}
.orbit-item{position:absolute;width:230px;border-radius:20px;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:14px;text-align:center}
.orbit-item img{width:100%;height:126px;object-fit:contain;margin-bottom:10px}
.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:60px}
.orbit-reader{right:8%;top:70px}
.orbit-tag{left:4%;bottom:82px}
.orbit-terminal{right:5%;bottom:86px}
.orbit-screen{left:50%;bottom:20px;transform:translateX(-50%)}
.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-flow-section{background:#07162f;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,.08);border:1px solid rgba(255,255,255,.14);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{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{grid-template-columns:1fr;text-align:center}.hardware-card img{height:190px}.section-head h2{font-size:26px}}