.mobile-simulator-notice { display: none; }
.mobile-simulator-hint { display: none; }
@media (max-width: 900px) and (any-pointer: coarse), (max-width: 600px) {
    .mobile-simulator-notice[open] {
        position: fixed; inset: 0; z-index: 30000; display: grid;
        box-sizing: border-box; width: 100%; max-width: none; height: 100dvh; max-height: none; margin: 0; border: 0;
        place-items: center; overflow-y: auto; background: #f5f5f7;
        padding: max(24px, env(safe-area-inset-top)) 20px max(24px, env(safe-area-inset-bottom));
        color: #1d1d1f; font: 16px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }
    .mobile-simulator-card { width: min(460px, 100%); margin: auto; }
    .mobile-simulator-card h1 { font-size: 28px; line-height: 1.2; letter-spacing: -.6px; }
    .mobile-simulator-card p { color: #62626a; }
    .mobile-simulator-card a, .mobile-simulator-card button {
        display: block; box-sizing: border-box; width: 100%; min-height: 48px;
        margin-top: 12px; padding: 12px 16px; border: 1px solid #e1e6ed;
        border-radius: 16px; background: #fff; color: #1267c4; text-align: center;
        text-decoration: none; font: inherit; touch-action: manipulation;
    }
    .mobile-simulator-card button { color: #62626a; cursor: pointer; }
    .mobile-simulator-card :focus-visible { outline: 3px solid #007aff; outline-offset: 3px; }
    .hero .mobile-simulator-hint { display: block; color: #62626a; font-size: 14px; line-height: 1.6; }
}