/* ========================================================================
   SILEX HOME POLISH
   Capa visual especifica de index.html. Cargada despues de los estilos base.
   ======================================================================== */

.home-page {
    background: #ffffff;
}

.home-page .container {
    width: min(100% - 48px, var(--container-max));
    padding-left: 0;
    padding-right: 0;
}

.home-page .section-padding {
    padding: 100px 0;
}

.home-page .section-header {
    margin-bottom: 48px;
}

.home-page .section-header h2,
.home-page .final-cta-box h2,
.home-page .hero-section h1 {
    letter-spacing: 0;
}

.home-page .section-desc {
    max-width: 690px;
    font-size: 1.04rem;
    line-height: 1.7;
}

.home-page .section-header h2 {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    font-size: clamp(2.35rem, 4vw, 3.35rem);
    line-height: 1.08;
}

.home-page .btn.animate-pulse {
    display: inline-flex !important;
    animation: none !important;
}

.home-page .btn {
    border-radius: 8px !important;
    transition: transform 320ms ease, box-shadow 320ms ease, background-color 320ms ease, border-color 320ms ease !important;
}

.home-page .btn:hover {
    transform: translateY(-2px);
}

.home-page nav {
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
    transition: all 0.3s ease !important;
}

.home-page nav.scrolled,
.home-page nav.nav-scrolled {
    background: rgba(8, 14, 24, 0.92) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.30) !important;
}

.home-page nav .logo span,
.home-page nav.nav-scrolled .logo span {
    color: #ffffff !important;
}

.home-page nav .logo span span,
.home-page nav.nav-scrolled .logo span span {
    color: var(--gold) !important;
}

.home-page nav .logo img,
.home-page nav.nav-scrolled .logo img {
    filter: none !important;
}

.home-page .nav-links a,
.home-page nav.nav-scrolled .nav-links > a:not(.btn),
.home-page nav.nav-scrolled .nav-links .dropdown > a:not(.btn) {
    color: rgba(255, 255, 255, 0.82) !important;
    opacity: 1 !important;
    transition: all 0.25s ease !important;
}

.home-page .nav-links a:hover,
.home-page .nav-links a.active,
.home-page nav.nav-scrolled .nav-links > a:not(.btn):hover,
.home-page nav.nav-scrolled .nav-links > a:not(.btn).active,
.home-page nav.nav-scrolled .nav-links .dropdown > a:not(.btn):hover,
.home-page nav.nav-scrolled .nav-links .dropdown > a:not(.btn).active {
    color: var(--gold) !important;
    opacity: 1 !important;
}

.home-page .dropdown-trigger {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.home-page .nav-links .btn-primary,
.home-page nav.nav-scrolled .nav-links .btn-primary {
    background: var(--gold) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 15px rgba(237, 200, 86, 0.25) !important;
}

.home-page .nav-links .btn-primary:hover,
.home-page nav.nav-scrolled .nav-links .btn-primary:hover {
    background: #f5d87a !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 8px 20px rgba(237, 200, 86, 0.35) !important;
}

@media (min-width: 1061px) {
    .home-page nav {
        padding: 18px 0 !important;
    }

    .home-page nav.scrolled,
    .home-page nav.nav-scrolled {
        padding: 10px 0 !important;
    }

    .home-page nav .nav-container {
        width: 100% !important;
        max-width: 1520px !important;
        padding-left: 36px !important;
        padding-right: 36px !important;
    }

    .home-page nav .logo span {
        font-size: 24px !important;
    }

    .home-page nav .logo img {
        height: 54px !important;
    }

    .home-page .nav-links {
        gap: 30px !important;
        display: flex !important;
        align-items: center !important;
    }

    .home-page .nav-links a {
        font-size: 15px !important;
        font-weight: 600 !important;
    }

    .home-page .nav-links .btn-primary {
        padding: 12px 20px !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        border-radius: 8px !important;
    }
}

/* Section flow */
.home-page #problema,
.home-page #solucion,
.home-page #comparativa-3,
.home-page #resultados {
    background: #ffffff !important;
}

.home-page #como-funciona,
.home-page #por-que-silex,
.home-page #sectores,
.home-page #faq {
    background: var(--bone-soft) !important;
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
}

.home-page .trust-strip {
    margin-top: -1px;
    padding: 24px 0;
    background: #ffffff;
}

.home-page .trust-pill,
.home-page .how-step,
.home-page .faq-item,
.home-page .founder-point,
.home-page .timeline-content,
.home-page .sector-card {
    border-radius: 8px !important;
}

/* Dark sections */
.home-page #comparativa,
.home-page #trato-cercano {
    background:
        linear-gradient(180deg, rgba(240, 233, 218, 0.03), rgba(240, 233, 218, 0)),
        var(--grad-navy) !important;
}

/* Metodo */
.home-page .timeline {
    max-width: 1060px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    padding-left: 0;
}

.home-page .timeline::before {
    display: none;
}

.home-page .timeline-step {
    padding: 0;
}

.home-page .timeline-dot {
    left: 24px;
    top: 24px;
    border-radius: 8px;
    box-shadow: none;
}

.home-page .timeline-content {
    min-height: 100%;
    padding: 28px 28px 28px 88px;
    border: 1px solid rgba(11, 36, 56, 0.09);
    box-shadow: 0 18px 44px -38px rgba(11, 36, 56, 0.42);
    transition: transform 360ms ease, border-color 360ms ease, box-shadow 360ms ease;
}

.home-page .timeline-content:hover {
    transform: translateY(-3px);
    border-color: rgba(184, 149, 48, 0.28);
    box-shadow: 0 24px 50px -38px rgba(11, 36, 56, 0.52);
}

.home-page .how-it-works {
    gap: 18px;
}

.home-page .how-step {
    position: relative;
    padding: 36px 28px 32px;
    border: 1px solid rgba(11, 36, 56, 0.09);
    border-top: 3px solid rgba(184, 149, 48, 0.70);
    background: #ffffff;
    box-shadow: 0 18px 44px -40px rgba(11, 36, 56, 0.45);
    transition: transform 340ms ease, box-shadow 340ms ease;
}

.home-page .how-step:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px -38px rgba(11, 36, 56, 0.48);
}

.home-page .how-step__icon,
.home-page .founder-point__icon,
.home-page .sector-icon-wrap,
.home-page .trust-value-icon {
    border-radius: 8px !important;
}

/* Comparativas y sectores */
.home-page #comparativa-3 .accent-brand {
    background: none;
    padding: 0;
}

.home-page .sector-nav {
    border-radius: 8px;
}

.home-page .sector-nav-btn {
    border-radius: 6px;
}

.home-page .scroll-nav-wrapper::after,
.home-page .scroll-hint {
    display: none !important;
}

.home-page .scroll-nav-wrapper {
    overflow: visible !important;
}

.home-page .sector-card {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: end;
    gap: 28px;
    min-height: 270px !important;
    padding: 38px !important;
    border: 1px solid rgba(11, 36, 56, 0.09) !important;
    box-shadow: 0 24px 54px -42px rgba(11, 36, 56, 0.54) !important;
}

.home-page .sector-card::after {
    pointer-events: none;
    z-index: 0;
}

.home-page .sector-card > * {
    position: relative;
    z-index: 1;
}

.home-page .sector-stat-badge {
    min-width: 170px;
    border-radius: 8px !important;
}

/* Trust */
.home-page .trust-split {
    gap: 72px;
}

.home-page .trust-value-item {
    background: rgba(240, 233, 218, 0.055);
    border: 1px solid rgba(240, 233, 218, 0.12);
    border-radius: 8px;
    padding: 18px;
}

/* CTA final */
.home-page .final-cta-section {
    padding: 108px 0;
}

.home-page .final-cta-box {
    max-width: 900px;
    border: 1px solid rgba(237, 200, 86, 0.20);
    box-shadow: 0 32px 80px -50px rgba(0, 0, 0, 0.70);
}

.home-page .final-cta-trust span {
    padding: 10px 14px;
    background: rgba(240, 233, 218, 0.06);
    border: 1px solid rgba(240, 233, 218, 0.12);
    border-radius: 8px;
}

@media (max-width: 980px) {
    .home-page .trust-split {
        gap: 42px;
    }

    .home-page .timeline {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    html,
    body,
    .home-page {
        overflow-x: hidden;
    }

    .home-page nav,
    .home-page nav.nav-scrolled,
    .home-page nav.scrolled {
        padding: 10px 0 !important;
        background: rgba(11, 36, 56, 0.96) !important;
        border-bottom: 1px solid rgba(237, 200, 86, 0.18) !important;
        box-shadow: 0 10px 30px rgba(11, 36, 56, 0.18) !important;
    }

    .home-page nav .logo span,
    .home-page nav.nav-scrolled .logo span,
    .home-page nav.scrolled .logo span {
        color: var(--cream) !important;
    }

    .home-page nav .logo span span,
    .home-page nav.nav-scrolled .logo span span,
    .home-page nav.scrolled .logo span span {
        color: var(--gold) !important;
    }

    .home-page nav .logo img,
    .home-page nav.nav-scrolled .logo img,
    .home-page nav.scrolled .logo img {
        filter: none !important;
    }

    .home-page nav .mobile-menu-btn span,
    .home-page nav.nav-scrolled .mobile-menu-btn span,
    .home-page nav.scrolled .mobile-menu-btn span {
        display: block;
        width: 22px;
        height: 2px;
        flex: 0 0 2px;
        background: var(--cream) !important;
    }

    .home-page nav[data-logo-tone="gold"] .mobile-menu-btn span {
        background: var(--gold) !important;
    }

    .home-page nav[data-logo-tone="light"] .mobile-menu-btn span,
    .home-page nav.mobile-menu-open .mobile-menu-btn span {
        background: var(--cream) !important;
    }

    .home-page nav .nav-links {
        width: 100% !important;
        height: 100dvh !important;
        background: rgba(8, 14, 24, 0.98) !important;
    }

    .home-page nav .nav-links a:not(.btn),
    .home-page nav.nav-scrolled .nav-links > a:not(.btn),
    .home-page nav.nav-scrolled .nav-links .dropdown > a:not(.btn) {
        color: rgba(255, 255, 255, 0.88) !important;
    }

    .home-page nav .nav-links a:not(.btn).active,
    .home-page nav .nav-links a:not(.btn):hover,
    .home-page nav.nav-scrolled .nav-links > a:not(.btn).active,
    .home-page nav.nav-scrolled .nav-links > a:not(.btn):hover,
    .home-page nav.nav-scrolled .nav-links .dropdown > a:not(.btn):hover {
        color: var(--gold) !important;
    }

    .home-page nav .nav-links .btn,
    .home-page nav.nav-scrolled .nav-links .btn {
        background: var(--gold) !important;
        color: var(--navy) !important;
    }

    .home-page nav .dropdown-content a.dropdown-item {
        color: rgba(255, 255, 255, 0.74) !important;
    }

    .home-page .container {
        width: min(100% - 28px, var(--container-max));
    }

    .home-page .section-padding {
        padding: 78px 0 !important;
    }

    .home-page #problema {
        overflow: hidden;
    }

    .home-page #problema .section-header h2 {
        max-width: 100%;
        font-size: 1.95rem !important;
        line-height: 1.08 !important;
        overflow-wrap: break-word;
    }

    .home-page #problema .section-header h2 .accent-brand {
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
    }

    .home-page .mobile-menu-btn {
        display: flex !important;
        position: absolute !important;
        right: 24px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: 44px;
        height: 44px;
        align-items: center;
        justify-content: center;
        margin-left: auto;
        flex: 0 0 auto;
        padding: 0;
        background: rgba(240, 233, 218, 0.08) !important;
        border: 1px solid rgba(240, 233, 218, 0.18) !important;
        border-radius: 8px;
        gap: 5px;
    }

    .home-page [data-aos] {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }

    .home-page #comparativa-3 .section-header h2 {
        font-size: 1.9rem;
        line-height: 1.08;
    }

    .home-page #comparativa-3 .section-desc {
        font-size: 1rem;
        line-height: 1.55;
    }

    .home-page #sectores .scroll-nav-wrapper {
        width: 100%;
        margin: 0 0 28px !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    .home-page #sectores .sector-nav {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 0 10px !important;
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
        gap: 8px;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        background: transparent !important;
        border: none !important;
        border-radius: 0 !important;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .home-page #sectores .sector-nav::-webkit-scrollbar {
        display: none;
    }

    .home-page #sectores .sector-nav-btn {
        flex: 0 0 auto;
        min-height: 44px;
        padding: 10px 18px;
        white-space: nowrap;
        border: 1px solid var(--border);
        background: #ffffff;
        box-shadow: 0 1px 0 rgba(11, 36, 56, 0.04);
    }

    .home-page #sectores .sector-nav-btn.active {
        border-color: var(--navy);
        background: var(--navy);
        color: var(--cream);
    }

    .home-page #solution-cta,
    .home-page #final-cta {
        width: 100%;
        white-space: normal;
        text-align: center;
    }

    .home-page .trust-strip__label {
        max-width: 320px;
        margin-left: auto;
        margin-right: auto;
        line-height: 1.45;
        letter-spacing: 0.12em;
    }

    .home-page .trust-strip__grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .home-page .trust-pill {
        min-width: 0;
        gap: 8px;
        padding: 12px 10px;
        font-size: 13px;
        line-height: 1.2;
        text-align: center;
    }

    .home-page .trust-pill svg {
        width: 18px;
        height: 18px;
    }

    .home-page .timeline-content {
        padding: 86px 22px 24px;
    }

    .home-page .timeline-dot {
        left: 22px;
        top: 22px;
    }

    .home-page .sector-card {
        grid-template-columns: 1fr;
        padding: 26px !important;
    }

    .home-page .sector-stat-badge {
        min-width: 0;
        width: 100%;
    }

    .home-page .final-cta-trust {
        gap: 10px;
    }

    .home-page .cookie-banner {
        left: 12px;
        right: 12px;
        bottom: 10px;
        max-width: none;
        max-height: calc(100dvh - 24px);
        padding: 18px;
        border-radius: 12px;
        overflow-y: auto;
    }

    .home-page .cookie-banner__actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home-page .cookie-banner__btn {
        min-width: 0;
        padding: 11px 10px;
        white-space: normal;
    }
}

