@media (max-width: 768px) {
    body[data-home-theme="mono"] {
        --bys-blue: #2563ff;
        --bys-blue-soft: #60a5fa;
        margin: 0;
        color: #f8fafc;
        background: #020914;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }

    body[data-home-theme="mono"] *,
    body[data-home-theme="mono"] *::before,
    body[data-home-theme="mono"] *::after {
        box-sizing: border-box;
    }

    body[data-home-theme="mono"] [hidden],
    body[data-home-theme="mono"] .hidden {
        display: none !important;
    }

    /* ── Hide desktop-only sections ───────────────────────────────────────── */
    body[data-home-theme="mono"] #sparkle-layer,
    body[data-home-theme="mono"] .home-hero__default-background,
    body[data-home-theme="mono"] .home-hero__default-content,
    body[data-home-theme="mono"] .home-hero__scroll,
    body[data-home-theme="mono"] #floating-call-btn,
    body[data-home-theme="mono"] .mobile-call-icon,
    body[data-home-theme="mono"] .managed-desktop-hero,
    body[data-home-theme="mono"] .studio-hero,
    body[data-home-theme="mono"] .velvet-hero,
    body[data-home-theme="mono"] .zest-hero__brand,
    body[data-home-theme="mono"] .bys-hero__copy,
    body[data-home-theme="mono"] .zest-hero__stage,
    body[data-home-theme="mono"] .bys-section,
    body[data-home-theme="mono"] .ribbon-preview-section,
    body[data-home-theme="mono"] .bys-final-cta,
    body[data-home-theme="mono"] .mission-section,
    body[data-home-theme="mono"] .mission-mobile-v2,
    body[data-home-theme="mono"] .engine-section,
    body[data-home-theme="mono"] .contact-section,
    body[data-home-theme="mono"] .name-story-section,
    body[data-home-theme="mono"] .outreach-strip {
        display: none !important;
    }

    /* ── Nav ───────────────────────────────────────────────────────────────── */
    body[data-home-theme="mono"] .glass-nav {
        color: #e5e7eb !important;
        background: rgba(5, 5, 5, 0.92) !important;
        border-bottom: 1px solid rgba(56, 189, 248, 0.32) !important;
        box-shadow: 0 18px 38px rgba(0, 0, 0, 0.26) !important;
        backdrop-filter: blur(12px) !important;
        -webkit-backdrop-filter: blur(12px) !important;
    }

    body[data-home-theme="mono"] .glass-nav > .max-w-7xl {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        max-width: 80rem !important;
        min-height: 4.75rem !important;
        gap: 1rem !important;
        padding: 1rem !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }

    body[data-home-theme="mono"] .glass-nav > .max-w-7xl > nav {
        display: none !important;
    }

    body[data-home-theme="mono"] .glass-nav .logo-swap {
        flex: 0 0 auto !important;
        display: inline-flex !important;
        align-items: baseline !important;
        flex-wrap: nowrap !important;
        max-width: calc(100vw - 5.5rem) !important;
        overflow: visible !important;
        white-space: nowrap !important;
        color: #e5e7eb !important;
        font-size: 1.5rem !important;
        font-weight: 700 !important;
        letter-spacing: -0.05em !important;
        line-height: 1 !important;
        text-decoration: none !important;
    }

    body[data-home-theme="mono"] .logo-wordmark {
        display: inline-flex !important;
        align-items: baseline !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    body[data-home-theme="mono"] .logo-wordmark-main {
        color: #e5e7eb !important;
    }

    body[data-home-theme="mono"] .logo-wordmark-accent {
        color: #38bdf8 !important;
    }

    body[data-home-theme="mono"] .logo-build,
    body[data-home-theme="mono"] .logo-suffix-fixed,
    body[data-home-theme="mono"] .logo-suffix-word {
        position: static !important;
        display: inline !important;
        width: auto !important;
        min-width: 0 !important;
        opacity: 1 !important;
        transform: none !important;
        animation: none !important;
        clip-path: none !important;
    }

    body[data-home-theme="mono"] .logo-suffix,
    body[data-home-theme="mono"] .logo-suffix-dynamic {
        position: static !important;
        display: inline-flex !important;
        align-items: baseline !important;
        width: auto !important;
        min-width: 0 !important;
        height: auto !important;
        margin-left: 0.02em !important;
        overflow: visible !important;
        padding-right: 0 !important;
        white-space: nowrap !important;
        line-height: 1 !important;
    }

    body[data-home-theme="mono"] .logo-suffix-dynamic::before,
    body[data-home-theme="mono"] .logo-suffix-now {
        display: none !important;
    }

    body[data-home-theme="mono"] .logo-suffix-snow {
        color: #ff6845 !important;
    }

    body[data-home-theme="mono"] #mobile-menu-button {
        display: block !important;
        width: 3rem !important;
        min-width: 3rem !important;
        height: 3rem !important;
        min-height: 3rem !important;
        padding: 0.5rem !important;
        border: 0 !important;
        border-radius: 0.5rem !important;
        background: transparent !important;
    }

    body[data-home-theme="mono"] #mobile-menu-button svg {
        display: block !important;
        width: 1.5rem !important;
        height: 1.5rem !important;
        color: #e5e7eb !important;
    }

    /* ── Hero wrapper ─────────────────────────────────────────────────────── */
    body[data-home-theme="mono"] #home-hero,
    body[data-home-theme="mono"] .zest-hero {
        display: block !important;
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important;
        background:
            radial-gradient(ellipse at 88% 0%, rgba(56, 120, 255, 0.2), transparent 18rem),
            radial-gradient(ellipse at 12% 60%, rgba(56, 189, 248, 0.07), transparent 16rem),
            linear-gradient(180deg, #020914 0%, #041126 60%, #050f22 100%) !important;
    }

    /* ── Mobile hero ──────────────────────────────────────────────────────── */
    body[data-home-theme="mono"] .mobile-luxe-hero {
        display: block !important;
        min-height: 0 !important;
        padding: 2rem 0 2.4rem !important;
        overflow: hidden !important;
    }

    body[data-home-theme="mono"] .mobile-luxe-hero__copy,
    body[data-home-theme="mono"] .mobile-luxe-hero__content {
        display: block !important;
        width: calc(100% - 2rem) !important;
        max-width: 35rem !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }

    /* Eyebrow pill badge */
    body[data-home-theme="mono"] .mobile-luxe-hero__eyebrow {
        display: inline-flex !important;
        align-items: center !important;
        gap: 0.5rem !important;
        margin-left: clamp(1rem, 4.5vw, 1.8rem) !important;
        padding: 0.38rem 0.82rem !important;
        border: 1px solid rgba(96, 165, 250, 0.28) !important;
        border-radius: 999px !important;
        background: rgba(96, 165, 250, 0.07) !important;
        color: rgba(148, 163, 184, 0.85) !important;
        font-size: 0.65rem !important;
        font-weight: 700 !important;
        letter-spacing: 0.07em !important;
        text-transform: uppercase !important;
    }

    body[data-home-theme="mono"] .mobile-luxe-hero__eyebrow::before {
        content: "" !important;
        display: block !important;
        flex-shrink: 0 !important;
        width: 0.34rem !important;
        height: 0.34rem !important;
        border-radius: 999px !important;
        background: #5fd0ff !important;
        box-shadow: 0 0 0.4rem rgba(95, 208, 255, 0.9) !important;
    }

    body[data-home-theme="mono"] .mobile-luxe-hero__eyebrow span {
        display: inline !important;
    }

    /* Heading */
    body[data-home-theme="mono"] .mobile-luxe-hero h2 {
        max-width: calc(100vw - 2rem) !important;
        margin: 1.35rem 0 0 clamp(1rem, 4.5vw, 1.8rem) !important;
        color: #f8fafc !important;
        font-family: Georgia, "Times New Roman", serif !important;
        font-size: clamp(2.55rem, 11.4vw, 3.35rem) !important;
        font-weight: 850 !important;
        letter-spacing: -0.025em !important;
        line-height: 1.03 !important;
        text-align: left !important;
    }

    body[data-home-theme="mono"] .mobile-luxe-hero h2 span {
        display: block !important;
        color: transparent !important;
        background: linear-gradient(90deg, #5dbbff 0%, #7b8fff 50%, #a78bff 100%) !important;
        -webkit-background-clip: text !important;
        background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
    }

    /* Description — also override > p centering (higher specificity path) */
    body[data-home-theme="mono"] .mobile-luxe-hero__copy > p {
        display: block !important;
        max-width: none !important;
        margin: 1rem 0 0 clamp(1rem, 4.5vw, 1.8rem) !important;
        text-align: left !important;
    }

    body[data-home-theme="mono"] .mobile-luxe-hero__sub {
        display: block !important;
        margin: 1rem 0 0 clamp(1rem, 4.5vw, 1.8rem) !important;
        color: rgba(148, 163, 184, 0.68) !important;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
        font-size: clamp(0.85rem, 3.8vw, 1rem) !important;
        font-weight: 400 !important;
        line-height: 1.55 !important;
        letter-spacing: 0 !important;
        text-align: left !important;
    }

    /* CTA stack */
    body[data-home-theme="mono"] .mobile-luxe-hero__actions {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 0.85rem !important;
        margin: 1.6rem 0 0 clamp(1rem, 4.5vw, 1.8rem) !important;
    }

    body[data-home-theme="mono"] .mobile-luxe-hero__button--primary {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 0.52rem !important;
        width: min(calc(100vw - 2 * clamp(1rem, 4.5vw, 1.8rem)), 15.5rem) !important;
        min-height: 3.1rem !important;
        padding: 0 1.15rem !important;
        border: none !important;
        border-radius: 0.55rem !important;
        color: #ffffff !important;
        background:
            radial-gradient(circle at 16% 22%, rgba(255, 255, 255, 0.16), transparent 32%),
            linear-gradient(135deg, #5882ff 0%, #2850ee 100%) !important;
        font-size: 0.88rem !important;
        font-weight: 700 !important;
        letter-spacing: 0.01em !important;
        text-decoration: none !important;
        box-shadow:
            0 0.6rem 1.8rem rgba(40, 80, 238, 0.32),
            inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
    }

    body[data-home-theme="mono"] .mobile-luxe-hero__button--primary svg {
        width: 0.88rem !important;
        height: 0.88rem !important;
        flex-shrink: 0 !important;
        fill: none !important;
        stroke: currentColor !important;
        stroke-width: 2.3 !important;
        stroke-linecap: round !important;
        stroke-linejoin: round !important;
    }

    body[data-home-theme="mono"] .mobile-luxe-hero__ghost-link {
        display: inline-flex !important;
        align-items: center !important;
        padding-bottom: 1px !important;
        border-bottom: 1px solid rgba(148, 163, 184, 0.25) !important;
        color: rgba(148, 163, 184, 0.65) !important;
        font-family: system-ui, -apple-system, sans-serif !important;
        font-size: 0.8rem !important;
        font-weight: 500 !important;
        letter-spacing: 0.01em !important;
        text-decoration: none !important;
    }

    /* Keep old .mobile-luxe-hero__button generic for any other buttons */
    body[data-home-theme="mono"] .mobile-luxe-hero__button:not(.mobile-luxe-hero__button--primary) {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 0.6rem !important;
        min-height: 3.1rem !important;
        border-radius: 0.55rem !important;
        color: #ffffff !important;
        background: linear-gradient(135deg, #5882ff, #2850ee) !important;
        font-size: 0.88rem !important;
        font-weight: 700 !important;
        text-decoration: none !important;
        box-shadow: 0 0.6rem 1.8rem rgba(40, 80, 238, 0.28) !important;
    }

    /* ── Devices ──────────────────────────────────────────────────────────── */
    body[data-home-theme="mono"] .mobile-luxe-hero__devices {
        position: relative !important;
        display: block !important;
        width: min(100%, 34rem) !important;
        height: clamp(16.75rem, 66vw, 20.25rem) !important;
        margin: 0.65rem auto 0 !important;
        overflow: hidden !important;
        pointer-events: none !important;
        -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 9%, #000 82%, transparent 100%) !important;
        mask-image: linear-gradient(180deg, transparent 0%, #000 9%, #000 82%, transparent 100%) !important;
    }

    body[data-home-theme="mono"] .mobile-luxe-hero__devices::before {
        content: "" !important;
        position: absolute !important;
        inset: 0 !important;
        display: block !important;
        background:
            linear-gradient(180deg, rgba(2, 9, 20, 0.52) 0%, rgba(2, 9, 20, 0) 16%, rgba(2, 9, 20, 0) 72%, rgba(2, 9, 20, 0.8) 100%),
            image-set(
                url("../images/mobile-laptopandphone-640.webp") type("image/webp") 1x,
                url("../images/mobile-laptopandphone-640.png") type("image/png") 1x
            ) center 50% / 24.5rem auto no-repeat !important;
        filter: saturate(1.12) contrast(1.06) brightness(1.05) drop-shadow(0 1.2rem 2.4rem rgba(0, 0, 0, 0.7)) !important;
    }

    body[data-home-theme="mono"] .mobile-luxe-hero__laptop,
    body[data-home-theme="mono"] .mobile-luxe-hero__phone {
        display: none !important;
    }

    /* ── Below-fold content ───────────────────────────────────────────────── */
    body[data-home-theme="mono"] .mobile-luxe-hero__content {
        padding-top: 1.2rem !important;
        border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
    }

    body[data-home-theme="mono"] .mobile-luxe-hero__block {
        display: block !important;
        margin-top: 1.65rem !important;
    }

    body[data-home-theme="mono"] .mobile-luxe-hero__block > h3 {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 1rem !important;
        margin: 0 0 0.48rem !important;
        color: #58a2ff !important;
        font-size: 0.72rem !important;
        font-weight: 850 !important;
        letter-spacing: 0.08em !important;
        line-height: 1.1 !important;
        text-align: center !important;
        text-transform: uppercase !important;
    }

    body[data-home-theme="mono"] .mobile-luxe-hero__block > h3::before,
    body[data-home-theme="mono"] .mobile-luxe-hero__block > h3::after {
        content: "" !important;
        display: block !important;
        width: min(26vw, 9rem) !important;
        height: 1px !important;
        background: rgba(148, 163, 184, 0.25) !important;
    }

    body[data-home-theme="mono"] .mobile-luxe-hero__block > h4 {
        max-width: min(100%, 22rem) !important;
        margin: 0 auto 1rem !important;
        color: #ffffff !important;
        font-family: Georgia, "Times New Roman", serif !important;
        font-size: clamp(1.35rem, 5.4vw, 1.7rem) !important;
        font-weight: 760 !important;
        letter-spacing: 0 !important;
        line-height: 1.05 !important;
        text-align: center !important;
    }

    /* ── Scroll-reactive first screen ─────────────────────────────────────── */
    body.mobile-hero-motion-ready[data-home-theme="mono"] .mobile-luxe-hero {
        position: relative !important;
        isolation: isolate !important;
    }

    body.mobile-hero-motion-ready[data-home-theme="mono"] .mobile-luxe-hero::before {
        content: "" !important;
        position: absolute !important;
        inset: -4.5rem -32% auto !important;
        z-index: -1 !important;
        height: 23rem !important;
        background:
            radial-gradient(circle at 50% 22%, rgba(64, 126, 255, var(--mobile-hero-glow-opacity, 0.22)), transparent 60%),
            radial-gradient(circle at 24% 55%, rgba(45, 212, 191, 0.12), transparent 46%) !important;
        transform: translate3d(0, var(--mobile-hero-glow-y, 0px), 0) scale(var(--mobile-hero-glow-scale, 1)) !important;
        opacity: 0.78 !important;
        pointer-events: none !important;
    }

    body.mobile-hero-motion-ready[data-home-theme="mono"] .mobile-luxe-hero__copy {
        transform: translate3d(0, var(--mobile-hero-copy-y, 0px), 0) !important;
        opacity: var(--mobile-hero-copy-opacity, 1) !important;
        will-change: transform, opacity !important;
    }

    body.mobile-hero-motion-ready[data-home-theme="mono"] .mobile-luxe-hero__devices {
        transform: translate3d(0, var(--mobile-hero-device-y, 0px), 0) scale(var(--mobile-hero-device-scale, 1)) rotate(var(--mobile-hero-device-rotate, 0deg)) !important;
        transform-origin: 50% 42% !important;
        will-change: transform !important;
    }

    body.mobile-hero-motion-ready[data-home-theme="mono"] .mobile-luxe-hero__devices::before {
        transform: translate3d(0, var(--mobile-hero-device-inner-y, 0px), 0) scale(var(--mobile-hero-device-inner-scale, 1)) !important;
        transform-origin: 50% 45% !important;
        will-change: transform, filter !important;
    }

    body.mobile-hero-motion-ready[data-home-theme="mono"] .mobile-luxe-hero__content {
        transform: translate3d(0, var(--mobile-hero-content-y, 18px), 0) !important;
        opacity: var(--mobile-hero-content-opacity, 0.72) !important;
        will-change: transform, opacity !important;
    }

    body[data-home-theme="mono"] .mobile-luxe-hero h2 {
        max-width: min(100% - clamp(2rem, 9vw, 3.6rem), 23rem) !important;
        font-size: clamp(2.38rem, 10.2vw, 3.05rem) !important;
    }

    @media (prefers-reduced-motion: reduce) {
        body[data-home-theme="mono"] .mobile-luxe-hero__copy,
        body[data-home-theme="mono"] .mobile-luxe-hero__devices,
        body[data-home-theme="mono"] .mobile-luxe-hero__devices::before,
        body[data-home-theme="mono"] .mobile-luxe-hero__content {
            transform: none !important;
            opacity: 1 !important;
            will-change: auto !important;
        }
    }
}

@media (max-width: 768px) {
    body[data-home-theme="mono"] .mobile-luxe-hero__block > h3 {
        color: #75bfff !important;
        font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
        font-size: 0.68rem !important;
        font-weight: 900 !important;
        letter-spacing: 0.16em !important;
    }

    body[data-home-theme="mono"] .mobile-luxe-hero__block > h4 {
        font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
        font-size: clamp(1.62rem, 6.2vw, 2.05rem) !important;
        font-weight: 840 !important;
        letter-spacing: -0.045em !important;
        line-height: 0.98 !important;
        text-wrap: balance;
    }

    body[data-home-theme="mono"] .mobile-luxe-hero__service-grid strong,
    body[data-home-theme="mono"] .mobile-luxe-hero__featured h5,
    body[data-home-theme="mono"] .mobile-luxe-hero__process strong,
    body[data-home-theme="mono"] .mobile-luxe-hero__why strong,
    body[data-home-theme="mono"] .mobile-luxe-hero__love strong {
        color: #f8fafc !important;
        font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
        font-size: clamp(1.02rem, 4.1vw, 1.22rem) !important;
        font-weight: 820 !important;
        letter-spacing: -0.035em !important;
        line-height: 1.04 !important;
        text-wrap: balance;
    }
}

@media (max-width: 768px) {
    body[data-home-theme="mono"] .mobile-call-icon,
    body[data-home-theme="mono"] .managed-desktop-hero__call {
        display: none !important;
    }

    body[data-home-theme="mono"] #floating-call-btn {
        position: fixed !important;
        right: max(0.75rem, env(safe-area-inset-right)) !important;
        bottom: max(0.85rem, env(safe-area-inset-bottom)) !important;
        z-index: 10000 !important;
        display: none !important;
        align-items: center !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    body.is-page-scrolled[data-home-theme="mono"] #floating-call-btn:not(.is-dismissed) {
        display: flex !important;
    }

    body[data-home-theme="mono"] #floating-call-btn.is-dismissed {
        display: none !important;
    }

    body[data-home-theme="mono"] #floating-call-btn a {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 0.55rem !important;
        min-width: 9.8rem !important;
        min-height: 3.35rem !important;
        padding: 0.68rem 1rem !important;
        border: 1px solid rgba(147, 197, 253, 0.56) !important;
        border-radius: 999px !important;
        color: #ffffff !important;
        background: linear-gradient(135deg, #3478ff 0%, #2255f4 48%, #1737b8 100%) !important;
        box-shadow:
            0 18px 36px rgba(37, 99, 235, 0.36),
            0 0 32px rgba(56, 189, 248, 0.24) !important;
        font-size: 0.93rem !important;
        font-weight: 900 !important;
        line-height: 1 !important;
        text-decoration: none !important;
    }

    body[data-home-theme="mono"] #floating-call-btn a > div {
        display: grid !important;
        place-items: center !important;
        width: 2rem !important;
        height: 2rem !important;
        border-radius: 50% !important;
        background: rgba(255, 255, 255, 0.13) !important;
    }

    body[data-home-theme="mono"] #floating-call-btn svg {
        width: 1.22rem !important;
        height: 1.22rem !important;
    }

    body[data-home-theme="mono"] #floating-call-btn a > span {
        display: inline !important;
        white-space: nowrap !important;
    }

    body[data-home-theme="mono"] #close-call-btn {
        position: absolute !important;
        top: -0.55rem !important;
        right: -0.45rem !important;
        z-index: 2 !important;
        display: grid !important;
        place-items: center !important;
        width: 1.8rem !important;
        height: 1.8rem !important;
        border: 1px solid rgba(148, 163, 184, 0.34) !important;
        border-radius: 999px !important;
        color: rgba(226, 232, 240, 0.88) !important;
        background: rgba(2, 6, 23, 0.92) !important;
        box-shadow: 0 0.55rem 1.2rem rgba(0, 0, 0, 0.32) !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    body[data-home-theme="mono"] #close-call-btn svg {
        width: 0.78rem !important;
        height: 0.78rem !important;
    }
}

