/* ════════════════════════════════════════════
   480px+ (Large Mobile)
   ════════════════════════════════════════════ */
@media (min-width: 480px) {
  .trusted__grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .press__grid {
    grid-template-columns: 1fr;
    gap: var(--space-6);
  }

  .press-card {
    border-left: none;
    border-bottom: 1px solid var(--color-border-light);
    padding-bottom: var(--space-6);
  }
}

/* ════════════════════════════════════════════
   1024px+ — desktop inline header (nav + CTAs; hamburger hidden)
   Below this width, hamburger + mobile menu match components.css defaults.
   ════════════════════════════════════════════ */
@media (min-width: 1024px) {
  .primary-nav {
    display: flex;
  }

  .header-actions {
    display: flex;
  }

  .hamburger {
    display: none;
  }
}

/* Below 1024px — hamburger: taller main bar; token drives .main-header, .mobile-menu top, scroll-margin, etc.
   Minimum 84px (vs desktop 72px) so the increase is obvious on phones, not just large tablets. */
@media (max-width: 1023px) {
  :root {
    --header-main-height: clamp(100px, 12vw, 96px);
  }

  /* Redundant with components.css but keeps height tied to the scoped token in one place for debugging */
  .main-header {
    height: var(--header-main-height);
  }

  .main-header__logo {
    padding-block: clamp(0.625rem, 2vw, 1rem);
  }

  /* ~44px minimum touch target (WCAG 2.5.5) without changing icon geometry */
  .hamburger {
    box-sizing: content-box;
    padding: 6px;
  }
  /* .main-header__logo-img {
    height: clamp(40px, 50px, 60px) !important;
  } */
}

/* ════════════════════════════════════════════
   768px+ (Tablet Portrait)
   ════════════════════════════════════════════ */
