/* Mobile is a readable layout, not a miniature desktop. Desktop is untouched. */
@media (max-width: 900px) {
    body.collabit-dev-premium {
        --staging-section-gap: 48px;
        --mobile-gutter: clamp(20px, 5vw, 36px);
        overflow-x: visible;
    }
    .collabit-dev-premium .collabit-scale-shell {
        height: auto !important; overflow: visible; container-type: normal;
    }
    .collabit-dev-premium .collabit-scale-backdrops { display: none; }
    .collabit-dev-premium .collabit-scale-canvas,
    .collabit-dev-premium .collabit-viewport-header-canvas {
        position: relative; top: auto; left: auto; width: 100%;
        margin: 0; transform: none !important;
    }
    .collabit-dev-premium .collabit-viewport-header {
        height: 72px !important; background: #033e3c; container-type: normal;
    }
    .collabit-dev-premium .collabit-viewport-header-canvas > header {
        position: relative !important; width: 100% !important; height: 72px;
        background: #033e3c !important; color: #fff;
    }
    .collabit-dev-premium header > nav.container { width: 100%; padding: 12px var(--mobile-gutter); }
    .collabit-dev-premium header .site-header-row { display: flex; gap: 8px; align-items: center; }
    .collabit-dev-premium .site-header-brand { margin-right: auto; flex: none; }
    .collabit-dev-premium .site-header-brand img { width: min(112px, 28vw) !important; height: auto; }
    .collabit-dev-premium .site-header-navwrap { display: contents !important; }
    .collabit-dev-premium header[data-dev-mobile-ready] .mobile-menu,
    .collabit-dev-premium .staging-home-consultation-popout { display: none !important; }
    .collabit-dev-premium .dev-mobile-menu-toggle {
        display: flex; align-items: center; justify-content: center; flex: none;
        width: 44px; height: 48px; border: 1px solid #6b9b8d; border-radius: 8px;
        background: transparent; color: #fff; cursor: pointer;
    }
    .collabit-dev-premium header.bg-white .site-header-brand img { filter: brightness(0) invert(1); }
    .collabit-dev-premium .dev-mobile-menu-toggle span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
    .collabit-dev-premium :is(.dev-mobile-menu-toggle, .dev-mobile-submenu-toggle) svg {
        width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round;
    }
    .collabit-dev-premium header .dev-mobile-demo {
        min-height: 44px; padding: 10px 12px !important; font: 600 12px/1.3 Poppins, sans-serif !important;
        white-space: nowrap; color: #fff !important; background: #007b67 !important;
    }
    /* Override the legacy desktop menu's ID selectors and important half-width. */
    .collabit-dev-premium header #dev-mobile-navigation {
        display: none !important; position: absolute; top: 72px; left: 0; right: 0;
        width: 100% !important; margin: 0; max-height: calc(100dvh - 72px - var(--dev-chat-clearance, 0px)); overflow-y: auto;
        overscroll-behavior: contain; padding: 16px var(--mobile-gutter) 24px;
        background: #fff; color: #033e3c; box-shadow: 0 12px 25px #002f3426;
    }
    .collabit-dev-premium header[data-mobile-menu-open] #dev-mobile-navigation { display: block !important; }
    .collabit-dev-premium header #dev-mobile-navigation ul { display: block !important; margin: 0; padding: 0; width: 100%; }
    .collabit-dev-premium header #dev-mobile-navigation li { display: block; position: relative; margin: 0; padding: 0; width: 100%; border-bottom: 1px solid #e3ece8; }
    .collabit-dev-premium header #dev-mobile-navigation a {
        display: flex; align-items: center; min-height: 48px; padding: 12px 48px 12px 4px !important;
        font: 500 16px/1.5 Poppins, sans-serif !important; color: #006c5d !important;
        white-space: normal; width: auto; background: none;
    }
    .collabit-dev-premium header #dev-mobile-navigation :is(a, li):after { display: none; }
    .collabit-dev-premium header #dev-mobile-navigation .sub-menu {
        display: none !important; position: static !important; inset: auto; width: auto !important;
        min-width: 0; max-width: none; height: auto !important; max-height: none; overflow: visible;
        opacity: 1; visibility: visible; transform: none; padding: 0 0 8px 14px;
        border: 0; border-radius: 0; box-shadow: none; background: #f6faf8;
    }
    .collabit-dev-premium header #dev-mobile-navigation [data-mobile-expanded] > .sub-menu { display: block !important; }
    .collabit-dev-premium .dev-mobile-submenu-toggle {
        position: absolute; right: 0; top: 2px; width: 44px; height: 44px;
        display: grid; place-items: center; background: #edf5f1; color: #006c5d; border: 0; border-radius: 6px;
    }
    .collabit-dev-premium .dev-mobile-submenu-toggle[aria-expanded="true"] svg { rotate: 180deg; }
    .collabit-dev-premium:has(header[data-mobile-menu-open]) .collabit-bot { visibility: hidden; pointer-events: none; }
    .collabit-dev-premium :is(a, button, input, select, textarea):focus-visible { outline: 2px solid #2fa58f; outline-offset: 3px; }
    .collabit-dev-premium main { width: 100%; }
    .collabit-dev-premium main > section { content-visibility: visible; contain-intrinsic-size: none; }
    .collabit-dev-premium [data-aos] { opacity: 1 !important; transform: none !important; }
    .collabit-dev-premium main > section:first-child {
        min-height: 0 !important; padding: 112px 0 32px !important;
    }
    .collabit-dev-premium main > section:first-child :is([class*="hero-grid"], .reference-hero-grid) {
        display: grid !important; grid-template-columns: minmax(0, 1fr) !important;
        width: calc(100% - var(--mobile-gutter) * 2) !important; max-width: 640px !important;
        gap: 32px !important; align-items: start !important;
    }
    .collabit-dev-premium main > section:first-child h1 {
        font-size: clamp(32px, 9.3vw, 52px) !important; line-height: 1.12 !important;
        letter-spacing: -.035em !important; width: auto !important; max-width: 100% !important;
        margin-top: 0 !important;
    }
    .collabit-dev-premium main > section:first-child h1 span { white-space: normal !important; }
    .collabit-dev-premium main > section:first-child :is([class*="hero-copy"], .reference-hero-copy) > p {
        font-size: 16px !important; line-height: 1.7 !important; margin-top: 20px !important;
    }
    .collabit-dev-premium main > section:first-child :is([class*="hero-visual"], .reference-real-system-hero, .ai-alt-hero-graphic) {
        margin: 0 !important; align-self: start !important; transform: none !important;
        width: 100% !important; max-width: 100% !important; min-width: 0 !important;
    }
    .collabit-dev-premium .reference-hero .reference-actions { flex-wrap: wrap !important; }
    .collabit-dev-premium main > .reference-hero { display: flex; flex-direction: column; }
    .collabit-dev-premium main [class$="-actions"] { gap: 12px !important; flex-wrap: wrap !important; }
    .collabit-dev-premium main :is(.btn, a[class*="-button"], [class$="-actions"] > a) {
        min-height: 48px !important; font-size: 14px !important; padding: 12px 16px !important;
        white-space: normal !important; text-align: center;
    }
    .collabit-dev-premium .dev-product-scene { max-width: 600px; margin: 0 auto; }
    .collabit-dev-premium .reference-hero .dev-product-scene { aspect-ratio: 1.2; }
    .collabit-dev-premium .dev-product-scene.has-tall-screen { aspect-ratio: 1.03; }
    .collabit-dev-premium .has-tall-screen .dev-screen-main { width: 74%; left: 3%; }
    .collabit-dev-premium .dev-screen-frame { padding: 4px; border-radius: 8px; }
    .collabit-dev-premium .dev-screen-toolbar { gap: 3px; flex-wrap: nowrap; min-height: 48px; padding: 0 0 4px; }
    .collabit-dev-premium .dev-screen-toolbar > span { display: block; font-size: 10px; }
    .collabit-dev-premium :is(.dev-screen-toolbar button, .dev-viewer-toggle) { min-height: 44px; font-size: 12px; padding: 8px; }
    .collabit-dev-premium .dev-screen-toolbar button:first-of-type { margin-left: auto; }
    .collabit-dev-premium .dev-product-preview { top: -8%; font-size: 10px; }
    .collabit-dev-premium .dev-film-control { position: relative; display: block; order: 2; bottom: auto; right: auto; margin: 32px auto 0 var(--mobile-gutter); min-height: 44px; }
    .collabit-dev-premium .dev-hero-film:after { background: linear-gradient(180deg, #073f3cf5 0%, #073f3cea 45%, #073f3c80 80%, #073f3c 100%); }
    .collabit-dev-premium .dev-home-showcase-inner {
        width: calc(100% - var(--mobile-gutter) * 2); max-width: 640px; padding-block: 36px 12px;
    }
    .collabit-dev-premium .dev-home-showcase-heading {
        align-items: flex-start; flex-direction: column; gap: 12px; margin-bottom: 24px;
    }
    .collabit-dev-premium .dev-home-showcase-heading h2 { font-size: clamp(28px, 7vw, 38px); }
    .collabit-dev-premium .dev-home-journey-heading h2 { font-size: clamp(28px, 7vw, 38px); }
    .collabit-dev-premium .dev-home-journey-heading h2 br { display: none; }
    .collabit-dev-premium .dev-home-section-intro { margin-top: 16px; font-size: 16px; }
    .collabit-dev-premium .dev-home-journey-heading { margin-bottom: 28px; }
    .collabit-dev-premium :is(.dev-home-journey-next, .dev-home-platform-footer) {
        flex-direction: column; align-items: flex-start; gap: 14px; margin-top: 24px; padding-top: 24px;
    }
    .collabit-dev-premium .dev-home-feature-grid { grid-template-columns: minmax(0, 1fr); gap: 12px; margin-top: 28px; }
    .collabit-dev-premium .dev-home-feature { padding: 24px 20px; column-gap: 12px; }
    .collabit-dev-premium .dev-home-platform-footer p { font-size: 17px; }
    .collabit-dev-premium .dev-home-product-collage {
        display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr);
        align-items: start; gap: 20px 12px; aspect-ratio: auto;
    }
    .collabit-dev-premium .dev-home-product-collage .dev-screen-frame {
        position: relative; inset: auto; width: 100%; padding: 5px; border-radius: 12px;
        box-shadow: 0 16px 35px -18px #0c493b40;
    }
    .collabit-dev-premium .dev-home-showcase-main { grid-column: 1 / -1; }
    .collabit-dev-premium .dev-home-showcase-map { grid-column: 1; grid-row: 2; }
    .collabit-dev-premium .dev-home-showcase-detail { grid-column: 1; grid-row: 3; }
    .collabit-dev-premium .dev-home-showcase-mobile { grid-column: 2; grid-row: 2 / 4; }
    .collabit-dev-premium .dev-home-showcase-main .dev-screen-toolbar { padding: 0 0 5px; gap: 3px; font-size: 10px; }
    .collabit-dev-premium .dev-home-showcase-main .dev-screen-toolbar button { padding: 8px 6px; }
    .collabit-dev-premium .dev-home-product-collage .is-compact .dev-screen-toolbar {
        display: grid; grid-template-columns: minmax(0, 1fr) 44px;
        padding: 0 0 5px; gap: 4px;
    }
    .collabit-dev-premium .dev-home-product-collage .is-compact .dev-screen-toolbar > span { grid-column: 1 / -1; }
    .collabit-dev-premium .dev-home-product-collage .is-compact .dev-screen-toolbar button { margin: 0; min-height: 44px; }
    .collabit-dev-premium .dev-home-showcase-mobile .dev-screen-stage { border-width: 4px; border-radius: 12px; }
    .collabit-dev-premium .dev-home-finance-inner {
        width: calc(100% - var(--mobile-gutter) * 2); max-width: 640px; padding-block: 40px;
    }
    .collabit-dev-premium .dev-home-finance-grid { grid-template-columns: minmax(0, 1fr); gap: 28px; }
    .collabit-dev-premium .dev-home-finance h2 { font-size: clamp(30px, 8vw, 42px); }
    .collabit-dev-premium .dev-home-finance-copy > p:not(.dev-finance-eyebrow) { font-size: 16px; }
    .collabit-dev-premium .dev-finance-actions { flex-direction: row; flex-wrap: wrap; gap: 8px 20px; }
    .collabit-dev-premium .dev-finance-link { min-height: 48px; }
    .collabit-dev-premium .dev-finance-screen { padding: 5px; border-radius: 12px; }
    .collabit-dev-premium .dev-finance-screen .dev-screen-toolbar { gap: 3px; padding: 0 0 5px; }
    .collabit-dev-premium .dev-finance-screen .dev-screen-toolbar button { min-width: 44px; min-height: 44px; padding: 8px 6px; }
    .collabit-dev-premium .dev-finance-points { grid-template-columns: minmax(0, 1fr); gap: 24px; margin-top: 28px; padding-top: 28px; }
    .collabit-dev-premium :is(.staging-consultation-panel, .staging-consultation-fields, .staging-closing-panel) {
        grid-template-columns: minmax(0, 1fr) !important; gap: 24px !important;
    }
    .collabit-dev-premium .staging-closing-panel { width: calc(100% - var(--mobile-gutter) * 2) !important; }
    .collabit-dev-premium :is(.staging-closing-actions, .staging-closing-signals) { justify-content: flex-start; }
    .collabit-dev-premium .staging-consultation-panel { padding: 24px; }
    .collabit-dev-premium .staging-consultation-fields label > span:not(.wpcf7-form-control-wrap) {
        position: static; display: block; width: auto; height: auto; clip: auto; overflow: visible;
        margin-bottom: 8px; font-size: 14px; font-weight: 500; color: var(--staging-navy);
    }
    .collabit-dev-premium :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea) {
        font-size: 16px !important; min-height: 48px; max-width: 100%;
    }
    .collabit-dev-premium :is([id], [name]) { scroll-margin-top: 88px; }
    .collabit-dev-premium .staging-sector-grid {
        display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px;
        overflow: visible; padding-bottom: 0;
    }
    .collabit-dev-premium .staging-sector-card { min-width: 0; }
    .collabit-dev-premium .staging-integrations-inner { grid-template-columns: 1fr; }
    .collabit-dev-premium .staging-integration-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .collabit-dev-premium main :is(article > p, article > ul, article > ul > li, [class$="-copy"] > p, [class$="-copy"] > ul > li, .staging-consultation-points li, .staging-consultation-form > p) {
        font-size: 16px !important; line-height: 1.65 !important;
    }
    .collabit-dev-premium :is(.reference-card-copy strong, .reference-card-head p, .ai-alt-plan-list li, .ai-alt-plan-card-heading p) { font-size: 15px; line-height: 1.6; }
    .collabit-dev-premium :is(.reference-card-head h2, .ai-alt-plan-card-heading h3) { font-size: 21px; line-height: 1.2; }
    .collabit-dev-premium .reference-card-copy { padding: 20px; }
    .collabit-dev-premium .reference-journey-grid { min-height: 0; }
    .collabit-dev-premium .reference-card-copy ul { gap: 10px; }
    .collabit-dev-premium .reference-solutions-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
    .collabit-dev-premium .reference-solution-card { padding: 18px 12px; }
    .collabit-dev-premium :is(.reference-solution-card h3, .staging-sector-card strong) { font-size: 16px; line-height: 1.35; }
    .collabit-dev-premium .reference-solution-card p { font-size: 14px !important; }
    .collabit-dev-premium .staging-sector-card small { font-size: 12px; margin-top: 14px; }
    .collabit-dev-premium .ai-alt-planner-tablist { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); overflow: visible; }
    .collabit-dev-premium .ai-alt-planner-tab { min-width: 0; min-height: 48px; width: auto; padding: 10px 6px; }
    .collabit-dev-premium .ai-alt-planner-panel { aspect-ratio: 16 / 9; }
    .collabit-dev-premium .ai-alt-planner-canvas { width: 100%; transform: none; }
    .collabit-dev-premium .collabit-planner-viewer { aspect-ratio: auto; }
    .collabit-dev-premium .collabit-planner-viewer-panel { position: relative; aspect-ratio: 1845 / 1380; }
    .collabit-dev-premium .collabit-planner-viewer-hotspots {
        position: static; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px;
        pointer-events: auto; padding-bottom: 12px;
    }
    .collabit-dev-premium .collabit-planner-viewer-hotspots button {
        position: static; width: auto; height: auto; min-height: 44px; padding: 8px 4px;
        color: #006c5d; background: #edf5f1; font: 500 13px/1.35 Poppins, sans-serif;
    }
    .collabit-dev-premium .collabit-planner-viewer-hotspots button::after { content: attr(data-label); }
    .collabit-dev-premium .collabit-planner-viewer-hotspots button[aria-selected="true"] { background: #007b67; color: #fff; }
    .collabit-dev-premium .collabit-planner-viewer .dev-viewer-toggle { position: relative; right: auto; bottom: auto; margin-top: 8px; }
    .collabit-dev-premium :is(.fgas-stage-evidence-steps, .water-service-construction .water-stage-feature-grid.is-text-only) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .collabit-dev-premium .fgas-stage-evidence-heading { min-height: 0; height: auto; }
    .collabit-dev-premium .fgas-stage-evidence-heading::after { display: none; }
    .collabit-dev-premium .insights-solutions-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: visible; }
    .collabit-dev-premium .insights-solution-card { min-width: 0; }
    .collabit-dev-premium :is(.insights-orbit, .ebooks-stage-orbit) { display: none; }
    .collabit-dev-premium footer { padding-top: 48px; }
    .collabit-dev-premium footer > .container:first-child { padding-inline: var(--mobile-gutter); grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 28px 16px; }
    .collabit-dev-premium footer > .container:first-child > div { grid-column: auto !important; }
    .collabit-dev-premium footer > .container:first-child > :first-child { grid-column: 1 / -1 !important; }
    .collabit-dev-premium footer > .container > :first-child { grid-column: 1 / -1; }
    .collabit-dev-premium footer > .container > :first-child img { max-width: 140px; }
    .collabit-dev-premium footer .footer-menu a { display: flex; align-items: center; min-height: 44px; padding-block: 8px; font-size: 14px; line-height: 1.5; }
    .collabit-dev-premium footer :is(h3, .text-base) { font-size: 18px; }
    .collabit-dev-premium #cookie-law-info-bar { max-height: 60dvh; overflow-y: auto; padding: 16px !important; font-size: 14px !important; }
    .collabit-dev-premium #cookie-law-info-bar :is(a, button) { min-height: 44px; display: inline-flex; align-items: center; padding: 10px 12px; }
    .collabit-dev-premium .collabit-bot__panel { max-height: calc(100dvh - 160px - var(--dev-chat-clearance, 0px)); }
    .collabit-dev-premium .collabit-bot__launcher { width: 48px; height: 48px; min-height: 48px; }

    /* The visual-first order is available before JavaScript or the first paint. */
    .collabit-dev-premium main > section:first-child [class*="hero-copy"] { display: contents; }
    .collabit-dev-premium main > section:first-child [class*="hero-copy"] > h1 { order: 1; margin-bottom: 0 !important; }
    .collabit-dev-premium main > section:first-child [class*="hero-grid"] > :not([class*="hero-copy"]) { order: 2; }
    .collabit-dev-premium main > section:first-child [class*="hero-copy"] > p { order: 3; margin: 0 !important; }
    .collabit-dev-premium main > section:first-child [class*="hero-copy"] > [class*="eyebrow"] { order: 0; font-size: 12px !important; }
    .collabit-dev-premium main > section:first-child [class*="hero-copy"] > :is(div, ul) { order: 4; margin-top: 0 !important; }
    .collabit-dev-premium main > section:first-child [class*="hero-grid"] { gap: 22px !important; }
    .collabit-dev-premium main > section:first-child [class*="hero-copy"] > p:empty { display: none; }
    .collabit-dev-premium .reference-hero .reference-actions { display: grid; grid-template-columns: 1fr 1fr; }
    .collabit-dev-premium .reference-hero .reference-actions > a:first-child { grid-column: 1 / -1; }
    .collabit-dev-premium .reference-hero .reference-actions > a { display: flex; align-items: center; justify-content: center; }
    .collabit-dev-premium .reference-benefit-strip { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; padding: 24px 0; }
    .collabit-dev-premium .reference-benefit-strip > div { min-width: 0; text-align: left; padding: 0; }
    .collabit-dev-premium .reference-benefit-strip strong { font-size: 18px; line-height: 1.35; }
    .collabit-dev-premium .reference-benefit-strip span { font-size: 13px; line-height: 1.5; }
    .collabit-dev-premium .dev-mobile-accordion {
        display: grid !important; grid-template-columns: minmax(0, 1fr) !important;
        gap: 12px !important; min-height: 0 !important;
    }
    .collabit-dev-premium .dev-mobile-accordion > article {
        display: block; width: 100%; min-height: 0; padding: 20px !important; border-radius: 12px !important;
    }
    .collabit-dev-premium .dev-mobile-accordion > article::after { display: none; }
    .collabit-dev-premium .dev-mobile-accordion :is(.reference-card-head, .ai-alt-plan-card-heading) { min-height: 0; height: auto; padding: 0; display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 12px; }
    .collabit-dev-premium .dev-mobile-accordion :is(.reference-card-head > span, .ai-alt-plan-card-icon) { width: 36px; height: 36px; font-size: 20px; margin: 0; }
    .collabit-dev-premium .dev-mobile-accordion .features-stage-capability-intro { display: grid; grid-template-columns: 32px minmax(0, 1fr); gap: 12px; }
    .collabit-dev-premium .dev-mobile-accordion .features-stage-icon { width: 32px; height: 32px; }
    .collabit-dev-premium .dev-mobile-accordion .features-stage-capability-intro p { margin-top: 8px; font-size: 14px; }
    .collabit-dev-premium .dev-mobile-accordion :is(h2,h3) { margin: 0; min-height: 0; font-size: 20px; line-height: 1.3; }
    .collabit-dev-premium .dev-mobile-accordion :is(.reference-card-head, .ai-alt-plan-card-heading) p { margin-top: 6px; min-height: 0; font-size: 14px; line-height: 1.5; }
    .collabit-dev-premium .dev-mobile-disclosure {
        display: flex; align-items: center; gap: 12px; width: 100%; min-height: 44px;
        padding: 0; border: 0; background: none; color: inherit; font: inherit; text-align: left;
    }
    .collabit-dev-premium .dev-mobile-disclosure::after { content: '+'; margin-left: auto; flex: none; font-size: 25px; font-weight: 400; }
    .collabit-dev-premium .dev-mobile-disclosure[aria-expanded="true"]::after { content: '-'; }
    .collabit-dev-premium .dev-mobile-panel[hidden] { display: none !important; }
    .collabit-dev-premium .dev-mobile-panel { padding-top: 20px; }
    .collabit-dev-premium .dev-mobile-panel .reference-card-copy { padding: 16px 0 0; }
    .collabit-dev-premium .dev-mobile-panel .reference-card-visual { margin: 0; }
    .collabit-dev-premium .dev-mobile-panel .ai-alt-plan-list { margin: 0 0 20px; min-height: 0; }
    .collabit-dev-premium .ai-alt-plan-flow:has(+ .dev-mobile-accordion) { display: none; }
    .collabit-dev-premium .dev-mobile-card-rail {
        display: grid !important; grid-template-columns: none !important; grid-auto-flow: column !important;
        grid-auto-columns: 85% !important; gap: 16px !important; overflow-x: auto !important;
        scroll-snap-type: x mandatory; scroll-padding-inline: 0; overscroll-behavior-x: contain;
        align-items: stretch !important; padding: 4px 0 18px !important; scrollbar-width: thin; scrollbar-color: #a4c9bc #edf5f1;
    }
    .collabit-dev-premium .dev-mobile-card-rail > * { width: 100% !important; min-width: 0; scroll-snap-align: start; grid-column: auto !important; }
    .collabit-dev-premium .dev-mobile-card-rail > article { padding: 22px !important; }
    .collabit-dev-premium .dev-mobile-card-rail :is(h3, .water-service-feature-copy h3) { min-height: 0; font-size: 21px; line-height: 1.3; }
    .collabit-dev-premium .dev-mobile-card-rail .water-service-feature-card { display: flex; flex-direction: column; }
    .collabit-dev-premium .dev-mobile-rail-controls { display: flex; align-items: center; justify-content: flex-end; gap: 8px; margin-top: 8px; }
    .collabit-dev-premium .dev-mobile-rail-controls span { margin-right: auto; color: #4b6b65; font: 500 13px/1.4 Poppins, sans-serif; }
    .collabit-dev-premium .dev-mobile-rail-controls button { width: 44px; height: 44px; border: 1px solid #d5e4e0; border-radius: 50%; background: #fff; color: #006c5d; font-size: 22px; }
    .collabit-dev-premium .dev-mobile-rail-controls button:disabled { opacity: .35; }
    .collabit-dev-premium .reference-customer-proof blockquote { font-size: 25px; line-height: 1.4; }
}
@media (min-width: 600px) and (max-width: 900px) {
    .collabit-dev-premium .dev-mobile-card-rail { grid-auto-columns: 46% !important; }
}
@media (max-width: 600px) {
    .collabit-dev-premium :is(.fgas-stage-evidence-steps, .water-service-construction .water-stage-feature-grid.is-text-only) { grid-template-columns: minmax(0, 1fr); }
    .collabit-dev-premium .water-service-construction .water-stage-feature-grid.is-text-only > article { display: block; }
    .collabit-dev-premium .water-service-construction .water-stage-feature-grid.is-text-only p { margin: 16px 0; }
}