.cable-hero{padding:0;background:#061b3a;color:#fff}
.cable-hero .container{position:relative;display:block;min-height:430px;max-width:none;padding:0;overflow:hidden}
.cable-hero img.cable-hero-image{width:100%;height:430px;aspect-ratio:auto;object-fit:cover;display:block;padding:0;border-radius:0;background:none;filter:brightness(.58) saturate(.9)}
.cable-hero-copy{position:absolute;z-index:2;left:max(5vw,28px);top:50%;transform:translateY(-50%);max-width:720px;padding:28px 32px;background:linear-gradient(90deg,rgba(3,21,49,.92),rgba(3,21,49,.52),transparent);border-left:4px solid #ffb11b}
.cable-hero h1{margin:.45rem 0 .75rem;color:#fff;font-size:clamp(2.1rem,5vw,4rem);line-height:1.08}
.cable-hero p{margin:0;color:#eaf3ff;font-size:clamp(1rem,2vw,1.28rem)}
.cable-hero .battery-breadcrumb,.cable-hero .battery-breadcrumb a{color:#dbe9ff}
.cable-intro{background:#fff}
.cable-principle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin-top:28px}
.cable-principle-card{overflow:hidden;border:1px solid #d8e3ef;border-radius:14px;background:#fff;box-shadow:0 10px 30px rgba(6,27,58,.08)}
.cable-principle-card>div{display:flex;align-items:center;gap:12px;padding:22px 24px 0}
.cable-principle-card span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#0d4c98;color:#fff;font-weight:800}
.cable-principle-card h3{margin:0;color:#092e64}
.cable-principle-card p{margin:14px 24px 20px;line-height:1.8;color:#41556d}
.cable-principle-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#fff;border-top:1px solid #e2eaf3}
.cable-benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:28px}
.cable-benefit-grid article{padding:24px;border:1px solid #d9e5f1;border-radius:12px;background:linear-gradient(180deg,#fff,#f5f9fd)}
.cable-benefit-grid strong{display:block;color:#0d4c98;font-size:1.5rem}
.cable-benefit-grid h3{margin:10px 0 8px;color:#0b315f}
.cable-benefit-grid p{margin:0;color:#4f6278;line-height:1.72}
.cable-logo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:28px}
.cable-logo-grid figure{min-height:142px;margin:0;padding:20px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #dce6f0;border-radius:12px;background:#fff}
.cable-logo-grid img{width:100%;height:64px;object-fit:contain}
.cable-logo-grid figcaption{margin-top:12px;color:#53657a;font-size:.92rem;text-align:center}
.cable-logo-grid .name-logo strong{color:#0b3974;font-size:clamp(1.15rem,2.5vw,1.65rem);letter-spacing:.04em}
.cable-logo-note{margin:16px 0 0;color:#6d7c8c;font-size:.88rem}
.cable-product-links{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px}
.cable-secondary-link{background:#fff!important;color:#0d4c98!important;border:1px solid #0d4c98}
.cable-scene-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:28px}
.cable-scene-grid figure{margin:0;overflow:hidden;border-radius:14px;background:#071f43;box-shadow:0 10px 30px rgba(6,27,58,.12)}
.cable-scene-grid img{display:block;width:100%;height:460px;object-fit:cover}
.cable-scene-grid figcaption{padding:17px 20px;color:#fff;line-height:1.55}
@media (max-width:900px){.cable-benefit-grid,.cable-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cable-hero .container,.cable-hero-image{min-height:390px;height:390px}.cable-hero-copy{left:20px;right:20px;padding:24px}}
@media (max-width:680px){.cable-principle-grid,.cable-scene-grid{grid-template-columns:1fr}.cable-benefit-grid{grid-template-columns:1fr}.cable-hero .container,.cable-hero-image{min-height:430px;height:430px}.cable-hero-copy{left:16px;right:16px;padding:22px 20px}.cable-scene-grid img{height:340px}.cable-logo-grid{gap:10px}.cable-logo-grid figure{min-height:118px;padding:14px 10px}.cable-logo-grid img{height:52px}.cable-product-links{display:grid}.cable-product-links a{text-align:center}}