@media (max-width: 1300px) {
    :root {
        --container: 1160px;
    }

    .main-nav {
        gap: 1px;
    }

    .nav-link,
    .nav-menu-button {
        padding-inline: 9px;
        font-size: 13.5px;
    }

    .site-logo {
        width: 205px;
    }

    .hero-layout {
        grid-template-columns: minmax(0, 0.9fr) minmax(500px, 1.1fr);
        gap: 34px;
    }

    .dashboard-window {
        width: 565px;
    }

    .footer-main {
        grid-template-columns: 1.35fr 0.65fr 0.9fr 0.9fr 1.2fr;
        gap: 30px;
    }
}

@media (max-width: 1150px) {
    :root {
        --header-height: 72px;
    }

    .utility-bar {
        display: none;
    }

    .menu-toggle {
        display: block;
        position: relative;
        z-index: 1202;
    }

    .menu-toggle[aria-expanded="true"] span:nth-child(1) {
        transform: translateY(6px) rotate(45deg);
    }

    .menu-toggle[aria-expanded="true"] span:nth-child(2) {
        opacity: 0;
    }

    .menu-toggle[aria-expanded="true"] span:nth-child(3) {
        transform: translateY(-6px) rotate(-45deg);
    }

    .main-nav {
        position: fixed;
        top: var(--header-height);
        right: 0;
        bottom: 0;
        z-index: 1200;
        display: block;
        width: min(420px, 100%);
        padding: 20px;
        overflow-y: auto;
        border-left: 1px solid var(--line);
        background: #ffffff;
        box-shadow: -20px 0 55px rgba(20, 41, 82, 0.16);
        opacity: 0;
        visibility: hidden;
        transform: translateX(100%);
        transition: opacity 250ms ease, visibility 250ms ease, transform 250ms ease;
    }

    .main-nav.open {
        opacity: 1;
        visibility: visible;
        transform: translateX(0);
    }

    .main-nav::before {
        display: block;
        margin-bottom: 12px;
        color: var(--ink-500);
        content: "BIZROVE NAVIGATION";
        font-size: 10px;
        font-weight: 850;
        letter-spacing: .12em;
    }

    .nav-link,
    .nav-menu-button {
        width: 100%;
        justify-content: space-between;
        min-height: 50px;
        margin-bottom: 4px;
        padding: 12px 13px;
        font-size: 14px;
        text-align: left;
    }

    .nav-menu-item {
        width: 100%;
    }

    .header-cta {
        width: 100%;
        min-height: 50px;
        margin: 13px 0 0;
        justify-content: center;
    }

    .mega-menu,
    .mega-services,
    .mega-solutions {
        position: static;
        display: none;
        width: 100%;
        margin: 5px 0 12px;
        padding: 10px;
        border-radius: 16px;
        box-shadow: none;
        opacity: 1;
        visibility: visible;
        transform: none;
    }

    .has-mega.open .mega-menu {
        display: grid;
        transform: none;
    }

    .mega-intro {
        padding: 18px;
    }

    .mega-intro h3 {
        font-size: 22px;
    }

    .mega-grid,
    .mega-solution-grid {
        grid-template-columns: 1fr;
    }

    .mega-card {
        padding: 11px;
    }

    .hero-section {
        padding-top: 72px;
    }

    .hero-layout {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .hero-content {
        max-width: 850px;
        text-align: center;
        margin-inline: auto;
    }

    .hero-content h1,
    .hero-lead {
        margin-inline: auto;
    }

    .hero-actions,
    .hero-proof {
        justify-content: center;
    }

    .hero-product-stage {
        width: min(730px, 100%);
        margin-inline: auto;
    }

    .dashboard-window {
        right: 50%;
        width: min(610px, calc(100% - 40px));
        transform: translateX(50%) rotateY(-4deg) rotateX(1deg);
    }

    @keyframes dashboard-float {
        0%, 100% { transform: translateX(50%) rotateY(-4deg) rotateX(1deg) translateY(0); }
        50% { transform: translateX(50%) rotateY(-2deg) rotateX(0deg) translateY(-8px); }
    }

    .module-erp {
        left: 15px;
    }

    .module-ai {
        right: 10px;
    }

    .hero-module-strip {
        grid-template-columns: repeat(4, 1fr);
    }

    .hero-module-strip span:nth-child(4) {
        border-right: 0;
    }

    .hero-module-strip span:nth-child(-n+4) {
        border-bottom: 1px solid var(--line);
    }

    .section-heading-row {
        grid-template-columns: 1fr;
        gap: 15px;
        align-items: start;
    }

    .section-heading-row > p {
        max-width: 760px;
    }

    .service-showcase-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .solution-explorer {
        grid-template-columns: 285px minmax(0, 1fr);
    }

    .solution-panel {
        grid-template-columns: 1fr;
        min-height: auto;
        padding: 36px;
    }

    .solution-outcome-card {
        width: min(520px, 100%);
    }

    .architecture-layout {
        grid-template-columns: 1fr;
        gap: 55px;
    }

    .architecture-copy {
        max-width: 820px;
    }

    .architecture-visual {
        width: min(720px, 100%);
        margin-inline: auto;
    }

    .industry-finder {
        grid-template-columns: 280px minmax(0, 1fr);
    }

    .industry-panel {
        padding: 40px;
    }

    .ai-layout {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .ai-visual {
        width: min(650px, 100%);
        margin-inline: auto;
        order: 2;
    }

    .ai-copy {
        max-width: 850px;
    }

    .why-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .why-card.featured {
        grid-column: span 1;
    }

    .statistics-grid {
        grid-template-columns: repeat(5, 1fr);
    }

    .final-cta-card {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .final-cta-actions {
        max-width: 330px;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .page-hero-layout {
        grid-template-columns: 1fr;
    }

    .page-hero-copy {
        max-width: 900px;
    }

    .page-hero-visual {
        display: none;
    }

    .solution-category-nav {
        grid-template-columns: repeat(3, 1fr);
    }

    .footer-main {
        grid-template-columns: 1.5fr repeat(2, 1fr);
    }

    .footer-contact-column {
        grid-column: span 2;
    }
}

@media (max-width: 980px) {
    .section-space,
    .inner-section {
        padding: 88px 0;
    }

    .trust-feature-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .solution-explorer {
        display: block;
    }

    .solution-tab-list {
        display: flex;
        gap: 7px;
        padding: 13px;
        overflow-x: auto;
        border-right: 0;
        border-bottom: 1px solid var(--line);
        scrollbar-width: none;
    }

    .solution-tab-list::-webkit-scrollbar {
        display: none;
    }

    .solution-tab {
        flex: 0 0 220px;
        margin-top: 0 !important;
    }

    .solution-tab:hover {
        transform: translateY(-2px);
    }

    .service-showcase-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .platform-tab-nav {
        justify-content: flex-start;
        overflow-x: auto;
        scrollbar-width: none;
    }

    .platform-tab-nav::-webkit-scrollbar {
        display: none;
    }

    .platform-tab {
        flex: 0 0 auto;
    }

    .screen-content-grid {
        grid-template-columns: 1fr;
    }

    .screen-list-card {
        min-height: auto;
    }

    .industry-finder {
        display: block;
        min-height: 0;
    }

    .industry-selector {
        display: flex;
        max-height: none;
        gap: 7px;
        overflow-x: auto;
        border-right: 0;
        border-bottom: 1px solid var(--line);
        scrollbar-width: none;
    }

    .industry-selector::-webkit-scrollbar {
        display: none;
    }

    .industry-selector-button {
        flex: 0 0 210px;
    }

    .industry-panel {
        min-height: 0;
    }

    .why-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .journey-steps {
        grid-template-columns: repeat(10, 115px);
    }

    .statistics-grid {
        grid-template-columns: repeat(3, 1fr);
        row-gap: 25px;
    }

    .statistics-grid article:nth-child(3),
    .statistics-grid article:nth-child(5) {
        border-right: 0;
    }

    .form-page-layout {
        grid-template-columns: 1fr;
    }

    .form-side-column {
        grid-template-columns: repeat(2, 1fr);
    }

    .about-intro-layout {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .value-grid,
    .operating-model {
        grid-template-columns: repeat(2, 1fr);
    }

    .operating-model article:nth-child(2)::after {
        display: none;
    }

    .service-directory,
    .industry-card-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .solution-category-layout {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .solution-category-copy {
        position: static;
        max-width: 760px;
    }

    .legal-layout {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .legal-nav {
        position: static;
        display: flex;
        gap: 15px;
        overflow-x: auto;
    }

    .legal-nav h3 {
        display: none;
    }

    .legal-nav a {
        flex: 0 0 auto;
    }
}

@media (max-width: 768px) {
    .container {
        width: min(100% - 32px, var(--container));
    }

    .section-space,
    .inner-section {
        padding: 72px 0;
    }

    .section-heading {
        margin-bottom: 36px;
    }

    .section-heading h2 {
        font-size: clamp(32px, 8vw, 45px);
    }

    .section-heading p,
    .section-heading-row > p {
        font-size: 15px;
    }

    .site-logo {
        width: 185px;
    }

    .hero-section {
        padding-top: 54px;
    }

    .hero-content h1 {
        font-size: clamp(42px, 12vw, 62px);
    }

    .hero-lead {
        font-size: 16.5px;
    }

    .hero-actions {
        align-items: stretch;
        flex-direction: column;
        max-width: 430px;
        margin-inline: auto;
    }

    .hero-actions .button {
        width: 100%;
    }

    .hero-contact-link {
        justify-content: center;
        margin-top: 5px;
    }

    .hero-product-stage {
        min-height: 470px;
    }

    .dashboard-window {
        top: 55px;
        width: calc(100% - 10px);
    }

    .dashboard-kpis article:nth-child(3) {
        display: none;
    }

    .dashboard-kpis {
        grid-template-columns: repeat(2, 1fr);
    }

    .dashboard-main-grid {
        grid-template-columns: 1fr;
    }

    .dashboard-process-card {
        display: none;
    }

    .floating-module {
        min-width: 155px;
        padding: 8px 10px;
    }

    .module-erp {
        top: 5px;
        left: 0;
    }

    .module-ai {
        right: 0;
        bottom: 5px;
    }

    .module-sfa {
        display: none;
    }

    .hero-module-strip {
        grid-template-columns: repeat(2, 1fr);
    }

    .hero-module-strip span:nth-child(2n) {
        border-right: 0;
    }

    .hero-module-strip span:nth-child(-n+6) {
        border-bottom: 1px solid var(--line);
    }

    .trust-feature-grid,
    .service-showcase-grid,
    .why-grid,
    .screen-summary,
    .content-grid-three,
    .service-directory,
    .industry-card-grid {
        grid-template-columns: 1fr;
    }

    .trust-feature-card {
        min-height: 225px;
    }

    .solution-panel {
        padding: 28px;
    }

    .outcome-network {
        height: 320px;
    }

    .service-showcase-card {
        min-height: 250px;
    }

    .platform-screen {
        padding: 16px;
    }

    .platform-screen-top {
        grid-template-columns: 70px 1fr 55px;
        padding-inline: 12px;
    }

    .screen-summary > div {
        min-height: 110px;
    }

    .architecture-visual {
        padding: 14px;
    }

    .architecture-module-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .industry-panel {
        padding: 30px;
    }

    .industry-panel-header {
        align-items: flex-start;
    }

    .industry-panel-header h3 {
        font-size: 30px;
    }

    .ai-visual {
        min-height: 530px;
    }

    .main-chat-card {
        left: 0;
        width: calc(100% - 30px);
    }

    .voice-card {
        top: 85px;
        right: 0;
    }

    .whatsapp-card {
        right: 0;
        bottom: 20px;
    }

    .ai-copy h2 {
        font-size: 38px;
    }

    .journey-detail {
        grid-template-columns: 62px 1fr;
        padding: 22px;
    }

    .journey-check {
        display: none;
    }

    .journey-detail-number {
        font-size: 42px;
    }

    .statistics-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .statistics-grid article:nth-child(2n) {
        border-right: 0;
    }

    .statistics-grid article:nth-child(3) {
        border-right: 1px solid rgba(255, 255, 255, 0.22);
    }

    .final-cta-card {
        padding: 42px 30px;
    }

    .final-cta-actions {
        max-width: none;
        flex-direction: column;
    }

    .page-hero {
        padding: 70px 0;
    }

    .page-hero h1 {
        font-size: clamp(42px, 12vw, 60px);
    }

    .page-hero p {
        font-size: 16px;
    }

    .mission-vision-grid,
    .about-principles,
    .value-grid,
    .operating-model,
    .form-side-column,
    .content-grid-two {
        grid-template-columns: 1fr;
    }

    .operating-model article::after {
        display: none !important;
    }

    .solution-category-nav {
        grid-template-columns: repeat(2, 1fr);
    }

    .solution-item-grid {
        grid-template-columns: 1fr;
    }

    .comparison-head,
    .comparison-row {
        grid-template-columns: 155px repeat(4, 120px);
    }

    .solution-comparison {
        overflow-x: auto;
    }

    .professional-form {
        padding: 28px;
    }

    .form-grid {
        grid-template-columns: 1fr;
    }

    .form-field.full {
        grid-column: auto;
    }

    .solution-checkbox-grid {
        grid-template-columns: 1fr;
    }

    .form-submit-row {
        align-items: stretch;
        flex-direction: column;
    }

    .form-submit-row .button {
        width: 100%;
    }

    .footer-main {
        grid-template-columns: repeat(2, 1fr);
    }

    .footer-brand-column,
    .footer-contact-column {
        grid-column: span 2;
    }

    .footer-bottom {
        align-items: flex-start;
        flex-direction: column;
    }

    .floating-action span {
        display: none;
    }

    .floating-action {
        width: 54px;
        min-width: 54px;
        padding: 0;
    }

    .bot-window {
        right: 15px;
        bottom: 150px;
    }
}

@media (max-width: 560px) {
    .container {
        width: min(100% - 24px, var(--container));
    }

    .site-logo {
        width: 168px;
    }

    .menu-toggle {
        width: 42px;
        height: 42px;
    }

    .main-nav {
        width: 100%;
    }

    .mega-services,
    .mega-solutions {
        grid-template-columns: 1fr;
    }

    .mega-intro {
        display: none;
    }

    .hero-kicker {
        font-size: 9px;
    }

    .hero-content h1 {
        font-size: 42px;
        letter-spacing: -0.05em;
    }

    .hero-content h1::after {
        width: 8px;
        height: 8px;
    }

    .hero-proof {
        align-items: flex-start;
        text-align: left;
    }

    .hero-product-stage {
        min-height: 410px;
    }

    .dashboard-window {
        top: 45px;
        border-radius: 18px;
    }

    .dashboard-titlebar {
        grid-template-columns: 55px 1fr 35px;
    }

    .dashboard-body {
        grid-template-columns: 36px 1fr;
    }

    .dashboard-canvas {
        padding: 10px;
    }

    .dashboard-kpis article {
        padding: 7px;
    }

    .line-chart {
        height: 120px;
    }

    .floating-module {
        min-width: 135px;
    }

    .floating-module > span {
        width: 30px;
        height: 30px;
    }

    .solution-tab {
        flex-basis: 190px;
    }

    .solution-panel {
        padding: 22px;
    }

    .solution-panel-copy h3 {
        font-size: 31px;
    }

    .network-node {
        width: 62px;
        height: 62px;
    }

    .node-two {
        right: 10px;
    }

    .node-four {
        left: 10px;
    }

    .outcome-metrics {
        grid-template-columns: 1fr;
    }

    .outcome-metrics div {
        border-right: 0;
        border-bottom: 1px solid var(--line);
    }

    .outcome-metrics div:last-child {
        border-bottom: 0;
    }

    .platform-tab {
        min-width: 105px;
        padding: 9px 12px;
    }

    .screen-summary > div {
        padding-left: 70px;
    }

    .screen-graph-card,
    .screen-list-card {
        padding: 16px;
    }

    .bar-chart {
        padding-inline: 0;
    }

    .architecture-module-grid,
    .architecture-bottom-row {
        grid-template-columns: 1fr;
    }

    .architecture-layer {
        grid-template-columns: 35px 1fr;
        padding: 13px;
    }

    .industry-selector-button {
        flex-basis: 180px;
    }

    .industry-panel {
        padding: 22px;
    }

    .industry-panel-header {
        display: block;
    }

    .industry-panel-header > span {
        width: 55px;
        height: 55px;
        margin-bottom: 17px;
    }

    .industry-panel-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .industry-panel-actions .button,
    .industry-panel-actions .text-link {
        width: 100%;
        justify-content: center;
    }

    .ai-visual {
        min-height: 490px;
    }

    .main-chat-card {
        width: calc(100% - 10px);
    }

    .ai-conversation {
        min-height: 300px;
    }

    .voice-card {
        top: 65px;
        min-width: 210px;
    }

    .whatsapp-card {
        min-width: 210px;
    }

    .ai-copy h2 {
        font-size: 34px;
    }

    .journey-detail {
        grid-template-columns: 1fr;
    }

    .journey-detail-number {
        margin-bottom: -15px;
    }

    .statistics-grid {
        grid-template-columns: 1fr;
    }

    .statistics-grid article,
    .statistics-grid article:nth-child(3) {
        min-height: 105px;
        border-right: 0;
        border-bottom: 1px solid rgba(255,255,255,.2);
    }

    .statistics-grid article:last-child {
        border-bottom: 0;
    }

    .final-cta-card {
        padding: 35px 22px;
        border-radius: 24px;
    }

    .final-cta-copy h2 {
        font-size: 34px;
    }

    .page-hero h1 {
        font-size: 42px;
    }

    .page-hero-actions {
        flex-direction: column;
    }

    .page-hero-actions .button {
        width: 100%;
    }

    .mission-card {
        padding: 28px;
    }

    .solution-category-nav {
        grid-template-columns: 1fr;
    }

    .filter-bar {
        top: 84px;
    }

    .service-directory-card,
    .industry-directory-card {
        min-height: 330px;
        padding: 24px;
    }

    .professional-form {
        padding: 22px;
    }

    .legal-content {
        padding: 24px;
    }

    .footer-main {
        grid-template-columns: 1fr;
    }

    .footer-brand-column,
    .footer-contact-column {
        grid-column: auto;
    }

    .footer-logo {
        width: 210px;
    }

    .footer-bottom > div {
        flex-wrap: wrap;
        gap: 12px;
    }

    .floating-action {
        right: 14px;
    }

    .whatsapp-action {
        bottom: 14px;
    }

    .bot-action {
        bottom: 78px;
    }

    .scroll-top {
        right: 15px;
        bottom: 142px;
    }

    .bot-window {
        right: 8px;
        bottom: 138px;
        width: calc(100vw - 16px);
        height: calc(100vh - 155px);
        border-radius: 20px;
    }
}

/* Bizrove Brand Hero v5 responsive rules */
@media (max-width: 1300px) {
    .site-logo { width: 228px; }
    .hero-brand-layout { grid-template-columns: minmax(0, .9fr) minmax(535px, 1.1fr); gap: 34px; }
    .platform-node { min-width: 166px; }
    .node-sfa { left: -5px; }
    .node-hrms { right: -5px; }
}

@media (max-width: 1150px) {
    .site-logo { width: 220px; }
    .hero-brand-section { min-height: auto; padding-top: 64px; }
    .hero-brand-layout { grid-template-columns: 1fr; gap: 52px; }
    .hero-brand-copy { max-width: 850px; margin-inline: auto; text-align: center; }
    .hero-brand-lockup { margin-inline: auto; }
    .hero-brand-actions,
    .hero-brand-proof { justify-content: center; }
    .brand-platform-stage { width: min(760px, 100%); min-height: 630px; margin-inline: auto; }
    .node-sfa { left: 0; }
    .node-hrms { right: 0; }
    .hero-brand-module-strip { margin-top: 48px; }
}

@media (max-width: 760px) {
    .site-logo { width: 198px; }
    .hero-brand-section { padding-top: 48px; }
    .hero-brand-lockup { width: min(390px, 94%); }
    .hero-brand-copy h1 { font-size: clamp(45px, 12vw, 64px); }
    .hero-brand-copy .hero-lead { font-size: 16px; }
    .hero-brand-proof { gap: 7px; }
    .brand-platform-stage { min-height: 560px; }
    .platform-core-card { top: 142px; width: 224px; min-height: 245px; }
    .platform-core-icon { width: 88px; height: 88px; }
    .platform-node { min-width: 148px; min-height: 58px; padding: 8px 9px; border-radius: 14px; }
    .platform-node > span { width: 35px; height: 35px; }
    .platform-node strong { font-size: 11.5px; }
    .platform-node small { font-size: 8.5px; }
    .node-erp { top: 62px; left: 0; }
    .node-crm { top: 58px; right: 0; }
    .node-sfa { top: 267px; left: -2px; }
    .node-hrms { top: 267px; right: -2px; }
    .node-ai { top: 426px; left: 15px; }
    .node-analytics { top: 426px; right: 15px; }
    .platform-growth-card { width: 76%; bottom: -18px; }
    .growth-card-metrics span:nth-child(3) { display: none; }
    .growth-card-metrics { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 560px) {
    .site-logo { width: 176px; }
    .hero-brand-section { padding-top: 38px; }
    .hero-brand-lockup { width: min(330px, 95%); margin-bottom: 18px; }
    .hero-brand-kicker { font-size: 8.7px; letter-spacing: .07em; }
    .hero-brand-copy h1 { margin-top: 19px; font-size: 43px; line-height: 1.02; }
    .hero-brand-copy .hero-lead { font-size: 15.5px; line-height: 1.65; }
    .hero-brand-proof span { width: calc(50% - 5px); justify-content: center; font-size: 10px; }
    .hero-brand-proof span:last-child { width: 100%; }
    .brand-platform-stage { min-height: 495px; margin-top: -10px; }
    .platform-core-card { top: 123px; width: 190px; min-height: 214px; padding: 18px 15px; border-radius: 27px; }
    .platform-core-icon { width: 72px; height: 72px; margin-bottom: 10px; }
    .platform-core-card > strong { font-size: 19px; }
    .platform-core-card > p { display: none; }
    .platform-node { min-width: 124px; min-height: 52px; gap: 7px; }
    .platform-node > span { width: 31px; height: 31px; border-radius: 9px; }
    .platform-node > span .ui-icon { width: 16px; height: 16px; }
    .platform-node small { display: none; }
    .platform-node strong { font-size: 11px; }
    .node-erp { top: 50px; left: 0; }
    .node-crm { top: 50px; right: 0; }
    .node-sfa { top: 226px; left: -4px; }
    .node-hrms { top: 226px; right: -4px; }
    .node-ai { top: 357px; left: 0; }
    .node-analytics { top: 357px; right: 0; }
    .platform-growth-card { bottom: -2px; width: 86%; padding: 12px 14px; }
    .platform-growth-card svg { height: 53px; }
    .growth-card-head small { display: none; }
    .growth-card-head strong { font-size: 12px; }
    .growth-card-metrics { display: none; }
    .hero-brand-module-strip { margin-top: 36px; }
}

@media (max-width: 390px) {
    .site-logo { width: 164px; }
    .hero-brand-copy h1 { font-size: 39px; }
    .brand-platform-stage { min-height: 455px; }
    .platform-core-card { top: 113px; width: 168px; min-height: 194px; }
    .platform-core-card > small { font-size: 7px; }
    .platform-core-card > strong { font-size: 17px; }
    .core-status { font-size: 8px; }
    .platform-node { min-width: 108px; }
    .node-sfa,
    .node-hrms { top: 207px; }
    .node-ai,
    .node-analytics { top: 333px; }
    .platform-growth-card { bottom: 0; }
}