.install-hero { padding: 5rem 0; background: linear-gradient(135deg,#f2efe8 0%,#fff 52%,#e9f4fb 100%); }
.install-hero-grid { display: grid; grid-template-columns: 1fr 0.92fr; gap: 3rem; align-items: center; }
.install-hero-media { position: relative; overflow: hidden; min-height: 28rem; border-radius: var(--radius-lg); box-shadow: var(--shadow-md); }
.install-hero-media img { width: 100%; height: 100%; min-height: 28rem; object-fit: cover; }
.install-carrier-flag { position: absolute; left: 1rem; bottom: 1rem; width: 13rem; padding: 0.8rem; background: #fff; border-radius: var(--radius-sm); box-shadow: var(--shadow-sm); }
.install-carrier-flag img { min-height: 0; max-height: 4.5rem; object-fit: contain; }
.replace-reasons { display: grid; grid-template-columns: repeat(4,1fr); gap: 0.8rem; }
.replace-reasons article { padding: 1.2rem; background: var(--wash); border-radius: var(--radius); }
.replace-reasons b { color: var(--carrier-bright); }
.replace-reasons p { margin-top: 0.55rem; color: var(--ink-soft); font-size: 0.9rem; }
.install-process { display: grid; grid-template-columns: repeat(4,1fr); gap: 1rem; counter-reset: steps; }
.install-process article { position: relative; padding: 3rem 1.3rem 1.3rem; border: 1px solid var(--line); border-radius: var(--radius); }
.install-process article::before { counter-increment: steps; content: "0" counter(steps); position: absolute; top: 1rem; left: 1.3rem; color: var(--carrier-bright); font-size: 0.8rem; font-weight: 900; }
.install-process p { margin-top: 0.6rem; color: var(--ink-soft); }
.product-paths { display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; }
.product-paths a { padding: 1.5rem; color: #fff; background: linear-gradient(145deg,var(--carrier),#08243b); border-radius: var(--radius); text-decoration: none; }
.product-paths a:nth-child(2n) { background: linear-gradient(145deg,#12384d,#0b202d); }
.product-paths p { margin-top: 0.6rem; color: #d7e6ef; }
.product-paths b { display: block; margin-top: 1rem; color: #a9dcff; }
@media (max-width: 72rem) {
    .install-hero-grid { grid-template-columns: 1fr; }
    .replace-reasons, .install-process { grid-template-columns: 1fr 1fr; }
    .product-paths { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 46rem) {
    .replace-reasons, .install-process, .product-paths { grid-template-columns: 1fr; }
}