.mt-app-guide { max-width: 940px; margin: 22px auto 0; }
.mt-app-guide__hero {
    padding: clamp(24px, 6vw, 56px);
    border-radius: 22px;
    background: linear-gradient(125deg, #17382c, #265747);
    color: #fff;
}
.mt-app-guide__eyebrow { margin: 0; font-weight: 750; font-size: .78rem; letter-spacing: .09em; }
.mt-app-guide__hero h1 { max-width: 740px; margin: 10px 0 16px; font-size: clamp(29px, 5vw, 48px); line-height: 1.12; }
.mt-app-guide__hero > p:not(.mt-app-guide__eyebrow) { max-width: 620px; line-height: 1.55; }
.mt-app-guide__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 48px;
    padding: 12px 19px;
    border-radius: 10px;
    background: #1e4b39;
    color: #fff;
    font-weight: 750;
    text-decoration: none;
}
.mt-app-guide__hero .mt-app-guide__button { background: #ffd19b; color: #2c2215; }
.mt-app-guide__button:hover { filter: brightness(1.08); }
.mt-app-guide__button:focus-visible { outline: 3px solid #e3843f; outline-offset: 3px; }
.mt-app-guide__meta { color: #dcece1; font-size: .9rem; }
.mt-app-guide__steps { margin-top: 16px; padding: clamp(18px, 4vw, 32px); border: 1px solid #dbe4da; border-radius: 16px; background: #fff; }
.mt-app-guide__steps h2 { margin-top: 0; }
.mt-app-guide__steps ol { padding-left: 24px; }
.mt-app-guide__steps li { margin: 12px 0; line-height: 1.55; }
@media (max-width: 480px) {
    .mt-app-guide__hero .mt-app-guide__button { width: 100%; }
}