.mobile-home-hero { display: none; }
@media (max-width: 640px) {
    html:has(.mobile-home-hero), body:has(.mobile-home-hero) { margin: 0 !important; padding: 0 !important; background: #071525 !important; }
    body:has(.mobile-home-hero) > main { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; }
    body .classic-home, body .pro-app-hero { display: none !important; }
    body .mobile-home-hero { display: block; position: relative; isolation: isolate; overflow: hidden; box-sizing: border-box; width: 100%; margin: 0; padding: 32px 20px 20px; background: #071525; color: #fff; }
    .mobile-home-photo { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
    .mobile-home-hero::before { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(180deg, #071525 0%, transparent 12%), linear-gradient(90deg, rgba(4,18,31,.45), rgba(4,18,31,.12) 65%, transparent), linear-gradient(0deg, #071525 0%, transparent 26%); }
    .mobile-home-content { width: 100%; }
    .mobile-home-hero :is(h1,:where(.home-secondary-heading)) { margin: 0 0 12px; color: #fff; font-size: clamp(32px, 10.2vw, 44px); font-weight: 850; letter-spacing: -1.5px; line-height: .99; text-align: left; text-transform: none; }
    .mobile-home-hero :is(h1,:where(.home-secondary-heading)) span:not(:where(.home-visual-strong,.home-visual-b)) { color: #ff920b; }
    .mobile-home-content > p { max-width: 70%; margin: 0 0 18px; color: #d7e0e8; font-size: clamp(13px, 3.6vw, 17px); line-height: 1.35; }
    .mobile-home-benefits { display: grid; grid-template-columns: repeat(3, 1fr); width: 245px; max-width: 100%; margin-bottom: 18px; }
    .mobile-home-benefits > span:not(:where(.home-visual-strong,.home-visual-b)) { display: flex; flex-direction: column; align-items: center; gap: 5px; border-right: 1px solid #ffffff30; color: #fff; font-size: 10px; font-weight: 650; line-height: 1.2; text-align: center; }
    .mobile-home-benefits > span:not(:where(.home-visual-strong,.home-visual-b)):last-child { border: 0; }
    .mobile-home-benefits svg { width: 31px; height: 31px; fill: none; stroke: #ffa000; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
    .mobile-home-actions { display: grid; gap: 7px; width: 78%; max-width: 340px; }
    .mobile-home-actions a { position: relative; display: flex; justify-content: center; align-items: center; gap: 0; height: 42px; min-height: 0; box-sizing: border-box; padding: 0 36px; border-radius: 999px; color: #fff; font-size: clamp(16px, 4.7vw, 21px); font-weight: 750; line-height: 1; white-space: nowrap; letter-spacing: -.3px; text-align: center; text-decoration: none; -webkit-tap-highlight-color: transparent; transition: transform .15s ease, filter .15s ease; }
    .mobile-home-actions a > span:not(:where(.home-visual-strong,.home-visual-b)) { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); margin: 0; font-size: 27px; font-weight: 500; line-height: 1; }
    .mobile-home-call { border: 1px solid #ffad35; background: linear-gradient(110deg, #ff9c08 0%, #ff6508 25%, #e83b24 50%, #ff6508 75%, #ff9c08 100%); background-size: 250% 100%; animation: mobile-call-warm-flow 4s ease-in-out infinite alternate; box-shadow: 0 4px 16px #ff890026, inset 0 1px 0 #ffffff26; }
    @keyframes mobile-call-warm-flow {
        from { background-position: 0% 50%; }
        to { background-position: 100% 50%; }
    }
    .mobile-home-call svg { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); width: 19px; height: 19px; fill: currentColor; }
    .mobile-home-actions .mobile-home-services { height: 38px; border: 1px solid #e0eaf4; background: #061827ed; box-shadow: 0 3px 12px #0003; }
    .mobile-home-actions a:active { transform: translateY(1px); filter: brightness(.94); }
    @media (prefers-reduced-motion: reduce) {
        .mobile-home-actions a { transition: none; }
        .mobile-home-call { animation: none; background-position: 50% 50%; }
    }
    .mobile-home-phone { display: grid; grid-template-columns: 22px minmax(0, 1fr) auto; align-items: center; gap: 9px; box-sizing: border-box; min-height: 50px; margin-top: 14px; padding: 9px 12px; border: 1px solid #28516a; border-radius: 12px; background: #061827; color: #fff; text-decoration: none; box-shadow: 0 4px 14px #0002; }
    .mobile-home-phone-icon { display: block; width: 22px; height: 22px; fill: none; stroke: #ff950b; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
    .mobile-home-phone :is(strong,:where(.home-visual-strong)) { font-size: clamp(18px, 5.5vw, 26px); font-weight: 800; line-height: 1; white-space: nowrap; letter-spacing: -.5px; }
    .mobile-home-phone > span:not(:where(.home-visual-strong,.home-visual-b)) { border-left: 1px solid #ffffff26; padding-left: 10px; color: #d5e3ee; font-size: clamp(8px, 2.4vw, 10px); line-height: 1.4; text-transform: uppercase; letter-spacing: .15px; }
    .mobile-home-hero a:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
}