.klima-maintenance-visual { padding: clamp(48px, 6vw, 88px) 0 48px; background: #101e29; color: #f5fbff; }
.klima-maintenance-visual__heading { max-width: 780px; margin: 0 auto 30px; text-align: center; }
.klima-maintenance-visual__heading .klima-eyebrow { color: #75dfff; }
.klima-maintenance-visual__heading h2 { margin: 0 0 14px; color: #fff; font-size: clamp(34px, 4vw, 58px); line-height: 1.08; letter-spacing: -.035em; }
.klima-maintenance-visual__heading > p:last-child { margin: 0; color: #b8cad4; font-size: clamp(16px, 1.5vw, 19px); line-height: 1.55; }
.klima-maintenance-visual__scene { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(18px, 3vw, 44px); align-items: stretch; }
.klima-maintenance-visual__unit, .klima-maintenance-visual__dashboard { position: relative; min-width: 0; min-height: 390px; border-radius: 28px; }
.klima-maintenance-visual__unit { display: flex; flex-direction: column; justify-content: center; padding: clamp(22px, 3vw, 44px); overflow: hidden; background: radial-gradient(circle at 50% 45%, #27506a 0, #132e40 45%, #0b202e 100%); border: 1px solid #426276; box-shadow: inset 0 0 80px rgba(109, 215, 249, .08); }
.klima-maintenance-visual__unit::after { content: ''; position: absolute; left: 21%; right: 21%; bottom: 35px; height: 22px; border-radius: 50%; background: #69dcff; filter: blur(30px); opacity: var(--klima-air-opacity, 1); }
.klima-maintenance-visual__unit-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 19px; color: #add0e1; font-size: 11px; font-weight: 800; letter-spacing: .2em; }
.klima-maintenance-visual__unit-led { width: 10px; height: 10px; border-radius: 50%; background: #72e5ff; box-shadow: 0 0 16px #72e5ff; }
.klima-maintenance-visual__filter { position: relative; height: clamp(130px, 13vw, 180px); overflow: hidden; border: 14px solid #eaf5fb; border-radius: 23px; background: repeating-linear-gradient(0deg, #0b202e 0 13px, #42657a 14px 17px, #0c293a 18px 30px); box-shadow: 0 20px 36px rgba(0, 7, 15, .36), inset 0 0 22px rgba(130, 220, 255, .3); }
.klima-maintenance-visual__dust { position: absolute; inset: 0; background: repeating-linear-gradient(90deg, rgba(154, 104, 65, .65) 0 2px, transparent 2px 11px), linear-gradient(125deg, rgba(152, 101, 54, .62), rgba(60, 40, 28, .5)); opacity: var(--klima-dust-opacity, 0); }
.klima-maintenance-visual__air { position: absolute; inset: 0; background: linear-gradient(125deg, transparent 25%, rgba(119, 222, 255, .22) 50%, transparent 70%); opacity: var(--klima-air-opacity, 1); transform: translateX(-100%); animation: klima-maintenance-air 3s linear infinite; }
.klima-maintenance-visual__caption { position: relative; z-index: 1; margin-top: 23px; color: #c4deea; font-size: 13px; font-weight: 700; text-align: center; }
.klima-maintenance-visual__dashboard { padding: clamp(26px, 3vw, 46px); background: linear-gradient(140deg, #183042, #102634); border: 1px solid #3c6172; box-shadow: 0 24px 48px rgba(0, 5, 14, .22); }
.klima-maintenance-visual__dashboard-top { display: flex; justify-content: space-between; gap: 12px; color: #b4d2df; font-size: 11px; font-weight: 800; letter-spacing: .15em; }
.klima-maintenance-visual__playing { color: #65ddf5; white-space: nowrap; }
.klima-maintenance-visual__readout { display: flex; align-items: flex-start; margin-top: 22px; color: #52edd7; font-size: clamp(76px, 9vw, 136px); font-weight: 750; line-height: 1; letter-spacing: -.075em; font-variant-numeric: tabular-nums; text-shadow: 0 0 32px rgba(55, 232, 207, .18); }
.klima-maintenance-visual__readout small { margin: .19em 0 0 .07em; font-size: .42em; }
.klima-maintenance-visual--late .klima-maintenance-visual__readout { color: #ff935e; text-shadow: 0 0 28px rgba(255, 118, 63, .18); }
.klima-maintenance-visual__measure { margin: 0 0 22px; color: #bbd0dc; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; }
.klima-maintenance-visual__timeline { height: 5px; overflow: hidden; border-radius: 5px; background: #456170; }
.klima-maintenance-visual__timeline span { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #4ae1e2, #ff8554); }
.klima-maintenance-visual__chapter { display: flex; justify-content: space-between; gap: 14px; margin-top: 19px; font-size: 15px; }
.klima-maintenance-visual__chapter span { color: #8adcf4; font-weight: 700; }
.klima-maintenance-visual__chapter strong { text-align: right; }
.klima-maintenance-visual__note { min-height: 3.2em; margin: 12px 0 16px; color: #bdcfda; line-height: 1.5; }
.klima-maintenance-visual__actions { display: flex; flex-wrap: wrap; gap: 10px; }
.klima-maintenance-visual__actions button { padding: 10px 14px; border: 1px solid #668293; border-radius: 10px; background: rgba(107, 191, 224, .08); color: #fff; font: inherit; font-size: 13px; font-weight: 800; cursor: pointer; }
.klima-maintenance-visual__actions button:is(:hover, :focus-visible) { border-color: #90e5ff; background: rgba(107, 191, 224, .2); outline-offset: 3px; }
.klima-maintenance-visual__footer { display: flex; justify-content: space-between; align-items: center; gap: 24px; margin-top: 22px; }
.klima-maintenance-visual__footer p { max-width: 850px; margin: 0; color: #a9c1cf; font-size: 12px; line-height: 1.5; }
.klima-maintenance-visual__footer a { flex: none; padding: 14px 20px; border-radius: 11px; background: #ff3556; color: #fff; font-weight: 800; text-decoration: none; }
.klima-maintenance-visual__footer a:is(:hover, :focus-visible) { background: #dc1c43; color: #fff; }
.klima-maintenance-effects { margin-top: clamp(34px, 5vw, 58px); }
.klima-maintenance-effects__heading { max-width: 820px; margin: 0 auto 24px; text-align: center; }
.klima-maintenance-effects__heading .klima-eyebrow { margin-bottom: 8px; color: #75dfff; }
.klima-maintenance-effects__heading h3 { margin: 0 0 10px; color: #fff; font-size: clamp(25px, 2.5vw, 38px); line-height: 1.15; }
.klima-maintenance-effects__heading > p:last-child { margin: 0; color: #a9c1cf; line-height: 1.6; }
.klima-maintenance-effects__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.klima-maintenance-effects__grid article { border-top: 1px solid rgba(117, 223, 255, .24); padding: 20px 0 0; }
.klima-maintenance-effects__grid span { display: block; margin-bottom: 12px; color: #19e6ca; font-size: 17px; font-weight: 900; letter-spacing: .08em; }
.klima-maintenance-effects__grid h4 { margin: 0 0 12px; color: #fff; font-size: 20px; line-height: 1.25; }
.klima-maintenance-effects__grid p { margin: 0; color: #a9c1cf; font-size: 14px; line-height: 1.65; }
.klima-maintenance-landing .klima-maintenance-visual + .klima-installation-section--muted { padding-top: 48px; padding-bottom: 72px; }
.klima-maintenance-landing .klima-maintenance-visual + .klima-installation-section--muted .klima-installation-details { grid-template-columns: 1fr; align-items: start; gap: 28px; }
.klima-maintenance-landing .klima-maintenance-visual + .klima-installation-section--muted .klima-installation-details > div:first-child { max-width: 900px; }
.klima-maintenance-landing .klima-maintenance-visual + .klima-installation-section--muted .klima-maintenance-scope { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
@keyframes klima-maintenance-air { to { transform: translateX(100%); } }
@media (max-width: 782px) {
	.klima-maintenance-visual__scene { grid-template-columns: 1fr; }
	.klima-maintenance-effects__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.klima-maintenance-visual__unit, .klima-maintenance-visual__dashboard { min-height: 0; }
	.klima-maintenance-visual__unit { padding-block: 28px 42px; }
	.klima-maintenance-visual__footer { flex-direction: column; align-items: stretch; }
	.klima-maintenance-visual__footer a { text-align: center; }
	.klima-maintenance-landing .klima-maintenance-visual + .klima-installation-section--muted .klima-maintenance-scope { grid-template-columns: 1fr; }
	.klima-maintenance-landing .klima-maintenance-visual + .klima-installation-section--muted { padding-top: 32px; padding-bottom: 48px; }
}
@media (max-width: 480px) {
	.klima-maintenance-effects__grid { grid-template-columns: 1fr; }
	.klima-maintenance-visual__dashboard-top { flex-wrap: wrap; }
	.klima-maintenance-visual__playing { white-space: normal; }
	.klima-maintenance-visual__chapter { flex-wrap: wrap; }
	.klima-maintenance-visual__chapter strong { text-align: left; }
	.klima-maintenance-visual__readout { font-size: clamp(68px, 19vw, 88px); }
}
@media (prefers-reduced-motion: reduce) { .klima-maintenance-visual__air { animation: none; transform: none; } }