/* 桌面稿保持不变。
   1024–1679：笔记本（参考大疆，保持桌面结构、按视口伸缩）
   ≤1023：平板 / 手机（汉堡菜单、单列） */

.nav-toggle {
  display: none;
}

@media (min-width: 1680px) and (max-width: 1919px) {
  .page {
    min-width: 0;
  }

  :root {
    --content-width: min(1200px, calc(100% - 80px));
  }

  .header {
    padding: 0 24px;
  }

  .header__inner {
    width: 100%;
    max-width: 1200px;
  }

  .product-band {
    height: clamp(560px, calc(100vw * 800 / 1920), 800px);
  }

  .product-band__copy,
  .product-band--sx .product-band__copy {
    width: min(400px, 38%);
    padding-top: clamp(190px, calc(100vw * 327 / 1920), 327px);
  }

  .product-band--sg .product-band__copy {
    padding-top: clamp(176px, calc(100vw * 307 / 1920), 307px);
  }

  .software__grid {
    gap: 24px;
  }

  .soft-card {
    width: auto;
    flex: 1 1 0;
    min-width: 0;
    padding: 56px 24px;
  }

  .soft-card__screen {
    width: 100%;
    max-width: 403px;
    height: auto;
    aspect-ratio: 403 / 310;
  }

  .soft-card__body,
  .soft-card__desc {
    width: 100%;
  }

  .cases__grid,
  .resource__grid,
  .why__row {
    gap: 24px;
  }

  .case-card {
    width: calc((100% - 48px) / 3);
  }

  .case-card__cover {
    width: 100%;
    height: auto;
    aspect-ratio: 373 / 300;
  }

  .why-card {
    flex: 1;
    width: auto;
  }

  .res-card {
    width: calc((100% - 48px) / 3);
  }

  .cta h2 {
    font-size: var(--display-size);
    line-height: 1.2;
  }

  /* ── 资源中心（品牌动态 / 行业洞察 / FAQ / 选型指南）── */
  .resource-hero {
    height: min(660px, 100svh);
  }
  .resource-hero .iot-hero__content {
    padding-top: clamp(140px, 22svh, 254px);
  }
  .resource-tabs {
    gap: 16px;
    padding: 16px 10px;
  }
  .resource-tabs a {
    width: 120px;
    height: 42px;
    font-size: 15px;
  }
  .resource-news {
    padding: 60px 0 48px;
  }
  .resource-grid {
    gap: 24px;
  }
  .resource-card__image {
    height: 180px;
  }
  .resource-card h2,
  .resource-scene-card h2 {
    font-size: 18px;
    line-height: 28px;
  }
  .resource-more {
    margin-top: 32px;
  }
  .resource-cta {
    padding: 60px 0;
  }
  .resource-cta h2 {
    font-size: 36px;
    line-height: 48px;
  }
  .resource-cta p {
    font-size: 18px;
    line-height: 28px;
  }
  .resource-cta > .wrap > div {
    gap: 24px;
    margin-top: 40px;
  }
  .resource-faq {
    padding: 60px 0;
  }
  .resource-faq-group {
    margin-bottom: 60px;
  }
  .resource-faq-group > .sec-title {
    margin-bottom: 40px;
  }
  .resource-faq-list {
    gap: 24px;
  }
  .resource-faq-item {
    padding-top: 24px;
  }
  .resource-faq-item:last-child {
    padding-bottom: 24px;
  }
  .resource-faq-item__q {
    font-size: 18px;
    line-height: 26px;
  }
  .resource-sec-head {
    margin-bottom: 40px;
  }
  .resource-sec-head .sec-desc {
    font-size: 18px;
    line-height: 28px;
  }
  .resource-scene {
    padding: 60px 0 80px;
  }
  .resource-compare {
    padding: 60px 0;
  }
  .resource-table th,
  .resource-table td {
    padding: 0 12px;
  }
  .resource-table thead th {
    height: 80px;
  }
  .resource-table__prod b {
    font-size: 16px;
    line-height: 24px;
  }
  .resource-table-hide-same {
    font-size: 18px;
  }
  .resource-table tbody th {
    padding: 24px 12px 24px 16px;
    font-size: 18px;
  }
  .resource-table tbody td {
    padding: 24px 12px;
  }
  .resource-table thead th:first-child,
  .resource-table tbody th,
  .resource-table tbody td:first-child {
    padding-left: 16px;
  }
  .resource-steps {
    padding: 60px 0;
  }
  .resource-steps ol {
    gap: 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1679px) {
  .page {
    min-width: 0;
  }

  :root {
    --content-width: min(1200px, calc(100% - 80px));
  }

  .header {
    padding: 0 24px;
  }

  .header__inner {
    width: 100%;
    max-width: 1200px;
  }

  .nav {
    gap: 28px;
    margin-left: 24px;
  }

  .nav-mega {
    width: auto;
  }

  .nav-mega__col {
    padding: 0;
  }

  .hero__content {
    padding-top: 96px;
  }

  .product-band {
    height: min(560px, 38vw);
  }

  .product-band.product-band--sx,
  .product-band.product-band--sg {
    height: calc(100vw * 1600 / 3840);
  }

  .product-band__copy,
  .product-band--sx .product-band__copy,
  .product-band--sg .product-band__copy {
    width: min(400px, 38%);
    padding-top: min(200px, 16vw);
  }

  .software__grid {
    gap: 24px;
  }

  .soft-card {
    width: auto;
    flex: 1 1 0;
    min-width: 0;
    padding: 56px 24px;
  }

  .soft-card__screen {
    width: 100%;
    max-width: 403px;
    height: auto;
    aspect-ratio: 403 / 310;
  }

  .soft-card__body,
  .soft-card__desc {
    width: 100%;
  }

  .brand__head,
  .why__head,
  .resource__head {
    width: min(1008px, 100%);
  }

  .brand__head {
    width: min(806px, 100%);
  }

  .brand__steps {
    flex-wrap: wrap;
    padding: 0 16px;
  }

  .trust__nums {
    width: 100%;
    justify-content: space-between;
    padding: 36px 48px;
    gap: 16px;
    box-sizing: border-box;
  }

  .num-item strong {
    font-size: var(--display-size);
    line-height: 1.2;
  }

  .logo-wall {
    width: 100%;
    --logo-gap: 16px;
  }

  .logo-wall__row {
    flex-wrap: nowrap;
    justify-content: flex-start;
    width: max-content;
  }

  .logo-cell {
    flex: 0 0 108px;
    width: 108px;
    max-width: none;
    height: 62px;
    aspect-ratio: auto;
  }

  .logo-cell .media {
    width: 100%;
    height: 100%;
  }

  .cases__grid,
  .resource__grid,
  .why__row {
    gap: 24px;
  }

  .case-card {
    width: calc((100% - 48px) / 3);
  }

  .case-card__cover {
    width: 100%;
    height: auto;
    aspect-ratio: 373 / 300;
  }

  .why-card {
    flex: 1;
    width: auto;
  }

  .res-card {
    width: calc((100% - 48px) / 3);
  }

  .res-card__top p br {
    display: none;
  }

  .res-row span:first-child {
    width: auto;
    flex: 1;
    padding-right: 8px;
  }

  .cta h2 {
    font-size: var(--display-size);
    line-height: 1.2;
  }

  .footer__line {
    width: 100%;
  }

  .footer__nav {
    width: 100%;
    justify-content: space-between;
    gap: 56px;
    flex-wrap: nowrap;
  }

  .footer-col--product,
  .footer-col--narrow {
    width: auto;
    flex: 0 0 auto;
    min-width: max-content;
  }

  .footer-col--contact {
    width: auto;
    flex: 0 1 auto;
    min-width: 0;
    max-width: 526px;
  }

  .footer-contact {
    gap: 24px;
  }

  .footer__copy {
    flex-wrap: wrap;
    white-space: normal;
    text-align: center;
  }
}

@media (min-width: 1024px) and (max-width: 1679px) and (max-height: 900px) {
  .hero__content {
    padding-top: 96px;
    gap: 16px;
  }

  .product-band {
    height: min(560px, 36vw);
  }

  .product-band__copy,
  .product-band--sx .product-band__copy,
  .product-band--sg .product-band__copy {
    padding-top: min(178px, 15vw);
  }

  .soft-card {
    padding: 40px 20px;
  }

  .soft-card__screen {
    max-width: 340px;
  }

  .soft-card__body {
    margin-top: 36px;
    gap: 20px;
  }

  .brand-step {
    width: min(160px, 18vw);
    height: 112px;
  }

  .trust__nums {
    padding: 28px 40px;
  }

  .why-card {
    padding: 24px 16px;
  }

  .res-card__top {
    min-height: 96px;
    height: auto;
  }

  .res-card__icon,
  .res-card__icon img {
    width: 80px;
    height: 80px;
  }

  .resource {
    padding-bottom: 64px;
  }

  /* ── 资源中心 笔记本适配 ── */
  .resource-hero .iot-hero__content {
    padding-top: 160px;
  }
  .resource-tabs {
    gap: 12px;
  }
  .resource-tabs a {
    width: 110px;
    height: 40px;
    font-size: 14px;
    padding: 8px;
  }
  .resource-news {
    padding: 48px 0 40px;
  }
  .resource-grid {
    gap: 16px;
  }
  .resource-card__image {
    height: 160px;
  }
  .resource-card__body {
    padding: 16px;
    gap: 8px;
  }
  .resource-card h2,
  .resource-scene-card h2 {
    font-size: 16px;
    line-height: 24px;
  }
  .resource-card p,
  .resource-scene-card p {
    font-size: 13px;
    line-height: 18px;
  }
  .resource-card .resource-card__body > p {
    min-height: 54px;
    min-height: 3lh;
  }
  .resource-more {
    width: 140px;
    height: 42px;
    margin-top: 28px;
    font-size: 14px;
  }
  .resource-cta {
    padding: 48px 0;
  }
  .resource-cta h2 {
    font-size: 28px;
    line-height: 38px;
  }
  .resource-cta p {
    font-size: 16px;
    line-height: 24px;
    margin-top: 16px;
  }
  .resource-cta > .wrap > div {
    gap: 16px;
    margin-top: 32px;
  }
  .resource-faq {
    padding: 48px 0;
  }
  .resource-faq-group {
    width: 100%;
    margin-bottom: 48px;
  }
  .resource-faq-group > .sec-title {
    margin-bottom: 32px;
  }
  .resource-faq-list {
    gap: 20px;
  }
  .resource-faq-item {
    padding-top: 20px;
  }
  .resource-faq-item:last-child {
    padding-bottom: 20px;
  }
  .resource-faq-item__q {
    font-size: 16px;
    line-height: 24px;
  }
  .resource-sec-head {
    margin-bottom: 32px;
  }
  .resource-sec-head .sec-desc {
    font-size: 16px;
    line-height: 24px;
  }
  .resource-scene {
    padding: 48px 0 56px;
  }
  .resource-compare {
    padding: 48px 0;
  }
  .resource-table {
    min-width: 0;
    font-size: 14px;
  }
  .resource-table th,
  .resource-table td {
    padding: 0 10px;
  }
  .resource-table thead th {
    height: 72px;
  }
  .resource-table__prod b {
    font-size: 16px;
    line-height: 22px;
  }
  .resource-table__prod i {
    font-size: 12px;
  }
  .resource-table-hide-same {
    font-size: 16px;
    gap: 8px;
  }
  .resource-table-hide-same input {
    width: 16px;
    height: 16px;
  }
  .resource-table tbody th {
    padding: 20px 10px 20px 16px;
    font-size: 16px;
    line-height: 24px;
  }
  .resource-table tbody td {
    padding: 20px 10px;
    font-size: 14px;
  }
  .resource-table thead th:first-child,
  .resource-table tbody th,
  .resource-table tbody td:first-child {
    padding-left: 16px;
  }
  .resource-steps {
    padding: 48px 0;
  }
  .resource-steps ol {
    gap: 32px;
  }
  .resource-steps h3 {
    font-size: 18px;
    line-height: 24px;
  }
  .resource-steps li p {
    font-size: 14px;
    line-height: 22px;
  }
  .resource-guide-more {
    gap: 24px;
    margin: 32px auto 0;
    font-size: 14px;
    line-height: 22px;
  }
  .resource-guide-more .btn {
    height: 42px;
    line-height: 42px;
    padding: 0 24px;
    font-size: 14px;
  }
}

@media (min-width: 1024px) and (max-width: 1679px) and (max-height: 760px) {
  .hero__content {
    padding-top: 80px;
    gap: 12px;
  }

  .product-band {
    height: min(480px, 32vw);
  }

  .product-band__copy,
  .product-band--sx .product-band__copy,
  .product-band--sg .product-band__copy {
    padding-top: min(144px, 13vw);
  }

  .soft-card {
    padding: 28px 16px;
  }

  .soft-card__screen {
    max-width: 300px;
  }

  .soft-card__body {
    margin-top: 24px;
    gap: 16px;
  }

  .brand-step {
    width: min(140px, 16vw);
    height: 100px;
  }

  .res-card__top {
    min-height: 80px;
    height: auto;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .nav {
    gap: 20px;
    margin-left: 16px;
  }
}

@media (max-width: 1023px) {
  .page {
    min-width: 0;
  }

  :root {
    --content-width: calc(100% - 40px);
  }

  .wrap {
    width: var(--content-width);
    max-width: 960px;
  }

  .sec-label span {
    font-size: 16px;
  }

  .sec-title {
    font-size: 24px;
    line-height: 1.3;
  }

  .sec-desc {
    font-size: 16px;
    line-height: 26px;
  }

  .header {
    height: 56px;
    padding: 0 16px;
    overflow: visible;
  }

  .page--home .header,
  .header.is-stuck {
    height: 56px;
  }

  .header-backdrop {
    display: none !important;
  }

  .sx601-why,
  .sg601-why,
  .sx601-compare,
  .sx501-vs,
  .sg501-vs-wrap,
  .sx401-vs,
  .sg401-vs,
  .sx-compare,
  .sg-compare,
  .resource-compare {
    display: none;
  }

  .header.is-stuck.is-open .nav,
  .header.header--on-light.is-open .nav {
    color: var(--color-white);
  }

  .header.is-stuck.is-open .logo__on-dark,
  .header.header--on-light.is-open .logo__on-dark {
    display: block;
  }

  .header.is-stuck.is-open .logo__on-light,
  .header.header--on-light.is-open .logo__on-light {
    display: none;
  }

  .header.is-stuck.is-open .nav-toggle,
  .header.header--on-light.is-open .nav-toggle {
    background: rgba(18, 18, 18, 0.06);
  }

  .header.is-stuck.is-open .nav-toggle span,
  .header.header--on-light.is-open .nav-toggle span {
    background: #121212;
  }

  .header__inner {
    width: 100%;
    height: auto;
    min-height: 36px;
    flex-wrap: nowrap;
  }

  .nav {
    display: none;
  }

  .phone-pill {
    display: none;
  }

  .nav-toggle {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 36px;
    height: 36px;
    padding: 8px 6px;
    margin-left: 4px;
    flex-shrink: 0;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.16);
  }

  .nav-toggle span {
    display: block;
    width: 100%;
    height: 2px;
    border-radius: 1px;
    background: #fff;
    transition:
      transform 0.2s ease,
      opacity 0.2s ease;
  }

  .header.is-open .nav-toggle span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
  }

  .header.is-open .nav-toggle span:nth-child(2) {
    opacity: 0;
  }

  .header.is-open .nav-toggle span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
  }

  .header.is-open .nav {
    display: flex;
    position: fixed;
    top: 56px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 30;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    margin: 0;
    padding: 12px 24px 32px;
    background: #2a3242;
    overflow-y: auto;
  }

  .header.is-open .nav a {
    padding: 16px 0;
    font-size: 16px;
    line-height: 24px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  }

  .header.is-open .nav > a,
  .header.is-open .nav > .nav-item > a,
  .header.is-stuck.is-open .nav > a,
  .header.is-stuck.is-open .nav > .nav-item > a,
  .header.header--on-light.is-open .nav > a,
  .header.header--on-light.is-open .nav > .nav-item > a {
    color: var(--color-white);
  }

  .header.is-open .nav-item {
    display: flex;
    flex-direction: column;
  }

  .header.is-open .nav-drop {
    display: block;
    position: static;
    transform: none;
    padding: 0 0 8px 12px;
    max-height: none;
    opacity: 1;
    overflow: visible;
    pointer-events: auto;
  }

  .header.is-open .nav-drop__inner {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    opacity: 1;
    transform: none;
  }

  .header.is-open .nav-drop__inner::before,
  .header.is-open .nav-drop__inner::after {
    display: none;
  }

  .header.is-open .nav-sol,
  .header.is-open .nav-cols,
  .header.is-open .nav-cols__col {
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  .header.is-open .nav-drop a {
    min-width: 0;
    padding: 10px 0;
    background: transparent;
    color: var(--color-white);
    border-radius: 0;
    font-size: 14px;
  }

  .header.is-open .nav-drop a:hover,
  .header.is-open .nav-drop a.is-current {
    background: transparent;
    color: var(--color-white);
    opacity: 0.8;
  }

  .header.is-open .nav-drop a small {
    margin-top: 2px;
    color: rgba(255, 255, 255, 0.55);
  }

  .header.is-open .nav-drop__group {
    padding: 10px 0 2px;
    background: transparent;
    color: rgba(255, 255, 255, 0.55);
  }

  .header.is-open .nav-drop__name {
    color: var(--color-white);
  }

  body.nav-open {
    overflow: hidden;
  }

  .hero {
    height: 100svh;
    min-height: 100svh;
  }

  .hero__bg::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(
      180deg,
      rgba(18, 18, 18, 0.62) 0%,
      rgba(18, 18, 18, 0.2) 42%,
      transparent 68%
    );
    pointer-events: none;
  }

  .hero__content {
    padding: 108px 0 34vh;
    gap: 20px;
  }

  .hero__eyebrow,
  .hero__title,
  .hero__sub {
    width: 100%;
    max-width: 520px;
    text-shadow: 0 2px 18px rgba(0, 0, 0, 0.45);
  }

  .hero__eyebrow,
  .hero__sub {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
  }

  .hero__title {
    font-size: 40px;
    line-height: 48px;
    white-space: normal;
  }

  .hero__actions {
    justify-content: center;
  }

  .video-overlay__close {
    top: 16px;
    right: 16px;
  }

  .video-overlay__stage {
    width: min(calc(100% - 32px), calc((100svh - 88px) * 16 / 9));
  }

  .video-overlay__player {
    max-height: none;
  }

  .product-intro,
  .software,
  .brand,
  .trust,
  .cases,
  .why,
  .resource,
  .cta {
    padding: 48px 0;
  }

  .industry {
    padding: 48px 0;
  }

  .product-band {
    display: flex;
    flex-direction: column;
    height: auto;
  }

  .product-band__bg {
    position: relative;
    order: 2;
    width: 100%;
    height: 240px;
  }

  .product-band--sx .product-band__bg img {
    content: url("../img/sx-series-bg-m.webp");
  }

  .product-band--sg .product-band__bg img {
    content: url("../img/sg-series-bg-m.webp");
  }

  .product-band .wrap {
    order: 1;
  }

  .product-band__copy,
  .product-band--sx .product-band__copy,
  .product-band--sg .product-band__copy {
    width: 100%;
    padding: 56px 0 24px;
    gap: 24px;
  }

  .product-band__title {
    font-size: 24px;
    line-height: 32px;
  }

  .software__title {
    margin-bottom: 32px;
    font-size: 24px;
  }

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

  .soft-card {
    width: 100%;
    flex: none;
    padding: 40px 20px;
  }

  .soft-card__screen {
    width: 100%;
    max-width: 403px;
    height: auto;
    aspect-ratio: 403 / 310;
  }

  .soft-card__body,
  .soft-card__desc {
    width: 100%;
  }

  .soft-card__desc span {
    white-space: normal;
  }

  .soft-card__body {
    margin-top: 40px;
  }

  .soft-card__title {
    font-size: 24px;
  }

  .brand__head,
  .why__head,
  .resource__head {
    width: 100%;
  }

  .brand__desc,
  .why__desc {
    font-size: 16px;
    line-height: 26px;
  }

  .brand__desc br {
    display: none;
  }

  .brand__flow-title {
    flex-wrap: wrap;
    margin-top: 40px;
    padding: 0 20px;
    font-size: 16px;
    line-height: 24px;
    white-space: normal;
    text-align: center;
  }

  .brand__flow-title i {
    display: none;
  }

  .brand__steps {
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 24px;
    padding: 0 20px;
  }

  .brand-arrow {
    display: none;
  }

  .brand-step {
    width: calc(50% - 6px);
    max-width: none;
    height: 112px;
  }

  .industry__viewport {
    margin-top: 32px;
  }

  .industry__track {
    gap: 16px;
    padding-left: 20px;
  }

  .industry-card {
    width: min(510px, calc(100cqw - 72px));
  }

  .industry-card__cover {
    height: auto;
    aspect-ratio: 510 / 255;
  }

  .industry-card__line {
    width: 100%;
  }

  .industry-card__stats {
    gap: 16px;
    flex-wrap: wrap;
  }

  .industry__pager {
    left: 12px;
    right: 12px;
  }

  .industry__pager .pager-btn,
  .industry__pager .pager-btn img {
    width: 48px;
    height: 48px;
  }

  .trust__nums {
    width: 100%;
    margin-top: 32px;
    padding: 24px 16px;
    gap: 24px 0;
    flex-wrap: wrap;
  }

  .num-item {
    width: 50%;
  }

  .num-item strong {
    font-size: 32px;
    line-height: 40px;
  }

  .logo-wall {
    margin-top: 32px;
    --logo-gap: 12px;
  }

  .logo-wall__row {
    flex-wrap: nowrap;
    justify-content: flex-start;
    width: max-content;
  }

  .logo-cell,
  .logo-cell .media {
    flex: 0 0 auto;
    width: 108px;
    max-width: none;
    height: 60px;
  }

  .cases__grid,
  .resource__grid,
  .why__row {
    flex-direction: column;
    gap: 20px;
    margin-top: 32px;
  }

  .why__grid {
    gap: 20px;
    margin-top: 32px;
  }

  .case-card,
  .case-card__cover,
  .why-card,
  .res-card {
    width: 100%;
  }

  .case-card__cover {
    height: auto;
    aspect-ratio: 373 / 300;
  }

  .res-card__top p br {
    display: none;
  }

  .res-row span:first-child {
    width: auto;
    flex: 1;
    padding-right: 12px;
  }

  .cta {
    padding: 48px 20px;
  }

  .cta__inner {
    gap: 32px;
  }

  .cta h2 {
    font-size: 28px;
    line-height: 38px;
  }

  .cta p {
    margin-top: 16px;
    font-size: 16px;
    line-height: 26px;
  }

  .cta__actions {
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
  }

  .footer {
    padding: 40px 0 24px;
  }

  .footer__slogan {
    padding: 0 8px;
    font-size: 14px;
    line-height: 22px;
    white-space: normal;
  }

  .footer__line {
    width: 100%;
    margin-top: 28px;
  }

  .footer__nav {
    flex-direction: column;
    gap: 28px;
    margin-top: 28px;
  }

  .footer-col--product,
  .footer-col--narrow,
  .footer-col--contact {
    width: 100%;
  }

  .footer-contact {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }

  .footer-col a,
  .footer-col p,
  .footer-col span {
    line-height: 28px;
  }

  .footer-col--contact .footer-block p {
    line-height: 22px;
  }

  .footer__copy {
    flex-direction: column;
    gap: 10px;
    white-space: normal;
    text-align: center;
    padding: 0 8px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .hero__title {
    font-size: 40px;
    line-height: 50px;
  }

  .product-band__bg {
    height: 360px;
  }

  .why__row {
    flex-direction: row;
  }

  .why-card {
    flex: 1;
    width: auto;
  }

  .cases__grid {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .case-card {
    width: calc(50% - 10px);
  }

  .case-card__cover {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .product-tags {
    flex-wrap: wrap;
    width: 100%;
  }

  .footer {
    display: none;
  }
  .hero {
    height: 100svh;
  }

  .hero__actions .btn {
    width: auto;
    min-width: 164px;
  }

  .soft-card__heading {
    width: 100%;
  }

  .brand-step {
    height: 100px;
  }

  .brand-step__icon,
  .brand-step .media,
  .brand-step img {
    width: 48px;
    height: 48px;
  }

  .logo-cell,
  .logo-cell .media {
    flex: 0 0 auto;
    width: 96px;
    min-width: 0;
    height: 54px;
  }

  .res-card__icon,
  .res-card__icon img {
    width: 72px;
    height: 72px;
  }

  .res-card__top {
    height: auto;
    min-height: 96px;
    padding: 12px 16px 12px 0;
  }
}

@media (min-width: 1024px) and (max-width: 1919px) {
  .iot-hero {
    height: min(660px, 100svh);
  }

  .iot-hero__content {
    width: min(540px, 100%);
    max-width: min(540px, 100%);
    padding-top: clamp(128px, 20svh, 167px);
    gap: clamp(20px, 4svh, 40px);
  }

  .iot-hero__eyebrow,
  .iot-hero__title {
    width: 100%;
  }

  .iot-ability__grid,
  .iot-why__grid,
  .iot-value__grid {
    width: 100%;
  }

  .iot-ability-card {
    width: calc((100% - 80px) / 3);
    flex: none;
  }

  .iot-value-card {
    width: calc((100% - 80px) / 3);
    flex: none;
  }

  .iot-why-card {
    width: 100%;
    padding: 20px 16px;
  }

  .iot-more-card {
    width: calc((100% - 120px) / 4);
    flex: none;
  }

  .iot-ability-card__copy,
  .iot-value-card div,
  .iot-why__head {
    width: 100%;
  }

  .iot-board__screen {
    width: min(850px, 100%);
    height: auto;
    aspect-ratio: 850 / 517;
  }

  .iot-arch__row {
    flex-wrap: wrap;
    justify-content: center;
  }

  .iot-cta__inner {
    width: 100%;
    padding: 0 24px;
  }

  .iot-cta h2 {
    line-height: 1.25;
  }

  .ai-engine__pane,
  .ai-scene__grid,
  .ai-effect__grid {
    width: 100%;
    max-width: 100%;
  }

  .ai-value__steps {
    --ai-step-gap: 48px;
  }

  .ai-step > p {
    max-width: 312px;
  }

  .ai-engine__pane.is-active {
    flex-wrap: wrap;
    gap: 40px;
  }

  .ai-engine__copy {
    flex: 1 1 320px;
    width: auto;
    min-width: 0;
    max-width: 571px;
  }

  .ai-engine__screen {
    flex: 1 1 360px;
    width: min(540px, 100%);
    max-width: 540px;
    min-width: 0;
    height: auto;
    aspect-ratio: 540 / 443;
  }

  .ai-scene__grid {
    gap: 32px;
  }

  .ai-arch .wrap {
    gap: 60px;
  }

  .ai-arch-node {
    min-height: 112px;
    padding: 12px 6px;
  }

  .ai-arch-node p {
    font-size: 14px;
  }

  .ai-arch-node .iot-icon--60,
  .ai-arch-node img {
    width: 48px;
    height: 48px;
  }

  .ai-arch-arrow {
    width: 18px;
    height: 18px;
    margin: 0 4px;
  }

  .ai-arch__cards {
    gap: 24px 40px;
  }

  .sol-tabs__list {
    gap: 12px;
  }

  .sol-tab {
    font-size: 14px;
  }

  .sol-pain__grid,
  .sol-ability__grid,
  .sol-scene__grid {
    gap: 24px;
  }

  .sol-arch__steps {
    --sol-step-gap: 40px;
  }

  .sol-more .iot-more-card {
    width: auto;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .iot-why__grid {
    gap: 16px;
  }

  .iot-why-card h3 {
    font-size: 18px;
  }

  .iot-ability-card {
    width: calc((100% - 24px) / 2);
  }

  .ai-step > p {
    max-width: none;
  }

  .iot-value-card {
    width: calc((100% - 24px) / 2);
  }

  .iot-more-card {
    width: calc((100% - 24px) / 2);
  }

  .iot-arch-card {
    width: 160px;
    height: 120px;
  }

  .iot-arch-arrow {
    width: 32px;
    height: 32px;
    margin: 0 10px;
  }

  .iot-hero__title {
    line-height: 1.25;
  }

  .ai-engine__tabs {
    gap: 12px;
  }

  .ai-tab {
    width: auto;
    min-width: 112px;
    padding: 10px 16px;
  }

  .ai-engine__pane.is-active {
    flex-direction: column;
    align-items: stretch;
    gap: 32px;
  }

  .ai-engine__copy,
  .ai-engine__screen {
    flex: none;
    width: 100%;
    max-width: none;
  }

  .ai-scene__grid {
    gap: 24px;
  }

  .ai-arch-node p {
    font-size: 13px;
  }

  .ai-arch__cards {
    gap: 20px 24px;
  }

  .ai-value__steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px 24px;
    --ai-step-gap: 24px;
  }

  .ai-step:not(:last-child) .ai-step__label::after {
    display: none;
  }

  .ai-step {
    width: auto;
  }

  .sol-tabs__list {
    gap: 8px;
  }

  .sol-tab {
    height: 40px;
    font-size: 13px;
  }

  .sol-pain-card,
  .sol-ability-card {
    padding: 28px 16px;
  }

  .sol-arch__steps {
    --sol-step-gap: 24px;
  }

  .sol-case__panel {
    padding: 28px 24px 32px;
  }

  .sol-case__stats {
    gap: 16px;
  }

  .sol-more .iot-more-card {
    width: auto;
  }
}

@media (min-width: 1024px) and (max-height: 900px) {
  .iot-hero__content {
    padding-top: 128px;
    gap: 20px;
  }

  .iot-ability-card {
    padding: 28px 20px;
  }

  .iot-arch {
    gap: 48px;
  }
}

@media (min-width: 1024px) and (max-height: 760px) {
  .iot-hero__content {
    padding-top: 108px;
    gap: 16px;
  }
}

@media (max-width: 1023px) {
  .iot-hero {
    height: auto;
    min-height: 100svh;
  }

  .iot-hero__content {
    width: auto;
    max-width: none;
    margin: 0;
    padding: 100px 20px 48px;
    gap: 24px;
  }

  .iot-hero__eyebrow,
  .iot-hero__title {
    width: 100%;
  }

  .iot-hero__title {
    font-size: 32px;
    line-height: 42px;
  }

  .iot-hero__sub {
    font-size: 16px;
    line-height: 24px;
  }

  .iot-ability,
  .iot-value,
  .iot-board,
  .iot-why,
  .iot-arch,
  .iot-faq,
  .iot-more,
  .iot-cta {
    padding: 48px 0;
  }

  .iot-ability__head,
  .iot-why__head,
  .iot-more__head,
  .iot-board__head {
    margin-bottom: 32px;
  }

  .iot-ability__grid,
  .iot-value__grid,
  .iot-more__grid,
  .iot-faq__inner,
  .iot-faq__list {
    width: 100%;
    flex-direction: column;
    gap: 16px;
  }

  .iot-why__grid {
    width: 100%;
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }

  .iot-ability-card,
  .iot-value-card,
  .iot-why-card,
  .iot-more-card {
    width: 100%;
  }

  .iot-ability-card,
  .iot-why-card {
    gap: 16px;
    padding: 20px;
  }

  .iot-ability-card__copy,
  .iot-value-card div,
  .iot-why__head {
    width: 100%;
  }

  .iot-why-card h3 {
    white-space: normal;
  }

  .iot-board__screen {
    width: 100%;
    height: auto;
    aspect-ratio: 850 / 517;
  }

  .iot-arch {
    gap: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .iot-arch__row {
    flex-direction: column;
  }

  .iot-arch-arrow {
    margin: 8px 0;
    transform: rotate(90deg);
  }

  .iot-faq__list {
    gap: 0;
    padding: 0 20px;
  }

  .iot-faq-item,
  .iot-faq-item:last-child {
    padding: 20px 0;
  }

  .iot-faq-item__q {
    font-size: 16px;
    line-height: 24px;
  }

  .iot-cta__inner {
    width: 100%;
    gap: 32px;
    padding: 0 20px;
  }

  .iot-cta h2 {
    font-size: 28px;
    line-height: 38px;
  }

  .ai-engine,
  .ai-value,
  .ai-scene,
  .ai-arch,
  .ai-effect {
    padding: 48px 0;
  }

  .ai-engine__tabs {
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 32px;
    padding: 0 20px;
  }

  .ai-engine__pane.is-active,
  .ai-value__steps,
  .ai-effect__grid {
    width: 100%;
    flex-direction: column;
    gap: 16px;
  }

  .ai-scene__grid {
    width: 100%;
    grid-template-columns: 1fr;
    gap: 16px;
  }

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

  .ai-step:not(:last-child) .ai-step__label::after {
    display: none;
  }

  .ai-engine__copy,
  .ai-engine__screen,
  .ai-scene-card,
  .ai-scene-card__cover,
  .ai-arch-card,
  .ai-step {
    width: 100%;
  }

  .ai-value__head,
  .ai-arch__head {
    padding: 0;
  }

  .ai-scene__more {
    padding: 0 20px;
  }

  .ai-scene__more p {
    flex-direction: column;
    gap: 12px;
  }

  .ai-scene__more p i {
    width: 80px;
    flex: none;
  }

  .ai-arch .wrap {
    gap: 32px;
  }

  .ai-arch__br {
    display: block;
  }

  .ai-arch .sec-title,
  .ai-arch .sec-desc {
    text-wrap: pretty;
  }

  .ai-arch__flow {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    max-width: none;
    gap: 0;
  }

  .ai-arch-arrow {
    margin: 8px auto;
    transform: rotate(90deg);
  }

  .ai-arch-node {
    flex: none;
    width: 100%;
    max-width: none;
    min-height: 0;
    padding: 20px 16px;
  }

  .ai-arch__cards {
    grid-template-columns: 1fr;
    gap: 16px;
    max-width: 100%;
  }

  .sol-tabs {
    padding: 16px 0;
  }

  .sol-tabs__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .sol-pain,
  .sol-arch,
  .sol-ability,
  .sol-scene,
  .sol-value,
  .sol-case {
    padding: 48px 0;
  }

  .sol-pain__grid,
  .sol-ability__grid,
  .sol-scene__grid,
  .sol-case__cols,
  .sol-more .iot-more__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .sol-arch__steps {
    grid-template-columns: 1fr;
    row-gap: 32px;
  }

  .sol-step:not(:last-child) .sol-step__label::after {
    display: none;
  }

  .sol-case__panel {
    padding: 24px 20px 28px;
  }

  .sol-value__nums {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
  }

  .sol-case__top {
    grid-template-columns: minmax(0, 1fr);
  }

  .sol-case__stats {
    display: none;
  }

  .sol-value-num strong,
  .sol-value-num strong span {
    font-size: 40px;
  }

  .sol-value-num strong.is-text {
    font-size: 28px;
  }
}

@media (min-width: 1024px) and (max-width: 1919px) {
  .agent-hero {
    height: min(660px, 100svh);
  }

  .agent-hero .iot-hero__content,
  .report-hero .iot-hero__content {
    padding-top: clamp(128px, 20svh, 167px);
  }

  .agent-hero .iot-hero__content {
    width: min(680px, 100%);
    max-width: min(680px, 100%);
  }

  .report-hero .iot-hero__content {
    width: min(740px, 100%);
    max-width: min(740px, 100%);
  }

  .agent-cap-grid {
    gap: 24px;
  }

  .agent-model-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
  }

  .agent-flow {
    gap: 12px;
  }

  .agent-flow-card {
    width: auto;
  }

  .agent-flow-arrow {
    width: 20px;
    height: 20px;
  }

  .agent-faq-list {
    width: min(840px, 100%);
  }

  .report-hero {
    height: min(660px, 100svh);
  }

  .report-value-grid,
  .report-cap-grid {
    gap: 24px;
  }

  .report-board-frame {
    width: min(748px, 100%);
  }

  .report-flow-row {
    gap: 12px;
  }

  .report-flow-card {
    width: auto;
  }

  .report-flow-arrow {
    width: 20px;
    height: 20px;
  }

  .report-faq-list {
    width: min(840px, 100%);
  }

  .arch-hero {
    height: min(660px, 100svh);
  }

  .arch-hero .iot-hero__content {
    width: min(540px, 100%);
    padding-top: clamp(128px, 20svh, 167px);
  }

  .arch-pano__head,
  .arch-cap__head,
  .arch-adv__head {
    width: min(1008px, 100%);
  }

  .arch-pano-list {
    width: 100%;
    max-width: 1200px;
  }

  .arch-pano-list__head,
  .arch-pano-list__row {
    grid-template-columns: minmax(140px, 27%) minmax(180px, 36%) minmax(0, 1fr);
  }

  .arch-cap__grid {
    gap: 24px;
  }

  .arch-cap-card {
    padding: 28px 16px;
  }

  .arch-adv__grid {
    gap: 24px;
    width: 100%;
  }

  .arch-adv-card {
    padding: 28px 24px;
  }
}

@media (min-width: 1024px) and (max-height: 900px) {
  .iot-hero.cases-hero {
    height: min(660px, 100svh);
  }

  .cases-hero .iot-hero__content {
    padding-top: 0;
    gap: 24px;
  }

  .case-hero .iot-hero__content {
    padding-top: 108px;
    gap: 24px;
  }

  .about-hero .iot-hero__content {
    padding-top: 0;
  }
}

@media (min-width: 1024px) and (max-width: 1679px) {
  .cases-list__grid {
    gap: 24px;
  }

  .cases-hero .iot-hero__title {
    font-size: 40px;
    line-height: 52px;
  }

  .case-hero .iot-hero__content {
    padding-top: 128px;
  }

  .case-hero .iot-hero__title {
    font-size: 40px;
    line-height: 52px;
  }

  .case-stat strong {
    font-size: 40px;
  }

  .case-plan__body {
    gap: 40px;
  }

  .about-hero .iot-hero__title {
    font-size: 40px;
    line-height: 52px;
  }

  .about-story {
    padding: 80px 0;
  }

  .about-story__head {
    margin-bottom: 280px;
  }

  .about-roles {
    gap: 24px;
  }

  .about-years__track {
    gap: 24px;
  }

  .about-year {
    flex-basis: calc((var(--content-width) + 40px) / 3);
    min-height: 300px;
    padding: 28px;
  }

  .about-year p.about-year__year,
  .about-year__year {
    font-size: 36px;
  }

  .about-belief__vals {
    padding: 64px 0;
  }

  .about-belief__grid {
    gap: 16px;
  }

  .about-value {
    padding: 28px 20px;
  }

  .about-stats__row {
    gap: 16px;
  }

  .about-stat strong {
    font-size: 32px;
  }

  .arch-hero .iot-hero__title {
    font-size: 40px;
    line-height: 52px;
  }

  .arch-pano-list__head,
  .arch-pano-list__row {
    font-size: 15px;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .arch-cap__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
  }

  .arch-adv__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
  }
}

@media (max-width: 1023px) {
  .iot-hero.cases-hero {
    height: auto;
    min-height: 0;
  }

  .cases-hero .iot-hero__content {
    justify-content: center;
    text-align: center;
    height: auto;
    min-height: 420px;
    padding: 120px 20px 48px;
  }

  .cases-hero .iot-hero__title {
    font-size: 32px;
    line-height: 1.2;
  }

  .cases-hero__dash {
    display: none;
  }

  .cases-hero__br {
    display: block;
  }

  .cases-list {
    padding: 48px 0;
  }

  .cases-list__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
  }

  .cases-card__name {
    flex-wrap: wrap;
  }

  .cases-card__name h3 {
    white-space: normal;
  }

  .cases-cta__actions,
  .arch-cta__actions,
  .agent-cta-actions,
  .report-cta-actions,
  .case-detail-cta__actions {
    flex-wrap: wrap;
    gap: 16px;
  }

  .case-hero {
    height: auto;
  }

  .case-hero .iot-hero__content {
    width: 100%;
    max-width: 100%;
    padding: 120px 0 48px;
    gap: 24px;
  }

  .case-hero .iot-hero__title {
    font-size: 32px;
    line-height: 42px;
  }

  .case-stats,
  .case-story {
    padding: 48px 0;
  }

  .case-stats__row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px 16px;
    padding: 0;
  }

  .case-stat strong {
    font-size: 36px;
  }

  .case-story__grid,
  .case-plan__body {
    grid-template-columns: minmax(0, 1fr);
    flex-direction: column;
    align-items: stretch;
    gap: 20px;
  }

  .case-plan__list,
  .case-plan__aside {
    flex: none;
    max-width: 100%;
  }

  .case-plan {
    margin-top: 20px;
  }

  .case-plan__aside {
    max-width: 100%;
  }

  .about-hero {
    height: auto;
  }

  .about-hero .iot-hero__title {
    font-size: 32px;
    line-height: 42px;
    white-space: normal;
  }

  .about-hero .iot-hero__content {
    height: auto;
    min-height: 420px;
    padding: 120px 0 48px;
  }

  .about-story,
  .about-years,
  .about-stats {
    padding: 48px 0;
  }

  .about-story__head,
  .about-years__head {
    margin-bottom: 32px;
  }

  .about-years__viewport {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    padding: 0 20px;
  }

  .about-years__track {
    padding-left: 0;
  }

  .about-story__layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
    margin-bottom: 32px;
  }

  .about-story__copy {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 28px;
    color: var(--color-sub);
  }

  .about-story__cover {
    width: 100%;
    margin-left: 0;
  }

  .video-overlay__stage {
    border-radius: 0;
  }

  .about-roles,
  .about-belief__grid,
  .about-stats__row {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }

  .about-stats__row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .about-years__track {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 16px;
    transform: none !important;
  }

  .about-year {
    flex-basis: auto;
    width: 100%;
  }

  .about-year {
    min-height: 0;
    padding: 24px;
  }

  .about-years__viewport {
    cursor: default;
    touch-action: auto;
  }

  .about-years__pager {
    display: none;
  }

  .about-belief {
    padding: 0;
  }

  .about-cta__actions {
    grid-template-columns: minmax(0, 1fr);
    flex-direction: column;
    flex-wrap: wrap;
    gap: 16px;
  }

  .about-belief__vals {
    padding: 48px 0;
  }

  .about-belief .sec-title {
    font-size: 24px;
    line-height: 34px;
  }

  .about-stat strong {
    font-size: 32px;
  }

  .report-value,
  .report-cap,
  .report-board,
  .report-flow,
  .report-faq {
    padding: 48px 0;
  }

  .report-section-head {
    margin-bottom: 32px;
  }

  .report-value-grid,
  .report-cap-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }

  .report-board-frame {
    width: 100%;
    padding: 10px;
    border-radius: 20px;
  }

  .report-board-media {
    width: 100%;
    border-radius: 12px;
  }

  .report-flow-row {
    flex-direction: column;
    gap: 0;
  }

  .report-flow-card {
    width: 100%;
    max-width: 280px;
    flex: none;
  }

  .report-flow-arrow {
    margin: 8px 0;
    transform: rotate(90deg);
  }

  .report-faq-list {
    width: 100%;
    gap: 0;
  }

  .report-faq-item,
  .report-faq-item:last-child {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .report-faq-item__q {
    font-size: 16px;
    line-height: 24px;
  }

  .report-faq-item__a p {
    font-size: 14px;
    line-height: 22px;
  }

  .agent-cap,
  .agent-model,
  .agent-arch,
  .agent-faq {
    padding: 48px 0;
  }

  .agent-section-head {
    margin-bottom: 32px;
  }

  .agent-cap-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }

  .agent-model-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }

  .agent-flow {
    flex-direction: column;
    gap: 0;
  }

  .agent-flow-card {
    width: 100%;
    max-width: 280px;
    flex: none;
  }

  .agent-flow-arrow {
    margin: 8px 0;
    transform: rotate(90deg);
  }

  .agent-faq-list {
    width: 100%;
    gap: 0;
  }

  .agent-faq-item,
  .agent-faq-item:last-child {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .agent-faq-item__q {
    font-size: 16px;
    line-height: 24px;
  }

  .agent-faq-item__a p {
    font-size: 14px;
    line-height: 22px;
  }

  .arch-pano,
  .arch-cap,
  .arch-adv {
    padding: 48px 0;
  }

  .arch-pano__head,
  .arch-cap__head,
  .arch-adv__head {
    margin-bottom: 32px;
  }

  .arch-pano-list__head,
  .arch-pano-list__row {
    grid-template-columns: 88px minmax(0, 1fr);
    row-gap: 8px;
  }

  .arch-pano-list__head span:nth-child(3),
  .arch-pano-list__row .arch-pano-list__tech {
    grid-column: 1 / -1;
  }

  .arch-pano-list__row {
    padding: 20px 0;
    font-size: 14px;
    line-height: 22px;
  }

  .arch-cap__grid,
  .arch-adv__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }

  .arch-cap-card {
    padding: 24px 20px;
  }

  .arch-adv-card {
    padding: 24px 20px;
  }

  .resource-hero {
    height: min(560px, 100svh);
  }

  .resource-hero .iot-hero__content {
    padding-top: 120px;
  }

  .resource-tabs {
    height: auto;
    padding: 16px;
    gap: 12px;
    flex-wrap: wrap;
  }

  .resource-tabs a {
    width: auto;
    min-width: 108px;
    height: 42px;
    padding: 8px 20px;
    font-size: 14px;
  }

  .resource-news {
    padding: 48px 0 40px;
  }

  .resource-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }

  .resource-card h2,
  .resource-scene-card h2 {
    font-size: 18px;
    line-height: 28px;
  }

  .resource-more {
    margin-top: 32px;
  }

  .resource-cta {
    padding: 48px 0;
  }

  .resource-cta h2 {
    font-size: 28px;
    line-height: 38px;
  }

  .resource-cta p {
    font-size: 15px;
    line-height: 24px;
  }

  .resource-cta > .wrap > div {
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 32px;
  }

  .resource-faq {
    padding: 48px 0;
  }

  .resource-faq-group {
    width: 100%;
    margin-bottom: 48px;
  }

  .resource-faq-group > .sec-title {
    margin-bottom: 32px;
  }

  .resource-faq-list {
    gap: 0;
  }

  .resource-faq-item,
  .resource-faq-item:last-child {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .resource-faq-item__q {
    font-size: 16px;
    line-height: 24px;
  }

  .resource-faq-item__a p {
    font-size: 14px;
    line-height: 22px;
  }

  .resource-guide {
    padding: 48px 0;
  }

  .resource-scene {
    padding: 48px 0 56px;
  }

  .resource-sec-head {
    margin-bottom: 32px;
  }

  .resource-sec-head .sec-desc {
    font-size: 15px;
    line-height: 24px;
  }

  .resource-guide-more {
    margin: 32px auto 48px;
  }

  .resource-compare,
  .resource-steps {
    margin-top: 48px;
  }

  .resource-scene,
  .resource-compare,
  .resource-steps {
    padding: 48px 0;
  }

  .resource-table {
    min-width: 0;
  }

  .resource-table th,
  .resource-table td {
    padding: 12px 10px;
    font-size: 13px;
    white-space: normal;
  }

  .resource-table thead th {
    height: auto;
    padding: 16px 10px;
  }
  .resource-table__prod {
    gap: 4px;
  }
  .resource-table__prod b {
    font-size: 14px;
    line-height: 22px;
  }
  .resource-table__prod i {
    font-size: 12px;
  }
  .resource-table-hide-same {
    font-size: 14px;
    gap: 6px;
  }
  .resource-table-hide-same input {
    width: 16px;
    height: 16px;
  }
  .resource-table tbody th {
    padding: 14px 10px 14px 10px;
    font-size: 14px;
    line-height: 22px;
  }
  .resource-table tbody td {
    padding: 14px 10px;
    font-size: 13px;
  }
  .resource-table thead th:first-child,
  .resource-table tbody th,
  .resource-table tbody td:first-child {
    padding-left: 10px;
  }
  .resource-compare .resource-table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .resource-steps ol {
    gap: 24px;
  }
}

