@media (max-width: 1100px) {
    :root {
        --section-spacing: 56px;
    }

    h1 {
        font-size: 56px;
    }

    h2 {
        font-size: 38px;
    }

    .site-header__inner {
        grid-template-columns: auto 1fr auto;
    }

    .site-nav {
        display: none;
    }

    .menu-toggle {
        display: grid;
    }

    .advisor-link {
        justify-self: end;
    }

    .mobile-menu {
        display: grid;
        grid-template-rows: 0fr;
        overflow: hidden;
        transition: grid-template-rows 180ms ease;
        border-top: 1px solid transparent;
    }

    .mobile-menu.is-open {
        grid-template-rows: 1fr;
        border-top-color: var(--color-border);
    }

    .mobile-menu__panel {
        display: grid;
        gap: 6px;
        min-height: 0;
        width: min(100% - 48px, var(--container-width));
        margin-inline: auto;
        padding-block: 0;
        overflow: hidden;
    }

    .mobile-menu.is-open .mobile-menu__panel {
        padding-block: 14px 18px;
    }

    .mobile-menu__link,
    .mobile-menu__cta {
        width: 100%;
        justify-content: flex-start;
    }

    .hero-section__grid {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .brand-orbit {
        justify-self: center;
    }

    .brand-orbit__visual {
        width: min(100%, 250px);
    }

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

    .problem-section__inner,
    .diagnostic-preview__inner {
        grid-template-columns: 1fr;
    }

    .diagnostic-preview__action {
        justify-items: start;
        min-width: 0;
    }

    .sectors-strip__inner,
    .final-cta__inner {
        align-items: flex-start;
        flex-direction: column;
    }

    .site-footer__main {
        grid-template-columns: 1fr 1fr;
    }

    .site-footer__social {
        grid-column: 1 / -1;
    }
}

@media (max-width: 820px) {
    h1 {
        font-size: 48px;
    }

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

    .container {
        width: min(100% - 36px, var(--container-width));
    }

    .hero-section {
        min-height: auto;
        padding-block: 28px 26px;
    }

    .hero-section h1 {
        font-size: 39px;
    }

    .hero-section__lead {
        font-size: 18px;
    }

    .hero-section__actions,
    .final-cta__actions {
        align-items: stretch;
        flex-direction: column;
    }

    .hero-section__actions .btn,
    .hero-section__actions .link-arrow,
    .final-cta__actions .btn,
    .final-cta__link {
        width: 100%;
        justify-content: center;
    }

    .trust-strip__inner,
    .pillars-grid,
    .split-editorial__grid,
    .approach-grid,
    .next-steps-grid,
    .faq-grid,
    .contact-grid,
    .diagnostic-result,
    .result-columns {
        grid-template-columns: 1fr;
    }

    .next-steps-grid {
        grid-template-areas:
            "intro"
            "list"
            "cta";
    }

    .faq-intro {
        position: static;
    }

    .trust-strip__inner {
        padding-block: 12px;
    }

    .problem-section {
        padding-block: 34px 26px;
    }

    .problem-section__inner {
        gap: 24px;
    }

    .problem-section__intro h2,
    .diagnostic-preview h2,
    .next-steps-card h2 {
        font-size: 30px;
    }

    .problem-item {
        grid-template-columns: 42px 1fr;
        gap: 14px;
        padding: 15px 0;
    }

    .pillar-item + .pillar-item {
        border-top: 1px solid var(--color-border);
        border-left: 0;
    }

    .comparison__stage {
        min-height: 500px;
    }

    .comparison__pane {
        padding: 34px;
    }

    .comparison h3 {
        font-size: 32px;
    }

    .page-hero {
        padding-block: 78px 40px;
    }

    .page-hero h1,
    .diagnostic-intro h1 {
        font-size: 44px;
    }

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

    .site-footer__main {
        gap: 18px;
        min-height: auto;
    }

    .site-footer__bottom {
        flex-wrap: wrap;
        gap: 8px 16px;
        padding-block: 12px;
    }
}

@media (max-width: 560px) {
    :root {
        --section-spacing: 46px;
        --header-height: 60px;
    }

    h1 {
        font-size: 40px;
    }

    .hero-section h1 {
        font-size: 34px;
    }

    h2,
    .final-cta h2 {
        font-size: 30px;
    }

    h3 {
        font-size: 22px;
    }

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

    .brand-logo img {
        width: 104px;
        height: auto;
    }

    .advisor-link {
        display: none;
    }

    .site-header__inner {
        grid-template-columns: auto 1fr;
    }

    .menu-toggle {
        justify-self: end;
    }

    .brand-orbit__visual {
        width: min(100%, 230px);
    }

    .brand-orbit {
        display: none;
    }

    .hero-domain-row {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-top: 14px;
    }

    .hero-domain-row span {
        padding: 7px 10px;
        color: var(--color-primary-dark);
        font-size: 13px;
        font-weight: 800;
        background: var(--color-primary-soft);
        border: 1px solid var(--color-border);
        border-radius: var(--radius-sm);
    }

    .brand-orbit__center {
        width: 88px;
        height: 88px;
    }

    .brand-orbit__center img {
        width: 62px;
    }

    .brand-orbit__node {
        width: 76px;
        height: 34px;
        font-size: 14px;
    }

    .brand-orbit__node--legal,
    .brand-orbit__node--digital {
        bottom: 56px;
    }

    .pillars-section {
        padding-block: 34px 46px;
    }

    .solutions-row {
        grid-template-columns: 1fr;
    }

    .diagnostic-preview {
        padding-block: 34px;
    }

    .diagnostic-preview__action .btn {
        width: 100%;
    }

    .solutions-preview__head {
        display: grid;
    }

    .service-item {
        min-height: auto;
    }

    .sectors-strip__inner {
        display: grid;
    }

    .sectors-strip ul {
        justify-content: flex-start;
    }

    .comparison__stage {
        min-height: 560px;
    }

    .comparison__pane {
        padding: 28px;
    }

    .comparison ul {
        max-width: 260px;
    }

    .diagnostic-card,
    .diagnostic-result,
    .contact-panel,
    .contact-form,
    .editorial-block,
    .next-steps-card,
    .split-editorial article {
        padding: 22px;
    }

    .diagnostic-question legend {
        font-size: 28px;
    }

    .diagnostic-nav {
        flex-direction: column-reverse;
    }

    .diagnostic-nav .btn,
    .diagnostic-result__actions .btn,
    .contact-actions .btn,
    .contact-form .btn,
    .contact-panel .btn {
        width: 100%;
    }

    .diagnostic-result__score strong {
        font-size: 62px;
    }

    .dimension-row {
        grid-template-columns: 92px 1fr 34px;
        font-size: 14px;
    }

    .site-footer__main {
        grid-template-columns: 1fr;
        gap: 12px;
        padding-block: 18px;
    }

    .site-footer__brand p {
        margin-top: 6px;
    }

    .site-footer__contact {
        gap: 2px;
    }

    .site-footer__social {
        gap: 12px;
        flex-wrap: wrap;
    }
}

@media (max-width: 380px) {
    h1,
    .page-hero h1,
    .diagnostic-intro h1 {
        font-size: 38px;
    }

    .hero-section h1 {
        font-size: 32px;
    }

    .brand-logo img {
        width: 98px;
        height: auto;
    }

    .brand-orbit__node--legal {
        right: -2px;
    }

    .brand-orbit__node--digital {
        left: -2px;
    }

    .comparison__pane {
        padding: 22px;
    }

    .comparison h3 {
        font-size: 28px;
    }
}

/* LJOA official landing responsive refresh */
@media (max-width: 1100px) {
    .container {
        width: min(100% - 44px, 1280px);
    }

    .site-header__inner {
        grid-template-columns: auto 1fr auto;
    }

    .hero-section__grid {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .hero-visual {
        min-height: auto;
    }

    .hero-visual img {
        height: 420px;
        border-radius: 12px;
    }

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

    .why-section__grid,
    .proof-section__inner {
        grid-template-columns: 1fr;
    }

    .stats-grid {
        border-left: 0;
        border-top: 1px solid var(--color-border);
        padding: 28px 0 0;
    }

    .site-footer__main {
        grid-template-columns: 1fr 1fr;
    }

    .proof-section__inner {
        grid-template-columns: 1fr;
    }

    .testimonial-card {
        padding-right: 0;
        padding-bottom: 24px;
    }

    .stats-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        border-top: 1px solid var(--color-border);
    }

    .stats-grid div {
        border-left: 1px solid var(--color-border);
    }

    .stats-grid div:first-child {
        border-left: 0;
    }
}

@media (max-width: 760px) {
    .container {
        width: min(100% - 28px, 1160px);
    }

    .site-header__inner {
        min-height: 66px;
    }

    .brand-logo img {
        width: 108px;
    }

    .hero-section {
        padding-block: 24px 30px;
    }

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

    .hero-section__lead {
        font-size: 16px;
    }

    .hero-section__actions {
        flex-direction: column;
        align-items: stretch;
    }

    .hero-section__actions .btn {
        width: 100%;
    }

    .hero-section__benefits {
        gap: 10px;
        margin-top: 22px;
    }

    .hero-section__benefits span {
        width: 100%;
    }

    .hero-visual img {
        height: 300px;
    }

    .solutions-row,
    .stats-grid,
    .site-footer__main {
        grid-template-columns: 1fr;
    }

    .hero-section__benefits {
        display: grid;
        gap: 10px;
    }

    .hero-section__benefits span {
        width: 100%;
        max-width: none;
        padding: 0;
        border-right: 0;
    }

    .why-section__content {
        padding: 28px 0 0;
    }

    .proof-section__inner {
        padding: 24px 22px;
    }

    .testimonial-card {
        grid-template-columns: 1fr;
    }

    .proof-link {
        grid-column: auto;
    }

    .stats-grid {
        border-top: 1px solid var(--color-border);
    }

    .stats-grid div {
        min-height: 92px;
        padding: 18px 0;
        border-top: 1px solid var(--color-border);
        border-left: 0;
    }

    .stats-grid div:first-child {
        border-top: 0;
    }

    .service-item {
        min-height: auto;
    }

    .why-section__grid {
        gap: 28px;
    }

    .why-section__media img {
        min-height: 0;
    }

    .proof-section__inner {
        padding: 26px 22px;
    }

    .final-cta__inner {
        display: grid;
        gap: 22px;
        padding: 28px 22px;
    }

    .final-cta__actions,
    .final-cta__actions .btn {
        width: 100%;
    }

    .site-footer__main {
        gap: 22px;
    }

    .site-footer__bottom {
        justify-content: flex-start;
    }
}

@media (max-width: 420px) {
    .hero-section h1 {
        font-size: 38px;
    }

    .hero-visual img {
        height: 260px;
    }

    .solutions-preview .section-title h2,
    .why-section__content h2 {
        font-size: 30px;
    }
}

/* Focused responsive refinements */
@media (max-width: 1100px) {
    .services-showcase {
        grid-template-columns: 1fr;
    }

    .services-showcase__statement {
        min-height: auto;
    }
}

@media (max-width: 760px) {
    .brand-logo {
        min-width: 112px;
    }

    .brand-logo img {
        width: 112px;
    }

    .site-header .brand-logo {
        width: 112px;
        min-width: 112px;
        height: 55px;
    }

    .site-header .brand-logo img {
        width: 112px;
    }

    .solutions-preview {
        padding-block: 46px 34px;
    }

    .solutions-preview__head {
        text-align: left;
    }

    .solutions-preview__head p:not(.eyebrow) {
        margin-inline: 0;
        font-size: 16px;
    }

    .service-lanes {
        grid-template-columns: 1fr;
    }

    .service-lane {
        min-height: 170px;
    }

    .services-showcase__statement,
    .service-lane {
        padding: 24px;
    }

    .services-showcase--compact .services-showcase__statement {
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 22px;
    }

    .services-showcase--compact .services-showcase__statement .btn {
        grid-column: 1;
        grid-row: auto;
        width: 100%;
        justify-content: center;
        margin-top: 6px;
    }
}

@media (max-width: 420px) {
    .brand-logo img {
        width: 104px;
    }

    .site-header .brand-logo {
        width: 104px;
        min-width: 104px;
        height: 51px;
    }

    .site-header .brand-logo img {
        width: 104px;
    }

    .services-showcase__statement h3,
    .solutions-preview__head h2 {
        font-size: 30px;
    }
}

@media (max-width: 900px) {
    .site-footer__main {
        grid-template-columns: 1fr;
        gap: 16px;
        min-height: auto;
        padding-block: 22px;
    }

    .site-footer__brand {
        align-items: flex-start;
    }

    .site-footer__nav {
        justify-content: flex-start;
    }

    .site-footer__contact {
        justify-items: start;
    }
}

@media (max-width: 520px) {
    .site-footer__brand {
        display: grid;
        gap: 8px;
    }

    .site-footer__brand p {
        max-width: none;
    }

    .site-footer__bottom {
        display: grid;
        gap: 8px;
    }
}