/* J · Contrast refined. G is preserved for comparison. */
.j-step-art { display: none; }
html:is([data-design="j"], [data-design="k"]) .step-media { display: none; }
html:is([data-design="j"], [data-design="k"]) .j-step-art { display: block; width: 100%; height: auto; object-fit: cover; aspect-ratio: 4 / 5; margin-bottom: 14px; order: 1; border-radius: 12px; }
/* Explicit minimums stop intrinsic text/image sizes widening grid tracks in Safari. */
html:is([data-design="j"], [data-design="k"]) :is(.wrap, .hero-text, .steps-intro, .step, .app-text, .teaser-text, .story-text, .form, .value, .benefit, .planned-list, .footer-inner > *, .field, .search-bar label) { min-width: 0; }
html:is([data-design="j"], [data-design="k"]) :is(p, h1, h2, h3, a, label) { overflow-wrap: anywhere; }
html:is([data-design="j"], [data-design="k"]) .step-list { grid-template-columns: repeat(4, minmax(0, 1fr)); }
html:is([data-design="j"], [data-design="k"]) .step-list > * { min-width: 0; }
html:is([data-design="j"], [data-design="k"]) :is(.hero-media, .teaser-media, .join) { isolation: isolate; }
html:is([data-design="j"], [data-design="k"]) :is(.hero-media, .teaser-media) img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
html:is([data-design="j"], [data-design="k"]) .phone { zoom: 1; width: 280px; max-width: 100%; }
html:is([data-design="j"], [data-design="k"]) .phone-screen { min-width: 0; }
@media (max-width: 1080px) {
 html:is([data-design="j"], [data-design="k"]) .step-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 860px) {
 html:is([data-design="j"], [data-design="k"]) :is(.app-grid, .form-grid, .story-grid, .process-grid, .planned-grid) { grid-template-columns: minmax(0, 1fr); }
 html:is([data-design="j"], [data-design="k"]) .garages-teaser { grid-template-columns: minmax(0, 1fr); }
 html:is([data-design="j"], [data-design="k"]) .hero-text { width: 100%; }
 html:is([data-design="j"], [data-design="k"]) .teaser-media { height: clamp(230px, 55vw, 360px); min-height: 0; }
 html:is([data-design="j"], [data-design="k"]) .phone { width: 250px; }
 html:is([data-design="j"], [data-design="k"]) .phone-screen { height: 520px; padding-inline: 12px; }
}
@media (max-width: 560px) {
 html:is([data-design="j"], [data-design="k"]) .search-bar { grid-template-columns: minmax(0, 1fr) auto; }
 html:is([data-design="j"], [data-design="k"]) .step-list { gap: 28px 16px; }
 html:is([data-design="j"], [data-design="k"]) .header-inner { gap: 8px; }
 html:is([data-design="j"], [data-design="k"]) .header-tools { gap: 10px; }
 html:is([data-design="j"], [data-design="k"]) .j-step-art { aspect-ratio: 1 / 1.1; }
}