@media (min-width: 768px) {
  .hero__inner {
    flex-direction: row;
  }

  .hero__content {
    flex: 1;
  }

  .hero__media {
    flex: 1 1 auto;
    max-width: 380px;
  }

  .hero--customers .hero__media--customers {
    max-width: 489px;
  }

  .trusted__grid {
    grid-template-columns: repeat(6, 1fr);
  }

  .recognition__inner {
    flex-direction: row;
  }

  .recognition__media {
    max-width: 50%;
  }

  .climate-risk__stats-grid {
    grid-template-columns: 1fr 1fr;
  }

  .platform__stage {
    flex-direction: row;
  }

  .platform__steps {
    max-width: 50%;
  }

  .platform__preview {
    max-width: 50%;
  }

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

  .who-we-serve__grid {
    grid-template-columns: 1fr 1fr;
  }

  .ai-section__inner {
    flex-direction: row;
  }

  .ai-section__left {
    max-width: 45%;
  }

  .esg-disclosure__inner {
    flex-direction: row;
  }

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

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

  .mission__inner {
    flex-direction: row;
  }

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

  .press-card {
    border-left: 1px solid var(--color-border-light);
    border-bottom: none;
    padding-bottom: var(--space-6);
  }

  .press-card:first-child {
    border-left: none;
  }

  .site-footer__top {
    grid-template-columns: minmax(160px, 200px) 1fr;
  }

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

  .footer-cta__inner {
    flex-direction: row;
  }

  .latest__slide {
    flex: 0 0 calc(33.333% - var(--space-5) * 2 / 3);
  }

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

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

  .events-most-watched__grid {
    grid-template-columns: 1.2fr minmax(280px, 340px);
  }

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

/* ════════════════════════════════════════════
   1024px+ (Tablet Landscape / Small Laptop)
   ════════════════════════════════════════════ */
@media (min-width: 1024px) {
  .hero__media {
    max-width: 489px;
  }

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

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

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

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

  .site-footer__top {
    grid-template-columns: minmax(160px, 200px) 1fr;
  }

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

  .press-page__inner {
    flex-direction: row;
    align-items: flex-start;
    gap: var(--space-6);
  }

  .press-page__sidebar {
    flex: 0 0 280px;
    position: sticky;
    top: calc(var(--header-main-height) + var(--space-4));
  }

  .press-page__content {
    flex: 1;
    min-width: 0;
  }

  .press-coverage__row {
    flex-direction: row;
  }

  .press-coverage__meta {
    width: 230px;
    flex-direction: column;
    border-left: 1px dashed var(--color-figma-border);
  }

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

  .press-cert__card:nth-child(odd) {
    border-left: none;
  }

  .press-cert__card:nth-child(3n + 1) {
    border-left: 1px solid var(--color-figma-border);
  }
}

/* ════════════════════════════════════════════
   1280px+ (Laptop / Desktop)
   ════════════════════════════════════════════ */
@media (min-width: 1280px) {
  .sidebar-label {
    display: block;
  }

  .climate-risk__outer,
  .platform__outer,
  .who-we-serve__outer,
  .ibc-intelligence__outer,
  .ai-section__outer,
  .capabilities__outer,
  .problem-section__outer,
  .why-section__outer,
  .overview-enables__outer,
  .overview-architecture__outer,
  .overview-enterprise__outer,
  .industries-approach__outer,
  .industries-sectors__outer,
  .industries-capabilities__outer,
  .sidebar-section__outer,
  .ai-help-section__outer,
  .latest__inner,
  .customers-stories__inner,
  .guides-featured__inner {
    padding-left: var(--space-10);
  }

  .press-coverage__row {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: var(--space-6);
  }

  .press-coverage__title {
    flex: 1;
    max-width: 70%;
  }

  .press-coverage__meta {
    flex-shrink: 0;
  }
}

/* ════════════════════════════════════════════
   1440px+ (Large Desktop)
   ════════════════════════════════════════════ */
@media (min-width: 1440px) {
  .hero {
    padding-top: var(--space-20);
    padding-bottom: var(--space-32);
  }

  .section {
    padding-block: clamp(4rem, 4vw, 7rem);
  }

  .climate-risk__stat {
    padding: var(--space-10);
  }

  .feature-card {
    padding: var(--space-10);
  }

  .capability-card {
    padding: var(--space-10);
  }
}

/* ════════════════════════════════════════════
   1920px+ (4K / Ultra-wide)
   ════════════════════════════════════════════ */
@media (min-width: 1920px) {
  :root {
    --container-max: 1400px;
  }

  .hero__inner {
    gap: var(--space-24);
  }

  .platform__features-grid {
    gap: var(--space-10);
  }

  .why-section__grid {
    gap: var(--space-8);
  }
}

/* ════════════════════════════════════════════
   MOBILE OVERRIDES (max-width)
   ════════════════════════════════════════════ */
@media (max-width: 767px) {
  .primary-nav,
  .header-actions {
    display: none;
  }

  .hamburger {
    display: flex;
  }

  .main-header__logo {
    min-width: 0;
    max-width: none;
    padding-top: var(--space-2);
    padding-bottom: var(--space-2);
    border-right: none;
  }

  .main-header__inner::before {
    display: none;
  }

  .hero {
    padding-top: var(--space-8);
    padding-bottom: var(--space-12);
  }

  .hero__inner {
    flex-direction: column;
    gap: var(--space-8);
  }

  .hero__content {
    max-width: 100%;
  }

  .hero__media {
    flex: 1 1 auto;
    max-width: 100%;
    width: 100%;
    min-width: 0;
    aspect-ratio: 4/3;
    min-height: 240px;
  }

  .hero--customers .hero__inner {
    gap: var(--space-8);
  }

  .hero--customers .hero__content {
    padding: 0;
    margin-top: 50px;
  }

  .hero--customers .hero__title--customers {
    font-size: clamp(2rem, 8.8vw, 2.6rem);
    line-height: 1.2;
    letter-spacing: -0.8px;
  }

  .hero--customers .hero__desc--customers {
    font-size: 17px;
    line-height: 1.55;
  }

  .hero--customers .hero__media--customers {
    aspect-ratio: auto;
    min-height: 0;
  }

  .hero--customers .hero__video-wrap {
    min-height: 420px;
  }

  .hero--customers .hero__partner-logo-cell {
    min-height: 72px;
  }

  .hero--customers .hero__partner-logo-cell--btt {
    padding: 18px;
  }

  .hero--customers .hero__partner-logo-cell--deepak {
    padding: 12px 18px;
  }

  .hero--customers .hero__partner-logo-cell--btt .hero__partner-logo-img {
    width: 72px;
    height: 34px;
  }

  .hero--customers .hero__partner-logo-cell--deepak .hero__partner-logo-img {
    width: 130px;
    height: 44px;
  }

  .recognition__inner {
    flex-direction: column;
    gap: var(--space-8);
  }

  .recognition__media {
    max-width: 100%;
  }

  .climate-risk__stats-grid {
    grid-template-columns: 1fr;
  }

  .platform__stage {
    flex-direction: column;
  }

  .platform__steps,
  .platform__preview {
    max-width: 100%;
  }

  .platform__preview {
    min-height: 250px;
  }

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

  .ai-section__inner {
    flex-direction: column;
  }

  .ai-section__left {
    max-width: 100%;
    position: static;
  }

  .esg-disclosure__inner {
    flex-direction: column;
  }

  .esg-disclosure__logos {
    padding: var(--space-8) var(--space-4);
    justify-content: center;
    align-items: stretch;
  }

  .esg-disclosure__stat-grid {
    max-width: 100%;
    min-height: 0;
    align-self: stretch;
  }

  .esg-disclosure__content {
    padding: var(--space-8) var(--space-6);
  }

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

  /* Single column: horizontal dividers only; match grid outer radius on first/last card */
  .capabilities__grid .capability-card {
    border-radius: 0;
    border-right: none;
    border-bottom: 1px solid var(--color-figma-border);
  }

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

  .mission__inner {
    flex-direction: column;
  }

  .mission__media {
    min-height: 250px;
  }

  .mission__content {
    padding: var(--space-8) var(--space-6);
  }

  .advisors__carousel {
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .advisors__carousel::-webkit-scrollbar {
    display: none;
  }

  .advisor-card {
    scroll-snap-align: start;
  }

  .press__grid {
    grid-template-columns: 1fr;
    gap: var(--space-6);
  }

  .press-card {
    border-left: none;
    border-bottom: 1px solid var(--color-border-light);
  }

  .footer-cta__inner {
    flex-direction: column;
    text-align: center;
  }

  .footer-cta__buttons {
    flex-direction: column;
    width: 100%;
  }

  .footer-cta__buttons .btn {
    justify-content: center;
  }

  .site-footer__top {
    grid-template-columns: 1fr;
    gap: var(--space-8);
  }

  .site-footer__cols {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-8);
  }

  .site-footer__bottom {
    flex-direction: column;
    text-align: center;
    gap: var(--space-4);
  }

  .site-footer__bottom-left {
    justify-content: center;
  }

  .latest__slide {
    flex: 0 0 85%;
    min-width: 280px;
  }

  .customers-logos-strip__grid {
    gap: var(--space-6);
  }

  .customers-logos-strip__cell {
    height: 80px;
  }

  .customers-intro__inner {
    padding: 40px 24px;
    gap: 12px;
  }

  .customers-intro__desc {
    font-size: 16px;
    line-height: 24px;
  }

  .customers-featured-quote__inner {
    padding: var(--space-8) var(--space-6);
  }

  .customers-featured-quote__headline {
    font-size: var(--fs-xl);
    line-height: 1.3;
  }

  .customers-featured-quote__body {
    font-size: clamp(1rem, 2.8vw, 1.25rem);
    line-height: 1.5;
  }

  .customers-featured-quote__author {
    font-size: 24px;
  }

  .customers-logos__header {
    flex-direction: column;
    align-items: flex-start;
  }

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

  .customers-testimonial__card {
    padding: var(--space-8) var(--space-6);
  }

  .blog-filters__inner {
    flex-direction: column;
    align-items: stretch;
  }

  .blog-filters__tabs {
    overflow-x: auto;
    padding-bottom: var(--space-2);
    -webkit-overflow-scrolling: touch;
  }

  .blog-filters__tab {
    flex-shrink: 0;
  }

  .blog-card--featured .blog-card__link--horizontal {
    flex-direction: column;
    gap: var(--space-6);
  }

  .blog-card--featured .blog-card__img-wrap--featured {
    aspect-ratio: 16 / 9;
  }

  .blog-card--featured .blog-card__body--featured {
    padding: var(--space-4) var(--space-5);
  }

  .blog-newsletter__inner {
    flex-direction: column;
    gap: var(--space-8);
  }

  .blog-newsletter__content {
    flex: none;
    max-width: 100%;
  }

  .blog-newsletter__form-wrap {
    flex: none;
    width: 100%;
  }

  .blog-grid__list {
    grid-template-columns: 1fr;
  }

  .blog-newsletter__form {
    flex-direction: column;
  }

  .blog-newsletter__input {
    min-width: 100%;
    border-right: 1px solid var(--color-navy);
  }

  .blog-detail-hero__inner {
    flex-direction: column;
    gap: var(--space-8);
  }

  .blog-detail-hero__media {
    max-width: 100%;
    order: -1;
  }

  .blog-detail-newsletter__inner {
    flex-direction: column;
    gap: var(--space-12);
  }

  .blog-detail-newsletter__illustration {
    order: -1;
  }

  /* Event detail page */
  .event-detail-content__grid {
    grid-template-columns: 1fr;
    gap: var(--space-12);
  }

  .event-detail-content__right {
    order: -1;
  }

  .event-detail__resources .latest__slide {
    flex: 0 0 85%;
    min-width: 280px;
  }

  /* Guides page */
  .guides-hero__inner {
    flex-direction: column;
    gap: var(--space-4);
  }

  .guides-hero__desc {
    max-width: 100%;
  }

  .guides-featured__inner {
    padding-left: 0;
  }

  .guides-featured__slide {
    flex: 0 0 85%;
    min-width: 280px;
  }

  .guides-newsletter__inner {
    flex-direction: column;
    gap: var(--space-8);
  }

  .guides-newsletter__content {
    flex: none;
    max-width: 100%;
  }

  .guides-newsletter__form-wrap {
    flex: none;
    width: 100%;
  }

  .guides-newsletter__form {
    flex-direction: column;
  }

  .guides-newsletter__input {
    min-width: 100%;
    border-right: 1px solid var(--color-navy);
  }

  .guides-grid__list {
    grid-template-columns: 1fr;
  }

  /* Events page */
  .events-hero__inner {
    flex-direction: column;
  }

  .events-hero__left {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .events-hero__featured {
    flex: 1 1 100%;
  }

  .events-upcoming__grid {
    grid-template-columns: 1fr;
  }

  .events-most-watched__grid {
    grid-template-columns: 1fr;
  }

  .events-newsletter__inner {
    flex-direction: column;
  }

  .events-newsletter__media {
    min-height: 200px;
  }

  .events-ondemand__grid {
    grid-template-columns: 1fr;
  }

  .blog-cta__inner {
    flex-direction: column;
    text-align: center;
  }

  .blog-cta__buttons {
    justify-content: center;
  }

  .glossary-page .glossary-layout {
    border-left: none;
    border-right: none;
  }

  .glossary-hero,
  .glossary-list,
  .glossary-loading,
  .glossary-error,
  .glossary-empty {
    padding-left: var(--space-5);
    padding-right: var(--space-5);
  }

  .glossary-sidebar {
    padding-left: var(--space-4);
    padding-right: var(--space-4);
  }
}

@media (max-width: 479px) {
  .trusted__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-3);
  }

  .trusted__title {
    white-space: normal;
  }

  .trusted__logo-cell {
    min-width: 0;
  }

  .trusted__logo-cell img {
    max-width: 100%;
  }

  .customers-logos-strip__grid {
    gap: var(--space-3);
  }

  .customers-logos-strip__cell {
    min-width: 0;
  }

  .customers-logos-strip__img {
    max-width: 100%;
  }

  .customers-logos-strip__overlay-pill {
    padding: 0.32rem 0.7rem;
    font-size: 11px;
    letter-spacing: 0;
    text-transform: none;
    border-radius: 999px;
  }

  .customers-logos-strip__cell--link:hover .customers-logos-strip__img,
  .customers-logos-strip__cell--link:focus-visible .customers-logos-strip__img,
  .customers-logos-strip__cell--link.is-active .customers-logos-strip__img {
    opacity: 0.6;
  }

  .customers-intro__inner {
    padding: 32px 16px;
  }

  .customers-intro__title br {
    display: none;
  }

  .customers-featured-quote__inner {
    padding: var(--space-6) var(--space-4);
    gap: 16px;
  }

  .customers-featured-quote__logo-wrap {
    width: 148px;
    height: 48px;
  }

  .customers-featured-quote__headline {
    font-size: var(--fs-xl);
  }

  .customers-featured-quote__body {
    font-size: 20px;
  }

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

  .customers-testimonial__author {
    flex-direction: column;
  }

  .customers-testimonial__author-info {
    text-align: center;
    align-items: center;
  }

  .esg-disclosure__stat-cell {
    padding-block: clamp(1.5rem, 4vw, 2.5rem);
    padding-inline: clamp(var(--space-4), 3vw, 1.875rem);
  }

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

  .site-footer__cols {
    grid-template-columns: 1fr;
    gap: var(--space-6);
  }

  .advisor-card {
    width: 200px;
  }

  .announcement-bar__link {
    font-size: 0.6875rem;
    padding-inline: var(--space-3);
  }

  .climate-risk__stat-value {
    font-size: var(--fs-xl);
  }

  .press-card {
    padding: var(--space-4);
  }

  .blog-card__body {
    padding: var(--space-4) var(--space-5);
  }

  .blog-card--featured .blog-card__body--featured {
    padding: var(--space-4) var(--space-5);
  }

  .blog-card--featured .blog-card__title {
    font-size: var(--fs-xl);
  }

  .recognition__awards .recognition__award-img {
    min-height: 180px;
  }
}

