.page-template-page-android-testing main { overflow: hidden; }
.mcr-test-hero { position: relative; padding: clamp(72px, 9vw, 128px) 0 clamp(64px, 8vw, 104px); background: radial-gradient(circle at 78% 32%, rgba(214,31,44,.3), transparent 31%), linear-gradient(115deg, rgba(7,8,10,.98), rgba(18,19,22,.9)); }
.mcr-test-hero::after { position: absolute; right: -5vw; bottom: -55px; color: rgba(255,255,255,.025); content: "TEST RIDE"; font: 900 clamp(7rem, 18vw, 18rem)/.8 var(--mcr-heading); letter-spacing: -.06em; white-space: nowrap; transform: rotate(-4deg); }
.mcr-test-hero__grid { position: relative; z-index: 1; display: grid; align-items: center; grid-template-columns: minmax(0, 1.2fr) minmax(280px, .55fr); gap: clamp(44px, 8vw, 110px); }
.mcr-test-kicker { display: inline-flex; align-items: center; gap: 9px; color: #fff; font: 800 .8rem/1 var(--mcr-body); letter-spacing: .14em; text-transform: uppercase; }
.mcr-test-kicker::before { width: 38px; height: 3px; background: var(--mcr-red); content: ""; }
.mcr-test-hero h1 { max-width: 850px; margin: 20px 0 24px; font: 900 clamp(3.4rem, 8vw, 7.4rem)/.84 var(--mcr-heading); letter-spacing: -.045em; text-transform: uppercase; }
.mcr-test-hero h1 em { color: var(--mcr-red); font-style: normal; }
.mcr-test-hero p { max-width: 720px; margin: 0 0 30px; color: #d5d1c8; font-size: clamp(1.05rem, 1.8vw, 1.28rem); }
.mcr-test-hero__badge { justify-self: end; width: min(100%, 380px); padding: 22px; border: 1px solid rgba(255,255,255,.22); background: linear-gradient(145deg, #202226, #090a0c); box-shadow: 0 32px 70px rgba(0,0,0,.55); transform: rotate(3deg); }
.mcr-test-hero__badge img { display: block; width: 100%; border-radius: 20%; }
.mcr-test-hero__badge div { display: flex; justify-content: space-between; align-items: baseline; margin-top: 18px; gap: 14px; text-transform: uppercase; }
.mcr-test-hero__badge strong { font: 900 1.25rem/1 var(--mcr-heading); }
.mcr-test-hero__badge span { color: var(--mcr-red); font-size: .7rem; font-weight: 800; letter-spacing: .08em; }
.mcr-test-button { display: inline-flex; min-height: 54px; align-items: center; justify-content: center; gap: 10px; padding: 13px 20px; border: 1px solid var(--mcr-red); background: var(--mcr-red); color: #fff; font-weight: 800; line-height: 1.2; text-decoration: none; transition: transform .18s ease, background .18s ease, border-color .18s ease; }
.mcr-test-button:hover, .mcr-test-button:focus-visible { border-color: #fff; background: #fff; color: #090a0c; transform: translateY(-2px); }
.mcr-test-button--secondary { border-color: rgba(255,255,255,.32); background: transparent; }
.mcr-test-steps { position: relative; padding: clamp(68px, 8vw, 112px) 0; background: rgba(7,8,10,.82); }
.mcr-test-intro { max-width: 780px; margin-bottom: 46px; }
.mcr-test-intro h2, .mcr-test-feedback h2 { margin: 14px 0 12px; font: 900 clamp(2.8rem, 6vw, 5.7rem)/.9 var(--mcr-heading); letter-spacing: -.03em; text-transform: uppercase; }
.mcr-test-intro p { margin: 0; color: #c9c5bc; font-size: 1.08rem; }
.mcr-test-step-list { counter-reset: testing; display: grid; gap: 18px; }
.mcr-test-step { position: relative; display: grid; overflow: hidden; grid-template-columns: 80px 90px minmax(0, 1fr); gap: 28px; align-items: start; padding: clamp(28px, 4vw, 46px); border: 1px solid var(--mcr-line); background: linear-gradient(130deg, rgba(29,31,35,.98), rgba(10,11,13,.98)); box-shadow: 0 16px 46px rgba(0,0,0,.22); }
.mcr-test-step__number { color: var(--mcr-red); font: 900 clamp(2.5rem, 5vw, 4.6rem)/.85 var(--mcr-heading); }
.mcr-test-step__icon { display: grid; width: 72px; height: 72px; place-items: center; border-radius: 8px 8px 26px 8px; background: var(--mcr-red); color: #fff; font-size: 1.8rem; box-shadow: 0 12px 30px rgba(214,31,44,.2); }
.mcr-test-step__content > span { color: var(--mcr-red); font-size: .76rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.mcr-test-step h3 { margin: 7px 0 10px; font: 900 clamp(1.8rem, 3.4vw, 3rem)/1 var(--mcr-heading); text-transform: uppercase; }
.mcr-test-step p { max-width: 780px; margin: 0 0 20px; color: #cbc7bf; }
.mcr-test-actions { display: flex; flex-wrap: wrap; gap: 11px; }
.mcr-test-step ul { display: grid; margin: 22px 0 0; padding: 0; gap: 10px; list-style: none; }
.mcr-test-step li { position: relative; padding-left: 27px; color: #e2ded5; }
.mcr-test-step li::before { position: absolute; left: 0; top: .18em; color: var(--mcr-red); content: "\f058"; font: 900 1rem/1 "Font Awesome 6 Free"; }
.mcr-test-feedback { padding: clamp(54px, 7vw, 84px) 0; background: var(--mcr-red); }
.mcr-test-feedback__grid { display: grid; align-items: center; grid-template-columns: minmax(0, 1fr) auto; gap: 36px; }
.mcr-test-feedback .mcr-test-kicker::before { background: #090a0c; }
.mcr-test-feedback h2 { margin-bottom: 10px; }
.mcr-test-feedback p { max-width: 720px; margin: 0; color: #fff; }
.mcr-test-button--light { border-color: #fff; background: #fff; color: #090a0c; }
.mcr-test-button--light:hover, .mcr-test-button--light:focus-visible { border-color: #090a0c; background: #090a0c; color: #fff; }
@media (max-width: 850px) {
	.mcr-test-hero__grid { grid-template-columns: 1fr; }
	.mcr-test-hero__badge { justify-self: center; width: min(72%, 360px); transform: rotate(2deg); }
	.mcr-test-step { grid-template-columns: 62px minmax(0, 1fr); }
	.mcr-test-step__icon { width: 58px; height: 58px; grid-column: 1; grid-row: 2; font-size: 1.4rem; }
	.mcr-test-step__content { grid-column: 2; grid-row: 1 / span 2; }
	.mcr-test-feedback__grid { grid-template-columns: 1fr; }
	.mcr-test-feedback .mcr-test-button { justify-self: start; }
}
@media (max-width: 560px) {
	.mcr-test-hero { padding-top: 54px; }
	.mcr-test-hero h1 { font-size: clamp(3rem, 16vw, 4.6rem); }
	.mcr-test-hero__badge { width: min(82%, 320px); }
	.mcr-test-step { display: block; padding: 25px 21px; }
	.mcr-test-step__number { position: absolute; right: 18px; top: 21px; opacity: .2; }
	.mcr-test-step__icon { margin-bottom: 22px; }
	.mcr-test-actions { display: grid; }
	.mcr-test-button { width: 100%; }
	.mcr-test-feedback .mcr-test-button { justify-self: stretch; }
}