/* SG / SX 系列：笔记本保持桌面结构，只缩间距 / 字号 */
@media (min-width: 1024px) and (max-width: 1919px) {
  .sx-hero {
    height: min(800px, 100svh);
  }

  .sg-hero,
  .sx601-hero,
  .sg601-hero,
  .sx501-hero,
  .sx401-hero,
  .sg401-hero,
  .sg501-hero {
    height: min(1080px, 100svh);
  }

  .sx-hero__content {
    padding-top: clamp(160px, 22svh, 220px);
    gap: clamp(20px, 3svh, 32px);
  }

  .sg-hero__content {
    padding-top: clamp(200px, 26svh, 280px);
    gap: clamp(20px, 3svh, 32px);
  }

  .sx601-hero__content,
  .sg601-hero__content,
  .sx501-hero__content,
  .sx401-hero__content,
  .sg401-hero__content {
    padding-top: clamp(108px, 16svh, 112px);
    gap: clamp(20px, 3svh, 32px);
  }

  .sg501-hero__content {
    padding-top: clamp(160px, 28svh, 364px);
    padding-left: clamp(24px, 8vw, 152px);
    gap: 60px;
  }

  .sg-hero__title,
  .sx-hero__title,
  .sx601-hero__title,
  .sg601-hero__title,
  .sx501-hero__title,
  .sx401-hero__title,
  .sg401-hero__title,
  .sg501-hero__title {
    line-height: 1.25;
  }

  .sx501-noise__grid,
  .sx501-upload__cards,
  .sx501-iot__grid,
  .sx501-cases__grid,
  .sx501-why__grid,
  .sx501-guard__grid,
  .sx501-vs__cols,
  .sx501-vs__row,
  .sx401-pair,
  .sg401-pair,
  .sx401-upload__cards,
  .sg401-upload__cards,
  .sx401-iot__grid,
  .sg401-iot__grid,
  .sx401-cases__grid,
  .sg401-cases__grid,
  .sx401-why__grid,
  .sg401-why__grid,
  .sx401-guard__grid,
  .sg401-guard__grid,
  .sg501-size,
  .sg501-pair,
  .sg501-upload__cards,
  .sg501-locate__grid,
  .sg401-locate__grid,
  .sg501-iot__grid,
  .sg501-guard__grid,
  .sg501-cases__grid,
  .sg501-why__grid {
    gap: 24px;
  }

  .sx501-switch__card {
    gap: 40px;
    min-height: 0;
    padding: 48px 32px;
  }

  .sg-models__grid,
  .sg-why__grid,
  .sg-collab__grid,
  .sg-pick__grid,
  .sg-cases__grid,
  .sx-models__grid,
  .sx-why__grid,
  .sx-collab__grid,
  .sx-pick__grid,
  .sx-cases__grid {
    gap: 24px;
  }

  .sg-why-card,
  .sg-collab-card,
  .sx-why-card,
  .sx-collab-card {
    padding: 32px 16px;
  }

  .sg-table__names th {
    font-size: 16px;
  }

  .sg-table tbody th {
    padding-top: 24px;
    padding-bottom: 24px;
    font-size: 16px;
    line-height: 24px;
  }

  .sg-table tbody td {
    padding-top: 24px;
    padding-bottom: 24px;
    font-size: 14px;
    line-height: 22px;
    white-space: normal;
  }

  .sx-table__names th {
    font-size: 16px;
  }

  .sg-table th:first-child,
  .sg-table td:first-child,
  .sx-table th:first-child,
  .sx-table td:first-child,
  .sx601-table th:first-child,
  .sg601-table th:first-child,
  .sx601-table td:first-child,
  .sg601-table td:first-child,
  .sx401-vs__table th:first-child,
  .sx401-vs__table td:first-child,
  .sg401-vs__table th:first-child,
  .sg401-vs__table td:first-child,
  .sg501-vs th:first-child,
  .sg501-vs td:first-child {
    padding-left: 24px;
  }

  .sx-table tbody th {
    padding-top: 24px;
    padding-bottom: 24px;
    font-size: 16px;
    line-height: 24px;
  }

  .sx-table tbody td {
    padding-top: 24px;
    padding-bottom: 24px;
    font-size: 14px;
    line-height: 22px;
    white-space: normal;
  }

  .sx-table__thumb {
    width: 140px;
    height: 62px;
  }

  .sx601-feat__row,
  .sg601-feat__row,
  .sx601-feat__row,
  .sg601-feat__row {
    gap: 48px;
  }

  .sx601-caps__grid,
  .sg601-caps__grid,
  .sx601-scenes__grid,
  .sg601-scenes__grid,
  .sx601-scenes__grid,
  .sg601-scenes__grid {
    gap: 24px;
  }

  .sx601-feat__copy h3,
  .sg601-feat__copy h3,
  .sx601-feat__copy h3,
  .sg601-feat__copy h3 {
    font-size: 28px;
  }

  .sx601-table__names th,
  .sg601-table__names th,
  .sg601-table__hide,
  .sg601-table__hide {
    font-size: 16px;
  }

  .sx601-table tbody th,
  .sg601-table tbody th,
  .sx601-table tbody th,
  .sg601-table tbody th {
    padding-top: 24px;
    padding-bottom: 24px;
    font-size: 16px;
    line-height: 24px;
  }

  .sx601-table tbody td,
  .sg601-table tbody td,
  .sx601-table tbody td,
  .sg601-table tbody td {
    padding-top: 24px;
    padding-bottom: 24px;
    font-size: 14px;
    line-height: 22px;
    white-space: normal;
  }

  .sx601-table__thumb,
  .sg601-table__thumb,
  .sx601-table__thumb,
  .sg601-table__thumb {
    width: 140px;
    height: 62px;
  }

  .sx401-vs__table thead th,
  .sg401-vs__table thead th,
  .sx401-vs__table tbody th,
  .sg401-vs__table tbody th {
    font-size: 16px;
  }

  .sx401-vs__table th,
  .sg401-vs__table th,
  .sx401-vs__table td,
  .sg401-vs__table td {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .sx401-vs__table tbody td,
  .sg401-vs__table tbody td {
    font-size: 14px;
    line-height: 22px;
  }
}

@media (min-width: 1024px) and (max-height: 900px) {
  .sx-hero {
    height: min(800px, 100svh);
  }

  .sg-hero,
  .sx601-hero,
  .sg601-hero,
  .sx501-hero,
  .sx401-hero,
  .sg401-hero,
  .sg501-hero {
    height: min(1080px, 100svh);
  }

  .sx-hero__content {
    padding-top: clamp(140px, 18svh, 200px);
  }

  .sg-hero__content {
    padding-top: clamp(160px, 22svh, 240px);
  }

  .sx601-hero__content,
  .sg601-hero__content,
  .sx501-hero__content,
  .sx401-hero__content,
  .sg401-hero__content {
    padding-top: 108px;
  }

  .sg501-hero__content {
    padding-top: clamp(140px, 22svh, 280px);
  }
}

@media (max-width: 1023px) {
  .sg-hero,
  .sx-hero,
  .sx601-hero,
  .sg601-hero,
  .sx501-hero,
  .sx401-hero,
  .sg401-hero,
  .sg501-hero {
    height: auto;
    min-height: 0;
  }

  .sx-hero,
  .sg-hero,
  .sx501-hero,
  .sx401-hero,
  .sg401-hero,
  .sg501-hero {
    min-height: 640px;
  }

  .sg-hero__content,
  .sx-hero__content,
  .sx601-hero__content,
  .sg601-hero__content,
  .sx501-hero__content,
  .sx401-hero__content,
  .sg401-hero__content,
  .sg501-hero__content {
    padding: 120px 0 48px;
    gap: 24px;
  }

  .sg501-hero__content {
    padding-left: 0;
  }

  .sg-hero__title,
  .sx-hero__title,
  .sx601-hero__title,
  .sg601-hero__title,
  .sx501-hero__title,
  .sx401-hero__title,
  .sg401-hero__title,
  .sg501-hero__title {
    font-size: 32px;
    line-height: 42px;
  }

  .sg-hero__sub,
  .sx-hero__sub,
  .sx601-hero__sub,
  .sg601-hero__sub,
  .sx501-hero__sub,
  .sx401-hero__sub,
  .sg401-hero__sub,
  .sg501-hero__sub {
    font-size: 16px;
    line-height: 24px;
  }

  .sg-hero__sub br,
  .sx-hero__sub br {
    display: none;
  }

  .sg-models,
  .sg-why,
  .sg-collab,
  .sg-compare,
  .sg-pick,
  .sg-cases,
  .sx-models,
  .sx-why,
  .sx-collab,
  .sx-compare,
  .sx-pick,
  .sx-cases,
  .sx601-why,
  .sg601-why,
  .sx601-feat,
  .sg601-feat,
  .sx601-caps,
  .sg601-caps,
  .sx601-compare,
  .sg601-compare,
  .sx601-scenes,
  .sg601-scenes,
  .sx501-thin,
  .sx501-noise,
  .sx501-upload,
  .sx501-battery,
  .sx501-iot,
  .sx501-guard,
  .sx501-cases,
  .sx501-why,
  .sx401-battery,
  .sg401-battery,
  .sx401-noise,
  .sg401-noise,
  .sx401-upload,
  .sg401-upload,
  .sx401-iot,
  .sg401-iot,
  .sx401-guard,
  .sg401-guard,
  .sx401-cases,
  .sg401-cases,
  .sx401-vs,
  .sg401-vs,
  .sx401-why,
  .sg401-why,
  .sg501-thin,
  .sg501-battery,
  .sg501-noise,
  .sg501-upload,
  .sg501-locate,
  .sg401-locate,
  .sg501-iot,
  .sg501-guard,
  .sg501-cases,
  .sg501-why {
    padding: 48px 0;
  }

  .sg-head,
  .sx-head,
  .sx601-head,
  .sg601-head,
  .sx501-head,
  .sx401-head,
  .sg401-head,
  .sg501-head {
    margin-bottom: 32px;
    gap: 16px;
  }

  .sg-models__grid,
  .sg-why__grid,
  .sg-collab__grid,
  .sg-pick__grid,
  .sg-cases__grid,
  .sx-models__grid,
  .sx-why__grid,
  .sx-collab__grid,
  .sx-pick__grid,
  .sx-cases__grid,
  .sx601-caps__grid,
  .sg601-caps__grid,
  .sx601-scenes__grid,
  .sg601-scenes__grid,
  .sx601-scenes__grid,
  .sg601-scenes__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
  }

  .sg-table-wrap,
  .sx-table-wrap,
  .sx601-table-wrap,
  .sg601-table-wrap,
  .sx401-vs__wrap,
  .sg401-vs__wrap,
  .sg501-vs-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .sg-table,
  .sx-table,
  .sx401-vs__table,
  .sg401-vs__table,
  .sg501-vs {
    min-width: 720px;
  }

  .sg-table__names th {
    height: 56px;
    font-size: 14px;
  }

  .sg-table tbody th {
    padding: 16px 10px 16px 16px;
    font-size: 14px;
    line-height: 22px;
  }

  .sg-table tbody td {
    padding: 16px 10px 16px 0;
    font-size: 13px;
    white-space: normal;
  }

  .sg-table th:first-child,
  .sg-table td:first-child {
    padding-left: 16px;
  }

  .sg-table__thumb {
    width: 64px;
    height: 98px;
  }

  .sx-table__names th {
    height: 56px;
    font-size: 14px;
  }

  .sx-table th:first-child,
  .sx-table td:first-child {
    padding-left: 16px;
  }

  .sx-table tbody th {
    padding: 16px 10px 16px 16px;
    font-size: 14px;
    line-height: 22px;
  }

  .sx-table tbody td {
    padding: 16px 10px 16px 0;
    font-size: 13px;
    white-space: normal;
  }

  .sx-table__photos th {
    height: 100px;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .sx-table__thumb {
    width: 110px;
    height: 48px;
  }

  .sx401-vs__table th:first-child,
  .sx401-vs__table td:first-child,
  .sg401-vs__table th:first-child,
  .sg401-vs__table td:first-child,
  .sg501-vs th:first-child,
  .sg501-vs td:first-child {
    padding-left: 16px;
  }

  .sx601-hero__tags,
  .sg601-hero__tags,
  .sx601-hero__tags,
  .sg601-hero__tags {
    gap: 8px;
  }

  .sx601-feat__row,
  .sg601-feat__row,
  .sx601-feat__row--reverse,
  .sg601-feat__row--reverse,
  .sx601-feat__wide-head,
  .sg601-feat__wide-head,
  .sx601-feat__wide-head,
  .sg601-feat__wide-head {
    flex-direction: column;
    align-items: stretch;
    gap: 24px;
  }

  .sx601-feat__copy,
  .sg601-feat__copy,
  .sx601-feat__wide-head .sx601-feat__copy,
  .sx601-feat__wide-head p,
  .sg601-feat__desc {
    flex: none;
  }

  .sx601-feat__copy h3,
  .sg601-feat__copy h3,
  .sx601-scenes__title,
  .sg601-scenes__title,
  .sx601-scenes__title,
  .sg601-scenes__title {
    font-size: 24px;
  }

  .sx601-feat__media,
  .sg601-feat__media,
  .sx601-feat__media--wide,
  .sg601-feat__media--wide,
  .sx601-feat__media--wide,
  .sg601-feat__media--wide {
    width: 100%;
    flex: none;
  }

  .sx601-vs__cols,
  .sg601-vs__cols,
  .sx501-vs__cols,
  .sx601-vs__row,
  .sg601-vs__row,
  .sx501-vs__row {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }

  .sx601-vs__row p,
  .sg601-vs__row p,
  .sx501-vs__row p {
    text-align: left;
    justify-content: flex-start;
  }

  .sx601-table,
  .sg601-table,
  .sx601-table,
  .sg601-table {
    min-width: 720px;
  }

  .sx601-table__names th,
  .sg601-table__names th,
  .sx601-table__names th,
  .sg601-table__names th {
    height: 56px;
    font-size: 14px;
  }

  .sg601-table__hide,
  .sg601-table__hide {
    font-size: 14px;
    line-height: 20px;
    gap: 8px;
  }

  .sx601-table tbody th,
  .sg601-table tbody th,
  .sx601-table tbody th,
  .sg601-table tbody th {
    padding: 16px 10px 16px 16px;
    font-size: 14px;
    line-height: 22px;
  }

  .sx601-table tbody td,
  .sg601-table tbody td,
  .sx601-table tbody td,
  .sg601-table tbody td {
    padding: 16px 10px 16px 0;
    font-size: 13px;
    white-space: normal;
  }

  .sx601-table th:first-child,
  .sg601-table th:first-child,
  .sx601-table td:first-child,
  .sg601-table td:first-child,
  .sx601-table td:first-child,
  .sg601-table td:first-child {
    padding-left: 16px;
  }

  .sx601-table__thumb,
  .sg601-table__thumb,
  .sx601-table__thumb,
  .sg601-table__thumb {
    width: 110px;
    height: 48px;
  }

  .sx601-scenes__title,
  .sg601-scenes__title,
  .sx601-scenes__product,
  .sg601-scenes__product,
  .sx601-scenes__product,
  .sg601-scenes__product {
    margin-bottom: 32px;
  }

  .sg-cta .iot-cta__actions,
  .sx-cta .iot-cta__actions {
    flex-wrap: wrap;
    gap: 16px;
  }

  .header.is-open .nav-drop--product {
    padding-left: 0;
  }

  .header.is-open .nav-mega {
    display: flex;
    flex-direction: column;
    width: 100%;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  .header.is-open .nav-mega__col {
    gap: 12px;
    padding: 8px 0 16px;
  }

  .header.is-open .nav-mega__col + .nav-mega__col {
    border-left: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
  }

  .header.is-open .nav-mega__label {
    color: rgba(255, 255, 255, 0.55);
  }

  .header.is-open .nav-mega__block {
    padding-bottom: 8px;
    border-bottom-color: rgba(255, 255, 255, 0.12);
  }

  .header.is-open .nav-mega__series,
  .header.is-open .nav-mega__block > a,
  .header.is-open .nav-mega__app strong {
    color: var(--color-white);
  }

  .header.is-open .nav-mega__app small {
    color: rgba(255, 255, 255, 0.55);
  }

  .header.is-open .nav-mega__icon {
    background: rgba(255, 255, 255, 0.08);
  }

  .sx501-noise__grid,
  .sx501-upload__cards,
  .sx501-switch__card,
  .sx501-iot__grid,
  .sx501-guard__grid,
  .sx501-cases__grid,
  .sx501-why__grid,
  .sx401-pair,
  .sg401-pair,
  .sx401-upload__cards,
  .sg401-upload__cards,
  .sx401-iot__grid,
  .sg401-iot__grid,
  .sx401-guard__grid,
  .sg401-guard__grid,
  .sx401-cases__grid,
  .sg401-cases__grid,
  .sx401-why__grid,
  .sg401-why__grid,
  .sg501-size,
  .sg501-pair,
  .sg501-upload__cards,
  .sg501-locate__grid,
  .sg401-locate__grid,
  .sg501-iot__grid,
  .sg501-guard__grid,
  .sg501-cases__grid,
  .sg501-why__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }

  .sx501-switch {
    padding-bottom: 48px;
  }

  .sx501-switch__card {
    min-height: 0;
    padding: 32px 20px;
  }

  .sx501-switch__copy h3,
  .sx501-switch__media h3 {
    font-size: 24px;
  }

  .sx501-switch__item {
    min-height: 64px;
    padding: 0 16px;
    font-size: 16px;
  }

  .sx501-upload__rate strong,
  .sx401-upload__rate strong {
    font-size: 32px;
  }

  .sx501-battery__cap {
    right: 12px;
    bottom: 12px;
    max-width: calc(100% - 24px);
  }

  .sx501-guard-card--tall,
  .sx501-guard-card--half,
  .sx401-guard-card--tall,
  .sx401-guard-card--half,
  .sg401-guard-card,
  .sg501-guard-card {
    aspect-ratio: 16 / 10;
  }

  .sx501-guard-card--half {
    flex: none;
  }

  .sx501-guard-card figcaption,
  .sg401-guard-card figcaption,
  .sg501-guard-card figcaption {
    min-height: 0;
    padding: 12px 16px;
  }

  .sx501-guard-card h3,
  .sg401-guard-card h3,
  .sg501-guard-card h3 {
    font-size: 16px;
    line-height: 24px;
  }

  .sx501-guard-card p,
  .sg401-guard-card p,
  .sg501-guard-card p {
    font-size: 13px;
  }

  .sg401-vs__thumb {
    height: 96px;
  }

  .sx501-hero__title {
    white-space: normal;
  }
}

@media (min-width: 1024px) and (max-width: 1679px) {
  .contact-hero {
    min-height: 520px;
  }

  .contact-hero__inner {
    min-height: 520px;
    gap: 32px;
  }

  .contact-hero__copy {
    padding-top: 16px;
  }

  .contact-hero__copy h1 {
    font-size: 40px;
    line-height: 52px;
  }

  .contact-hero__media {
    width: min(240px, 32%);
    flex-basis: 240px;
    margin-right: 104px;
  }

  .contact-form {
    padding: 48px 0 64px;
  }

  .contact-form__grid {
    gap: 24px 64px;
  }

  .contact-dock {
    right: 24px;
  }
}

@media (max-width: 1023px) {
  .contact-hero {
    min-height: 0;
  }

  .contact-hero__inner {
    flex-direction: column;
    align-items: center;
    min-height: 0;
    padding: 96px 0 0;
    gap: 24px;
  }

  .contact-hero__copy {
    flex: none;
    padding-top: 0;
    text-align: center;
  }

  .contact-hero__copy h1 {
    font-size: 32px;
    line-height: 42px;
  }

  .contact-hero__copy p {
    font-size: 16px;
    line-height: 26px;
  }

  .contact-hero__media {
    width: min(220px, 70%);
    flex: 0 1 auto;
    margin-right: 0;
  }

  .contact-form {
    padding: 32px 0 48px;
  }

  .contact-form__card {
    padding: 0;
  }

  .contact-form__head h2 {
    font-size: 24px;
    line-height: 1.3;
  }

  .contact-form__head p {
    font-size: 16px;
    line-height: 26px;
  }

  .contact-form__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
    margin-top: 28px;
  }

  .contact-field textarea {
    height: 160px;
  }

  .contact-dock {
    display: none;
  }

  .contact-success__box {
    padding: 32px 20px 24px;
  }

  .contact-success__box h3 {
    font-size: 20px;
  }
}