/* ════════════════════════════════════════════
   OVERVIEW PAGE RESPONSIVE
   ════════════════════════════════════════════ */
@media (max-width: 1023px) {
  .press-coverage__row {
    flex-direction: column;
    gap: var(--space-2);
  }

  .press-coverage__title-wrap {
    padding-right: 0;
  }

  .press-coverage__meta {
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--space-2);
    padding-left: 0;
    padding-top: var(--space-2);
    border-left: none;
    border-top: 1px dashed var(--color-figma-border);
  }

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

  .overview-metrics__cell {
    border-left: none;
    border-top: 1px dashed var(--color-gray-200);
  }

  .overview-metrics__cell:nth-child(1),
  .overview-metrics__cell:nth-child(2) {
    border-top: none;
  }

  .overview-metrics--industries .overview-metrics__cell--industries {
    border-top: 1px dashed var(--color-figma-border);
  }

  .overview-metrics--industries
    .overview-metrics__cell--industries:nth-child(1),
  .overview-metrics--industries
    .overview-metrics__cell--industries:nth-child(2) {
    border-top: none;
  }

  .overview-sor__top {
    flex-direction: column;
  }

  .overview-sor__top::before {
    display: none;
  }

  .overview-sor__top-inner {
    flex: 1 1 100%;
  }

  .overview-sor__benefits-wrap {
    flex: 1 1 100%;
    border-left: 1px dashed var(--color-figma-border);
    border-radius: var(--radius-sm);
  }

  .overview-sor__sidebar-label {
    display: none;
  }

  .overview-sor__dashboard-inner {
    padding-left: var(--container-padding);
  }

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

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

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

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

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

  .overview-enterprise__card {
    border-left: none;
    border-right: none;
    border-bottom: 1px solid var(--color-border-light);
  }

  .overview-enterprise__card:nth-child(odd) {
    border-right: 1px solid var(--color-border-light);
  }

  .overview-enterprise__card:nth-last-child(-n + 2) {
    border-bottom: none;
  }
}