@media (max-width: 540px) {
    .home-page .trust-strip__grid {
        grid-template-columns: 1fr;
    }

    .home-page .cookie-banner {
        left: 18px;
        right: 18px;
    }

    .home-page .cookie-banner__actions {
        grid-template-columns: 1fr;
    }
}

/* ============================================
   Sector cards — footer with link to nicho
   ============================================ */
.home-page .sector-card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding-top: 20px;
    border-top: 1px solid var(--border);
    flex-wrap: wrap;
}

.home-page .sector-card-footer .sector-stat-badge {
    padding-top: 0;
    border-top: none;
}

.home-page .sector-card-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 16px;
    background: var(--midnight);
    color: var(--bone, #f0e9da);
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    border-radius: 999px;
    border: 1px solid var(--midnight);
    transition: all 0.25s ease;
    white-space: nowrap;
    flex-shrink: 0;
    position: relative;
    z-index: 2;
}

.home-page .sector-card-link:hover {
    background: var(--mustard);
    border-color: var(--mustard);
    color: var(--midnight);
    transform: translateX(4px);
}

.home-page .sector-card-link i {
    width: 14px;
    height: 14px;
    transition: transform 0.25s ease;
}

.home-page .sector-card-link:hover i {
    transform: translateX(2px);
}

@media (max-width: 540px) {
    .home-page .sector-card-footer {
        gap: 14px;
    }
    .home-page .sector-card-link {
        width: 100%;
        justify-content: center;
    }
}

/* ============================================
   Refined conversion blocks
   ============================================ */
.home-page #comparativa-3.system-architecture-section {
    overflow: hidden;
    background: var(--bone-soft) !important;
}

.home-page .system-architecture {
    display: grid;
    grid-template-columns: minmax(0, 0.82fr) 58px minmax(0, 1.45fr);
    align-items: center;
    max-width: 1120px;
    margin: 52px auto 0;
}

.home-page .system-fragmented,
.home-page .system-integrated {
    min-width: 0;
    padding: 32px;
}

.home-page .system-fragmented {
    background: #f6f7f5;
    border: 1px solid rgba(11, 36, 56, 0.11);
    border-radius: 8px;
    box-shadow: 0 20px 54px -42px rgba(11, 36, 56, 0.44);
}

.home-page .system-integrated {
    background: var(--navy);
    border: 1px solid rgba(237, 200, 86, 0.20);
    border-radius: 8px;
    color: var(--cream);
    box-shadow: 0 26px 64px -42px rgba(11, 36, 56, 0.70);
}

.home-page .system-panel-heading {
    margin-bottom: 26px;
}

.home-page .system-panel-heading--integrated {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.home-page .system-panel-kicker {
    display: block;
    margin-bottom: 8px;
    color: var(--gold-700);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.home-page .system-integrated .system-panel-kicker {
    color: var(--gold);
}

.home-page .system-panel-heading h3 {
    margin: 0;
    color: var(--navy);
    font-size: 1.45rem;
    line-height: 1.25;
}

.home-page .system-integrated .system-panel-heading h3 {
    color: var(--cream);
}

.home-page .system-fragmented-list {
    border-top: 1px solid rgba(11, 36, 56, 0.10);
}

.home-page .system-fragmented-item {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 14px;
    padding: 18px 0;
    border-bottom: 1px solid rgba(11, 36, 56, 0.10);
}

.home-page .system-fragmented-icon,
.home-page .system-flow-icon,
.home-page .operating-shift-icon,
.home-page .outcome-card-icon {
    display: grid;
    place-items: center;
    border-radius: 8px;
}

.home-page .system-fragmented-icon {
    width: 40px;
    height: 40px;
    background: #ffffff;
    border: 1px solid rgba(11, 36, 56, 0.10);
    color: var(--navy-400);
}

.home-page .system-fragmented-icon svg,
.home-page .system-flow-icon svg,
.home-page .operating-shift-icon svg,
.home-page .outcome-card-icon svg {
    width: 20px;
    height: 20px;
    stroke-width: 1.9;
}

.home-page .system-fragmented-item strong {
    display: block;
    margin-bottom: 4px;
    color: var(--navy);
    font-size: 0.95rem;
}

.home-page .system-fragmented-item p {
    margin: 0;
    color: var(--text-muted);
    font-size: 0.84rem;
    line-height: 1.55;
}

.home-page .system-fragmented-note {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 20px;
    padding: 13px 14px;
    background: var(--gold-50);
    border: 1px solid rgba(184, 149, 48, 0.20);
    border-radius: 8px;
    color: var(--navy-500);
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1.45;
}

.home-page .system-fragmented-note svg {
    width: 17px;
    height: 17px;
    flex: 0 0 17px;
    color: var(--gold-700);
}

.home-page .system-bridge {
    display: grid;
    place-items: center;
    color: var(--gold-700);
}

.home-page .system-bridge svg {
    width: 22px;
    height: 22px;
}

.home-page .system-live {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 7px;
    padding: 7px 10px;
    background: rgba(237, 200, 86, 0.08);
    border: 1px solid rgba(237, 200, 86, 0.22);
    border-radius: 999px;
    color: var(--cream);
    font-size: 0.74rem;
    font-weight: 700;
}

.home-page .system-live span {
    width: 7px;
    height: 7px;
    background: var(--gold);
    border-radius: 50%;
    box-shadow: 0 0 0 4px rgba(237, 200, 86, 0.10);
}

.home-page .system-flow {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.home-page .system-flow-step {
    position: relative;
    min-width: 0;
    padding: 15px;
    background: rgba(255, 255, 255, 0.045);
    border: 1px solid rgba(240, 233, 218, 0.12);
    border-radius: 8px;
}

.home-page .system-flow-step:not(:last-child)::after {
    position: absolute;
    top: 38px;
    right: -15px;
    width: 15px;
    height: 1px;
    background: rgba(237, 200, 86, 0.34);
    content: "";
}

.home-page .system-flow-index {
    display: block;
    margin-bottom: 12px;
    color: rgba(240, 233, 218, 0.46);
    font-size: 0.66rem;
    font-weight: 800;
}

.home-page .system-flow-icon {
    width: 42px;
    height: 42px;
    margin-bottom: 14px;
    background: rgba(237, 200, 86, 0.10);
    border: 1px solid rgba(237, 200, 86, 0.20);
    color: var(--gold);
}

.home-page .system-flow-step strong,
.home-page .system-flow-step small {
    display: block;
}

.home-page .system-flow-step strong {
    margin-bottom: 4px;
    color: var(--cream);
    font-size: 0.88rem;
}

.home-page .system-flow-step small {
    color: rgba(240, 233, 218, 0.62);
    font-size: 0.72rem;
    line-height: 1.35;
}

.home-page .system-output-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid rgba(240, 233, 218, 0.12);
}

.home-page .system-output-grid span {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 8px;
    color: rgba(240, 233, 218, 0.84);
    font-size: 0.76rem;
    font-weight: 600;
}

.home-page .system-output-grid svg {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    color: var(--gold);
}

.home-page .system-architecture-footer {
    display: flex;
    max-width: 1040px;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    margin: 28px auto 0;
}

.home-page .system-architecture-footer p {
    max-width: 660px;
    margin: 0;
    color: var(--text-muted);
    font-size: 0.95rem;
    line-height: 1.65;
}

.home-page .system-architecture-footer strong {
    color: var(--navy);
}

.home-page .system-architecture-footer .btn svg,
.home-page .section-action .btn svg,
.home-page .outcome-footer .btn svg {
    width: 17px;
    height: 17px;
}

/* Operational change */
.home-page #comparativa {
    overflow: hidden;
}

.home-page #comparativa .shift-intro {
    margin-right: auto;
    margin-left: auto;
    color: rgba(240, 233, 218, 0.70);
}

.home-page .operating-shift {
    max-width: 1080px;
    margin: 48px auto 0;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(240, 233, 218, 0.13);
    border-radius: 8px;
}

.home-page .operating-shift-row {
    display: grid;
    grid-template-columns: minmax(190px, 0.9fr) minmax(0, 1.18fr) 38px minmax(0, 1.18fr);
    align-items: stretch;
    gap: 12px;
    padding: 18px;
    border-bottom: 1px solid rgba(240, 233, 218, 0.10);
}

.home-page .operating-shift-row:last-child {
    border-bottom: 0;
}

.home-page .operating-shift-context {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 8px 4px;
}

.home-page .operating-shift-icon {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    background: rgba(237, 200, 86, 0.10);
    border: 1px solid rgba(237, 200, 86, 0.22);
    color: var(--gold);
}

.home-page .operating-shift-context span {
    display: block;
    margin-bottom: 3px;
    color: var(--gold);
    font-size: 0.66rem;
    font-weight: 800;
    text-transform: uppercase;
}

.home-page .operating-shift-context h3 {
    margin: 0;
    color: var(--cream);
    font-size: 0.96rem;
    line-height: 1.3;
}

.home-page .operating-shift-state {
    padding: 15px 16px;
    border-radius: 7px;
}

.home-page .operating-shift-state > span {
    display: block;
    margin-bottom: 7px;
    font-size: 0.67rem;
    font-weight: 800;
    text-transform: uppercase;
}

.home-page .operating-shift-state p {
    margin: 0;
    font-size: 0.82rem;
    line-height: 1.55;
}

.home-page .operating-shift-state--before {
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(240, 233, 218, 0.09);
}

