/* ============== 响应式断点 1200/992/768/576 ============== */

/* <= 1200px */
@media (max-width: 1200px){
  .container{padding: 0 22px}
  .hero-inner{gap: 40px}
  .hero-visual{height: 420px}
  .card-main{width: 320px}
  .card-sub{width: 200px}
}

/* <= 992px 平板 */
@media (max-width: 992px){
  .section{padding: 80px 0}
  .section-head{margin-bottom: 48px}

  /* 导航切换 */
  .nav{
    position: fixed;
    top: 68px; left: 0; right: 0;
    background: var(--c-bg);
    flex-direction: column;
    align-items: stretch;
    padding: 18px 24px 24px;
    gap: 4px;
    transform: translateY(-110%);
    transition: transform .35s var(--t);
    border-bottom: 1px solid var(--c-line);
    box-shadow: 0 18px 32px -20px rgba(14,42,71,.18);
  }
  .nav.is-open{transform: translateY(0)}
  .nav-link{
    padding: 12px 14px;
    border-bottom: 1px solid var(--c-line-2);
    border-radius: 0;
  }
  .nav-link::after{display:none}
  .nav-cta{
    margin-left: 0;
    margin-top: 10px;
    text-align: center;
  }
  .nav-toggle{display: block}

  /* Hero */
  .hero{padding: 120px 0 70px}
  .hero-inner{
    grid-template-columns: 1fr;
    gap: 50px;
  }
  .hero-visual{
    height: 380px;
    max-width: 520px;
    margin: 0 auto;
    width: 100%;
  }
  .globe-svg{
    right: -260px;
    width: 560px; height: 560px;
  }
  .card-main{
    width: 300px;
    left: 10%;
  }
  .card-jp{right: 6%; top: 0}
  .card-ar{right: 0; bottom: 20px}

  /* Services 4 → 2 */
  .services-grid{grid-template-columns: repeat(2, 1fr)}

  /* Process 3 → 2 */
  .process-grid{grid-template-columns: repeat(2, 1fr)}

  /* Languages 4 → 3 */
  .lang-grid{grid-template-columns: repeat(3, 1fr)}

  /* Industries 3 → 2 */
  .ind-grid{grid-template-columns: repeat(2, 1fr)}

  /* Contact */
  .contact-grid{
    grid-template-columns: repeat(2, 1fr);
  }
  .qr-card{
    grid-column: 1 / -1;
    max-width: 320px;
    margin: 0 auto;
    width: 100%;
  }

  /* Timeline */
  .timeline::before{left: 80px}
  .t-item{grid-template-columns: 80px 36px 1fr}
  .t-year{font-size: 19px; padding-right: 8px}

  /* Footer */
  .footer-top{
    grid-template-columns: 1fr 1fr;
    gap: 36px;
  }
  .other-biz{grid-template-columns: repeat(3, 1fr)}
}

/* <= 768px 移动 */
@media (max-width: 768px){
  body{font-size: 15.5px}
  .container{padding: 0 18px}
  .section{padding: 64px 0}

  /* 顶部品牌 */
  .topbar-inner{height: 60px}
  .brand-name{font-size: 18px}
  .brand-keyword{font-size: 12.5px}
  .brand-divider{height: 14px}
  .nav{top: 60px}

  /* Hero */
  .hero{padding: 100px 0 60px}
  .hero-title{font-size: clamp(28px, 8vw, 38px); margin-bottom: 18px}
  .title-line-sub{font-size: 0.5em; margin-top: 10px}
  .hero-desc{font-size: 15px; margin-bottom: 26px}
  .hero-actions{margin-bottom: 36px}
  .btn{padding: 12px 22px; font-size: 14px}
  .hero-stats{
    grid-template-columns: repeat(2, 1fr);
    gap: 18px 12px;
  }
  .stat-num{font-size: 26px}
  .hero-visual{height: 340px}
  .card-main{width: 240px; left: 6%; padding: 16px}
  .card-sub{width: 160px; padding: 14px}
  .card-jp{right: 4%; top: 0}
  .card-ar{right: 0; bottom: 10px}
  .card-url{font-size: 11.5px}
  .row{height: 6px}
  .globe-svg{
    right: -340px;
    width: 460px; height: 460px;
    opacity: .55;
  }
  .hero-scroll{display:none}

  /* Section 通用 */
  .section-eyebrow{font-size: 11.5px; letter-spacing: .2em; padding: 0 22px}
  .section-eyebrow::before, .section-eyebrow::after{width: 12px}
  .section-title{font-size: 26px}
  .section-desc{font-size: 14.5px}

  /* Services → 1 列 */
  .services-grid{grid-template-columns: 1fr; gap: 14px}
  .service-card{padding: 26px 22px}

  /* Timeline */
  .timeline::before{left: 18px}
  .t-item{
    grid-template-columns: 1fr;
    gap: 6px;
    padding: 16px 0;
  }
  .t-year{
    text-align: left;
    font-size: 18px;
    padding-right: 0;
  }
  .t-dot{display:none}
  .t-body{padding-left: 0}

  /* Process → 1 列 */
  .process-grid{grid-template-columns: 1fr; gap: 14px}
  .p-step{padding: 28px 22px}

  /* Languages → 2 列 */
  .lang-grid{grid-template-columns: repeat(2, 1fr); gap: 12px}
  .lang-card{padding: 18px 16px; gap: 10px}
  .lang-flag{font-size: 24px}
  .lang-name{font-size: 16px}
  .lang-region{font-size: 11px}

  /* Industries → 1 列 */
  .ind-grid{grid-template-columns: 1fr; gap: 14px}
  .ind-card{padding: 28px 24px}

  /* FAQ */
  .faq-item summary{font-size: 15.5px; padding: 18px 20px}
  .faq-a{padding: 0 20px 20px; font-size: 14px}

  /* Contact → 1 列 */
  .contact-grid{grid-template-columns: 1fr; gap: 14px}
  .contact-card{padding: 24px 20px}
  .qr-card{max-width: 100%}

  /* Footer */
  .footer{padding: 56px 0 24px}
  .footer-top{
    grid-template-columns: 1fr;
    gap: 32px;
    padding-bottom: 32px;
  }
  .other-biz{grid-template-columns: repeat(2, 1fr)}
  .copy-left{font-size: 12px; padding: 0 8px}
}

/* <= 576px 小屏 */
@media (max-width: 576px){
  .container{padding: 0 16px}
  .hero-title{font-size: 30px}
  .hero-stats{grid-template-columns: repeat(2, 1fr)}
  .lang-grid{grid-template-columns: 1fr}
  .other-biz{grid-template-columns: 1fr 1fr}
  .brand-keyword{display:none}
  .brand-divider{display:none}
}