@media (max-width: 767px) {
  .overview-metrics__grid {
    grid-template-columns: 1fr;
  }

  .overview-metrics__cell {
    border-top: 1px dashed var(--color-gray-200);
  }

  .overview-metrics__cell:first-child {
    border-top: none;
  }

  .overview-metrics--industries .overview-metrics__cell--industries {
    border-top: 1px dashed var(--color-figma-border);
    padding: var(--space-6) var(--space-5);
  }

  .overview-metrics--industries
    .overview-metrics__cell--industries:first-child {
    border-top: none;
  }

  .overview-metrics__badges {
    min-height: 0;
  }

  .overview-metrics__badge {
    font-size: var(--fs-xs);
    padding: 6px var(--space-2);
  }

  .overview-enables__grid {
    grid-template-columns: 1fr;
  }

  .industries-approach__grid,
  .industries-sectors__grid,
  .industries-capabilities__row {
    grid-template-columns: 1fr;
  }

  .overview-enterprise__grid {
    grid-template-columns: 1fr;
  }

  .overview-enterprise__card {
    border-right: none !important;
    border-bottom: 1px solid var(--color-border-light);
  }

  .overview-enterprise__card:last-child {
    border-bottom: none;
  }

  .hero__ctas {
    flex-direction: column;
  }

  .hero__ctas .btn {
    width: 100%;
    justify-content: center;
  }
}