@media (min-width: 1024px) and (max-width: 1919px) {
  .sx401-split,
  .sx501-split {
    gap: 40px;
  }

  .sx401-split__copy,
  .sx501-split__copy {
    gap: 48px;
  }

  .sx401-split__intro,
  .sx501-split__intro {
    gap: 24px;
  }

  .sx401-kpis,
  .sx501-kpis {
    gap: 32px;
  }

  .sx401-kpi strong,
  .sx501-kpi strong {
    font-size: 40px;
  }

  .sx401-battery {
    padding-top: 80px;
  }

  .sx401-pair {
    margin-top: 48px;
  }

  .sx501-noise__grid {
    margin-top: 48px;
  }
}

@media (max-width: 1023px) {
  .sx401-split,
  .sx401-split--reverse,
  .sx501-split {
    flex-direction: column;
    gap: 32px;
  }

  .sx401-split__visual,
  .sx501-split__visual {
    flex: none;
    width: 100%;
    height: auto;
  }

  .sx401-split__copy,
  .sx501-split__copy {
    max-width: none;
    gap: 32px;
  }

  .sx401-split__visual img,
  .sx401-split--reverse .sx401-split__visual img,
  .sx501-split__visual img {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .sx401-kpis,
  .sx501-kpis {
    gap: 24px;
  }

  .sx401-kpi strong,
  .sx501-kpi strong {
    font-size: 32px;
  }

  .sx401-pair {
    margin-top: 32px;
  }

  .sx501-noise__grid {
    margin-top: 32px;
  }

  .sx501-upload__lines {
    display: none;
  }
}

/* SG601 */
@media (min-width: 1024px) and (max-width: 1919px) {
  .sg601-ai__grid,
  .sg601-caps__grid {
    gap: 24px;
  }

  .sg601-feat__row,
  .sg601-feat__row--reverse {
    gap: 48px;
  }

  .sg601-cta__clock-label i {
    width: 96px;
  }
}

@media (max-width: 1023px) {
  .sg601-hero {
    min-height: 980px;
  }

  .sg601-hero__content {
    padding-bottom: 500px;
  }

  .sg601-hero__bg img {
    object-position: center 82%;
  }

  .sg601-hero__sub {
    font-size: 16px;
    line-height: 24px;
  }

  .sg601-hero__count {
    flex-wrap: wrap;
    justify-content: center;
  }

  .sg601-ai,
  .sg601-flow,
  .sg601-cta {
    padding: 48px 0;
  }

  .sg601-feat .sg601-head,
  .sg601-flow .sg601-head {
    margin-bottom: 32px;
  }

  .sg601-feat__lead {
    margin-bottom: 48px;
  }

  .sg601-feat__copy:has(.sg601-feat__num) {
    padding-top: 88px;
  }

  .sg601-feat__num {
    height: 120px;
  }

  .sg601-ai__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
  }

  .sg601-scenes__panel {
    width: 100%;
  }

  .sg601-steps {
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
    max-width: 280px;
  }

  .sg601-steps::before {
    display: none;
  }

  .sg601-step__no {
    margin-bottom: 12px;
  }

  .sg601-cta h2 {
    font-size: 32px;
    line-height: 1.3;
  }

  .sg601-cta__time {
    font-size: 32px;
  }

  .sg601-cta__clock-label i {
    width: 36px;
  }

  .sg601-cta__trust {
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px 20px;
  }

  .sg601-cta__trust li + li {
    margin-left: 0;
    padding-left: 0;
    border-left: 0;
  }
}