.home-page .operating-shift-state--before > span {
    color: #f2a6ad;
}

.home-page .operating-shift-state--before p {
    color: rgba(240, 233, 218, 0.64);
}

.home-page .operating-shift-state--after {
    background: rgba(237, 200, 86, 0.075);
    border: 1px solid rgba(237, 200, 86, 0.18);
}

.home-page .operating-shift-state--after > span {
    color: var(--gold);
}

.home-page .operating-shift-state--after p {
    color: var(--cream);
    font-weight: 600;
}

.home-page .operating-shift-arrow {
    display: grid;
    place-items: center;
    color: rgba(237, 200, 86, 0.64);
}

.home-page .operating-shift-arrow svg {
    width: 19px;
    height: 19px;
}

.home-page .operating-shift-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    max-width: 920px;
    margin: 20px auto 0;
    overflow: hidden;
    border: 1px solid rgba(240, 233, 218, 0.12);
    border-radius: 8px;
}

.home-page .operating-shift-summary span {
    padding: 14px 18px;
    color: rgba(240, 233, 218, 0.72);
    font-size: 0.78rem;
    text-align: center;
    border-right: 1px solid rgba(240, 233, 218, 0.10);
}

.home-page .operating-shift-summary span:last-child {
    border-right: 0;
}

.home-page .operating-shift-summary strong {
    display: block;
    margin-bottom: 3px;
    color: var(--cream);
    font-size: 0.8rem;
}

.home-page .section-action {
    margin-top: 34px;
    text-align: center;
}

/* Observable outcomes */
.home-page .outcome-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin-top: 48px;
}

.home-page .outcome-card {
    display: flex;
    min-width: 0;
    flex-direction: column;
    padding: 28px;
    background: #ffffff;
    border: 1px solid rgba(11, 36, 56, 0.10);
    border-radius: 8px;
    box-shadow: 0 18px 44px -36px rgba(11, 36, 56, 0.48);
    transition: transform 320ms ease, border-color 320ms ease, box-shadow 320ms ease;
}

.home-page .outcome-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 24px;
}

.home-page .outcome-card-top > span {
    color: var(--gold-700);
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
}

.home-page .outcome-card-icon {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    background: var(--gold-50);
    border: 1px solid rgba(184, 149, 48, 0.18);
    color: var(--gold-700);
}

.home-page .outcome-card h3 {
    margin: 0 0 12px;
    color: var(--navy);
    font-size: 1.22rem;
    line-height: 1.35;
}

.home-page .outcome-card > p {
    flex: 1;
    margin: 0;
    color: var(--text-muted);
    font-size: 0.9rem;
    line-height: 1.65;
}

.home-page .outcome-card-measure {
    margin-top: 24px;
    padding-top: 18px;
    border-top: 1px solid rgba(11, 36, 56, 0.09);
}

.home-page .outcome-card-measure span,
.home-page .outcome-card-measure strong {
    display: block;
}

.home-page .outcome-card-measure span {
    margin-bottom: 5px;
    color: var(--navy-300);
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
}

.home-page .outcome-card-measure strong {
    color: var(--navy-500);
    font-size: 0.79rem;
    line-height: 1.45;
}

.home-page .outcome-footer {
    display: flex;
    max-width: 960px;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    margin: 28px auto 0;
    padding: 20px 22px;
    background: var(--bone-soft);
    border: 1px solid rgba(11, 36, 56, 0.09);
    border-radius: 8px;
}

.home-page .outcome-footer p {
    max-width: 590px;
    margin: 0;
    color: var(--text-muted);
    font-size: 0.9rem;
    line-height: 1.55;
}

/* Support cadence */
.home-page #trato-cercano {
    overflow: hidden;
}

.home-page #trato-cercano .trust-split {
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
    align-items: center;
    gap: 64px;
}

.home-page .support-cadence {
    padding: 30px;
    background: #ffffff;
    border: 1px solid rgba(11, 36, 56, 0.10);
    border-radius: 8px;
    box-shadow: 0 30px 70px -42px rgba(0, 0, 0, 0.62);
}

.home-page #trato-cercano .support-cadence {
    color: var(--navy) !important;
}

.home-page .support-cadence-header {
    padding-bottom: 22px;
    border-bottom: 1px solid rgba(11, 36, 56, 0.10);
}

.home-page .support-cadence-header > span {
    display: block;
    margin-bottom: 8px;
    color: var(--gold-700);
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
}

.home-page #trato-cercano .support-cadence-header > span,
.home-page #trato-cercano .support-cadence-list small {
    color: var(--gold-700) !important;
}

.home-page .support-cadence-header h3 {
    margin: 0 0 8px;
    color: var(--navy);
    font-size: 1.55rem;
    line-height: 1.25;
}

.home-page #trato-cercano .support-cadence-header h3,
.home-page #trato-cercano .support-cadence-list h4 {
    color: var(--navy) !important;
}

.home-page .support-cadence-header p {
    margin: 0;
    color: var(--text-muted);
    font-size: 0.88rem;
    line-height: 1.55;
}

.home-page #trato-cercano .support-cadence-header p,
.home-page #trato-cercano .support-cadence-list p {
    color: var(--text-muted) !important;
}

.home-page .support-cadence-list {
    margin: 0;
    padding: 8px 0 0;
    list-style: none;
}

.home-page .support-cadence-list li {
    position: relative;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 14px;
    padding: 16px 0;
}

.home-page .support-cadence-list li:not(:last-child)::after {
    position: absolute;
    top: 46px;
    bottom: -8px;
    left: 18px;
    width: 1px;
    background: rgba(184, 149, 48, 0.24);
    content: "";
}

.home-page .support-cadence-index {
    display: grid;
    z-index: 1;
    width: 38px;
    height: 38px;
    place-items: center;
    background: var(--gold-50);
    border: 1px solid rgba(184, 149, 48, 0.20);
    border-radius: 8px;
    color: var(--gold-700);
    font-size: 0.7rem;
    font-weight: 800;
}

.home-page .support-cadence-list small {
    display: block;
    margin-bottom: 3px;
    color: var(--gold-700);
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
}

.home-page .support-cadence-list h4 {
    margin: 0 0 4px;
    color: var(--navy);
    font-size: 0.98rem;
}

.home-page .support-cadence-list p {
    margin: 0;
    color: var(--text-muted);
    font-size: 0.82rem;
    line-height: 1.5;
}

.home-page .support-cadence-footer {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 8px;
    padding: 14px 16px;
    background: var(--navy);
    border-radius: 8px;
    color: rgba(240, 233, 218, 0.82);
    font-size: 0.82rem;
}

.home-page .support-cadence-footer svg {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    color: var(--gold);
}

.home-page .support-cadence-footer strong {
    color: var(--cream);
}

.home-page #trato-cercano .support-cadence-footer,
.home-page #trato-cercano .support-cadence-footer span {
    color: rgba(240, 233, 218, 0.82) !important;
}

.home-page #trato-cercano .support-cadence-footer strong {
    color: var(--cream) !important;
}

@media (hover: hover) {
    .home-page .outcome-card:hover {
        transform: translateY(-4px);
        border-color: rgba(184, 149, 48, 0.28);
        box-shadow: 0 26px 54px -38px rgba(11, 36, 56, 0.52);
    }
}

@media (max-width: 980px) {
    .home-page .system-architecture {
        grid-template-columns: 1fr;
    }

    .home-page .system-bridge {
        min-height: 48px;
    }

    .home-page .system-bridge svg {
        transform: rotate(90deg);
    }

    .home-page .operating-shift-row {
        grid-template-columns: minmax(170px, 0.7fr) minmax(0, 1fr) 32px minmax(0, 1fr);
    }

    .home-page .outcome-grid {
        grid-template-columns: 1fr;
        max-width: 720px;
        margin-right: auto;
        margin-left: auto;
    }

    .home-page #trato-cercano .trust-split {
        grid-template-columns: 1fr;
        gap: 40px;
    }
}

@media (max-width: 760px) {
    .home-page .system-fragmented,
    .home-page .system-integrated {
        padding: 24px;
    }

    .home-page .system-flow {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home-page .system-flow-step::after {
        display: none;
    }

    .home-page .system-output-grid {
        grid-template-columns: 1fr;
    }

    .home-page .system-architecture-footer,
    .home-page .outcome-footer {
        align-items: stretch;
        flex-direction: column;
        gap: 18px;
    }

    .home-page .system-architecture-footer .btn,
    .home-page .outcome-footer .btn {
        width: 100%;
        justify-content: center;
    }

    .home-page .operating-shift-row {
        grid-template-columns: minmax(0, 1fr) 24px minmax(0, 1fr);
        gap: 8px;
        padding: 14px;
    }

    .home-page .operating-shift-context {
        grid-column: 1 / -1;
        padding: 2px 0 6px;
    }

    .home-page .operating-shift-state {
        padding: 12px;
    }

    .home-page .operating-shift-state p {
        font-size: 0.75rem;
        line-height: 1.48;
    }

    .home-page .operating-shift-arrow {
        height: auto;
    }

    .home-page .operating-shift-summary {
        display: none;
    }
}

@media (max-width: 540px) {
    .home-page #comparativa-3,
    .home-page #comparativa,
    .home-page #resultados,
    .home-page #trato-cercano {
        padding-top: 72px !important;
        padding-bottom: 72px !important;
    }

    .home-page .system-architecture {
        margin-top: 34px;
    }

    .home-page .system-fragmented,
    .home-page .system-integrated {
        padding: 22px;
    }

    .home-page .system-fragmented-item {
        padding: 14px 0;
    }

    .home-page .system-fragmented-item p {
        font-size: 0.78rem;
    }

    .home-page .system-panel-heading--integrated {
        display: block;
    }

    .home-page .system-live {
        margin-top: 14px;
    }

    .home-page .system-flow-step {
        padding: 13px;
    }

    .home-page .system-flow-icon {
        width: 38px;
        height: 38px;
    }

    .home-page .system-architecture-footer {
        margin-top: 22px;
    }

    .home-page .operating-shift {
        margin-top: 34px;
    }

    .home-page .outcome-grid {
        margin-top: 34px;
    }

    .home-page .outcome-card {
        padding: 22px;
    }

    .home-page .outcome-card-top {
        margin-bottom: 18px;
    }

    .home-page .outcome-card > p {
        font-size: 0.84rem;
    }

    .home-page .outcome-card-measure {
        margin-top: 18px;
        padding-top: 14px;
    }

    .home-page .outcome-footer {
        padding: 18px;
    }

    .home-page .support-cadence {
        padding: 22px;
    }

    .home-page .support-cadence-header h3 {
        font-size: 1.3rem;
    }

    .home-page #trato-cercano .trust-values {
        gap: 12px;
    }

    .home-page #trato-cercano .trust-value-item {
        padding: 14px;
    }

    .home-page #trato-cercano .trust-value-item p {
        font-size: 0.8rem !important;
        line-height: 1.5;
    }
}

@media (prefers-reduced-motion: reduce) {
    .home-page .outcome-card {
        transition: none;
    }
}

/* ============================================
   Commercial trace diagnostic
   ============================================ */
.home-page #problema.problem-diagnostic-section {
    overflow: hidden;
    background: #f6f7f5 !important;
    border-top: 1px solid rgba(11, 36, 56, 0.08);
    border-bottom: 1px solid rgba(11, 36, 56, 0.08);
}

.home-page .problem-intro {
    display: grid;
    grid-template-columns: minmax(0, 1.18fr) minmax(280px, 0.72fr);
    max-width: 1120px;
    align-items: end;
    gap: 72px;
    margin: 0 auto 52px;
}

.home-page .problem-intro .section-tag {
    margin-bottom: 18px;
}

.home-page .problem-intro h2 {
    max-width: 760px;
    margin: 0;
    color: var(--navy);
    font-size: clamp(2.6rem, 4.6vw, 3.8rem);
    line-height: 1.04;
    letter-spacing: 0;
}