/* ESG Reporting responsive */
@media (max-width: 1023px) {
  .esg-mapping__inner {
    flex-direction: column;
  }

  .esg-mapping__media {
    max-width: 100%;
  }

  .esg-mapping__media_regulatoryIntelligenceLayer {
    max-width: 100%;
  }

  .esg-mapping__img_regulatoryIntelligenceLayer {
    max-height: none;
  }

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

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

  .esg-changes__grid {
    grid-template-columns: 1fr;
  }

  /* GHG Accounting */
  .ghg-scopes__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .ghg-intelligence__grid {
    grid-template-columns: 1fr;
  }

  /* Net Zero Strategies */
  .nz-scope-cols__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .nz-progress__grid {
    grid-template-columns: 1fr;
  }

  /* CBAM PCF */
  .cbam-webinar-banner__inner {
    flex-direction: column;
    gap: var(--space-8);
  }

  .cbam-webinar-banner__content {
    max-width: 100%;
  }

  .cbam-webinar-banner__media {
    max-width: 100%;
    aspect-ratio: auto;
    order: -1;
  }

  .cbam-outcomes__grid {
    grid-template-columns: 1fr;
  }

  /* CDP SBTi */
  .cdp-competitive__grid,
  .cdp-outcomes__grid {
    grid-template-columns: 1fr;
  }

  /* ESG Disclosure */
  .esg-disclosure-regimes__grid,
  .esg-disclosure-outcomes__grid {
    grid-template-columns: 1fr;
  }

  .esg-disclosure-frameworks {
    flex-wrap: wrap;
    gap: var(--space-4);
    border: none;
  }

  .esg-disclosure-framework {
    flex: 1 1 140px;
    min-width: 120px;
    border-right: none;
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-sm);
  }

  .esg-mapping__inner--reversed {
    flex-direction: column;
  }

  /* Materiality Assessment */
  .materiality-imperative__grid,
  .materiality-outcomes__grid {
    grid-template-columns: 1fr;
  }

  /* Scenario Planning */
  .scenario-challenge__grid,
  .scenario-outcomes__grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  .esg-frameworks__grid {
    grid-template-columns: 1fr;
  }

  .esg-steps__grid {
    grid-template-columns: 1fr;
  }

  .esg-cta__buttons {
    flex-direction: column;
  }

  .esg-cta__buttons .btn {
    width: 100%;
    justify-content: center;
  }

  .esg-cta__inner--split {
    flex-direction: column;
    text-align: center;
  }

  .esg-cta__inner--split .esg-cta__buttons {
    justify-content: center;
  }

  /* GHG Accounting */
  .ghg-scopes__grid {
    grid-template-columns: 1fr;
  }

  .ghg-intelligence__quote {
    font-size: var(--fs-lg);
    padding: var(--space-6);
  }

  /* Net Zero Strategies */
  .nz-scope-cols__grid {
    grid-template-columns: 1fr;
  }

  /* CBAM PCF */
  .cbam-cost__grid {
    grid-template-columns: 1fr;
  }

  /* PCF Engine */
  .pcf-dataflow__summary-cell:not(:last-child) {
    border-bottom: 1px solid var(--color-figma-border);
  }

  /* CDP SBTi */
  .cdp-competitive__grid {
    grid-template-columns: 1fr;
  }

  /* ESG Disclosure */
  .esg-disclosure-regimes__grid {
    grid-template-columns: 1fr;
  }

  /* Materiality Assessment */
  .materiality-imperative__grid {
    grid-template-columns: 1fr;
  }

  /* Scenario Planning */
  .scenario-challenge__grid {
    grid-template-columns: 1fr;
  }
}