/* Critical mobile first screen for the BuildYourSnow logo hero. */
@media (max-width: 768px) {
    body[data-home-theme="mono"] #home-hero {
        display: block !important;
        height: auto !important;
        min-height: 0 !important;
        overflow: hidden !important;
        background: #020816 !important;
    }

    body[data-home-theme="mono"] #home-hero > :not(.logo-video-hero) {
        display: none !important;
    }

    body[data-home-theme="mono"] .logo-video-hero {
        position: relative !important;
        display: block !important;
        min-height: calc(100svh - 4.25rem) !important;
        overflow: hidden !important;
        color: #eaf6ff !important;
        background:
            radial-gradient(circle at 74% 22%, rgba(0, 214, 255, 0.2), transparent 28rem),
            radial-gradient(circle at 34% 72%, rgba(29, 78, 216, 0.28), transparent 26rem),
            linear-gradient(90deg, rgba(125, 211, 252, 0.08) 1px, transparent 1px),
            linear-gradient(180deg, rgba(125, 211, 252, 0.06) 1px, transparent 1px),
            linear-gradient(135deg, #020816 0%, #07152a 48%, #020611 100%) !important;
        background-size: auto, auto, 5rem 5rem, 5rem 5rem, auto !important;
    }

    body[data-home-theme="mono"] .logo-video-hero__atmosphere {
        display: none !important;
    }

    body[data-home-theme="mono"] .logo-video-hero__layout {
        position: relative !important;
        z-index: 1 !important;
        display: flex !important;
        width: min(100%, 42rem) !important;
        min-height: calc(100svh - 4.25rem) !important;
        flex-direction: column !important;
        justify-content: center !important;
        gap: 1.9rem !important;
        margin: 0 auto !important;
        padding: 2.7rem 1rem 2rem !important;
        box-sizing: border-box !important;
    }

    body[data-home-theme="mono"] .logo-video-hero__copy {
        display: grid !important;
        gap: 0.9rem !important;
        max-width: none !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    body[data-home-theme="mono"] .logo-video-hero__eyebrow {
        color: #67e8f9 !important;
        font-size: 0.74rem !important;
        font-weight: 800 !important;
        letter-spacing: 0 !important;
        line-height: 1.1 !important;
        text-transform: uppercase !important;
    }

    body[data-home-theme="mono"] .logo-video-hero h1 {
        max-width: 8ch !important;
        margin: 0 !important;
        color: #f8fbff !important;
        font-family: Georgia, "Times New Roman", serif !important;
        font-size: 3.3rem !important;
        font-weight: 500 !important;
        letter-spacing: 0 !important;
        line-height: 0.95 !important;
        overflow-wrap: anywhere !important;
        text-shadow:
            0 0 1.1rem rgba(52, 229, 255, 0.24),
            0 1.2rem 3rem rgba(0, 0, 0, 0.48) !important;
    }

    body[data-home-theme="mono"] .logo-video-hero__copy p {
        width: min(100%, 21.5rem) !important;
        max-width: 21.5rem !important;
        margin: 0 !important;
        color: rgba(221, 240, 255, 0.78) !important;
        font-size: 0.96rem !important;
        font-weight: 500 !important;
        line-height: 1.55 !important;
        overflow-wrap: break-word !important;
    }

    body[data-home-theme="mono"] .logo-video-hero__actions {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 0.65rem !important;
    }

    body[data-home-theme="mono"] .logo-video-hero__button {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 2.95rem !important;
        padding: 0 1rem !important;
        border-radius: 999px !important;
        font-size: 0.88rem !important;
        font-weight: 800 !important;
        letter-spacing: 0 !important;
        line-height: 1 !important;
        text-decoration: none !important;
    }

    body[data-home-theme="mono"] .logo-video-hero__button--primary {
        border: 1px solid rgba(103, 232, 249, 0.58) !important;
        color: #03101e !important;
        background: linear-gradient(135deg, #a7f3ff 0%, #34e5ff 44%, #3485ff 100%) !important;
        box-shadow:
            0 0 1.5rem rgba(52, 229, 255, 0.3),
            0 1.1rem 2.2rem rgba(0, 0, 0, 0.26) !important;
    }

    body[data-home-theme="mono"] .logo-video-hero__button--ghost {
        border: 1px solid rgba(148, 203, 255, 0.24) !important;
        color: #eaf6ff !important;
        background: rgba(2, 12, 28, 0.54) !important;
    }

    body[data-home-theme="mono"] .logo-video-hero__film {
        width: 100% !important;
        min-width: 0 !important;
    }

    body[data-home-theme="mono"] .logo-video-hero__frame {
        position: relative !important;
        width: 100% !important;
        max-width: min(100%, 17.25rem) !important;
        aspect-ratio: 1 / 1.08 !important;
        margin: 0 auto !important;
        overflow: hidden !important;
        border: 1px solid rgba(103, 232, 249, 0.2) !important;
        border-radius: 8px !important;
        background:
            radial-gradient(circle at 62% 20%, rgba(52, 229, 255, 0.14), transparent 24rem),
            linear-gradient(150deg, #020817 0%, #061427 54%, #01040c 100%) !important;
        box-shadow:
            0 0 2rem rgba(52, 229, 255, 0.2),
            0 2.2rem 4rem rgba(0, 0, 0, 0.42) !important;
        transform: rotateX(3deg) rotateY(-4deg) translateZ(0) !important;
        animation: criticalLogoFrameFloat 6s ease-in-out infinite !important;
    }

    body[data-home-theme="mono"] .logo-video-hero__logo,
    body[data-home-theme="mono"] .logo-video-hero__trace {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        width: 62% !important;
        height: auto !important;
        transform: translate(-50%, -50%) !important;
    }

    body[data-home-theme="mono"] .logo-video-hero__logo {
        z-index: 2 !important;
        opacity: 0.82 !important;
        mix-blend-mode: screen !important;
        filter:
            saturate(1.35)
            brightness(1.18)
            drop-shadow(0 0 0.55rem rgba(255, 255, 255, 0.5))
            drop-shadow(0 0 1.2rem rgba(52, 229, 255, 0.42))
            drop-shadow(0 1.25rem 2.2rem rgba(0, 0, 0, 0.45)) !important;
    }

    body[data-home-theme="mono"] .logo-video-hero__trace {
        z-index: 3 !important;
        overflow: visible !important;
        filter:
            drop-shadow(0 0 0.45rem rgba(255, 255, 255, 0.52))
            drop-shadow(0 0 1.35rem rgba(52, 229, 255, 0.42)) !important;
    }

    body[data-home-theme="mono"] .logo-video-hero__path {
        fill: none !important;
        stroke-width: 25 !important;
        stroke-linecap: round !important;
        stroke-linejoin: round !important;
        stroke-dasharray: 100 !important;
        stroke-dashoffset: 100 !important;
        filter: url("#logo-trace-glow") !important;
        mix-blend-mode: screen !important;
    }

    body[data-home-theme="mono"] .logo-video-hero__path--build {
        animation: criticalLogoDrawBuild 9.6s cubic-bezier(0.19, 1, 0.22, 1) infinite !important;
    }

    body[data-home-theme="mono"] .logo-video-hero__path--your {
        animation: criticalLogoDrawYour 9.6s cubic-bezier(0.19, 1, 0.22, 1) infinite !important;
    }

    body[data-home-theme="mono"] .logo-video-hero__path--snow {
        animation: criticalLogoDrawSnow 9.6s cubic-bezier(0.19, 1, 0.22, 1) infinite !important;
    }

    body[data-home-theme="mono"] .logo-video-hero__cursor {
        position: absolute !important;
        z-index: 6 !important;
        left: 25% !important;
        top: 17% !important;
        display: grid !important;
        width: 2rem !important;
        height: 2rem !important;
        color: #ffffff !important;
        filter:
            drop-shadow(0 0 0.6rem rgba(52, 229, 255, 0.72))
            drop-shadow(0 0 1.25rem rgba(255, 159, 10, 0.34))
            drop-shadow(0 0.7rem 1rem rgba(0, 0, 0, 0.46)) !important;
        transform: translate(-18%, -18%) rotate(-10deg) !important;
        animation: criticalLogoCursorTour 9.6s cubic-bezier(0.4, 0, 0.2, 1) infinite !important;
    }

    body[data-home-theme="mono"] .logo-video-hero__cursor svg {
        width: 100% !important;
        height: 100% !important;
    }

    body[data-home-theme="mono"] .logo-video-hero__cursor path {
        fill: #dffbff !important;
        stroke: rgba(5, 17, 35, 0.9) !important;
        stroke-width: 1.8 !important;
        stroke-linejoin: round !important;
    }

    body[data-home-theme="mono"] .logo-video-hero__word {
        position: absolute !important;
        z-index: 7 !important;
        color: #ffffff !important;
        font-family: Georgia, "Times New Roman", serif !important;
        font-size: 1.75rem !important;
        font-weight: 500 !important;
        letter-spacing: 0 !important;
        line-height: 1 !important;
        opacity: 0 !important;
        text-shadow:
            0 0.9rem 1.5rem rgba(0, 0, 0, 0.58),
            0 0 1.5rem rgba(52, 229, 255, 0.5),
            0 0 2.8rem rgba(255, 159, 10, 0.18) !important;
        transform: translateY(0.75rem) !important;
        pointer-events: none !important;
    }

    body[data-home-theme="mono"] .logo-video-hero__word--build {
        top: 14% !important;
        left: 8% !important;
        color: #ffe8b2 !important;
        animation: criticalLogoWordBuild 9.6s ease infinite !important;
    }

    body[data-home-theme="mono"] .logo-video-hero__word--your {
        top: 43% !important;
        right: 8% !important;
        color: #d7ffff !important;
        animation: criticalLogoWordYour 9.6s ease infinite !important;
    }

    body[data-home-theme="mono"] .logo-video-hero__word--snow {
        right: 12% !important;
        bottom: 12% !important;
        color: #f8fbff !important;
        animation: criticalLogoWordSnow 9.6s ease infinite !important;
    }

    body[data-home-theme="mono"] .logo-video-hero__ticker {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        width: min(100%, 17.25rem) !important;
        margin: 1rem auto 0 !important;
        border-top: 1px solid rgba(103, 232, 249, 0.18) !important;
        gap: 0.45rem 0 !important;
    }

    body[data-home-theme="mono"] .logo-video-hero__ticker span {
        padding-top: 0.72rem !important;
        color: rgba(221, 240, 255, 0.72) !important;
        font-size: 0.7rem !important;
        font-weight: 850 !important;
        letter-spacing: 0 !important;
        line-height: 1.2 !important;
        text-transform: uppercase !important;
    }
}

@keyframes criticalLogoFrameFloat {
    0%, 100% { transform: rotateX(3deg) rotateY(-4deg) translateY(0); }
    50% { transform: rotateX(4deg) rotateY(-2deg) translateY(-0.45rem); }
}

@keyframes criticalLogoDrawBuild {
    0%, 4% { opacity: 0; stroke-dashoffset: 100; }
    8% { opacity: 1; }
    30%, 93% { opacity: 1; stroke-dashoffset: 0; }
    100% { opacity: 0; stroke-dashoffset: 0; }
}

@keyframes criticalLogoDrawYour {
    0%, 33% { opacity: 0; stroke-dashoffset: 100; }
    38% { opacity: 1; }
    64%, 93% { opacity: 1; stroke-dashoffset: 0; }
    100% { opacity: 0; stroke-dashoffset: 0; }
}

@keyframes criticalLogoDrawSnow {
    0%, 65% { opacity: 0; stroke-dashoffset: 100; }
    69% { opacity: 1; }
    91%, 96% { opacity: 1; stroke-dashoffset: 0; }
    100% { opacity: 0; stroke-dashoffset: 0; }
}

@keyframes criticalLogoCursorTour {
    0% { left: 31%; top: 27%; opacity: 0; transform: translate(-18%, -18%) rotate(-10deg) scale(0.92); }
    6% { opacity: 1; }
    14% { left: 70%; top: 28%; transform: translate(-18%, -18%) rotate(8deg) scale(1); }
    23% { left: 70%; top: 53%; transform: translate(-18%, -18%) rotate(18deg) scale(1); }
    31% { left: 38%; top: 78%; transform: translate(-18%, -18%) rotate(-24deg) scale(1); }
    34% { left: 32%; top: 29%; transform: translate(-18%, -18%) rotate(4deg) scale(1); }
    44% { left: 49%; top: 59%; transform: translate(-18%, -18%) rotate(18deg) scale(1); }
    55% { left: 31%; top: 80%; transform: translate(-18%, -18%) rotate(-20deg) scale(1); }
    62% { left: 71%; top: 38%; transform: translate(-18%, -18%) rotate(-4deg) scale(1); }
    66% { left: 50%; top: 60%; transform: translate(-18%, -18%) rotate(20deg) scale(1); }
    68% { left: 32%; top: 28%; transform: translate(-18%, -18%) rotate(0deg) scale(1); }
    76% { left: 68%; top: 29%; transform: translate(-18%, -18%) rotate(8deg) scale(1); }
    84% { left: 73%; top: 57%; transform: translate(-18%, -18%) rotate(18deg) scale(1); }
    92% { left: 42%; top: 84%; transform: translate(-18%, -18%) rotate(-14deg) scale(1); }
    98%, 100% { left: 42%; top: 84%; opacity: 0; transform: translate(-18%, -18%) rotate(-14deg) scale(0.92); }
}

@keyframes criticalLogoWordBuild {
    0%, 7%, 34%, 100% { opacity: 0; transform: translateY(0.75rem); }
    11%, 29% { opacity: 1; transform: translateY(0); }
}

@keyframes criticalLogoWordYour {
    0%, 35%, 67%, 100% { opacity: 0; transform: translateY(0.75rem); }
    40%, 62% { opacity: 1; transform: translateY(0); }
}

@keyframes criticalLogoWordSnow {
    0%, 66%, 100% { opacity: 0; transform: translateY(0.75rem); }
    71%, 94% { opacity: 1; transform: translateY(0); }
}

@media (max-width: 768px) {
    body[data-home-theme="mono"] #home-hero.main-showcase {
        position: relative !important;
        isolation: isolate !important;
        display: grid !important;
        align-items: center !important;
        min-height: calc(100svh - 4.5rem) !important;
        overflow: hidden !important;
        background: #050505 !important;
    }

    body[data-home-theme="mono"] #home-hero.main-showcase > .main-showcase__media,
    body[data-home-theme="mono"] #home-hero.main-showcase > .main-showcase__shade,
    body[data-home-theme="mono"] #home-hero.main-showcase > .main-showcase__content {
        display: block !important;
    }

    body[data-home-theme="mono"] .main-showcase__media {
        position: absolute !important;
        inset: 0 !important;
        z-index: -3 !important;
        display: block !important;
        overflow: hidden !important;
    }

    body[data-home-theme="mono"] .main-showcase__media img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: 54% 50% !important;
        filter: saturate(1.04) contrast(1.08) !important;
    }

    body[data-home-theme="mono"] .main-showcase__shade {
        position: absolute !important;
        inset: 0 !important;
        z-index: -2 !important;
        background:
            linear-gradient(180deg, rgba(5, 5, 5, 0.72) 0%, rgba(5, 5, 5, 0.48) 38%, rgba(5, 5, 5, 0.88) 100%),
            linear-gradient(90deg, rgba(5, 5, 5, 0.9), rgba(5, 5, 5, 0.42)) !important;
    }

    body[data-home-theme="mono"] .main-showcase__content {
        display: block !important;
        width: min(100% - 2rem, 32rem) !important;
        margin: 0 auto !important;
        padding: 2.4rem 0 2.2rem !important;
    }

    body[data-home-theme="mono"] .main-showcase__eyebrow {
        width: fit-content !important;
        margin: 0 0 1rem !important;
        padding: 0.48rem 0.72rem !important;
        border: 1px solid rgba(56, 189, 248, 0.32) !important;
        border-radius: 0.5rem !important;
        color: rgba(191, 219, 254, 0.9) !important;
        background: rgba(5, 5, 5, 0.52) !important;
        font-size: 0.68rem !important;
        font-weight: 800 !important;
        letter-spacing: 0 !important;
        line-height: 1.1 !important;
        text-transform: uppercase !important;
    }

    body[data-home-theme="mono"] .main-showcase h1 {
        max-width: 100% !important;
        margin: 0 !important;
        color: #eaf6ff !important;
        background:
            linear-gradient(115deg, #ffffff 0%, #d9f7ff 18%, #7dd3fc 42%, #38bdf8 58%, #b7c7ff 78%, #ffffff 100%) !important;
        background-size: 135% 100% !important;
        background-position: 50% 50% !important;
        -webkit-background-clip: text !important;
        background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
        font-size: clamp(2.4rem, 11.4vw, 3.05rem) !important;
        font-weight: 900 !important;
        letter-spacing: 0 !important;
        line-height: 0.98 !important;
        text-shadow: none !important;
        filter:
            drop-shadow(0 1.2rem 2.4rem rgba(0, 0, 0, 0.48))
            drop-shadow(0 0 1.1rem rgba(56, 189, 248, 0.22)) !important;
    }

    body[data-home-theme="mono"] .main-showcase__lead {
        max-width: 32rem !important;
        margin: 1.15rem 0 0 !important;
        color: rgba(226, 232, 240, 0.84) !important;
        font-size: 0.98rem !important;
        font-weight: 520 !important;
        letter-spacing: 0 !important;
        line-height: 1.55 !important;
    }

    body[data-home-theme="mono"] .main-showcase__actions {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 0.65rem !important;
        margin-top: 1.45rem !important;
    }

    body[data-home-theme="mono"] .main-showcase__button {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 0.55rem !important;
        width: 100% !important;
        min-height: 3rem !important;
        padding: 0.88rem 1.12rem !important;
        border: 1px solid rgba(255, 255, 255, 0.16) !important;
        border-radius: 0.5rem !important;
        color: #ffffff !important;
        font-size: 0.95rem !important;
        font-weight: 850 !important;
        letter-spacing: 0 !important;
        line-height: 1 !important;
        text-decoration: none !important;
    }

    body[data-home-theme="mono"] .main-showcase__button svg {
        width: 1rem !important;
        height: 1rem !important;
        fill: none !important;
        stroke: currentColor !important;
        stroke-linecap: round !important;
        stroke-linejoin: round !important;
        stroke-width: 2.2 !important;
    }

    body[data-home-theme="mono"] .main-showcase__button--primary {
        border-color: rgba(56, 189, 248, 0.72) !important;
        background: #38bdf8 !important;
        color: #03101d !important;
        box-shadow: 0 1rem 2.2rem rgba(56, 189, 248, 0.22) !important;
    }

    body[data-home-theme="mono"] .main-showcase__button--ghost {
        background: rgba(5, 5, 5, 0.46) !important;
        color: rgba(248, 250, 252, 0.92) !important;
    }

    body[data-home-theme="mono"] .main-showcase__proof {
        display: grid !important;
        grid-template-columns: 1fr !important;
        width: min(100%, 28rem) !important;
        margin: 1.45rem 0 0 !important;
        padding: 0.85rem 0 !important;
        border-top: 1px solid rgba(255, 255, 255, 0.14) !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.14) !important;
        gap: 0.85rem !important;
    }

    body[data-home-theme="mono"] .main-showcase__proof dt {
        margin: 0 !important;
        color: #ffffff !important;
        font-size: 0.94rem !important;
        font-weight: 900 !important;
        letter-spacing: 0 !important;
        line-height: 1.2 !important;
    }

    body[data-home-theme="mono"] .main-showcase__proof dd {
        margin: 0.32rem 0 0 !important;
        color: rgba(203, 213, 225, 0.72) !important;
        font-size: 0.82rem !important;
        font-weight: 650 !important;
        letter-spacing: 0 !important;
        line-height: 1.35 !important;
    }

    body[data-home-theme="mono"] .main-showcase__signature {
        display: none !important;
    }
}

body[data-home-theme="mono"] #home-hero.main-showcase > .main-showcase-mobile {
    display: none !important;
}

body[data-home-theme="mono"] #home-hero.main-showcase > .mobile-luxe-hero {
    display: none !important;
}

@media (max-width: 768px) {
    body[data-home-theme="mono"] #home-hero.main-showcase {
        display: block !important;
        min-height: 0 !important;
        height: auto !important;
        overflow: hidden !important;
        background: #071126 !important;
    }

    body[data-home-theme="mono"] #home-hero.main-showcase > :not(.mobile-luxe-hero) {
        display: none !important;
    }

    body[data-home-theme="mono"] #home-hero.main-showcase > .mobile-luxe-hero {
        display: block !important;
    }
}