.home-page .problem-intro > p {
    margin: 0 0 5px;
    padding-left: 22px;
    border-left: 2px solid var(--gold-600);
    color: var(--text-muted);
    font-size: 1rem;
    line-height: 1.72;
}

.home-page .diagnostic-workspace {
    max-width: 1120px;
    margin: 0 auto;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid rgba(11, 36, 56, 0.12);
    border-radius: 8px;
    box-shadow: 0 28px 70px -46px rgba(11, 36, 56, 0.56);
}

.home-page .diagnostic-workspace__bar {
    display: flex;
    min-height: 58px;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 12px 20px;
    background: var(--navy);
    border-bottom: 1px solid rgba(237, 200, 86, 0.18);
}

.home-page .diagnostic-workspace__title,
.home-page .diagnostic-workspace__status {
    display: inline-flex;
    align-items: center;
}

.home-page .diagnostic-workspace__title {
    gap: 10px;
    color: var(--cream);
    font-size: 0.9rem;
    font-weight: 700;
}

.home-page .diagnostic-workspace__title svg {
    width: 18px;
    height: 18px;
    color: var(--gold);
}

.home-page .diagnostic-workspace__status {
    gap: 7px;
    padding: 7px 10px;
    background: rgba(237, 200, 86, 0.08);
    border: 1px solid rgba(237, 200, 86, 0.22);
    border-radius: 999px;
    color: var(--gold);
    font-size: 0.72rem;
    font-weight: 800;
}

.home-page .diagnostic-workspace__status svg {
    width: 15px;
    height: 15px;
}

.home-page .diagnostic-workspace__body {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(310px, 0.72fr);
}

.home-page .lead-trace {
    min-width: 0;
    padding: 30px 34px 24px;
}

.home-page .lead-trace__header {
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(11, 36, 56, 0.10);
}

.home-page .lead-trace__header > span,
.home-page .blindspots-panel__header > span,
.home-page .blindspots-diagnosis span {
    display: block;
    color: var(--gold-700);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.home-page .lead-trace__header p {
    margin: 5px 0 0;
    color: var(--text-muted);
    font-size: 0.84rem;
    line-height: 1.5;
}

.home-page .lead-trace__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.home-page .lead-trace__item {
    position: relative;
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr) auto;
    min-width: 0;
    align-items: center;
    gap: 14px;
    padding: 16px 0;
    border-bottom: 1px solid rgba(11, 36, 56, 0.08);
}

.home-page .lead-trace__item:last-child {
    border-bottom: 0;
}

.home-page .lead-trace__item:not(:last-child)::after {
    position: absolute;
    z-index: 0;
    top: 60px;
    bottom: -17px;
    left: 22px;
    width: 1px;
    background: rgba(11, 36, 56, 0.12);
    content: "";
}

.home-page .lead-trace__icon {
    display: grid;
    z-index: 1;
    width: 46px;
    height: 46px;
    place-items: center;
    background: #ffffff;
    border: 1px solid rgba(11, 36, 56, 0.12);
    border-radius: 8px;
    color: var(--navy-400);
}

.home-page .lead-trace__icon svg {
    width: 20px;
    height: 20px;
    stroke-width: 1.9;
}

.home-page .lead-trace__item.is-complete .lead-trace__icon {
    background: var(--gold-50);
    border-color: rgba(184, 149, 48, 0.24);
    color: var(--gold-700);
}

.home-page .lead-trace__item.is-warning .lead-trace__icon {
    background: rgba(237, 200, 86, 0.08);
    border-color: rgba(184, 149, 48, 0.20);
    color: var(--gold-700);
}

.home-page .lead-trace__item.is-critical .lead-trace__icon {
    background: rgba(169, 78, 87, 0.07);
    border-color: rgba(169, 78, 87, 0.18);
    color: #a94e57;
}

.home-page .lead-trace__content {
    min-width: 0;
}

.home-page .lead-trace__content small {
    display: block;
    margin-bottom: 3px;
    color: var(--navy-300);
    font-size: 0.66rem;
    font-weight: 800;
    text-transform: uppercase;
}

.home-page .lead-trace__content h3 {
    margin: 0 0 4px;
    color: var(--navy);
    font-size: 1rem;
    line-height: 1.3;
}

.home-page .lead-trace__content p {
    margin: 0;
    color: var(--text-muted);
    font-size: 0.8rem;
    line-height: 1.5;
}

.home-page .lead-trace__state {
    padding: 6px 9px;
    background: var(--navy-50);
    border: 1px solid rgba(11, 36, 56, 0.10);
    border-radius: 999px;
    color: var(--navy-500);
    font-size: 0.66rem;
    font-weight: 800;
    white-space: nowrap;
}

.home-page .lead-trace__item.is-warning .lead-trace__state {
    background: var(--gold-50);
    border-color: rgba(184, 149, 48, 0.20);
    color: var(--gold-700);
}

.home-page .lead-trace__item.is-critical .lead-trace__state {
    background: rgba(169, 78, 87, 0.07);
    border-color: rgba(169, 78, 87, 0.18);
    color: #93444c;
}

.home-page .blindspots-panel {
    min-width: 0;
    padding: 30px;
    background: var(--bone-soft);
    border-left: 1px solid rgba(11, 36, 56, 0.10);
}

.home-page .blindspots-panel__header {
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(11, 36, 56, 0.10);
}

.home-page .blindspots-panel__header h3 {
    margin: 8px 0 8px;
    color: var(--navy);
    font-size: 1.32rem;
    line-height: 1.25;
}

.home-page .blindspots-panel__header p {
    margin: 0;
    color: var(--text-muted);
    font-size: 0.82rem;
    line-height: 1.55;
}

.home-page .blindspots-list {
    margin: 0;
}

.home-page .blindspots-list > div {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 16px 0;
    border-bottom: 1px solid rgba(11, 36, 56, 0.09);
}

.home-page .blindspots-list dt {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 9px;
    color: var(--navy-500);
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1.4;
}

.home-page .blindspots-list dt svg {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    color: var(--gold-700);
}

.home-page .blindspots-list dd {
    margin: 0;
    color: #93444c;
    font-size: 0.68rem;
    font-weight: 800;
    white-space: nowrap;
}

.home-page .blindspots-diagnosis {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 13px;
    margin-top: 22px;
    padding: 16px;
    background: var(--navy);
    border-radius: 8px;
}

.home-page .blindspots-diagnosis__icon {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    background: rgba(237, 200, 86, 0.10);
    border: 1px solid rgba(237, 200, 86, 0.20);
    border-radius: 8px;
    color: var(--gold);
}

.home-page .blindspots-diagnosis__icon svg {
    width: 20px;
    height: 20px;
}

.home-page .blindspots-diagnosis span {
    margin-bottom: 4px;
    color: var(--gold);
}

.home-page .blindspots-diagnosis strong {
    display: block;
    color: var(--cream);
    font-size: 0.86rem;
    line-height: 1.45;
}

.home-page .diagnostic-workspace__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    padding: 20px 24px;
    background: #ffffff;
    border-top: 1px solid rgba(11, 36, 56, 0.10);
}

.home-page .diagnostic-workspace__footer p {
    display: flex;
    max-width: 680px;
    align-items: flex-start;
    gap: 9px;
    margin: 0;
    color: var(--navy-500);
    font-size: 0.86rem;
    font-weight: 650;
    line-height: 1.5;
}

.home-page .diagnostic-workspace__footer p svg {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    margin-top: 1px;
    color: var(--gold-700);
}

.home-page .diagnostic-workspace__footer .btn {
    flex: 0 0 auto;
    white-space: nowrap;
}

.home-page .diagnostic-workspace__footer .btn svg {
    width: 17px;
    height: 17px;
}

@media (max-width: 900px) {
    .home-page .problem-intro {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .home-page .problem-intro > p {
        max-width: 720px;
    }

    .home-page .diagnostic-workspace__body {
        grid-template-columns: 1fr;
    }

    .home-page .blindspots-panel {
        border-top: 1px solid rgba(11, 36, 56, 0.10);
        border-left: 0;
    }

    .home-page .blindspots-list {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 24px;
    }
}

@media (max-width: 640px) {
    .home-page #problema.problem-diagnostic-section {
        padding-top: 72px !important;
        padding-bottom: 72px !important;
    }

    .home-page .problem-intro {
        margin-bottom: 34px;
    }

    .home-page .problem-intro h2 {
        font-size: 2rem;
        line-height: 1.08;
    }

    .home-page .problem-intro > p {
        padding-left: 16px;
        font-size: 0.94rem;
        line-height: 1.62;
    }

    .home-page .diagnostic-workspace__bar {
        flex-wrap: wrap;
        padding: 14px 16px;
    }

    .home-page .diagnostic-workspace__title {
        font-size: 0.82rem;
    }

    .home-page .lead-trace,
    .home-page .blindspots-panel {
        padding: 22px 20px;
    }

    .home-page .lead-trace__item {
        grid-template-columns: 42px minmax(0, 1fr);
        gap: 12px;
        padding: 15px 0;
    }

    .home-page .lead-trace__item:not(:last-child)::after {
        top: 56px;
        left: 20px;
    }

    .home-page .lead-trace__icon {
        width: 42px;
        height: 42px;
    }

    .home-page .lead-trace__state {
        grid-column: 2;
        width: fit-content;
        margin-top: 3px;
    }

    .home-page .lead-trace__content h3 {
        font-size: 0.95rem;
    }

    .home-page .lead-trace__content p {
        font-size: 0.78rem;
    }

    .home-page .blindspots-list {
        grid-template-columns: 1fr;
    }

    .home-page .blindspots-list > div {
        padding: 14px 0;
    }

    .home-page .diagnostic-workspace__footer {
        align-items: stretch;
        flex-direction: column;
        padding: 20px;
    }

    .home-page .diagnostic-workspace__footer .btn {
        width: 100%;
        justify-content: center;
        white-space: normal;
        text-align: center;
    }
}

/* Hero: ad-to-pipeline system */
.home-page .hero-system {
    position: relative;
    display: flex !important;
    min-height: min(760px, 94svh) !important;
    align-items: center !important;
    overflow: hidden;
    padding: 112px 0 24px !important;
    background: #071827 !important;
    isolation: isolate;
    text-align: left !important;
}

.home-page .hero-system::before,
.home-page .hero-system::after {
    display: none !important;
}

.home-page .hero-system .hero-content {
    position: relative !important;
    z-index: 4;
    width: min(100% - 48px, var(--container-max)) !important;
    max-width: var(--container-max) !important;
    margin: 0 auto !important;
}

.home-page .hero-system .hero-content::before {
    display: none !important;
}

.home-page .hero-system .hero-badge {
    width: fit-content !important;
    max-width: 560px;
    margin: 0 0 20px !important;
    padding: 9px 12px !important;
    background: rgba(240, 233, 218, 0.08) !important;
    border: 1px solid rgba(237, 200, 86, 0.34) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    color: var(--gold) !important;
    font-size: 0.78rem !important;
    line-height: 1.3;
}

.home-page .hero-system .hero-badge svg {
    width: 15px;
    height: 15px;
    flex: 0 0 15px;
}

.home-page .hero-system h1 {
    max-width: 840px !important;
    margin: 0 !important;
    color: var(--cream) !important;
    font-size: clamp(3rem, 4.45vw, 4rem) !important;
    line-height: 1.01 !important;
    text-shadow: none !important;
}

.home-page .hero-system h1 strong {
    display: block;
    margin-top: 8px;
    color: var(--gold) !important;
    -webkit-text-fill-color: var(--gold) !important;
    text-shadow: none !important;
}