/* ════════════════════════════════════════════
   320px (Extra Small Mobile)
   ════════════════════════════════════════════ */
@media (max-width: 359px) {
  :root {
    --container-padding: 0.75rem;
  }

  .hero__title {
    font-size: 1.5rem;
  }

  .climate-risk__headline,
  .platform__headline,
  .problem-section__headline,
  .ai-section__headline,
  .capabilities__headline,
  .why-section__headline {
    font-size: 1.375rem;
  }

  .trusted__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-3);
  }

  .customers-story-card {
    min-width: 260px;
  }

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

  .customers-logos-strip__overlay-pill {
    padding: 0.28rem 0.55rem;
    font-size: 10.5px;
    max-width: calc(100% - 8px);
  }

  .feature-card,
  .capability-card {
    padding: var(--space-5);
  }

  .why-card__content {
    padding: var(--space-4);
  }

  .advisor-card {
    width: 180px;
  }
}

/* ═══════════════════════════════════════════════════════
   LIVE WEBINAR PAGE – Responsive
   ═══════════════════════════════════════════════════════ */

/* ── Mobile-first base (< 480px) ── */
@media (max-width: 479px) {
  .webinar-hero__grid {
    flex-direction: column;
    gap: 32px;
  }

  .webinar-hero__right {
    width: 100%;
  }

  .webinar-hero__card {
    max-width: 100%;
    padding: 20px;
  }

  .webinar-hero__badges {
    flex-direction: column;
    gap: 8px;
  }

  .webinar-card__pricing {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  .webinar-card__current-price-row {
    flex-wrap: wrap;
  }

  .webinar-highlights__grid {
    flex-direction: column;
  }

  .webinar-highlights__card {
    margin-right: 0;
    margin-bottom: -1px;
  }

  .webinar-highlights__heading {
    padding: 0 16px;
  }

  .webinar-speakers__grid {
    flex-direction: column;
    gap: 16px;
  }

  .webinar-schedule__time-col {
    width: 100px;
    padding: 14px;
  }

  .webinar-schedule__detail-col {
    padding: 14px;
  }

  .webinar-schedule__heading {
    padding: 0 16px;
  }

  .webinar-presenters__grid {
    flex-direction: column;
    gap: 20px;
  }

  .webinar-presenters__heading {
    padding: 0 16px;
  }

  .webinar-cta__inner {
    flex-direction: column;
    gap: 24px;
    text-align: center;
    padding: 32px 16px;
  }
}

/* ── Small mobile (480px – 767px) ── */
@media (min-width: 480px) and (max-width: 767px) {
  .webinar-hero__grid {
    flex-direction: column;
    gap: 32px;
  }

  .webinar-hero__right {
    width: 100%;
  }

  .webinar-hero__card {
    max-width: 100%;
  }

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

  .webinar-highlights__card {
    margin-right: 0;
  }

  .webinar-speakers__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }

  .webinar-presenters__grid {
    flex-direction: column;
    gap: 20px;
  }

  .webinar-cta__inner {
    flex-direction: column;
    gap: 24px;
    text-align: center;
  }
}

