/* ==== CONTAINERS ==== */
.wrap {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 24px;
    padding-right: 24px;
}
.wrap-wide {
    max-width: 1280px;
}
.wrap-narrow {
    max-width: 1080px;
}
/* ==== HERO ==== */
.hero {
    position: relative;
    overflow: hidden;
    background: var(--d1);
    color: var(--d2);
    padding-top: 48px;
    padding-bottom: 60px;
}
.hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
}
.hero-strip {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 28px 18px;
    margin-top: 44px;
    padding-left: 24px;
    padding-right: 24px;
}
.hero-strip .strip-item:first-child {
    grid-column: 1 / -1;
}
/* ==== SECTION RHYTHM ==== */
.bill {
    padding-top: 84px;
    padding-bottom: 60px;
}
.method {
    padding-top: 116px;
    padding-bottom: 92px;
}
.care {
    padding-top: 52px;
    padding-bottom: 72px;
}
.crew {
    padding-top: 100px;
    padding-bottom: 68px;
}
.faq {
    padding-top: 76px;
    padding-bottom: 112px;
}
.call {
    padding-top: 36px;
    padding-bottom: 96px;
}
/* ==== GRIDS ==== */
.bill-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 28px;
}
.method-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 40px;
}
.method-steps {
    display: grid;
    gap: 18px;
    min-width: 0;
}
.care-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
    list-style: none;
}
.crew-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 40px;
}
.case-list {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
    margin-top: 56px;
}
.faq-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 36px;
}
.call-panel {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 28px;
}
/* ==== INNER PAGES ==== */
.page-head {
    background: var(--d1);
    color: var(--d2);
    padding-top: 44px;
    padding-bottom: 40px;
}
.page-tight {
    padding-top: 24px;
    padding-bottom: 24px;
}
.contact-zone {
    padding-top: 20px;
    padding-bottom: 64px;
}
.contact-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
    align-items: start;
}
.contact-more {
    padding-top: 24px;
    padding-bottom: 96px;
}
.more-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
}
.doc-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
    padding-top: 48px;
    padding-bottom: 96px;
}
.doc-body {
    min-width: 0;
    display: grid;
    gap: 56px;
}
.card-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
}
.next-zone {
    padding-top: 48px;
    padding-bottom: 96px;
}
/* ==== BREAKPOINTS ==== */
@media (min-width: 640px) {
    .wrap {
        padding-left: 32px;
        padding-right: 32px;
    }
    .care-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .hero-strip {
        grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
        padding-left: 32px;
        padding-right: 32px;
    }
}
@media (min-width: 900px) {
    .hero-grid {
        grid-template-columns: minmax(0, 1fr) minmax(0, 7fr) minmax(0, 4fr);
        gap: 0 48px;
        align-items: start;
    }
    .hero-copy {
        grid-column: 2;
    }
    .hero-spec {
        grid-column: 3;
        margin-top: 76px;
    }
    .hero-strip {
        grid-template-columns: minmax(0, 5fr) minmax(0, 4fr) minmax(0, 3fr);
        padding-left: calc(max(32px, (100% - 1136px) / 2) + (min(100%, 1200px) - 160px) / 12 + 48px);
        padding-right: 0;
    }
    .hero-strip .strip-item:first-child {
        grid-column: auto;
    }
    .bill-card {
        grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
        gap: 44px;
        align-items: start;
    }
    .method-grid {
        grid-template-columns: 300px minmax(0, 1fr);
        gap: 64px;
    }
    .crew-grid {
        grid-template-columns: 340px minmax(0, 1fr);
        gap: 72px;
        align-items: center;
    }
    .case-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .faq-grid {
        grid-template-columns: minmax(0, 4fr) minmax(0, 7fr);
        gap: 64px;
        align-items: start;
    }
    .call-panel {
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 48px;
    }
    .contact-grid {
        grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
        gap: 48px;
    }
    .more-grid {
        grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);
        gap: 56px;
        align-items: start;
    }
    .doc-grid {
        grid-template-columns: 250px minmax(0, 1fr);
        gap: 56px;
    }
    .page-head {
        padding-top: 60px;
        padding-bottom: 52px;
    }
    .contact-zone {
        padding-top: 36px;
    }
}
@media (min-width: 1100px) {
    .care-grid {
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 18px;
        padding-bottom: 152px;
    }
    .care-grid > :nth-child(2) {
        transform: translateY(38px);
    }
    .care-grid > :nth-child(3) {
        transform: translateY(76px);
    }
    .care-grid > :nth-child(4) {
        transform: translateY(114px);
    }
    .care-grid > :nth-child(5) {
        transform: translateY(152px);
    }
}