/* ── SX 系列移动端首屏 ≤767px（置于文件末尾以确保优先级最高）── */
@media (max-width: 767px) {
  .sx-hero {
    position: relative;
    width: 100%;
    aspect-ratio: 750 / 1300;
    min-height: 0;
    max-height: none;
    height: auto;
    background: #e8dfd6;
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }

  .sx-hero__bg {
    position: absolute;
    inset: 0;
  }

  .sx-hero__bg img {
    content: url("../img/sx-hero-bg-m.webp");
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center bottom;
  }

  .sx-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(
      180deg,
      rgba(232, 223, 214, 0.72) 0%,
      rgba(232, 223, 214, 0.55) 35%,
      rgba(232, 223, 214, 0) 60%
    );
    pointer-events: none;
  }

  .sx-hero__content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 20px;
    padding: 75px 0 32px;
  }

  .sx-hero__texts {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    max-width: none;
    width: 100%;
  }

  .sx-hero__lead {
    align-items: center;
    gap: 6px;
  }

  .sx-hero__eyebrow {
    font-size: 16px;
    line-height: 24px;
    color: var(--color-text);
  }

  .sx-hero__title {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
    color: var(--color-text);
    white-space: normal;
  }

  .sx-hero__sub {
    font-size: 16px;
    line-height: 26px;
    color: var(--color-sub);
    white-space: normal;
  }

  .sx-hero__sub br {
    display: none;
  }

  .sx-hero .btn--video {
    display: none;
  }
}

