/* Loaded only by Home. Existing tablet and desktop styles remain authoritative. */
.dt-home-mobile-languages { display: none; }

@media (max-width: 639.98px) {
    .dt-home-page #top > .dt-public-header-row {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto 40px;
        gap: 8px;
        min-height: 64px;
        padding-inline: 16px;
    }
    .dt-home-page .dt-public-header-row > a { font-size: 21px; min-width: 0; }
    .dt-home-page .dt-public-header-actions { grid-column: 2; grid-row: 1; gap: 0; min-width: 0; }
    .dt-home-page .dt-public-header-actions > a:last-child {
        min-height: 38px;
        padding: 8px 11px;
        font-size: 11.5px;
        line-height: 1.3;
        white-space: nowrap;
        box-shadow: 0 5px 14px #2d70801a;
    }
    .dt-home-page .dt-public-menu-toggle { grid-column: 3; grid-row: 1; width: 40px; height: 44px; padding: 8px; }
    .dt-home-page .dt-public-header-language { display: none; }
    .dt-home-page #home-mobile-nav {
        max-height: calc(100svh - 64px);
        overflow-y: auto;
        padding: 12px 16px 20px;
        gap: 2px;
    }
    .dt-home-page #home-mobile-nav > a { display: flex; align-items: center; min-height: 40px; width: 100%; font-size: 14px; }
    .dt-home-page .dt-home-mobile-languages {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        width: 100%;
        margin-top: 10px;
        padding-top: 14px;
        border-top: 1px solid #dce6e4;
    }
    .dt-home-page .dt-home-mobile-languages a {
        display: flex;
        align-items: center;
        gap: 8px;
        min-height: 40px;
        padding: 8px 10px;
        border: 1px solid #dce6e4;
        border-radius: 10px;
        color: #3e5368;
        font-size: 13px;
        font-weight: 600;
    }
    .dt-home-page .dt-home-mobile-languages a[aria-current],
    .dt-home-page .dt-home-mobile-languages a:hover { background: #edf5f4; border-color: #2d7080; color: #2d7080; }
    .dt-home-page .dt-home-mobile-languages img { flex-shrink: 0; width: 20px; height: 14px; object-fit: cover; border-radius: 2px; }
    .dt-home-page #main { font-size: 14px; }
    .dt-home-page #main :is(.grid, .grid > div, article) { min-width: 0; }
    .dt-home-page #main > section { padding-block: 44px; scroll-margin-top: 76px; }
    .dt-home-page #main > section > .mx-auto { padding-inline: 20px; }
    .dt-home-page #main h1 { font-size: clamp(30px, 8vw, 36px); line-height: 1.12; letter-spacing: -.04em; overflow-wrap: break-word; }
    .dt-home-page #main h2 { font-size: clamp(26px, 7vw, 32px); line-height: 1.15; letter-spacing: -.035em; overflow-wrap: break-word; }
    .dt-home-page #main h3 { font-size: 17px; line-height: 1.35; overflow-wrap: break-word; }
    .dt-home-page #main p { font-size: 14px; line-height: 1.65; overflow-wrap: break-word; }
    .dt-home-page #main p.uppercase { font-size: 10px; line-height: 1.5; letter-spacing: .1em; margin-bottom: 14px; gap: 8px; }
    .dt-home-page #main p.uppercase > span { flex-shrink: 0; width: 20px; }
    .dt-home-page #main :is(a, button).btn-sweep {
        min-width: 0;
        min-height: 44px;
        padding: 10px 16px;
        font-size: 13px;
        line-height: 1.4;
        gap: 8px;
    }
    .dt-home-page #main [data-home-section="hero"] { padding-block: 0; }
    .dt-home-page [data-home-section="hero"] > .mx-auto { padding-block: 36px 44px; gap: 28px; }
    .dt-home-page [data-home-section="hero"] h1 + p { margin-top: 18px; }
    .dt-home-page [data-home-section="hero"] h1 + p + div { margin-top: 22px; gap: 10px; }
    .dt-home-page [data-home-section="hero"] .dt-hero-demo-icon { display: grid; grid-template-columns: 1fr; gap: 0; width: 25px; height: 25px; min-width: 25px; flex-shrink: 0; }
    .dt-home-page [data-home-section="hero"] .dt-hero-trial-details { display: flex; flex-wrap: wrap; margin-top: 18px; font-size: 12px; font-weight: 500; gap: 8px; }
    .dt-home-page .dt-hero-trial-details > span { min-width: 0; max-width: 100%; gap: 8px; padding: 6px 10px; line-height: 1.5; }
    .dt-home-page [data-home-section="hero"] .dt-hero-trial-icon { display: grid; grid-template-columns: 1fr; gap: 0; width: 24px; height: 24px; min-width: 24px; flex-shrink: 0; border-radius: 50%; font-size: 10px; }
    .dt-home-page .dt-hero-trial-icon svg, .dt-home-page .dt-hero-demo-icon svg { display: block; width: 12px; height: 12px; }
    .dt-home-page [data-home-section="hero"] div[aria-hidden="true"].grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
    .dt-home-page [data-home-section="hero"] .grid.place-content-center { min-height: 130px; padding: 20px 14px; }
    .dt-home-page [data-home-section="hero"] .grid.place-content-center p { font-size: 12px; line-height: 1.5; }
    .dt-home-page [data-home-section="hero"] .grid.place-content-center strong { font-size: 14px; }
    .dt-home-page #main article { min-height: 0; padding: 20px; }
    .dt-home-page [data-home-section="flow"] article small { margin-top: 18px; }
    .dt-home-page [data-home-section="roles"] article h3,
    .dt-home-page [data-home-section="proof"] article h3 { margin-top: 20px; }
    .dt-home-page [data-home-section="benefits"] article { grid-template-columns: 28px minmax(0, 1fr); gap: 10px; padding: 18px 0; }
    .dt-home-page [data-home-section="benefits"] .grid.justify-items-center { min-height: 230px; padding: 24px 20px; }
    .dt-home-page [data-home-section="demo"] .grid.justify-items-center { min-height: 230px; padding: 24px 20px; }
    .dt-home-page [data-home-section="demo"] button { width: 52px; height: 52px; margin-top: 20px; }
    .dt-home-page #main section > .mx-auto > :is(.mb-14, .mb-\[62px\]) { margin-bottom: 28px; gap: 18px; }
    .dt-home-page [data-home-section="benefits"] .grid.items-stretch,
    .dt-home-page [data-home-section="demo"] > .grid,
    .dt-home-page [data-home-section="faq"] > .grid,
    .dt-home-page [data-home-section="cta"] > .grid { gap: 28px; }
    .dt-home-page #main p.mt-6 { margin-top: 16px; }
    .dt-home-page #main summary { gap: 12px; padding-block: 16px; font-size: 14px; line-height: 1.5; }
    .dt-home-page #main summary > span { flex-shrink: 0; }
    .dt-home-page #main details > p { margin-right: 0; margin-bottom: 18px; padding-right: 24px; font-size: 13px; }
    .dt-home-page > footer { padding-top: 36px; }
    .dt-home-page > footer > .grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 16px; padding-inline: 20px; }
    .dt-home-page > footer > .grid > div:first-child { grid-column: 1 / -1; }
    .dt-home-page > footer h2 { margin-bottom: 10px; }
    .dt-home-page > footer p { margin-top: 12px; font-size: 13px; line-height: 1.6; }
    .dt-home-page > footer > div:last-child { margin-top: 28px; padding-inline: 20px; }
}
