/* GMIC-inspired blue product theme */
:root { --lime: #5b80bd; --brand-blue: #5b80bd; --brand-blue-dark: #31588f; --brand-blue-soft: #edf3fb; --brand-blue-pale: #f5f8fd; }
.logo-mark { background: var(--brand-blue); color: #fff; }
.button-orange { background: var(--brand-blue); }
.button-orange:hover { background: var(--brand-blue-dark); }
.button-light { background: #dce8f8; color: #244d7f; }
.hero-pagination span.active { border-color: var(--brand-blue); }
.series-tab.active { color: var(--brand-blue); }
.series-tab.active::after { background: var(--brand-blue); }
.series-badge { background: var(--brand-blue); }
.series-product-image.black { background: #f2f6fc; }.series-product-image.cream { background: #f7f9fd; }.series-product-image.blue { background: #edf3fb; }.series-product-image.orange { background: #f2f6fc; }
.series-device.bank { background: linear-gradient(145deg, #587db8, #1e416e 78%); }
.series-device.charger { background: linear-gradient(145deg, #648ac5, #2a568c 78%); }
.series-device.dock { background: linear-gradient(145deg, #698fc7, #315b91 78%); }
.series-device.cable { border-color: #315b91; border-top-color: #81a7dc; border-right-color: #81a7dc; }
.series-device.bank::before { color: #dceaff; }.series-device.bank::after { border-color: #9ebde9; }.series-device.bank i { background: #d8e9ff; }
.series-swatches i:nth-child(2) { background: #b4c9e8; }.series-swatches i:nth-child(3) { background: #315b91; }
.ai-inside { background: #162b46; }.ai-visual { background: radial-gradient(circle at 53% 50%, #5a83c0 0, #29486f 20%, #162b46 59%); }.ai-orbit { border-color: rgba(170, 205, 255, .65); }.ai-core { background: #dce9fa; color: #315b91; box-shadow: 0 0 58px rgba(149, 191, 255, .42); }.ai-node { color: #c1dbff; }.ai-node b { color: #fff; }.ai-capabilities b { color: #b7d5ff; }.ai-copy .eyebrow { color: #aec9ec; }.ai-copy h2 em { color: #bdd4f2; }
.custom-section { background: #edf3fb; }.custom-copy .eyebrow { color: #5578ad; }.proof-section > .eyebrow { color: #5578ad; }
.footer-links button { color: #9ebee9; }
@media (max-width: 800px) { .logo-mark { background: var(--brand-blue); } }