/* ── SG 系列移动端首屏 ≤767px ── */
@media (max-width: 767px) {
  .sg-hero {
    position: relative;
    width: 100%;
    aspect-ratio: 750 / 1300;
    min-height: 0;
    max-height: none;
    height: auto;
    background: #e8dfd6;
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }

  .sg-hero__bg {
    position: absolute;
    inset: 0;
  }

  .sg-hero__bg img {
    content: url("../img/sg-hero-bg-m.webp");
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center bottom;
  }

  .sg-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(
      180deg,
      rgba(232, 223, 214, 0.72) 0%,
      rgba(232, 223, 214, 0.55) 35%,
      rgba(232, 223, 214, 0) 60%
    );
    pointer-events: none;
  }

  .sg-hero__content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 20px;
    padding: 75px 0 32px;
  }

  .sg-hero__texts {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    max-width: none;
    width: 100%;
  }

  .sg-hero__lead {
    align-items: center;
    gap: 6px;
  }

  .sg-hero__eyebrow {
    font-size: 16px;
    line-height: 24px;
    color: var(--color-text);
  }

  .sg-hero__title {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
    color: var(--color-text);
    white-space: normal;
  }

  .sg-hero__sub {
    font-size: 16px;
    line-height: 26px;
    color: var(--color-sub);
    white-space: normal;
  }

  .sg-hero__sub br {
    display: none;
  }

  .sg-hero .btn--video {
    display: none;
  }
}

