/* Direction */
        .direction { border-top: 1px solid #e5ebf0; background: #f6f8fb; }
        .direction-head { display: flex; align-items: end; justify-content: space-between; gap: 60px; }
        .direction-head .section-lead { margin: 0; }
        .direction-track { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px; margin-top: 74px; }
        .direction-track::before { content: ""; position: absolute; left: 0; right: 0; top: 25px; height: 1px; background: var(--line); }
        .direction-item { position: relative; padding-top: 70px; }
        .direction-dot { position: absolute; top: 16px; left: 0; width: 19px; height: 19px; border: 5px solid #f6f8fb; border-radius: 50%; background: var(--blue); box-shadow: 0 0 0 1px var(--blue); }
        .direction-item:first-child .direction-dot { background: var(--amber); box-shadow: 0 0 0 1px var(--amber); }
        .direction-item small { color: var(--blue); font: 800 .7rem "Manrope", sans-serif; letter-spacing: .13em; }
        .direction-item h3 { margin: 14px 0; font-size: 1.35rem; }
        .direction-item p { margin: 0; color: var(--muted); font-size: .93rem; line-height: 1.78; }

        /* FAQ */
        .faq { background: #fff; }
        .faq-grid { display: grid; grid-template-columns: .7fr 1.3fr; gap: 90px; align-items: start; }
        .faq-side { position: sticky; top: 120px; }
        .faq-list { border-top: 2px solid var(--ink); }
        .faq-list details { border-bottom: 1px solid var(--line); }
        .faq-list summary {
            position: relative;
            padding: 27px 50px 27px 0;
            font-size: 1.05rem;
            font-weight: 700;
            cursor: pointer;
            list-style: none;
        }
        .faq-list summary::-webkit-details-marker { display: none; }
        .faq-list summary::before, .faq-list summary::after { content: ""; position: absolute; right: 7px; top: 50%; width: 17px; height: 2px; background: var(--ink); transition: transform .25s; }
        .faq-list summary::after { transform: rotate(90deg); }
        .faq-list details[open] summary::after { transform: rotate(0); }
        .faq-answer { padding: 0 50px 28px 0; color: var(--muted); font-size: .97rem; line-height: 1.88; }