.home-page .hero-system .hero-sub {
    max-width: 545px !important;
    margin: 20px 0 0 !important;
    color: rgba(240, 233, 218, 0.76) !important;
    font-size: 1rem !important;
    line-height: 1.62 !important;
    text-shadow: none !important;
}

.home-page .hero-system .hero-sub strong {
    color: #ffffff !important;
}

.home-page .hero-system .hero-cta-row {
    justify-content: flex-start !important;
    gap: 12px !important;
    margin-top: 26px !important;
}

.home-page .hero-system .btn-primary {
    box-shadow: 0 16px 36px rgba(237, 200, 86, 0.22) !important;
}

.home-page .hero-system .btn-ghost {
    background: rgba(240, 233, 218, 0.07) !important;
    border-color: rgba(240, 233, 218, 0.24) !important;
    color: var(--cream) !important;
    box-shadow: none !important;
}

.home-page .hero-system .btn-ghost:hover {
    background: rgba(240, 233, 218, 0.12) !important;
    border-color: rgba(237, 200, 86, 0.52) !important;
    color: var(--gold) !important;
}

.home-page .hero-system .hero-proof {
    display: grid !important;
    width: fit-content !important;
    grid-template-columns: repeat(3, minmax(0, auto));
    gap: 0 !important;
    margin: 22px 0 0 !important;
    padding: 7px !important;
    background: rgba(240, 233, 218, 0.06) !important;
    border: 1px solid rgba(240, 233, 218, 0.13) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    backdrop-filter: blur(14px);
}

.home-page .hero-system .hero-proof-item {
    min-width: 0;
    gap: 7px;
    padding: 7px 12px !important;
    border-right: 1px solid rgba(240, 233, 218, 0.12) !important;
    color: rgba(240, 233, 218, 0.82) !important;
    font-size: 0.74rem !important;
    white-space: nowrap;
}

.home-page .hero-system .hero-proof-item:last-child {
    border-right: 0 !important;
}

.home-page .hero-system .hero-proof-item svg {
    width: 15px !important;
    height: 15px !important;
    color: var(--gold);
}

@media (max-width: 1180px) {
    .home-page .hero-system h1 {
        max-width: 620px !important;
        font-size: 3.15rem !important;
    }

    .home-page .hero-system .hero-sub {
        max-width: 520px !important;
    }

}

@media (max-width: 900px) {
    .home-page .hero-system {
        min-height: min(940px, 94svh) !important;
        align-items: flex-start !important;
        padding: 104px 0 300px !important;
    }

    .home-page .hero-system .hero-content {
        width: min(100% - 40px, 680px) !important;
    }

    .home-page .hero-system h1 {
        max-width: 640px !important;
        font-size: clamp(2.8rem, 7.2vw, 3.6rem) !important;
    }

    .home-page .hero-system .hero-sub {
        max-width: 600px !important;
    }

}

@media (max-width: 640px) {
    .home-page .hero-system {
        min-height: min(760px, 94svh) !important;
        padding: 90px 0 196px !important;
    }

    .home-page .hero-system .hero-content {
        width: min(100% - 28px, 430px) !important;
    }

    .home-page .hero-system .hero-badge {
        max-width: 100%;
        margin-bottom: 16px !important;
        padding: 8px 10px !important;
        font-size: 0.69rem !important;
    }

    .home-page .hero-system h1 {
        max-width: 100% !important;
        font-size: clamp(2rem, 9.1vw, 2.35rem) !important;
        line-height: 1.02 !important;
    }

    .home-page .hero-system h1 strong {
        margin-top: 5px;
    }

    .home-page .hero-system .hero-sub {
        max-width: 100% !important;
        margin-top: 14px !important;
        font-size: 0.88rem !important;
        line-height: 1.52 !important;
    }

    .home-page .hero-system .hero-cta-row {
        display: grid !important;
        grid-template-columns: 1fr;
        gap: 9px !important;
        margin: 18px 0 0 !important;
    }

    .home-page .hero-system .hero-cta-row .btn {
        width: 100%;
        min-height: 50px;
        justify-content: center;
        padding: 12px 16px !important;
    }

    .home-page .hero-system .hero-proof {
        width: 100% !important;
        margin-top: 14px !important;
        padding: 5px !important;
    }

    .home-page .hero-system .hero-proof-item {
        flex-direction: column;
        justify-content: center;
        gap: 4px;
        padding: 6px 3px !important;
        font-size: 0.59rem !important;
        line-height: 1.2;
        text-align: center;
        white-space: normal;
    }

}

@media (max-width: 380px) {
    .home-page .hero-system {
        padding-top: 86px !important;
        padding-bottom: 178px !important;
    }

    .home-page .hero-system h1 {
        font-size: 1.88rem !important;
    }

}

/* Operational control replacement */
.home-page .commercial-control-section {
    overflow: hidden;
    background: #071827 !important;
    border-top: 1px solid rgba(240, 233, 218, 0.08);
    border-bottom: 1px solid rgba(240, 233, 218, 0.08);
}

.home-page .commercial-control__intro {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(280px, 0.75fr);
    align-items: end;
    gap: 72px;
    margin-bottom: 46px;
}

.home-page .commercial-control__intro .section-tag {
    margin-bottom: 18px;
}

.home-page .commercial-control__intro h2 {
    max-width: 760px;
    margin: 0;
    color: var(--cream);
    font-size: clamp(2.5rem, 4.2vw, 3.55rem);
    line-height: 1.05;
}

.home-page .commercial-control__intro > p {
    margin: 0 0 3px;
    padding-left: 22px;
    border-left: 2px solid rgba(237, 200, 86, 0.72);
    color: rgba(240, 233, 218, 0.70);
    font-size: 0.95rem;
    line-height: 1.7;
}

.home-page .commercial-control {
    overflow: hidden;
    background: #ffffff;
    border: 1px solid rgba(240, 233, 218, 0.18);
    border-radius: 8px;
    box-shadow: 0 34px 78px rgba(0, 0, 0, 0.30);
}

.home-page .commercial-control__bar {
    display: flex;
    min-height: 56px;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 12px 20px;
    background: #0b2438;
    border-bottom: 1px solid rgba(240, 233, 218, 0.12);
    color: rgba(240, 233, 218, 0.88);
    font-size: 0.78rem;
    font-weight: 750;
}

.home-page .commercial-control__bar div,
.home-page .commercial-control__bar span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.home-page .commercial-control__bar span {
    padding: 6px 9px;
    border: 1px solid rgba(123, 214, 167, 0.24);
    border-radius: 999px;
    color: #7bd6a7;
    font-size: 0.68rem;
}

.home-page .commercial-control__bar svg {
    width: 16px;
    height: 16px;
}

.home-page .commercial-control__body {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(320px, 0.75fr);
}

.home-page .control-principles {
    padding: 10px 32px;
}

.home-page .control-principle {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) auto;
    align-items: center;
    gap: 18px;
    padding: 24px 0;
}

.home-page .control-principle:not(:last-child) {
    border-bottom: 1px solid rgba(11, 36, 56, 0.10);
}

.home-page .control-principle__icon {
    display: grid;
    width: 48px;
    height: 48px;
    place-items: center;
    background: var(--gold-50);
    border: 1px solid rgba(184, 149, 48, 0.20);
    border-radius: 8px;
    color: var(--gold-700);
}

.home-page .control-principle__icon svg {
    width: 21px;
    height: 21px;
}

.home-page .control-principle small {
    display: block;
    margin-bottom: 4px;
    color: var(--gold-700);
    font-size: 0.65rem;
    font-weight: 800;
}

.home-page .control-principle h3 {
    margin: 0 0 5px;
    color: var(--navy);
    font-size: 1rem;
    line-height: 1.3;
}

.home-page .control-principle p {
    margin: 0;
    color: var(--text-muted);
    font-size: 0.8rem;
    line-height: 1.5;
}

.home-page .control-principle > span {
    padding: 7px 10px;
    background: rgba(33, 132, 87, 0.08);
    border: 1px solid rgba(33, 132, 87, 0.18);
    border-radius: 999px;
    color: #257a55;
    font-size: 0.66rem;
    font-weight: 800;
    white-space: nowrap;
}

.home-page .control-evidence {
    padding: 30px;
    background: #f7f4ed;
    border-left: 1px solid rgba(11, 36, 56, 0.10);
}

.home-page .control-evidence > span {
    display: block;
    margin-bottom: 8px;
    color: var(--gold-700);
    font-size: 0.66rem;
    font-weight: 800;
}

.home-page .control-evidence h3 {
    margin: 0 0 22px;
    color: var(--navy);
    font-size: 1.38rem;
    line-height: 1.25;
}

.home-page .control-evidence dl {
    margin: 0;
}

.home-page .control-evidence dl > div {
    display: grid;
    grid-template-columns: 88px minmax(0, 1fr);
    gap: 14px;
    padding: 12px 0;
    border-top: 1px solid rgba(11, 36, 56, 0.10);
}

.home-page .control-evidence dt,
.home-page .control-evidence dd {
    margin: 0;
}

.home-page .control-evidence dt {
    color: var(--navy-300);
    font-size: 0.7rem;
    font-weight: 800;
}

.home-page .control-evidence dd {
    color: var(--navy-500);
    font-size: 0.76rem;
    line-height: 1.45;
}

.home-page .control-evidence > p {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 22px 0 0;
    padding: 14px 15px;
    background: var(--navy);
    border-radius: 8px;
    color: rgba(240, 233, 218, 0.84);
    font-size: 0.76rem;
    line-height: 1.5;
}

.home-page .control-evidence > p svg {
    width: 17px;
    height: 17px;
    flex: 0 0 17px;
    color: var(--gold);
}

.home-page .commercial-control__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    padding: 18px 22px;
    border-top: 1px solid rgba(11, 36, 56, 0.10);
    background: #ffffff;
}

.home-page .commercial-control__footer p {
    display: flex;
    max-width: 650px;
    align-items: flex-start;
    gap: 10px;
    margin: 0;
    color: var(--navy-500);
    font-size: 0.78rem;
    line-height: 1.5;
    font-weight: 650;
}

.home-page .commercial-control__footer p svg {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    color: var(--gold-700);
}

.home-page .commercial-control__footer .btn {
    min-height: 48px;
    flex: 0 0 auto;
    white-space: nowrap;
}

.home-page .commercial-control__footer .btn svg {
    width: 16px;
    height: 16px;
}

@media (max-width: 1180px) {
    .home-page .commercial-control__body {
        grid-template-columns: minmax(0, 1.25fr) minmax(300px, 0.75fr);
    }
}