/* ── SX601 移动端首屏 ≤767px ── */
@media (max-width: 767px) {
  .sx601-hero {
    position: relative;
    width: 100%;
    aspect-ratio: 750 / 1300;
    min-height: 0;
    max-height: none;
    height: auto;
    background: var(--color-dark);
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }

  .sx601-hero__bg {
    position: absolute;
    inset: 0;
  }

  .sx601-hero__bg img {
    content: url("../img/sx601-hero-m.webp");
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center bottom;
  }

  .sx601-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(
      180deg,
      rgba(18, 18, 18, 0.75) 0%,
      rgba(18, 18, 18, 0.45) 35%,
      rgba(18, 18, 18, 0) 60%
    );
    pointer-events: none;
  }

  .sx601-hero__content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 20px;
    padding: 75px 0 32px;
  }

  .sx601-hero__texts {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    max-width: none;
    width: 100%;
  }

  .sx601-hero__lead {
    align-items: center;
    gap: 6px;
  }

  .sx601-hero__eyebrow {
    font-size: 16px;
    line-height: 24px;
    color: var(--color-white);
  }

  .sx601-hero__title {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
    color: var(--color-white);
    white-space: normal;
  }

  /* tags 设计图未展示，移动端隐藏 */
  .sx601-hero__tags {
    display: none;
  }

  .sx601-hero__sub {
    font-size: 16px;
    line-height: 26px;
    color: var(--color-white-60);
    white-space: normal;
  }

  .sx601-hero__sub br {
    display: none;
  }
}

