/* ============================================================
   Home 7 page — page-scoped additions on top of main.css.
   Loaded globally (after main.css) but only targets classes
   used on the "/" home page (Section5, Section6, Section11).
   ============================================================ */

/* ---------- Section 5 — Specialized services accordion ---------- */

.sec-5-home-7__acc-text {
    margin-top: 18px;
}

/* ---------- Section 6 — The Process (sequential bar-load reveal) ---------- */

.sec-6-home-7__chip {
    clip-path: inset(0 100% 0 0);
    transition: clip-path 0.85s cubic-bezier(0.65, 0, 0.35, 1);
}

.sec-6-home-7__chips.is-bar-visible .sec-6-home-7__chip {
    clip-path: inset(0 0 0 0);
}

.sec-6-home-7__chips.is-bar-visible .sec-6-home-7__chip--1 {
    transition-delay: 0s;
}
.sec-6-home-7__chips.is-bar-visible .sec-6-home-7__chip--2 {
    transition-delay: 0.25s;
}
.sec-6-home-7__chips.is-bar-visible .sec-6-home-7__chip--3 {
    transition-delay: 0.5s;
}
.sec-6-home-7__chips.is-bar-visible .sec-6-home-7__chip--4 {
    transition-delay: 0.75s;
}

@media (prefers-reduced-motion: reduce) {
    .sec-6-home-7__chip {
        clip-path: none;
        transition: none;
    }
}

/* ---------- Section 11 — Contact form boundary ---------- */

.sec-11-home-7__form {
    border: 1px solid var(--at-neutral-100, #dfdfdf);
    border-radius: 16px;
    background: var(--at-neutral-0, #fefefe);
    padding: 32px;
}

@media (max-width: 574.98px) {
    .sec-11-home-7__form {
        padding: 20px;
    }
}