/* ── Tablet (768px – 1023px) ── */
@media (min-width: 768px) and (max-width: 1023px) {
  .webinar-hero__grid {
    flex-direction: column;
    gap: 40px;
  }

  .webinar-hero__right {
    width: 100%;
    display: flex;
    justify-content: center;
  }

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

  .webinar-highlights__card {
    margin-right: 0;
  }

  .webinar-speakers__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }

  .webinar-schedule__time-col {
    width: 120px;
  }
}

/* ── Small laptop (1024px – 1279px) ── */
@media (min-width: 1024px) {
  .webinar-hero__grid {
    flex-direction: row;
    gap: 40px;
  }

  .webinar-hero__right {
    width: 480px;
    flex-shrink: 0;
  }

  .webinar-highlights__sidebar,
  .webinar-schedule__sidebar,
  .webinar-presenters__sidebar {
    display: block;
  }
}

/* ── Desktop (1280px+) ── */
@media (min-width: 1280px) {
  .webinar-hero__grid {
    gap: 60px;
  }

  .webinar-hero__right {
    width: 570px;
  }

  .webinar-highlights__grid {
    display: flex;
  }

  .webinar-highlights__card {
    margin-right: -1px;
  }

  .webinar-speakers__grid {
    display: flex;
    gap: 16px;
  }
}

/* ═══ Marketplace page responsive ═══ */
@media (max-width: 1023px) {
  .marketplace-featured__grid {
    grid-template-columns: 1fr;
  }

  .marketplace-featured__card {
    border-left: none;
    border-top: 1px solid var(--color-figma-border);
  }

  .marketplace-featured__card:first-child {
    border-top: none;
  }

  .marketplace-featured__card--gradient {
    border-left: none;
  }

  .marketplace-decarbonization__grid {
    grid-template-columns: 1fr;
  }

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

  .marketplace-esg-services__grid {
    grid-template-columns: 1fr;
  }

  .marketplace-card--esg {
    border-right: none;
  }
}

@media (max-width: 767px) {
  .marketplace-carbon-credits__grid {
    grid-template-columns: 1fr;
  }

  .hero--marketplace .hero__inner {
    flex-direction: column;
    gap: var(--space-8);
  }

  .hero--marketplace .hero__media {
    order: -1;
    width: 100%;
  }
}

/* ═══ AI Help page responsive ═══ */
@media (max-width: 1023px) {
  .ai-help-icon-grid {
    grid-template-columns: 1fr;
  }

  .ai-help-icon-card {
    border-right: none;
    border-bottom: 1px solid var(--color-figma-border);
  }

  .ai-help-icon-card:last-child {
    border-bottom: none;
  }

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

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

  .ai-help-action-card {
    border-bottom: 1px solid var(--color-figma-border);
  }

  .ai-help-action-card:nth-child(2n) {
    border-right: none;
  }

  .ai-help-action-card:nth-last-child(-n + 2) {
    border-bottom: none;
  }

  .ai-help-core-wrap__container,
  .ai-help-action__container {
    border-left: none;
    border-right: none;
  }

  .ai-help-compliance__inner {
    gap: var(--space-8);
  }

  .ai-help-compliance__frame {
    flex: 1 1 auto;
    width: 100%;
    min-height: 232px;
    padding: clamp(1rem, 3vw, 1.5rem);
  }

  .ai-help-compliance__logos {
    max-width: 100%;
    row-gap: 16px;
    column-gap: 6px;
  }

  .ai-help-compliance-logo {
    width: 100%;
    min-width: 0;
    min-height: 42px;
    padding: 0 4px;
  }
}