/* ── SX501 移动端首屏 ≤767px ── */
@media (max-width: 767px) {
  .sx501-hero {
    position: relative;
    width: 100%;
    aspect-ratio: 750 / 1300;
    min-height: 0;
    max-height: none;
    height: auto;
    background: var(--color-dark);
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }

  .sx501-hero__bg {
    position: absolute;
    inset: 0;
  }

  .sx501-hero__bg img {
    content: url("../img/sx501-hero-m.webp");
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center bottom;
  }

  .sx501-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(
      180deg,
      rgba(18, 18, 18, 0.75) 0%,
      rgba(18, 18, 18, 0.45) 35%,
      rgba(18, 18, 18, 0) 60%
    );
    pointer-events: none;
  }

  .sx501-hero__content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 20px;
    padding: 75px 0 32px;
  }

  .sx501-hero__texts {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    max-width: none;
    width: 100%;
  }

  .sx501-hero__lead {
    align-items: center;
    gap: 6px;
  }

  .sx501-hero__eyebrow {
    font-size: 16px;
    line-height: 24px;
    color: var(--color-white);
  }

  .sx501-hero__title {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
    color: var(--color-white);
    white-space: normal;
  }

  .sx501-hero__sub {
    font-size: 16px;
    line-height: 26px;
    color: var(--color-white-60);
    white-space: normal;
  }

  .sx501-hero__sub br {
    display: none;
  }
}

/* ── SX401 移动端首屏 ≤767px ── */
@media (max-width: 767px) {
  .sx401-hero {
    position: relative;
    width: 100%;
    aspect-ratio: 750 / 1300;
    min-height: 0;
    max-height: none;
    height: auto;
    background: var(--color-dark);
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }

  .sx401-hero__bg {
    position: absolute;
    inset: 0;
  }

  .sx401-hero__bg img {
    content: url("../img/sx401-hero-m.webp");
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center bottom;
  }

  .sx401-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(
      180deg,
      rgba(18, 18, 18, 0.75) 0%,
      rgba(18, 18, 18, 0.45) 35%,
      rgba(18, 18, 18, 0) 60%
    );
    pointer-events: none;
  }

  .sx401-hero__content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 20px;
    padding: 75px 0 32px;
  }

  .sx401-hero__texts {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    max-width: none;
    width: 100%;
  }

  .sx401-hero__lead {
    align-items: center;
    gap: 6px;
  }

  .sx401-hero__eyebrow {
    font-size: 16px;
    line-height: 24px;
    color: var(--color-white);
  }

  .sx401-hero__title {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
    color: var(--color-white);
    white-space: normal;
  }

  .sx401-hero__sub {
    font-size: 16px;
    line-height: 26px;
    color: var(--color-white-60);
    white-space: normal;
  }

  .sx401-hero__sub br {
    display: none;
  }
}

