.b2b-app-page { background: #f5fbff; color: #192333; font-family: "Inter-Regular", Arial, sans-serif; }
.b2b-app-page .mobile_app_download { display: none !important; }
.b2b-app-page .app_download_menu { display: none !important; }
.b2b-app-page .header_nav { background: #fff; }
.b2b-app-page .header_inner .nav_menu .nav_item { color: #507390; }
.b2b-app-page .header_inner .login a { border-color: #00a6fd; color: #00a6fd; }
.b2b-app-page .header_inner .register a { color: #fff; }
.b2b-app-page .header_inner .app_download_item > a::after,
.b2b-app-page .header_inner .app_download_item:hover > a::after { width: 14px; opacity: 1; }
.b2b-app-page .header_inner .app_download_item > a:hover { color: inherit; }
.b2b-app-page .header_inner .login a:hover { background: transparent; color: #00a6fd; }
.b2b-app-page .header_inner .register a:hover { background: #ffc500; color: #fff; }
.b2b-container { width: min(1200px, calc(100% - 48px)); margin: 0 auto; }
.b2b-hero { background: #e7f8ff url('../images/b2b/Rectangle 346242231@2x.png') center/cover no-repeat; overflow: hidden; }
.b2b-hero-inner { min-height: 484px; padding-top: 70px; display: grid; grid-template-columns: 1fr 1fr; align-items: center; }
.b2b-hero-copy { padding: 56px 0; }
.b2b-hero h1 { max-width: 580px; margin: 0 0 30px; font-family: "Oswald-Medium", Arial, sans-serif; font-size: clamp(34px, 4vw, 54px); line-height: 1.15; font-weight: normal; }
.b2b-hero-title-image { display: block; }
.b2b-hero-title-image img { display: block; width: min(100%, 468px); height: auto; }
.b2b-hero h1 span { color: #08a8f4; }
.b2b-hero h2 { margin: 0 0 16px; font-family: "Inter-Mdm", Arial, sans-serif; font-size: 20px; font-weight: normal; }
.b2b-hero p { max-width: 520px; margin: 0; color: #596879; font-size: 16px; line-height: 1.8; }
.b2b-hero-art { width: min(100%, 570px); justify-self: end; align-self: end; }
.b2b-download-section { padding: 56px 0 80px; background: #fff; }
.b2b-section-title { margin: 0 0 36px; font-family: "Oswald-Medium", Arial, sans-serif; text-align: center; font-size: 32px; }
.b2b-section-title::after { content: ''; display: block; width: 30px; height: 2px; margin: 16px auto 0; background: #08a8f4; }
.b2b-feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.b2b-feature-grid article { padding: 26px 24px 24px; text-align: center; background: #fff; border: 1px solid #edf3f8; border-radius: 8px; box-shadow: 0 4px 18px rgba(47,115,157,.08); }
.b2b-feature-grid img { width: 48px; height: 48px; object-fit: contain; }
.b2b-feature-grid h3 { margin: 14px 0 10px; font-family: "Inter-Mdm", Arial, sans-serif; font-size: 20px; font-weight: 600; }
.b2b-feature-grid p { margin: 0; color: #7a8794; font-size: 14px; line-height: 1.7; }
.b2b-mobile-downloads { display: none; }
.b2b-download-panel { display: grid; grid-template-columns: 60% 40%; min-height: 330px; margin-top: 16px; overflow: hidden; border: 1px solid #edf3f8; border-radius: 8px; box-shadow: 0 4px 18px rgba(47,115,157,.08); }
.b2b-qr-list { display: flex; align-items: center; justify-content: center; gap: 22px; padding: 32px; }
.b2b-qr-list figure { margin: 0; text-align: center; }
.b2b-qr-list img { width: 112px; height: 112px; object-fit: contain; }
.b2b-qr-list figure { box-sizing: border-box; width: 190px; height: 225px; padding: 18px 14px 12px; border: 1px solid #d9d9d9; border-radius: 22px; background: #fff; }
.b2b-qr-list figure > img { width: 140px; height: 140px; }
.b2b-qr-list figcaption { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 8px; color: #222; font-family: "Inter-Regular", Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 20px; }
.b2b-qr-list .b2b-platform-icon { width: 28px; height: 28px; object-fit: contain; }
.b2b-phone-art { width: 100%; height: 100%; object-fit: cover; object-position: center top; align-self: end; }
@media (max-width: 760px) {
  .b2b-container { width: min(100% - 32px, 560px); }
  .b2b-hero-inner, .b2b-download-panel { grid-template-columns: 1fr; }
  .b2b-hero-inner { min-height: 0; padding-top: 0; }
  .b2b-hero-copy { padding: 88px 0 18px; text-align: center; }
  .b2b-hero h1 { margin-bottom: 27px; font-size: 38px; line-height: 1.25; }
  .b2b-hero-title-image img { width: min(100%, 468px); margin: 0 auto; }
  .b2b-hero-title-image { margin-bottom: 27px; }
  .b2b-hero h2 { margin-bottom: 10px; font-size: 16px; }
  .b2b-hero p { color: #666; font-size: 14px; line-height: 1.8; }
  .b2b-hero-art { width: 100%; max-height: 420px; object-fit: contain; }
  .b2b-download-section { padding-top: 50px; }
  .b2b-section-title { font-size: 26px; margin-bottom: 40px; }
  .b2b-section-title::after { width: 84px; height: 4px; margin-top: 20px; }
  .b2b-feature-grid { grid-template-columns: 1fr; gap: 34px; }
  .b2b-feature-grid article { min-height: 0; height: auto; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; padding: 40px 28px 32px; border-radius: 22px; box-shadow: 0 8px 24px rgba(45, 126, 174, .08); }
  .b2b-feature-grid article:last-child { min-height: 0; }
  .b2b-feature-grid article > img { width: 64px; height: 64px; }
  .b2b-feature-grid h3 { margin-top: 34px; margin-bottom: 16px; font-size: 20px; }
  .b2b-feature-grid p { max-width: 480px; font-size: 14px; line-height: 1.8; }
  .b2b-mobile-downloads { display: grid; width: 100%; gap: 24px; margin-top: 42px; }
  .b2b-mobile-downloads a { display: block; height: 40px; padding: 0 24px; color: #fff; background: #08a8f4; border-radius: 999px; font-size: 16px; line-height: 40px; text-align: center; text-decoration: none; }
  .b2b-mobile-downloads img { display: inline-block; width: 16px; height: 16px; margin-left: 8px; object-fit: contain; vertical-align: -3px; }
  .b2b-download-panel { display: block; margin-top: 34px; padding: 40px 0 0; background: #fff; border-radius: 28px; }
  .b2b-download-panel .b2b-qr-list { display: none; }
  .b2b-phone-art { display: block; width: 100%; max-height: 520px; object-fit: contain; }
}