.hardware-hub { --hw-ink:#24272c; --hw-muted:#626871; --hw-blue:#216bce; max-width:1200px; margin:0 auto; padding:0 40px 60px; color:var(--hw-ink); font-family:Arial,sans-serif; }
.hardware-hub *, .hardware-hub *::before,.hardware-hub *::after { box-sizing:border-box; }
.hardware-hub h1,.hardware-hub h2,.hardware-hub h3,.hardware-hub p,.hardware-hub figure,.hardware-hub dl { margin:0; padding:0; color:inherit; }
.hardware-hub img { max-width:none; }
.hardware-hub a { color:var(--hw-blue); text-decoration:none; }
.hardware-hub a:hover { text-decoration:underline; text-underline-offset:4px; }
.hardware-hub a:focus-visible,.hardware-table-scroll:focus-visible { outline:3px solid var(--hw-blue); outline-offset:5px; }
.hardware-hero { padding:48px 0 38px; max-width:850px; }
.hardware-back { display:inline-block; font-size:14px; margin-bottom:35px; }
.hardware-hub .hardware-eyebrow { font-size:11px; line-height:1.5; font-weight:700; letter-spacing:1.5px; color:var(--hw-muted); margin-bottom:14px; }
.hardware-hub h1 { font-size:clamp(40px,5vw,68px); line-height:1.08; letter-spacing:-2.5px; font-weight:600; }
.hardware-hub .hardware-intro { margin-top:24px; color:var(--hw-muted); font-size:21px; line-height:1.55; }
.hardware-actions { display:flex; gap:24px; align-items:center; flex-wrap:wrap; margin-top:28px; }
.hardware-hub .hardware-button { display:inline-block; background:var(--hw-blue); border-radius:25px; color:white; font-size:14px; font-weight:600; padding:13px 22px; line-height:1.5; }
.hardware-text-link { font-size:15px; line-height:1.6; font-weight:600; }
.hardware-hero-image { border-radius:20px; overflow:hidden; background:#f4f5f6; }
.hardware-hero-image img { width:100%; height:auto; max-height:460px; object-fit:cover; display:block; border-radius:0; }
.hardware-section { padding:48px 0; border-bottom:1px solid #e3e5e8; scroll-margin-top:80px; }
.hardware-hub h2 { font-size:clamp(28px,3vw,36px); line-height:1.2; letter-spacing:-1px; font-weight:600; }
.hardware-hub h3 { font-size:21px; line-height:1.3; font-weight:600; }
.hardware-hub .hardware-section-intro { max-width:840px; font-size:17px; line-height:1.65; color:var(--hw-muted); margin:18px 0 28px; }
.hardware-table-scroll { overflow-x:auto; border:1px solid #e3e5e8; border-radius:16px; }
.hardware-table { width:100%; border-collapse:collapse; font-size:15px; line-height:1.55; text-align:left; min-width:760px; }
.hardware-table caption { text-align:left; font-size:13px; padding:16px 22px; color:var(--hw-muted); background:#fafbfc; }
.hardware-table th,.hardware-table td { padding:20px 22px; border-top:1px solid #e3e5e8; vertical-align:top; }
.hardware-table thead { background:#f4f5f7; }
.hardware-table thead th { font-size:13px; font-weight:600; }
.hardware-table th[scope=row] { width:20%; font-weight:600; }
.hardware-table td:nth-child(2) { width:17%; }
.hardware-table td { color:var(--hw-muted); }
.hardware-hub .hardware-table-note { font-size:13px; line-height:1.6; color:var(--hw-muted); margin-top:16px; }
.hardware-detail-grid { display:grid; grid-template-columns:1.05fr 1fr; align-items:center; gap:48px; }
.hardware-detail-copy>p:not(.hardware-eyebrow),.hardware-remote-panel>div>p:not(.hardware-eyebrow) { font-size:16px; line-height:1.75; color:var(--hw-muted); margin-top:20px; }
.hardware-detail-image { background:#f4f5f6; border-radius:20px; overflow:hidden; }
.hardware-detail-image img { display:block; width:100%; height:auto; border-radius:0; }
.hardware-hub .hardware-detail-crop { position:relative; aspect-ratio:var(--crop-ratio); }
.hardware-hub .hardware-detail-crop img { position:absolute; width:var(--crop-width); max-height:none; height:auto; top:var(--crop-top); left:var(--crop-left); }
.hardware-hub .hardware-facts { margin:26px 0; font-size:14px; line-height:1.6; }
.hardware-facts>div { display:grid; grid-template-columns:100px 1fr; gap:14px; padding:13px 0; border-top:1px solid #e3e5e8; }
.hardware-facts dt { font-weight:600; }
.hardware-facts dd { margin:0; color:var(--hw-muted); }
.hardware-display-note { background:#f5f6f8; border-radius:18px; padding:26px 30px; margin-top:30px!important; scroll-margin-top:80px; }
.hardware-display-note p { color:var(--hw-muted); font-size:15px; line-height:1.7; margin-top:14px; max-width:950px; }
.hardware-remote-panel { display:grid; grid-template-columns:1.3fr 1fr; gap:48px; background:#f1f5fa; border-radius:20px; padding:38px; }
.hardware-remote-panel .hardware-text-link { display:inline-block; margin-top:22px; }
.hardware-remote-panel .hardware-facts { margin:0; align-self:center; }
.hardware-contact { padding-top:42px; display:flex; align-items:center; justify-content:space-between; gap:36px; }
.hardware-contact h2 { font-size:28px; }
.hardware-contact p { font-size:16px; line-height:1.65; color:var(--hw-muted); max-width:600px; margin-top:14px; }
.hardware-contact .hardware-actions { margin-top:0; flex-shrink:0; flex-direction:column; gap:12px; }
@media(max-width:900px) { .hardware-hub { padding:0 24px 40px; } .hardware-detail-grid { gap:26px; } .hardware-remote-panel { gap:26px; padding:28px; } .hardware-contact { align-items:flex-start; } }
@media(max-width:650px) { .hardware-hero { padding-top:30px; } .hardware-back { margin-bottom:28px; } .hardware-hub h1 { letter-spacing:-1.7px; } .hardware-hub .hardware-intro { font-size:19px; } .hardware-actions { gap:16px; } .hardware-section { padding:34px 0; } .hardware-detail-grid,.hardware-remote-panel { grid-template-columns:1fr; } .hardware-detail-image { order:-1; } .hardware-detail-image img { max-height:320px; object-fit:contain; } .hardware-display-note { padding:24px; } .hardware-remote-panel { padding:24px; } .hardware-contact { flex-direction:column; gap:24px; } .hardware-contact .hardware-actions { align-items:flex-start; } .hardware-table th,.hardware-table td { padding:16px; } }

.hardware-hub[dir="rtl"],.hardware-hub[dir="rtl"] .hardware-table,.hardware-hub[dir="rtl"] .hardware-table caption{text-align:right}
.hardware-hub[dir="rtl"] h1,.hardware-hub[dir="rtl"] h2,.hardware-hub[dir="rtl"] .hardware-eyebrow{letter-spacing:normal}
.hardware-facts>div{grid-template-columns:minmax(100px,auto) minmax(0,1fr)}
@media(max-width:650px){.hardware-facts>div{grid-template-columns:1fr;gap:4px}}