@media (max-width: 900px) {
    .home-page .commercial-control__intro {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .home-page .commercial-control__intro > p {
        max-width: 680px;
    }

    .home-page .commercial-control__body {
        grid-template-columns: 1fr;
    }

    .home-page .control-evidence {
        border-top: 1px solid rgba(11, 36, 56, 0.10);
        border-left: 0;
    }

    .home-page .control-evidence dl {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0 24px;
    }
}

@media (max-width: 640px) {
    .home-page .commercial-control-section {
        padding-top: 76px !important;
        padding-bottom: 76px !important;
    }

    .home-page .commercial-control__intro {
        margin-bottom: 32px;
    }

    .home-page .commercial-control__intro h2 {
        font-size: 2.1rem;
    }

    .home-page .commercial-control__intro > p {
        padding-left: 16px;
        font-size: 0.87rem;
        line-height: 1.6;
    }

    .home-page .commercial-control__bar {
        min-height: 52px;
        padding: 10px 14px;
    }

    .home-page .control-principles {
        padding: 4px 20px;
    }

    .home-page .control-principle {
        grid-template-columns: 42px minmax(0, 1fr);
        gap: 14px;
        padding: 20px 0;
    }

    .home-page .control-principle__icon {
        width: 42px;
        height: 42px;
    }

    .home-page .control-principle > span {
        grid-column: 2;
        width: fit-content;
        margin-top: -2px;
    }

    .home-page .control-evidence {
        padding: 24px 20px;
    }

    .home-page .control-evidence dl {
        grid-template-columns: 1fr;
    }

    .home-page .commercial-control__footer {
        align-items: stretch;
        flex-direction: column;
        gap: 16px;
        padding: 18px 20px 20px;
    }

    .home-page .commercial-control__footer .btn {
        width: 100%;
        justify-content: center;
        white-space: normal;
        text-align: center;
    }
}

/* Hero: one connected product workspace */
.home-page .hero-system {
    min-height: min(720px, 94svh) !important;
    padding-top: 108px !important;
    padding-bottom: 28px !important;
}

.home-page .hero-system h1 {
    max-width: 650px !important;
    font-size: clamp(3.1rem, 4.25vw, 3.85rem) !important;
}

.home-page .hero-system .hero-sub {
    max-width: 550px !important;
}

.home-page .hero-flow-scene {
    position: absolute;
    z-index: 2;
    top: 102px;
    right: 18px;
    bottom: 24px;
    left: 48%;
    pointer-events: none;
}

.home-page .hero-flow-workspace {
    position: absolute;
    right: 0;
    bottom: 0;
    width: min(760px, 100%);
    overflow: hidden;
    background: #f4f7f9;
    border: 1px solid rgba(240, 233, 218, 0.22);
    border-radius: 8px;
    box-shadow: 0 30px 72px rgba(0, 0, 0, 0.36);
    animation: hero-workspace-in 760ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

.home-page .hero-flow-workspace__bar,
.home-page .hero-flow-workspace__footer,
.home-page .hero-flow-source__heading,
.home-page .hero-flow-pipeline__heading,
.home-page .hero-flow-source__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.home-page .hero-flow-workspace__bar {
    min-height: 44px;
    padding: 9px 13px;
    background: #0b2438;
    border-bottom: 1px solid rgba(240, 233, 218, 0.12);
    color: rgba(240, 233, 218, 0.84);
    font-size: 0.67rem;
    font-weight: 750;
}

.home-page .hero-flow-workspace__bar span,
.home-page .hero-flow-workspace__bar strong,
.home-page .hero-flow-pipeline__heading strong,
.home-page .hero-flow-workspace__footer span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.home-page .hero-flow-workspace__bar strong {
    color: #7bd6a7;
}

.home-page .hero-flow-workspace__bar svg,
.home-page .hero-flow-workspace__footer svg {
    width: 14px;
    height: 14px;
}

.home-page .hero-flow-workspace__body {
    display: grid;
    grid-template-columns: 142px 92px minmax(0, 1fr);
    min-height: 250px;
}

.home-page .hero-flow-source {
    padding: 14px;
    background: #ffffff;
    border-right: 1px solid rgba(11, 36, 56, 0.10);
}

.home-page .hero-flow-source__heading,
.home-page .hero-flow-pipeline__heading {
    min-height: 26px;
}

.home-page .hero-flow-source__heading span,
.home-page .hero-flow-pipeline__heading > span {
    color: var(--gold-700);
    font-size: 0.5rem;
    font-weight: 850;
}

.home-page .hero-flow-source__heading strong {
    color: var(--navy);
    font-size: 0.58rem;
}

.home-page .hero-flow-source__preview {
    height: 164px;
    margin-top: 8px;
    overflow: hidden;
    background: #0d1117;
    border: 1px solid rgba(11, 36, 56, 0.10);
    border-radius: 6px;
}

.home-page .hero-flow-source__preview img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 24%;
}

.home-page .hero-flow-source__meta {
    margin-top: 9px;
    color: var(--navy-300);
    font-size: 0.5rem;
}

.home-page .hero-flow-source__meta strong {
    color: var(--navy);
}

.home-page .hero-flow-event {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 5px;
    padding: 12px 8px;
    background: #f7f4ed;
    border-right: 1px solid rgba(11, 36, 56, 0.10);
    text-align: center;
}

.home-page .hero-flow-event div {
    display: grid;
    width: 32px;
    height: 32px;
    margin-bottom: 5px;
    place-items: center;
    background: var(--navy);
    border-radius: 8px;
    color: var(--gold);
}

.home-page .hero-flow-event svg {
    width: 16px;
    height: 16px;
}

.home-page .hero-flow-event span {
    color: var(--gold-700);
    font-size: 0.52rem;
    font-weight: 850;
}

.home-page .hero-flow-event strong {
    color: var(--navy-500);
    font-size: 0.5rem;
    line-height: 1.3;
}

.home-page .hero-flow-pipeline {
    min-width: 0;
    padding: 14px 12px 10px;
    background: #edf2f6;
}

.home-page .hero-flow-pipeline__heading {
    margin-bottom: 8px;
}

.home-page .hero-flow-pipeline__heading strong {
    color: #257a55;
    font-size: 0.52rem;
}

.home-page .hero-flow-pipeline__heading svg {
    width: 12px;
    height: 12px;
}

.home-page .hero-flow-pipeline > img {
    display: block;
    width: 100%;
    height: auto;
    border: 1px solid rgba(11, 36, 56, 0.08);
    border-radius: 6px;
}

.home-page .hero-flow-workspace__footer {
    min-height: 38px;
    justify-content: flex-start;
    padding: 8px 13px;
    background: #ffffff;
    border-top: 1px solid rgba(11, 36, 56, 0.10);
    color: var(--navy-500);
    font-size: 0.52rem;
    font-weight: 750;
}

.home-page .hero-flow-workspace__footer span {
    padding-right: 12px;
    border-right: 1px solid rgba(11, 36, 56, 0.10);
}

.home-page .hero-flow-workspace__footer span:last-child {
    padding-right: 0;
    border-right: 0;
}

.home-page .hero-flow-workspace__footer svg {
    color: #257a55;
}

@keyframes hero-workspace-in {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 1120px) {
    .home-page .hero-system h1 {
        max-width: 570px !important;
        font-size: 3.25rem !important;
    }

    .home-page .hero-system .hero-sub {
        max-width: 500px !important;
    }

    .home-page .hero-flow-scene {
        left: 50%;
    }

    .home-page .hero-flow-workspace__body {
        grid-template-columns: 126px 74px minmax(0, 1fr);
    }

    .home-page .hero-flow-source__preview {
        height: 146px;
    }
}

@media (max-width: 900px) {
    .home-page .hero-system {
        min-height: min(940px, 94svh) !important;
        padding: 102px 0 292px !important;
    }

    .home-page .hero-system h1 {
        max-width: 680px !important;
        font-size: clamp(2.75rem, 7vw, 3.5rem) !important;
    }

    .home-page .hero-system .hero-sub {
        max-width: 620px !important;
    }

    .home-page .hero-flow-scene {
        top: auto;
        right: 20px;
        bottom: 18px;
        left: 20px;
        height: 248px;
    }

    .home-page .hero-flow-workspace {
        width: 100%;
    }

    .home-page .hero-flow-workspace__body {
        grid-template-columns: 132px 84px minmax(0, 1fr);
        min-height: 172px;
    }

    .home-page .hero-flow-source__preview {
        height: 92px;
    }
}

@media (max-width: 640px) {
    .home-page .hero-system {
        min-height: min(740px, 90svh) !important;
        padding: 90px 0 200px !important;
    }

    .home-page .hero-system .hero-proof {
        display: none !important;
    }

    .home-page .hero-system h1 {
        max-width: 100% !important;
        font-size: clamp(1.96rem, 8.7vw, 2.28rem) !important;
    }

    .home-page .hero-system .hero-sub {
        max-width: 100% !important;
    }

    .home-page .hero-flow-scene {
        right: 14px;
        bottom: 12px;
        left: 14px;
        height: 176px;
    }

    .home-page .hero-flow-workspace__bar {
        min-height: 28px;
        padding: 5px 8px;
        font-size: 0.48rem;
    }

    .home-page .hero-flow-workspace__bar svg {
        width: 10px;
        height: 10px;
    }

    .home-page .hero-flow-workspace__body {
        grid-template-columns: 74px 48px minmax(0, 1fr);
        min-height: 112px;
    }

    .home-page .hero-flow-source,
    .home-page .hero-flow-pipeline {
        padding: 7px;
    }

    .home-page .hero-flow-source__heading {
        display: block;
        min-height: 18px;
    }

    .home-page .hero-flow-source__heading span,
    .home-page .hero-flow-pipeline__heading > span {
        font-size: 0.34rem;
    }

    .home-page .hero-flow-source__heading strong,
    .home-page .hero-flow-pipeline__heading strong {
        display: none;
    }

    .home-page .hero-flow-source__preview {
        height: 67px;
        margin-top: 3px;
    }

    .home-page .hero-flow-source__meta {
        display: none;
    }

    .home-page .hero-flow-event {
        gap: 3px;
        padding: 6px 3px;
    }

    .home-page .hero-flow-event div {
        width: 24px;
        height: 24px;
        margin-bottom: 2px;
    }

    .home-page .hero-flow-event svg {
        width: 12px;
        height: 12px;
    }

    .home-page .hero-flow-event span {
        font-size: 0.34rem;
    }

    .home-page .hero-flow-event strong {
        display: none;
    }

    .home-page .hero-flow-pipeline__heading {
        min-height: 18px;
        margin-bottom: 3px;
    }

    .home-page .hero-flow-workspace__footer {
        min-height: 24px;
        gap: 5px;
        padding: 4px 7px;
        font-size: 0.34rem;
    }

    .home-page .hero-flow-workspace__footer span {
        gap: 3px;
        padding-right: 5px;
    }

    .home-page .hero-flow-workspace__footer svg {
        width: 8px;
        height: 8px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .home-page .hero-flow-workspace {
        animation: none;
    }
}

@media (min-width: 901px) and (max-height: 760px) {
    .home-page .hero-system {
        min-height: calc(100svh - 70px) !important;
        padding-top: 84px !important;
        padding-bottom: 14px !important;
    }

    .home-page .hero-system .hero-badge {
        margin-bottom: 14px !important;
        padding: 7px 10px !important;
    }

    .home-page .hero-system h1 {
        max-width: 610px !important;
        font-size: clamp(2.8rem, 4vw, 3.45rem) !important;
    }

    .home-page .hero-system h1 strong {
        margin-top: 5px;
    }

    .home-page .hero-system .hero-sub {
        margin-top: 14px !important;
        line-height: 1.5 !important;
    }

    .home-page .hero-system .hero-cta-row {
        margin-top: 18px !important;
    }

    .home-page .hero-system .hero-proof {
        display: none !important;
    }

    .home-page .hero-flow-scene {
        top: 84px;
        bottom: 14px;
    }
}

/* Hero: original ad + pipeline composition */
.home-page .hero-system--classic {
    min-height: min(720px, 94svh) !important;
    padding-top: 108px !important;
    padding-bottom: 28px !important;
}

.home-page .hero-system--classic h1 {
    max-width: clamp(620px, 45vw, 820px) !important;
    font-size: clamp(3.1rem, 4.35vw, 3.95rem) !important;
}

.home-page .hero-system--classic .hero-sub {
    max-width: 560px !important;
}

.home-page .hero-system__scene {
    position: absolute;
    z-index: 2;
    top: 82px;
    right: 0;
    bottom: 0;
    left: 54%;
    pointer-events: none;
}

.home-page .hero-system__pipeline {
    position: absolute;
    right: clamp(26px, 3.6vw, 66px);
    bottom: 24px;
    width: min(760px, calc(100% - 28px));
    overflow: hidden;
    background: #edf2f6;
    border: 1px solid rgba(240, 233, 218, 0.24);
    border-radius: 8px;
    box-shadow: 0 34px 78px rgba(0, 0, 0, 0.36);
    animation: hero-pipeline-in 780ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

.home-page .hero-system__pipeline-bar {
    display: flex;
    min-height: 42px;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 9px 14px;
    background: #0b2438;
    border-bottom: 1px solid rgba(240, 233, 218, 0.12);
    color: rgba(240, 233, 218, 0.84);
    font-size: 0.67rem;
    font-weight: 750;
}

.home-page .hero-system__pipeline-bar span,
.home-page .hero-system__pipeline-bar strong {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.home-page .hero-system__pipeline-bar strong {
    color: #7bd6a7;
}

.home-page .hero-system__pipeline-bar svg {
    width: 14px;
    height: 14px;
}

.home-page .hero-system__pipeline > img {
    display: block;
    width: 100%;
    height: auto;
}

.home-page .hero-system__ad {
    position: absolute;
    z-index: 3;
    top: 4px;
    right: clamp(6px, 1.2vw, 22px);
    width: clamp(188px, 16.5vw, 246px);
    aspect-ratio: 2 / 3;
    margin: 0;
    overflow: hidden;
    background: #0d1117;
    border: 1px solid rgba(240, 233, 218, 0.24);
    border-radius: 8px;
    box-shadow: 0 30px 68px rgba(0, 0, 0, 0.48);
    transform: rotate(1.4deg);
    animation: hero-ad-in 880ms 90ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

.home-page .hero-system__ad > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.home-page .hero-system__ad figcaption {
    position: absolute;
    top: 12px;
    left: 12px;
    display: grid;
    gap: 3px;
    padding: 9px 10px;
    background: rgba(7, 24, 39, 0.90);
    border: 1px solid rgba(237, 200, 86, 0.22);
    border-radius: 6px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.28);
    backdrop-filter: blur(12px);
}

.home-page .hero-system__ad figcaption span {
    color: var(--gold);
    font-size: 0.52rem;
    font-weight: 850;
}

.home-page .hero-system__ad figcaption strong {
    color: var(--cream);
    font-size: 0.64rem;
}

.home-page .hero-system__handoff {
    position: absolute;
    z-index: 4;
    top: 36%;
    right: clamp(202px, 17.5vw, 270px);
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    background: rgba(11, 36, 56, 0.94);
    border: 1px solid rgba(237, 200, 86, 0.38);
    border-radius: 8px;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.28);
    color: var(--gold);
    font-size: 0.62rem;
    font-weight: 800;
    backdrop-filter: blur(12px);
}

.home-page .hero-system__handoff svg {
    width: 14px;
    height: 14px;
}

@keyframes hero-pipeline-in {
    from { opacity: 0; transform: translateY(24px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes hero-ad-in {
    from { opacity: 0; transform: translateY(-16px) rotate(3deg); }
    to { opacity: 1; transform: translateY(0) rotate(1.4deg); }
}

/* Open compositions: diagnostic, operating control and connected system */
.home-page .diagnostic-workspace,
.home-page .commercial-control {
    overflow: visible;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.home-page .diagnostic-workspace__bar,
.home-page .commercial-control__bar {
    width: fit-content;
    min-height: 48px;
    margin-bottom: 16px;
    padding: 9px 12px 9px 15px;
    border: 1px solid rgba(237, 200, 86, 0.20);
    border-radius: 8px;
    box-shadow: 0 16px 34px -26px rgba(11, 36, 56, 0.56);
}

.home-page .diagnostic-workspace__body,
.home-page .commercial-control__body {
    align-items: start;
    gap: 22px;
}

.home-page .lead-trace,
.home-page .control-principles {
    min-width: 0;
    background: #ffffff;
    border: 1px solid rgba(11, 36, 56, 0.11);
    border-radius: 8px;
    box-shadow: 0 26px 64px -48px rgba(11, 36, 56, 0.56);
}

.home-page .blindspots-panel,
.home-page .control-evidence {
    min-width: 0;
    margin-top: 38px;
    border: 1px solid rgba(11, 36, 56, 0.11);
    border-left: 3px solid rgba(184, 149, 48, 0.72);
    border-radius: 8px;
    box-shadow: 0 24px 58px -46px rgba(11, 36, 56, 0.54);
}

.home-page .diagnostic-workspace__footer,
.home-page .commercial-control__footer {
    margin-top: 20px;
    padding: 0;
    background: transparent;
    border: 0;
}

.home-page .commercial-control__footer p {
    color: rgba(240, 233, 218, 0.76);
}

.home-page .commercial-control__footer p svg {
    color: var(--gold);
}

.home-page .system-architecture {
    grid-template-columns: minmax(0, 0.78fr) 46px minmax(0, 1.45fr);
    align-items: start;
}

.home-page .system-fragmented {
    padding: 16px 0 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.home-page .system-fragmented-list {
    display: grid;
    gap: 10px;
    border-top: 0;
}

.home-page .system-fragmented-item {
    padding: 14px;
    background: rgba(255, 255, 255, 0.74);
    border: 1px solid rgba(11, 36, 56, 0.10);
    border-radius: 8px;
    box-shadow: 0 18px 42px -36px rgba(11, 36, 56, 0.48);
}

.home-page .system-fragmented-note {
    margin-top: 12px;
}

.home-page .system-bridge {
    margin-top: 174px;
}

.home-page .system-integrated {
    margin-top: 34px;
    border-left: 3px solid rgba(237, 200, 86, 0.72);
    box-shadow: 0 32px 72px -44px rgba(11, 36, 56, 0.78);
}

.home-page .system-flow {
    gap: 0;
    border-top: 1px solid rgba(240, 233, 218, 0.12);
    border-bottom: 1px solid rgba(240, 233, 218, 0.12);
}

.home-page .system-flow-step {
    padding: 18px 14px;
    background: transparent;
    border: 0;
    border-right: 1px solid rgba(240, 233, 218, 0.12);
    border-radius: 0;
}

.home-page .system-flow-step:last-child {
    border-right: 0;
}

.home-page .system-flow-step:not(:last-child)::after {
    display: none;
}

.home-page .system-output-grid {
    margin-top: 0;
    padding-top: 18px;
    border-top: 0;
}

.home-page .system-architecture-footer {
    margin-top: 42px;
}

@media (max-width: 1120px) {
    .home-page .hero-system--classic h1 {
        max-width: 590px !important;
        font-size: 3.2rem !important;
    }

    .home-page .hero-system--classic .hero-sub {
        max-width: 500px !important;
    }

    .home-page .hero-system__scene {
        left: 51%;
    }

    .home-page .hero-system__pipeline {
        right: 24px;
    }
}

@media (max-width: 980px) {
    .home-page .system-architecture {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .home-page .system-fragmented {
        max-width: 620px;
        padding-top: 0;
    }

    .home-page .system-bridge {
        width: 48px;
        min-height: 58px;
        margin: 0 0 0 28px;
    }

    .home-page .system-integrated {
        margin-top: 0;
        margin-left: 42px;
    }
}

@media (max-width: 900px) {
    .home-page .hero-system--classic {
        min-height: min(940px, 94svh) !important;
        padding: 102px 0 306px !important;
    }

    .home-page .hero-system--classic h1 {
        max-width: 680px !important;
        font-size: clamp(2.75rem, 7vw, 3.5rem) !important;
    }

    .home-page .hero-system--classic .hero-sub {
        max-width: 620px !important;
    }

    .home-page .hero-system__scene {
        top: auto;
        right: 18px;
        bottom: 16px;
        left: 18px;
        height: 272px;
    }

    .home-page .hero-system__pipeline {
        right: 0;
        bottom: 0;
        width: 100%;
    }

    .home-page .hero-system__ad {
        top: -30px;
        right: 4px;
        width: 168px;
    }

    .home-page .hero-system__handoff {
        top: 18px;
        right: 164px;
    }

    .home-page .diagnostic-workspace__body,
    .home-page .commercial-control__body {
        grid-template-columns: 1fr;
    }

    .home-page .blindspots-panel,
    .home-page .control-evidence {
        max-width: calc(100% - 36px);
        margin-top: -2px;
        margin-left: 36px;
        border-top: 1px solid rgba(11, 36, 56, 0.11);
    }
}

@media (max-width: 640px) {
    .home-page .hero-system--classic {
        min-height: min(780px, 94svh) !important;
        padding: 90px 0 190px !important;
    }

    .home-page .hero-system--classic h1 {
        max-width: 100% !important;
        font-size: clamp(1.96rem, 8.7vw, 2.28rem) !important;
    }

    .home-page .hero-system--classic .hero-proof {
        display: none !important;
    }

    .home-page .hero-system__scene {
        right: 12px;
        bottom: 10px;
        left: 12px;
        height: 164px;
    }

    .home-page .hero-system__pipeline-bar {
        min-height: 28px;
        padding: 5px 8px;
        font-size: 0.48rem;
    }

    .home-page .hero-system__pipeline-bar svg {
        width: 10px;
        height: 10px;
    }

    .home-page .hero-system__ad {
        top: -18px;
        right: 3px;
        width: 92px;
    }

    .home-page .hero-system__ad figcaption {
        top: 6px;
        left: 6px;
        gap: 1px;
        padding: 5px 6px;
    }

    .home-page .hero-system__ad figcaption span {
        font-size: 0.34rem;
    }

    .home-page .hero-system__ad figcaption strong {
        font-size: 0.4rem;
    }

    .home-page .hero-system__handoff {
        display: none;
    }

    .home-page .diagnostic-workspace__bar,
    .home-page .commercial-control__bar {
        width: 100%;
        margin-bottom: 12px;
    }

    .home-page .diagnostic-workspace__body,
    .home-page .commercial-control__body {
        gap: 12px;
    }

    .home-page .blindspots-panel,
    .home-page .control-evidence {
        max-width: calc(100% - 14px);
        margin: -2px 0 0 14px;
    }

    .home-page .diagnostic-workspace__footer,
    .home-page .commercial-control__footer {
        gap: 16px;
        margin-top: 18px;
        padding: 0;
    }

    .home-page .system-fragmented,
    .home-page .system-integrated {
        padding: 0;
    }

    .home-page .system-panel-heading {
        padding: 0 2px;
    }

    .home-page .system-bridge {
        margin-left: 14px;
    }

    .home-page .system-integrated {
        margin-left: 14px;
        padding: 22px;
    }

    .home-page .system-flow {
        grid-template-columns: 1fr 1fr;
    }

    .home-page .system-flow-step:nth-child(2) {
        border-right: 0;
    }

    .home-page .system-flow-step:nth-child(-n + 2) {
        border-bottom: 1px solid rgba(240, 233, 218, 0.12);
    }
}

@media (prefers-reduced-motion: reduce) {
    .home-page .hero-system__pipeline,
    .home-page .hero-system__ad {
        animation: none;
    }
}

@media (min-width: 901px) and (max-height: 760px) {
    .home-page .hero-system--classic {
        min-height: calc(100svh - 70px) !important;
        padding-top: 84px !important;
        padding-bottom: 14px !important;
    }

    .home-page .hero-system--classic h1 {
        max-width: 610px !important;
        font-size: clamp(2.8rem, 4vw, 3.45rem) !important;
    }

    .home-page .hero-system--classic .hero-proof {
        display: none !important;
    }

    .home-page .hero-system__scene {
        top: 76px;
        bottom: 8px;
    }

    .home-page .hero-system__ad {
        width: clamp(170px, 15vw, 218px);
    }
}

/* Commercial control: an open operating flow, intentionally unlike the diagnostic panel. */
.home-page .commercial-control--flow {
    position: relative;
    overflow: visible;
}

.home-page .commercial-control--flow .commercial-control__bar {
    width: 100%;
    min-height: 0;
    margin: 0 0 42px;
    padding: 0 0 15px;
    background: transparent;
    border: 0;
    border-bottom: 1px solid rgba(240, 233, 218, 0.16);
    border-radius: 0;
    box-shadow: none;
    color: rgba(240, 233, 218, 0.78);
}

.home-page .commercial-control--flow .commercial-control__bar > div {
    color: var(--cream);
    font-size: 0.75rem;
}

.home-page .commercial-control--flow .commercial-control__bar > div svg {
    color: var(--gold);
}

.home-page .commercial-control--flow .commercial-control__bar > span {
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #80d6ac;
}

.home-page .commercial-control--flow .commercial-control__body {
    display: block;
}

.home-page .commercial-control--flow .control-principles {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(28px, 4vw, 58px);
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.home-page .commercial-control--flow .control-principles::before {
    content: '';
    position: absolute;
    top: 24px;
    right: 24px;
    left: 24px;
    height: 1px;
    background: linear-gradient(90deg, rgba(237, 200, 86, 0.72), rgba(237, 200, 86, 0.18));
}

.home-page .commercial-control--flow .control-principle {
    position: relative;
    display: flex;
    min-width: 0;
    align-items: flex-start;
    flex-direction: column;
    gap: 0;
    padding: 0;
    border: 0;
}

.home-page .commercial-control--flow .control-principle:not(:last-child) {
    border: 0;
}

.home-page .commercial-control--flow .control-principle__icon {
    position: relative;
    z-index: 1;
    width: 48px;
    height: 48px;
    margin-bottom: 22px;
    background: #0b2438;
    border-color: rgba(237, 200, 86, 0.42);
    color: var(--gold);
    box-shadow: 0 0 0 8px #071827;
}

.home-page .commercial-control--flow .control-principle small {
    margin-bottom: 9px;
    color: var(--gold);
    font-size: 0.67rem;
}

.home-page .commercial-control--flow .control-principle h3 {
    max-width: 300px;
    margin-bottom: 9px;
    color: var(--cream);
    font-size: 1.08rem;
    line-height: 1.32;
}

.home-page .commercial-control--flow .control-principle p {
    max-width: 330px;
    color: rgba(240, 233, 218, 0.62);
    font-size: 0.82rem;
    line-height: 1.62;
}

.home-page .commercial-control--flow .control-principle > span {
    margin-top: 18px;
    padding: 6px 9px;
    background: rgba(123, 214, 167, 0.08);
    border-color: rgba(123, 214, 167, 0.20);
    color: #80d6ac;
}

.home-page .commercial-control--flow .control-evidence {
    display: grid;
    grid-template-columns: minmax(210px, 0.65fr) minmax(0, 1.65fr);
    grid-template-rows: auto auto;
    column-gap: clamp(34px, 5vw, 72px);
    margin: 54px 0 0;
    padding: 28px 0 0;
    background: transparent;
    border: 0;
    border-top: 1px solid rgba(240, 233, 218, 0.16);
    border-radius: 0;
    box-shadow: none;
}

.home-page .commercial-control--flow .control-evidence > span {
    grid-column: 1;
    grid-row: 1;
    margin-bottom: 7px;
    color: var(--gold);
}

.home-page .commercial-control--flow .control-evidence h3 {
    grid-column: 1;
    grid-row: 2;
    align-self: start;
    margin: 0;
    color: var(--cream);
    font-size: 1.28rem;
}

.home-page .commercial-control--flow .control-evidence dl {
    display: grid;
    grid-column: 2;
    grid-row: 1 / span 2;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 34px;
}

.home-page .commercial-control--flow .control-evidence dl > div {
    grid-template-columns: 82px minmax(0, 1fr);
    padding: 9px 0;
    border-top-color: rgba(240, 233, 218, 0.12);
}

.home-page .commercial-control--flow .control-evidence dt {
    color: rgba(237, 200, 86, 0.78);
}

.home-page .commercial-control--flow .control-evidence dd {
    color: rgba(240, 233, 218, 0.72);
}

.home-page .commercial-control--flow .control-evidence > p {
    grid-column: 1 / -1;
    margin: 24px 0 0;
    padding: 18px 0 0;
    background: transparent;
    border-top: 1px solid rgba(240, 233, 218, 0.10);
    border-radius: 0;
    color: rgba(240, 233, 218, 0.78);
}

.home-page .commercial-control--flow .commercial-control__footer {
    margin-top: 28px;
}

@media (max-width: 900px) {
    .home-page .commercial-control--flow .control-principles {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .home-page .commercial-control--flow .control-principles::before {
        top: 24px;
        right: auto;
        bottom: 34px;
        left: 23px;
        width: 1px;
        height: auto;
        background: linear-gradient(180deg, rgba(237, 200, 86, 0.72), rgba(237, 200, 86, 0.14));
    }

    .home-page .commercial-control--flow .control-principle {
        display: grid;
        grid-template-columns: 48px minmax(0, 1fr);
        column-gap: 18px;
        padding-bottom: 32px;
    }

    .home-page .commercial-control--flow .control-principle__icon {
        grid-column: 1;
        grid-row: 1 / span 2;
        margin: 0;
    }

    .home-page .commercial-control--flow .control-principle > div:nth-child(2) {
        grid-column: 2;
    }

    .home-page .commercial-control--flow .control-principle h3,
    .home-page .commercial-control--flow .control-principle p {
        max-width: 620px;
    }

    .home-page .commercial-control--flow .control-principle > span {
        grid-column: 2;
        width: fit-content;
    }

    .home-page .commercial-control--flow .control-evidence {
        max-width: none;
        grid-template-columns: 1fr;
        margin: 22px 0 0;
    }

    .home-page .commercial-control--flow .control-evidence h3 {
        margin-bottom: 18px;
    }

    .home-page .commercial-control--flow .control-evidence dl {
        grid-column: 1;
        grid-row: auto;
    }
}

@media (max-width: 640px) {
    .home-page .commercial-control--flow .commercial-control__bar {
        margin-bottom: 32px;
        padding: 0 0 13px;
    }

    .home-page .commercial-control--flow .commercial-control__bar > span {
        max-width: 130px;
        justify-content: flex-end;
        text-align: right;
        white-space: normal;
    }

    .home-page .commercial-control--flow .control-evidence {
        padding: 24px 0 0;
    }

    .home-page .commercial-control--flow .control-evidence dl {
        grid-template-columns: 1fr;
    }

    .home-page .commercial-control--flow .commercial-control__footer {
        padding: 0;
    }
}

/* Original office hero: full-bleed image with a clear reading area. */
.home-page .hero-original {
    display: flex;
    min-height: min(820px, calc(100svh - 24px));
    align-items: center;
    padding: 148px 0 84px !important;
    text-align: left;
}

.home-page .hero-original::before {
    width: 100% !important;
    height: 100% !important;
    background-image: url('../img/oficinas-hero.webp') !important;
    background-position: center 48% !important;
    filter: saturate(0.90) brightness(0.80) contrast(1.04) !important;
}

.home-page .hero-original::after {
    width: 100% !important;
    height: 100% !important;
    background:
        linear-gradient(90deg,
            rgba(5, 19, 30, 0.86) 0%,
            rgba(5, 19, 30, 0.74) 42%,
            rgba(5, 19, 30, 0.34) 72%,
            rgba(5, 19, 30, 0.18) 100%),
        linear-gradient(180deg,
            rgba(5, 19, 30, 0.28) 0%,
            rgba(5, 19, 30, 0.12) 55%,
            rgba(5, 19, 30, 0.68) 100%) !important;
}

.home-page .hero-original .hero-content {
    text-align: left;
}

.home-page .hero-original .hero-badge {
    background: rgba(7, 24, 39, 0.72);
    border-color: rgba(237, 200, 86, 0.40);
    box-shadow: 0 14px 34px rgba(5, 19, 30, 0.18);
}

.home-page .hero-original h1 {
    max-width: 900px;
    margin-left: 0;
    margin-right: 0;
    font-size: clamp(3.2rem, 4vw, 4.2rem) !important;
    line-height: 1.04 !important;
}

.home-page .hero-original .hero-sub {
    max-width: 690px;
    margin-left: 0;
    margin-right: 0;
}

.home-page .hero-original .hero-cta-row {
    justify-content: flex-start;
    margin-bottom: 38px;
}

.home-page .hero-original #hero-cta {
    overflow: hidden;
    isolation: isolate;
}

.home-page .hero-original #hero-cta::before {
    content: none !important;
    display: none !important;
}

.home-page .hero-original .hero-proof {
    display: inline-flex;
    width: auto;
    max-width: 100%;
    justify-content: flex-start;
    gap: 0;
    padding: 22px 0 0;
    background: transparent;
    border: 0;
    border-top: 1px solid rgba(240, 233, 218, 0.18);
    border-radius: 0;
}

.home-page .hero-original .hero-proof-item {
    padding: 0 24px;
    border-right: 1px solid rgba(240, 233, 218, 0.14);
}

.home-page .hero-original .hero-proof-item:first-child {
    padding-left: 0;
}

.home-page .hero-original .hero-proof-item:last-child {
    padding-right: 0;
    border-right: 0;
}

@media (min-width: 861px) {
    .home-page .hero-original #hero-cta {
        min-width: 350px;
    }
}

@media (min-width: 861px) and (max-height: 860px) {
    .home-page .hero-original {
        min-height: calc(100svh - 24px);
        padding: 118px 0 44px !important;
    }

    .home-page .hero-original .hero-badge {
        margin-bottom: 24px;
    }

    .home-page .hero-original h1 {
        margin-bottom: 22px !important;
    }

    .home-page .hero-original .hero-sub {
        margin-bottom: 30px !important;
    }

    .home-page .hero-original .hero-cta-row {
        margin-bottom: 26px;
    }

    .home-page .hero-original .hero-proof {
        padding-top: 18px;
    }
}

@media (max-width: 860px) {
    .home-page .hero-original::before {
        background-position: 46% top !important;
    }

    .home-page .hero-original::after {
        background:
            linear-gradient(180deg,
                rgba(5, 19, 30, 0.66) 0%,
                rgba(5, 19, 30, 0.60) 50%,
                rgba(5, 19, 30, 0.82) 100%) !important;
    }

    .home-page .hero-original .hero-content {
        text-align: center;
    }

    .home-page .hero-original h1,
    .home-page .hero-original .hero-sub {
        margin-left: auto;
        margin-right: auto;
    }

    .home-page .hero-original .hero-cta-row,
    .home-page .hero-original .hero-proof {
        justify-content: center;
    }
}

@media (max-width: 640px) {
    .home-page .hero-original {
        min-height: 0;
        padding: 108px 0 48px !important;
    }

    .home-page .hero-original .hero-badge {
        max-width: 100%;
        justify-content: center;
        margin-bottom: 22px;
        padding: 7px 11px;
        font-size: 0.72rem;
        line-height: 1.45;
    }

    .home-page .hero-original h1 {
        margin-bottom: 20px !important;
        font-size: clamp(2rem, 9vw, 2.2rem) !important;
        line-height: 1.06 !important;
    }

    .home-page .hero-original .hero-sub {
        margin-bottom: 28px !important;
        font-size: 0.98rem !important;
        line-height: 1.55 !important;
    }

    .home-page .hero-original .hero-cta-row {
        gap: 10px;
        margin-bottom: 28px;
    }

    .home-page .hero-original .hero-cta-row .btn {
        width: min(100%, 334px);
        min-height: 52px;
        justify-content: center;
    }

    .home-page .hero-original .hero-proof {
        display: grid;
        width: 100%;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0;
        padding: 20px 0 0;
        border-top-color: rgba(240, 233, 218, 0.16);
    }

    .home-page .hero-original .hero-proof-item {
        min-width: 0;
        justify-content: center;
        flex-direction: column;
        gap: 7px;
        padding: 0 8px;
        border-right: 1px solid rgba(240, 233, 218, 0.12);
        font-size: 0.68rem;
        line-height: 1.35;
        text-align: center;
    }

    .home-page .hero-original .hero-proof-item:last-child {
        border-right: 0;
    }

    .home-page .hero-original .hero-proof-item svg {
        width: 18px;
        height: 18px;
    }
}