@media (max-width: 767px) {
  .ai-help-core-grid {
    grid-template-columns: 1fr;
  }

  .ai-help-action-grid {
    grid-template-columns: 1fr;
  }

  .ai-help-action-card {
    border-right: none;
    border-bottom: 1px solid var(--color-figma-border);
  }

  .ai-help-action-card:last-child {
    border-bottom: none;
  }

  .hero--ai-help .hero__inner {
    flex-direction: column;
    gap: var(--space-8);
  }

  .hero__media--ai-help {
    order: -1;
    max-width: 100%;
    min-height: 220px;
  }

  .ai-help-section-header--padded {
    padding-left: 0;
  }

  .ai-help-compliance__title {
    font-size: clamp(1.8rem, 7.4vw, 2.2rem);
    line-height: 1.15;
    max-width: none;
  }

  .ai-help-compliance__desc {
    font-size: 17px;
    line-height: 1.55;
  }

  .ai-help-compliance__frame {
    min-height: 212px;
  }

  .ai-help-compliance__logos {
    grid-template-columns: repeat(2, minmax(110px, 1fr));
    grid-template-rows: none;
    row-gap: 14px;
    column-gap: 8px;
  }

  .ai-help-compliance-logo {
    grid-column: auto !important;
    grid-row: auto !important;
    min-height: 38px;
  }

  .ai-help-compliance-logo__img {
    max-height: 44px;
  }
}

/* ════════════════════════════════════════════
   ABOUT PAGE – Responsive
   ════════════════════════════════════════════ */
@media (max-width: 1023px) {
  .about-metrics__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .about-metrics__cell {
    border-left: 1px dashed #b1c4cf;
    border-bottom: 1px dashed #b1c4cf;
  }

  .about-metrics__cell:nth-child(2n + 1) {
    border-left: none;
  }

  .about-metrics__cell:nth-last-child(-n + 2) {
    border-bottom: none;
  }

  .about-dual__row {
    grid-template-columns: 1fr;
  }

  .about-mission__inner {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .about-mission__label {
    writing-mode: horizontal-tb;
    transform: none;
    margin-bottom: var(--space-4);
  }
}

@media (max-width: 767px) {
  .about-values__grid {
    grid-template-columns: 1fr;
  }

  .about-metrics__frame::before,
  .about-metrics__frame::after {
    display: none;
  }

  .about-metrics__title {
    margin-inline: 0;
    border-left: none;
    border-right: none;
  }

  .about-metrics__grid {
    grid-template-columns: 1fr;
    margin-inline: 0;
    border-left: none;
    border-right: none;
  }

  .about-metrics__cell {
    border-left: none;
    border-bottom: 1px dashed #b1c4cf;
  }

  .about-metrics__cell:last-child {
    border-bottom: none;
  }

  .about-people__arrow {
    display: none;
  }

  .about-people__carousel-shell {
    padding-inline: 0;
  }

  .about-page .about-people__carousel {
    scroll-snap-type: x mandatory;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .about-page .about-people__carousel::-webkit-scrollbar {
    display: none;
  }

  .about-page .about-people__carousel .advisor-card {
    scroll-snap-align: start;
  }
}

/* About: desktop — pull logo strip & metrics up (no section top padding) */
@media (min-width: 1280px) {
  .about-logos.section,
  .about-metrics.section {
    padding-block-start: 0;
  }
  .about-dual.section {
    padding-block-end: 0;
  }
}

/* Careers — tablet and below */
@media (max-width: 1023px) {
  .careers-why-grid {
    grid-template-columns: 1fr;
  }

  .careers-stats__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .careers-stats__cell {
    border-left: 1px dashed var(--color-figma-border);
  }

  .careers-stats__cell:nth-child(odd) {
    border-left: none;
  }

  .careers-stats__cell:nth-child(n + 3) {
    border-top: 1px dashed var(--color-figma-border);
  }

  .careers-offer__row {
    grid-template-columns: 1fr;
  }

  .careers-offer-cell {
    border-right: none;
    border-bottom: 1px dashed var(--color-figma-border);
  }

  .careers-offer__row .careers-offer-cell:last-child {
    border-bottom: none;
  }

  .careers-cta-band__inner {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 479px) {
  .careers-stats__grid {
    grid-template-columns: 1fr;
  }

  .careers-stats__cell {
    border-left: none !important;
  }

  .careers-stats__cell:nth-child(n + 2) {
    border-top: 1px dashed var(--color-figma-border);
  }

  .brand-palette__row {
    grid-template-columns: 1fr;
  }
}

/* Partners — Figma 30388:6208 */
@media (max-width: 1023px) {
  .partners-compare__cols {
    grid-template-columns: 1fr;
  }

  .partners-compare__rule {
    display: none;
  }

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

  .partners-card--r1c1,
  .partners-card--r1c2,
  .partners-card--r2c1,
  .partners-card--r2c2,
  .partners-card--r3c1 {
    grid-column: auto;
    grid-row: auto;
  }

  .partners-sus.section {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .partners-sus__grid {
    min-width: min(100%, 40rem);
    margin-inline: clamp(1rem, 4vw, 2rem);
  }
}

@media (max-width: 767px) {
  .partners-sus__grid {
    min-width: 36rem;
  }
}