.microsd-page {
    padding: 30px var(--site-chrome-gutter) 112px;
    color: #1d1e1f;
    font-family: Inter, Arial, sans-serif;
    background: #fff;
}
.microsd-page h1 {
    max-width: none;
    margin: 40px 0 30px;
    font-size: clamp(48px, 3.384vw, 67px);
    font-weight: 400;
    letter-spacing: -0.04em;
    line-height: 1.05;
}
.microsd-page__lead {
    max-width: 1077px;
    margin: 0 0 24px;
    font-size: 18px;
    line-height: 1.5;
}
.microsd-page__download {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 18px;
    font-size: 16px;
}
.microsd-page__download a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 13px 28px;
    border-radius: 999px;
    color: #fff;
    background: #4d6aff;
    font-weight: 500;
    text-decoration: none;
    line-height: 1.4;
}
.microsd-page__download a:hover { background: #3854df; }
.microsd-page__download a:focus-visible { outline: 2px solid #4d6aff; outline-offset: 4px; }
.microsd-page__size { color: #62656c; font-weight: 300; }
.microsd-page__preparation { margin: 24px 0 0; font-size: 18px; line-height: 1.5; }
.microsd-page__steps { display: grid; gap: 64px; margin-top: 32px; }
.microsd-step {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr);
    gap: 24px;
    align-items: start;
}
.microsd-step__text { grid-column: 2; grid-row: 1; position: relative; margin: 0; padding: 12px 0 0 25px; font-size: 18px; line-height: 1.5; }
.microsd-step__marker { position: absolute; left: 0; }
.microsd-step__text strong { font-weight: 600; }
.microsd-step__image { grid-column: 1; grid-row: 1; padding: 18px; border-radius: 24px; background: #f6f6f6; min-width: 0; }
.microsd-step--success .microsd-step__image { background: #e4f0e5; }
.microsd-step--unstable .microsd-step__image { background: #f6f2e3; }
.microsd-step--slow .microsd-step__image { background: #f4e6e6; }
.microsd-step__screen { position: relative; aspect-ratio: 744 / 618.04; overflow: hidden; border-radius: 16px; }
.microsd-step__screen > img { position: absolute; width: 433.41%; height: 293.48%; max-width: none; left: -31.15%; top: -94.29%; }
.microsd-step--drive .microsd-step__screen > img { width: 433.52%; left: -31.16%; }
.microsd-step--write .microsd-step__screen > img { width: 431.6%; left: -29.35%; }
.microsd-step--success .microsd-step__screen > img,
.microsd-step--unstable .microsd-step__screen > img,
.microsd-step--slow .microsd-step__screen > img { width: 432.51%; left: -30.25%; }
.microsd-step__highlight { position: absolute; border: 2px solid #4d6aff; filter: blur(1px); box-shadow: 0 0 2px 1px #fff; }
.microsd-step--drive .microsd-step__highlight--a { left: 18.82%; top: 75.72%; width: 48.39%; height: 3.72%; }
.microsd-step--drive .microsd-step__highlight--b { left: 1.61%; top: 67.63%; width: 15.86%; height: 4.05%; }
.microsd-step--write .microsd-step__highlight--a { left: 1.08%; top: 83.81%; width: 10.62%; height: 4.21%; }
.microsd-step--write .microsd-step__highlight--b { left: 15.46%; top: 83%; width: 31.59%; height: 5.5%; }
.microsd-step--write .microsd-step__highlight--c { left: 80.65%; top: 67.96%; width: 16.4%; height: 5.5%; }
.microsd-step--warning .microsd-step__highlight--a { left: 42.07%; top: 66.34%; width: 16.26%; height: 5.66%; }
.microsd-step--confirm .microsd-step__highlight--a { left: 25.54%; top: 40.13%; width: 8.47%; height: 4.05%; }
.microsd-step--confirm .microsd-step__highlight--b { left: 29.57%; top: 57.6%; width: 40.32%; height: 6.15%; }
.microsd-step--confirm .microsd-step__highlight--c { left: 52.69%; top: 67.64%; width: 16.4%; height: 5.66%; }
.microsd-step--success .microsd-step__highlight--a { left: 80.65%; top: 67.96%; width: 16.4%; height: 5.66%; }
.microsd-step--success .microsd-step__highlight--b { left: 80.65%; top: 91.42%; width: 16.4%; height: 5.5%; }
.microsd-step--unstable .microsd-step__screen span { background-image: url('../img/unstable.png'); }
.microsd-step--slow .microsd-step__screen span { background-image: url('../img/slow.png'); }
.microsd-step__graph,
.microsd-step__current,
.microsd-step__average,
.microsd-step__position { position: absolute; overflow: hidden; border-radius: 10px; background-repeat: no-repeat; }
.microsd-step__graph { left: 2.49%; top: 9.88%; width: 95.27%; height: 45.81%; background-size: 105.64% 219.79%; background-position: 52.13% 18%; }
.microsd-step__current { left: 15.8%; top: 58.68%; width: 13.31%; height: 5.24%; background-size: 748.37% 1902.61%; background-position: 18.35% 61.55%; }
.microsd-step__average { left: 44.28%; top: 58.68%; width: 11.94%; height: 5.24%; background-size: 834.13% 1902.61%; background-position: 50.27% 61.55%; }
.microsd-step__position { left: 19.4%; top: 74.85%; width: 15.8%; height: 5.39%; background-size: 630.52% 1849.76%; background-position: 23.2% 78.79%; }
.microsd-step--slow .microsd-step__graph { background-size: 109.63% 228.54%; background-position: 52.13% 20.1%; }
.microsd-step--slow .microsd-step__current { background-size: 785.33% 2063.64%; background-position: 19.84% 60.96%; }
.microsd-step--slow .microsd-step__average { width: 9.95%; background-size: 1033.86% 2002.94%; background-position: 49.39% 61.05%; }
.microsd-step--slow .microsd-step__position { background-image: url('../img/unstable.png'); }
@media (max-width: 767px) {
    .microsd-page { padding: 24px 16px 72px; }
    .microsd-page h1 { margin: 32px 0 24px; font-size: 36px; line-height: 1.08; }
    .microsd-page__lead, .microsd-page__preparation, .microsd-step__text { font-size: 16px; }
    .microsd-page__download { gap: 12px; font-size: 14px; }
    .microsd-page__download a { padding: 13px 20px; font-size: 14px; }
    .microsd-page__steps { gap: 26px; margin-top: 16px; }
    .microsd-step { grid-template-columns: minmax(0, 1fr); gap: 12px; }
    .microsd-step__text { grid-column: 1; grid-row: 1; padding-top: 8px; }
    .microsd-step__image { grid-column: 1; grid-row: 2; padding: 0; border-radius: 0; background: transparent; }
    .microsd-step__screen { border-radius: 0; }
}