/* ── SG601 / SG501 / SG401 / IoT 移动端首屏 ≤767px ── */
@media (max-width: 767px) {
  .sg601-hero,
  .sg501-hero,
  .sg401-hero,
  .page--iot .iot-hero,
  .page--ai .iot-hero {
    position: relative;
    width: 100%;
    aspect-ratio: 750 / 1300;
    min-height: 0;
    max-height: none;
    height: auto;
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }

  .page--iot .iot-hero,
  .page--ai .iot-hero {
    aspect-ratio: 750 / 1100;
  }

  .sg601-hero,
  .sg401-hero,
  .page--iot .iot-hero,
  .page--ai .iot-hero {
    background: #05070c;
  }

  .sg501-hero {
    background: #f3f5f8;
  }

  .sg601-hero__bg,
  .sg501-hero__bg,
  .sg401-hero__bg,
  .page--iot .iot-hero__bg,
  .page--ai .iot-hero__bg {
    position: absolute;
    inset: 0;
  }

  .sg601-hero__bg img,
  .sg501-hero__bg img,
  .sg401-hero__bg img,
  .page--iot .iot-hero__bg img,
  .page--ai .iot-hero__bg img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: center bottom;
    transform: none;
    -webkit-mask-image: none;
    mask-image: none;
  }

  .sg601-hero__bg img {
    content: url("../img/sg601-hero-m.webp");
  }

  .sg501-hero__bg img {
    content: url("../img/sg501-hero-m.webp");
  }

  .sg401-hero__bg.media {
    background: transparent;
  }

  .sg401-hero__bg img {
    content: url("../img/sg401-hero-m.webp");
    object-fit: contain;
  }

  .page--iot .iot-hero__bg.media,
  .page--ai .iot-hero__bg.media {
    background: transparent;
  }

  .page--iot .iot-hero__bg img {
    content: url("../img/iot-hero-bg-m.webp");
    object-fit: cover;
    object-position: center bottom;
  }

  .page--ai .iot-hero__bg img {
    content: url("../img/ai-hero-bg-m.webp");
    object-fit: cover;
    object-position: center bottom;
    -webkit-mask-image: none;
    mask-image: none;
  }

  .page--iot .iot-hero__bg::after,
  .page--iot .iot-hero__bg.has-image::after,
  .page--ai .iot-hero__bg::after,
  .page--ai .iot-hero__bg.has-image::after {
    display: none;
  }

  .sg601-hero::before,
  .sg401-hero::before,
  .page--iot .iot-hero::before,
  .page--ai .iot-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(
      180deg,
      rgba(5, 7, 12, 0.75) 0%,
      rgba(5, 7, 12, 0.45) 35%,
      rgba(5, 7, 12, 0) 60%
    );
    pointer-events: none;
  }

  .sg501-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(
      180deg,
      rgba(243, 245, 248, 0.72) 0%,
      rgba(243, 245, 248, 0.55) 35%,
      rgba(243, 245, 248, 0) 60%
    );
    pointer-events: none;
  }

  .sg601-hero__content,
  .sg501-hero__content,
  .sg401-hero__content,
  .page--iot .iot-hero__content,
  .page--ai .iot-hero__content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 20px;
    width: var(--content-width);
    max-width: none;
    margin: 0 auto;
    padding: 75px 0 32px;
  }

  .sg601-hero__texts,
  .sg501-hero__texts,
  .sg401-hero__texts,
  .page--iot .iot-hero__texts,
  .page--ai .iot-hero__texts {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    max-width: none;
    width: 100%;
  }

  .sg601-hero__lead,
  .sg501-hero__lead,
  .sg401-hero__lead {
    align-items: center;
    gap: 6px;
    max-width: none;
  }

  .sg601-hero__eyebrow,
  .sg401-hero__eyebrow,
  .page--iot .iot-hero__eyebrow,
  .page--ai .iot-hero__eyebrow {
    font-size: 16px;
    line-height: 24px;
    color: var(--color-white);
  }

  .sg501-hero__eyebrow {
    font-size: 16px;
    line-height: 24px;
    color: var(--color-text);
  }

  .sg601-hero__title,
  .sg501-hero__title,
  .sg401-hero__title,
  .page--iot .iot-hero__title,
  .page--ai .iot-hero__title {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
    white-space: normal;
    width: auto;
  }

  .sg601-hero__title,
  .sg401-hero__title,
  .page--iot .iot-hero__title,
  .page--ai .iot-hero__title {
    color: var(--color-white);
  }

  .page--ai .iot-hero__eyebrow {
    display: none;
  }

  .page--ai .ai-hero__desk {
    display: none;
  }

  .page--ai .ai-hero__m {
    display: block;
  }

  .page--iot .iot-hero__dash {
    display: none;
  }

  .page--iot .iot-hero__break {
    display: block;
  }

  .sg501-hero__title {
    color: var(--color-text);
  }

  .sg601-hero__sub,
  .sg401-hero__sub,
  .page--iot .iot-hero__sub,
  .page--ai .iot-hero__sub {
    font-size: 16px;
    line-height: 26px;
    color: var(--color-white-60);
    white-space: normal;
  }

  .sg501-hero__sub {
    font-size: 16px;
    line-height: 26px;
    color: var(--color-sub);
    white-space: normal;
  }

  .sg601-hero__sub br,
  .sg501-hero__sub br,
  .sg401-hero__sub br,
  .page--iot .iot-hero__sub br,
  .page--ai .iot-hero__sub br {
    display: none;
  }

  .sg501-hero__pills {
    justify-content: center;
  }
}

/* ── 方案页 8 个行业首屏 ≤767px ── */
@media (max-width: 767px) {
  .sol-hero {
    position: relative;
    width: 100%;
    aspect-ratio: 750 / 1300;
    height: auto;
    min-height: 0;
    max-height: none;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background: #f8f9fb;
  }

  .sol-hero .iot-hero__bg {
    position: absolute;
    inset: 0;
    background: #e8edf5;
  }

  .sol-hero .iot-hero__bg img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: center bottom;
    transform: none;
  }

  .sol-hero--wash .iot-hero__bg::before {
    display: none;
  }

  .sol-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(
      180deg,
      rgba(248, 249, 251, 0.92) 0%,
      rgba(248, 249, 251, 0.72) 35%,
      rgba(248, 249, 251, 0) 60%
    );
    pointer-events: none;
  }

  .sol-hero .iot-hero__content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 20px;
    width: var(--content-width);
    max-width: none;
    margin: 0 auto;
    padding: 75px 0 32px;
  }

  .sol-hero .iot-hero__texts {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    width: 100%;
    max-width: none;
  }

  .sol-hero .iot-hero__eyebrow,
  .sol-hero .iot-hero__title {
    width: 100%;
    max-width: none;
  }

  .sol-hero .iot-hero__eyebrow {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: var(--color-text);
  }

  .sol-hero .iot-hero__title {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
    color: var(--color-text);
    white-space: normal;
  }

  .sol-hero__desk,
  .sol-hero__br-d {
    display: none;
  }

  .sol-hero__m {
    display: inline;
  }

  .sol-hero__br-m {
    display: block;
  }

  .sol-hero .iot-hero__sub {
    font-size: 16px;
    line-height: 26px;
    color: var(--color-sub);
    white-space: normal;
  }
}

/* ── 架构 / Agent / Report / 资源中心 移动端首屏 ≤767px ── */
@media (max-width: 767px) {
  .arch-hero,
  .agent-hero,
  .report-hero,
  .resource-hero {
    position: relative;
    width: 100%;
    aspect-ratio: 750 / 1100;
    height: auto;
    min-height: 0;
    max-height: none;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background: #05070c;
  }

  .arch-hero .iot-hero__bg,
  .agent-hero .iot-hero__bg,
  .report-hero .iot-hero__bg,
  .resource-hero .iot-hero__bg {
    position: absolute;
    inset: 0;
    background: #e8edf5;
  }

  .arch-hero .iot-hero__bg img,
  .agent-hero .iot-hero__bg img,
  .report-hero .iot-hero__bg img,
  .resource-hero .iot-hero__bg img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: center bottom;
    transform: none;
  }

  .arch-hero .iot-hero__bg img.is-pending,
  .agent-hero .iot-hero__bg img.is-pending,
  .report-hero .iot-hero__bg img.is-pending,
  .resource-hero .iot-hero__bg img.is-pending {
    opacity: 0;
  }

  .arch-hero .iot-hero__bg::after,
  .arch-hero .iot-hero__bg.has-image::after,
  .agent-hero .iot-hero__bg::after,
  .agent-hero .iot-hero__bg.has-image::after,
  .report-hero .iot-hero__bg::after,
  .report-hero .iot-hero__bg.has-image::after,
  .resource-hero .iot-hero__bg::after,
  .resource-hero .iot-hero__bg.has-image::after {
    display: none;
  }

  .arch-hero::before,
  .agent-hero::before,
  .report-hero::before,
  .resource-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(
      180deg,
      rgba(5, 7, 12, 0.75) 0%,
      rgba(5, 7, 12, 0.45) 35%,
      rgba(5, 7, 12, 0) 60%
    );
    pointer-events: none;
  }

  .arch-hero .iot-hero__content,
  .agent-hero .iot-hero__content,
  .report-hero .iot-hero__content,
  .resource-hero .iot-hero__content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 20px;
    width: var(--content-width);
    max-width: none;
    height: auto;
    min-height: 0;
    margin: 0 auto;
    padding: 75px 0 32px;
  }

  .arch-hero .iot-hero__texts,
  .agent-hero .iot-hero__texts,
  .report-hero .iot-hero__texts,
  .resource-hero .iot-hero__texts {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    width: 100%;
    max-width: none;
  }

  .arch-hero .iot-hero__eyebrow,
  .agent-hero .iot-hero__eyebrow,
  .report-hero .iot-hero__eyebrow,
  .resource-hero .iot-hero__eyebrow,
  .arch-hero .iot-hero__title,
  .agent-hero .iot-hero__title,
  .report-hero .iot-hero__title,
  .resource-hero .iot-hero__title {
    width: 100%;
    max-width: none;
  }

  .arch-hero .iot-hero__eyebrow,
  .agent-hero .iot-hero__eyebrow,
  .report-hero .iot-hero__eyebrow,
  .resource-hero .iot-hero__eyebrow {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: var(--color-white);
  }

  .arch-hero .iot-hero__title,
  .agent-hero .iot-hero__title,
  .report-hero .iot-hero__title,
  .resource-hero .iot-hero__title {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
    color: var(--color-white);
    white-space: normal;
  }

  .arch-hero .iot-hero__sub,
  .agent-hero .iot-hero__sub,
  .report-hero .iot-hero__sub,
  .resource-hero .iot-hero__sub {
    font-size: 16px;
    line-height: 26px;
    color: var(--color-white-60);
    white-space: normal;
  }

  .arch-hero .iot-hero__sub br,
  .agent-hero .iot-hero__sub br,
  .report-hero .iot-hero__sub br,
  .resource-hero .iot-hero__sub br {
    display: none;
  }

  .report-hero__br {
    display: block;
  }
}

/* ── 联系我们 移动端首屏 ≤767px ── */
@media (max-width: 767px) {
  .contact-hero {
    aspect-ratio: 750 / 747;
    height: auto;
    min-height: 0;
    max-height: none;
    overflow: hidden;
    background:
      radial-gradient(circle at 18% 8%, rgba(128, 255, 251, 0.55) 0%, rgba(128, 255, 251, 0) 42%),
      radial-gradient(circle at 98% 4%, rgba(255, 207, 152, 0.5) 0%, rgba(255, 207, 152, 0) 40%),
      radial-gradient(circle at 92% 82%, rgba(1, 88, 255, 0.28) 0%, rgba(1, 88, 255, 0) 46%),
      #fff;
  }

  .contact-hero::before,
  .contact-hero::after {
    display: none;
  }

  .contact-hero__inner {
    position: absolute;
    inset: 0;
    width: auto;
    max-width: none;
    margin: 0;
    display: block;
    min-height: 0;
    padding: 0;
    gap: 0;
  }

  .contact-hero__copy {
    position: absolute;
    left: 10.7%;
    right: 10.7%;
    top: 22.5%;
    width: auto;
    flex: none;
    padding: 0;
    text-align: center;
  }

  .contact-hero__copy h1 {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    color: var(--color-text);
  }

  .contact-hero__br {
    display: block;
  }

  .contact-hero__copy p {
    margin-top: 5px;
    font-size: 13px;
    line-height: 20px;
    color: var(--color-sub);
  }

  .contact-hero__media {
    position: absolute;
    left: 50%;
    top: 41.2%;
    width: 36.4%;
    max-width: 273px;
    margin: 0;
    flex: none;
    transform: translateX(-50%);
  }
}

/* ── 品牌故事 移动端首屏 ≤767px ── */
@media (max-width: 767px) {
  .about-hero {
    aspect-ratio: 750 / 650;
    height: auto;
    min-height: 0;
    max-height: none;
    background: #05070c;
  }

  .about-hero .iot-hero__bg img {
    object-fit: cover;
    object-position: center center;
  }

  .about-hero .iot-hero__bg::after,
  .about-hero .iot-hero__bg.has-image::after {
    display: none;
  }

  .about-hero .iot-hero__content {
    position: absolute;
    inset: 0;
    width: auto;
    max-width: none;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 0;
    justify-content: flex-start;
    align-items: center;
  }

  .about-hero .iot-hero__texts {
    position: absolute;
    left: 5.6%;
    right: 5.6%;
    top: 35%;
    width: auto;
    max-width: none;
    gap: 10px;
    align-items: center;
    text-align: center;
  }

  .about-hero .iot-hero__eyebrow {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    color: var(--color-white);
  }

  .about-hero .iot-hero__title {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    color: var(--color-white);
    white-space: normal;
    text-align: center;
  }

  .about-hero__br {
    display: block;
  }

  .about-hero .iot-hero__sub {
    font-size: 14px;
    line-height: 22px;
    color: var(--color-white);
    text-align: center;
  }
}