/* ==========================================================================
   FlamingoTechs - Scheme A: Plus Jakarta Sans Typography System
   
   1. 视觉冲击与品牌大标题层 (Visual Impact & Display Layer):
      H1 / H2 / H3 / 价格大数字
      - Primary: "Plus Jakarta Sans" (700 Bold / 750)
      - 特征: 几何形态现代饱满，切角锐利自信，兼具呼吸感与雕塑美学，摆脱系统界面的平庸感
      - 行高适度舒展 (1.16 ~ 1.22)，微负字间距 (-0.015em ~ -0.022em)，杜绝笨重拥挤

   2. 阅读与信息呈现层 (Reading & Text Layer):
      Body / 段落 / 卡片正文 / FAQ答案 / 列表
      - Primary: "Plus Jakarta Sans", "Inter" (400 Regular / 500 Medium)
      - 特征: 开阔的 x-height，极高的小字号易读性，舒适行距 (1.65 ~ 1.72)

   3. 交互与行动号召层 (Interaction & Action Layer):
      导航项 / 按钮 / 标签
      - Primary: "Plus Jakarta Sans" (600 SemiBold / 700 Bold)
      - 特征: 紧实有力的触控预期

   4. 科技与数据点缀层 (Tech & Data Accent Layer):
      胶囊眉题 (Pill Badge) / 技术代码 / 价格货币符号
      - Primary: "JetBrains Mono", "SF Mono", monospace
   ========================================================================== */

/* --- 字体变量定义 --- */
:root {
  /* 核心标题与展示字体 */
  --ft-en-font-display: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  
  /* 核心正文与阅读字体 */
  --ft-en-font-text: "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  
  /* 科技点缀与等宽标签字体 */
  --ft-en-font-mono: "JetBrains Mono", "SF Mono", ui-monospace, Menlo, Monaco, Consolas, monospace;
}

/* ==========================================================================
   ROLE 2: 阅读与交互层 (Reading & Interaction Layer) - 全局基底
   ========================================================================== */
html[lang="en"],
html[lang="en"] body,
html[lang="en"] body *:not([class*="fa-"]):not(.fas):not(.far):not(.fab):not(.fa):not(i),
html[lang="en"] input,
html[lang="en"] button,
html[lang="en"] select,
html[lang="en"] textarea,
html[lang="en"] optgroup {
  font-family: var(--ft-en-font-text) !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility;
}

/* 正文段落与说明文字：优化英文字偶间距与易读行高 */
html[lang="en"] body {
  letter-spacing: -0.01em;
  color: #334155;
  font-weight: 400;
}

html[lang="en"] p,
html[lang="en"] .ft-hero-desc,
html[lang="en"] .ft-faq-answer p {
  letter-spacing: -0.008em;
  line-height: 1.68;
}

html[lang="en"] .ft-hero-desc {
  font-size: clamp(0.92rem, 1.15vw, 1.05rem) !important;
  line-height: 1.62 !important;
  max-width: clamp(460px, 40vw, 560px) !important;
  color: #475569 !important;
  margin-bottom: clamp(18px, 1.8vw, 26px) !important;
  font-weight: 400;
}

/* Bento 服务卡片基础样式 (桌面端、平板端、手机端统一保持高质感极简设计规范) */
html[lang="en"] .ft-service-card {
  background: #FFFFFF !important;
  border-radius: 22px !important;
  border: 1px solid rgba(226, 232, 240, 0.9) !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08) !important;
  display: flex !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

html[lang="en"] .ft-service-card-icon {
  margin-bottom: 16px !important;
  display: flex !important;
  align-items: center !important;
}

html[lang="en"] .ft-service-card-icon svg {
  width: 52px !important;
  height: 52px !important;
  display: block !important;
}

html[lang="en"] .ft-service-card-title {
  font-family: var(--ft-en-font-display, 'Inter', sans-serif) !important;
  font-size: clamp(1.12rem, 1.2vw, 1.25rem) !important;
  font-weight: 700 !important;
  color: #0F172A !important;
  margin: 0 0 10px 0 !important;
  line-height: 1.3 !important;
  letter-spacing: -0.02em !important;
  white-space: nowrap !important;
  min-height: auto !important;
  display: block !important;
}

html[lang="en"] .ft-service-card-desc {
  min-height: auto !important;
  margin: 0 !important;
}

html[lang="en"] .ft-service-card-desc p {
  font-family: var(--ft-en-font-text, 'Inter', sans-serif) !important;
  font-size: 0.88rem !important;
  line-height: 1.55 !important;
  color: #475569 !important;
  margin: 0 !important;
}

html[lang="en"] .ft-service-card-divider {
  height: 1px !important;
  background: linear-gradient(90deg, #E2E8F0 0%, rgba(226, 232, 240, 0.2) 100%) !important;
  margin-top: 18px !important;
  margin-bottom: 14px !important;
  border: none !important;
}

html[lang="en"] .ft-service-card-deliverables-label {
  font-size: 10.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  color: #94A3B8 !important;
  margin-bottom: 12px !important;
  text-transform: uppercase !important;
}

html[lang="en"] .ft-service-card-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  width: 100% !important;
}

html[lang="en"] .ft-service-card-list li {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 0.86rem !important;
  font-weight: 500 !important;
  color: #334155 !important;
  line-height: 1.35 !important;
  white-space: nowrap !important;
}

html[lang="en"] .ft-service-card-list .ft-check-icon {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  border-radius: 50% !important;
  background: rgba(123, 97, 255, 0.12) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
}

html[lang="en"] .ft-service-card-list .ft-check-icon svg {
  width: 12px !important;
  height: 12px !important;
  fill: #7B61FF !important;
}

/* 桌面端 Bento 服务卡片 4 列网格排版 */
@media (min-width: 1101px) {
  html[lang="en"] .ft-service-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: clamp(14px, 1.4vw, 20px) !important;
  }

  html[lang="en"] .ft-service-card {
    flex: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 30px 24px 28px 24px !important;
  }

  html[lang="en"] .ft-service-card:hover {
    transform: translateY(-8px) !important;
    border-color: rgba(123, 97, 255, 0.55) !important;
    box-shadow: 0 22px 45px rgba(123, 97, 255, 0.18) !important;
  }

  html[lang="en"] .ft-service-card-desc p {
    min-height: 68px !important;
  }
}

/* ==========================================================================
   套餐价格卡片 (Pricing Cards) - 统一锁定为高端纯白卡片 + 深色精致文字 (图2)
   规范排版节奏（立正、对称、对齐）
   ========================================================================== */
html[lang="en"] .ft-pricing-card {
  background: #ffffff !important;
  border: 1px solid rgba(226, 232, 240, 0.8) !important;
  border-radius: 24px !important;
  padding: 48px 28px 36px 28px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03) !important;
  color-scheme: light !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
}

html[lang="en"] .ft-pricing-card:hover {
  border-color: var(--ft-purple, #7B61FF) !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.08) !important;
  transform: translateY(-8px);
}

/* 价格卡片主标题 (深色字，完全对齐图2) */
html[lang="en"] .ft-pricing-card .ft-title {
  font-family: var(--ft-en-font-display) !important;
  font-size: 1.35rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.018em !important;
  line-height: 1.25 !important;
  color: #2D3748 !important;
  -webkit-text-fill-color: #2D3748 !important;
  margin-bottom: 8px !important;
  text-align: center !important;
}

/* 价格卡片副标题/描述 (锁定统一高度与平衡排版，保证价格基准线完美水平对齐) */
html[lang="en"] .ft-pricing-card .ft-desc {
  font-family: var(--ft-en-font-text) !important;
  font-size: 0.88rem !important;
  line-height: 1.45 !important;
  color: #718096 !important;
  margin-bottom: 16px !important;
  min-height: 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  text-wrap: balance !important;
}

/* 货币符号 (深色) */
html[lang="en"] .ft-pricing-card .ft-currency {
  font-family: var(--ft-en-font-display) !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  color: #2D3748 !important;
  -webkit-text-fill-color: #2D3748 !important;
  margin-right: 3px !important;
  transform: translateY(-8px) !important;
}

/* 价格数字后的税费标签 (+TAX) */
html[lang="en"] .ft-pricing-card .ft-tax {
  font-family: var(--ft-en-font-mono) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #CBD5E0 !important;
  margin-left: 6px !important;
  text-transform: uppercase !important;
}

/* 分割线 */
html[lang="en"] .ft-pricing-card .ft-divider {
  width: 100% !important;
  height: 1px !important;
  background: #E2E8F0 !important;
  margin: 24px 0 !important;
}

/* 功能特性列表容器 (统一定宽居中，确保所有勾选图标在三张卡片中精准垂直对齐) */
html[lang="en"] .ft-pricing-card .ft-features {
  width: 100% !important;
  max-width: 320px !important;
  margin: 0 auto auto auto !important;
  padding: 0 !important;
  list-style: none !important;
  text-align: left !important;
}

/* 功能特性列表项 (深色字，桌面端保持单行严整立正，无孤字掉行) */
html[lang="en"] .ft-pricing-card .ft-item,
html[lang="en"] .ft-pricing-card .ft-features li {
  font-family: var(--ft-en-font-text) !important;
  font-size: 0.90rem !important;
  line-height: 1.45 !important;
  letter-spacing: -0.006em !important;
  color: #2D3748 !important;
  -webkit-text-fill-color: #2D3748 !important;
  font-weight: 450 !important;
  position: relative !important;
  padding-left: 28px !important;
  margin-bottom: 14px !important;
  text-align: left !important;
  white-space: nowrap !important;
  display: block !important;
}

html[lang="en"] .ft-pricing-card .ft-item:last-child,
html[lang="en"] .ft-pricing-card .ft-features li:last-child {
  margin-bottom: 0 !important;
}

/* 特性勾选图标 (基准定位对齐文字首行首字母) */
html[lang="en"] .ft-pricing-card .ft-icon {
  position: absolute !important;
  left: 0 !important;
  top: 1px !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html[lang="en"] .ft-pricing-card .ft-check {
  width: 100% !important;
  height: 100% !important;
  fill: #7B61FF !important;
}

/* 按钮位置与间距 */
html[lang="en"] .ft-pricing-card .ft-btn {
  font-family: var(--ft-en-font-text) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: -0.005em !important;
  margin-top: 32px !important;
  padding: 13px 0 !important;
}

/* 底部交付周期标签 (灰调) */
html[lang="en"] .ft-pricing-card .ft-delivery {
  font-family: var(--ft-en-font-mono) !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  color: #718096 !important;
  text-transform: uppercase !important;
  margin-top: 14px !important;
  text-align: center !important;
}

/* 顶部导航栏与下拉项：高可读性西文交互排版 */
html[lang="en"] .ft-nav-link {
  font-family: var(--ft-en-font-text) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
}

html[lang="en"] .ft-logo-name {
  font-family: var(--ft-en-font-display) !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
}

html[lang="en"] .ft-lang-switch,
html[lang="en"] .ft-lang-trigger {
  font-family: var(--ft-en-font-text) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  letter-spacing: -0.005em !important;
}

/* 交互按钮层：Plus Jakarta Sans 紧凑有力的触控感 */
html[lang="en"] .ft-standalone-btn,
html[lang="en"] .ft-html-btn-secondary,
html[lang="en"] .ft-btn,
html[lang="en"] .ft-header-cta,
html[lang="en"] .ft-mobile-cta-btn,
html[lang="en"] .form-submit-btn {
  font-family: var(--ft-en-font-display) !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
}

html[lang="en"] .ft-standalone-btn,
html[lang="en"] .ft-html-btn-secondary {
  font-size: 16px !important;
  width: auto !important;
  min-width: 185px !important;
  height: 52px !important;
  padding: 0 36px !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  border-radius: 9999px !important;
}

/* ==========================================================================
   ROLE 1: 视觉冲击层 (Visual Impact Layer)
   大标题 (H1 / H2 / H3) 与 价格大数字
   ========================================================================== */
html[lang="en"] h1,
html[lang="en"] h2,
html[lang="en"] h3,
html[lang="en"] .ft-hero-title,
html[lang="en"] .ft-hero-subtitle,
html[lang="en"] .ft-section-title-white,
html[lang="en"] .ft-section-title-dark,
html[lang="en"] .ft-faq-question {
  font-family: var(--ft-en-font-display) !important;
}

/* 1. Hero 桌面端标题排版：层次分明、字形利落透气 (双行独立完整呈现，严禁折行) */
html[lang="en"] .ft-hero-title {
  font-size: clamp(2.35rem, 3.6vw, 3.4rem) !important;
  font-weight: 750 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.025em !important;
  color: #0F172A !important;
  margin-bottom: 8px !important;
  white-space: nowrap !important;
}

html[lang="en"] .ft-hero-subtitle {
  font-size: clamp(2.1rem, 3.2vw, 3.05rem) !important;
  font-weight: 700 !important;
  line-height: 1.18 !important;
  letter-spacing: -0.02em !important;
  color: #0F172A !important;
  margin-bottom: 22px !important;
  white-space: nowrap !important;
}

/* 平板过渡区间 (768px - 1024px)：平衡比例，释放灯泡空间，消除内距并放大视觉效果 */
@media (min-width: 768px) and (max-width: 1024px) {
  html[lang="en"] .ft-hero-inner {
    align-items: center !important;
    gap: 10px !important;
  }
  html[lang="en"] .ft-hero-content {
    flex: 1.15 !important;
    width: 55% !important;
    max-width: 55% !important;
  }
  html[lang="en"] .ft-hero-visual {
    flex: 0.95 !important;
    width: 45% !important;
    max-width: 45% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin-right: 15px !important;
  }
  html[lang="en"] .ft-hero-visual .bulb-animation-container {
    padding: 0 !important;
    min-height: unset !important;
    height: auto !important;
    width: 100% !important;
    max-width: 420px !important;
    overflow: visible !important;
  }
  html[lang="en"] .ft-hero-visual .stage-container {
    width: 100% !important;
    max-width: 100% !important;
    transform: scale(1.22) !important;
    transform-origin: center center !important;
  }
  html[lang="en"] .hero-subtitle-long {
    font-size: 11.5px !important;
    padding: 5px 12px !important;
    margin-top: 8px !important;
    margin-bottom: 12px !important;
    letter-spacing: 0.05em !important;
  }
  html[lang="en"] .ft-hero-title {
    font-size: clamp(2.25rem, 3.6vw, 2.9rem) !important;
    line-height: 1.15 !important;
    letter-spacing: -0.025em !important;
    white-space: nowrap !important;
    margin-bottom: 8px !important;
  }
  html[lang="en"] .ft-hero-subtitle {
    font-size: clamp(1.95rem, 3.1vw, 2.55rem) !important;
    line-height: 1.18 !important;
    letter-spacing: -0.02em !important;
    white-space: nowrap !important;
    margin-bottom: 16px !important;
  }
  html[lang="en"] .ft-hero-desc {
    font-size: 14.5px !important;
    line-height: 1.6 !important;
    max-width: 460px !important;
    margin-bottom: 18px !important;
  }
  html[lang="en"] .ft-hero-actions {
    margin-bottom: 14px !important;
    gap: 16px !important;
  }
  html[lang="en"] .ft-hero-trust-badges {
    gap: 14px !important;
    margin-top: 2px !important;
    margin-bottom: 6px !important;
  }
  html[lang="en"] .ft-trust-pill {
    font-size: 12px !important;
  }
}

html[lang="en"] .ft-hero-subtitle .brand-gradient {
  display: inline;
}

/* Hero 信任背书微徽章 (Micro-Proof Badges) */
html[lang="en"] .ft-hero-trust-badges {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: clamp(12px, 1.4vw, 20px);
  margin-top: 8px;
  margin-bottom: 12px;
}

html[lang="en"] .ft-trust-pill {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-family: var(--ft-en-font-text) !important;
  font-size: clamp(12px, 0.95vw, 13.5px) !important;
  font-weight: 550 !important;
  color: #64748B !important;
  letter-spacing: -0.005em;
  line-height: 1;
  white-space: nowrap !important;
}

html[lang="en"] .ft-trust-pill svg {
  color: #6366F1;
  flex-shrink: 0;
}

/* 当宽度不够（<= 1200px）时，隐藏 5-Day Fast Delivery 标签，只显示后两个标签并保持单行精致呈现 */
@media (max-width: 1200px) {
  html[lang="en"] .ft-hero-trust-badges .ft-trust-pill-delivery,
  html[lang="en"] .ft-hero-trust-badges .ft-trust-pill:first-child {
    display: none !important;
  }
}

/* 2. 各板块核心主大标题 (Primary Headline，呼应中文 48px 视觉标准) */
html[lang="en"] .ft-section-title-white,
html[lang="en"] .ft-section-title-dark {
  font-family: var(--ft-en-font-display) !important;
  font-size: clamp(2.1rem, 3.2vw, 3rem) !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.025em !important;
  text-wrap: balance;
  margin-top: 12px !important;
  margin-bottom: 34px !important;
}

html[lang="en"] .ft-section-title-dark {
  color: #0F172A !important;
}

html[lang="en"] .ft-section-title-white {
  color: #FFFFFF !important;
}

/* 3. 各板块副标题 / 引导总述大标题 (Secondary Headline，对照中文 2rem/32px 双层大标题比例) */
html[lang="en"] .ft-section-subtitle-white,
html[lang="en"] .ft-section-subtitle-dark {
  font-family: var(--ft-en-font-display) !important;
  font-size: clamp(1.35rem, 1.85vw, 1.85rem) !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.015em !important;
  text-transform: none !important;
  text-wrap: balance;
  margin-top: 75px !important;
  margin-bottom: 0 !important;
}

html[lang="en"] .ft-section-subtitle-dark {
  color: #0F172A !important; /* 浅色背景下使用与主标题一致的深色，纯净沉稳 */
}

html[lang="en"] .ft-section-subtitle-white {
  color: #FFFFFF !important; /* 暗色底下的纯白副标题，纯净明朗 */
}

/* 4. FAQ 标题排版 (纯粹干练单层主标题，消除臃肿感) */
html[lang="en"] .ft-faq-section .ft-section-title-dark {
  font-family: var(--ft-en-font-display) !important;
  font-size: clamp(2rem, 3.2vw, 2.75rem) !important;
  font-weight: 700 !important;
  letter-spacing: -0.016em !important;
  line-height: 1.2 !important;
}

html[lang="en"] .ft-faq-question {
  font-family: var(--ft-en-font-display) !important;
  font-size: 1.18rem !important; /* 适度收敛，与正文更协调 */
  font-weight: 500 !important; /* 采用 Medium 500 字重，清秀利落，告别过粗压迫感 */
  letter-spacing: -0.008em !important;
  line-height: 1.45 !important;
  color: #1E293B !important;
  transition: color 0.2s ease, font-weight 0.2s ease !important;
}

html[lang="en"] .ft-faq-item[open] .ft-faq-question {
  color: #6366F1 !important;
  font-weight: 600 !important;
}

html[lang="en"] .ft-faq-answer {
  font-family: var(--ft-en-font-text) !important;
  font-size: 1.05rem !important;
  line-height: 1.72 !important;
  color: #475569 !important;
  letter-spacing: -0.006em !important;
  padding: 6px 32px 30px 93px !important;
}

html[lang="en"] .ft-faq-answer p {
  font-size: inherit !important;
  line-height: inherit !important;
  color: inherit !important;
  margin-bottom: 14px !important;
}

html[lang="en"] .ft-faq-answer p:last-child {
  margin-bottom: 0 !important;
}

html[lang="en"] .ft-faq-answer strong {
  color: #0F172A !important;
  font-weight: 700 !important;
}

html[lang="en"] .ft-faq-answer a {
  color: #6366F1 !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  transition: color 0.2s ease !important;
}

html[lang="en"] .ft-faq-answer a:hover {
  color: #F9736F !important;
}

/* 5. 核心价格数字雕塑感 ($599 等大数字) */
html[lang="en"] .ft-price-wrapper {
  font-family: var(--ft-en-font-display) !important;
}

html[lang="en"] .ft-currency {
  font-family: var(--ft-en-font-display) !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
}

html[lang="en"] .ft-price {
  font-family: var(--ft-en-font-display) !important;
  font-size: 60px !important;
  font-weight: 800 !important;
  line-height: 0.95 !important;
  letter-spacing: -0.035em !important;
}

/* ==========================================================================
   ROLE 3: 科技与数据点缀层 (Tech & Data Accent Layer)
   等宽字体 (JetBrains Mono) + 小号大写胶囊标签 + 呼吸感字距
   ========================================================================== */
html[lang="en"] .hero-subtitle-long,
html[lang="en"] .ft-badge,
html[lang="en"] .ft-delivery,
html[lang="en"] .ft-tax,
html[lang="en"] code,
html[lang="en"] pre,
html[lang="en"] .ft-code-tag,
html[lang="en"] .ft-mono-badge {
  font-feature-settings: "liga" 1, "calt" 1, "zero" 1;
}

/* Hero 顶部胶囊眉题 (Pill Badge) */
html[lang="en"] .hero-subtitle-long {
  font-family: var(--ft-en-font-display) !important;
  font-size: 0.8125rem !important; /* 13px */
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: #6366F1 !important;
  background: rgba(99, 102, 241, 0.08) !important;
  border: 1px solid rgba(99, 102, 241, 0.2) !important;
  padding: 7px 18px !important;
  border-radius: 9999px !important;
  box-shadow: 0 2px 10px rgba(99, 102, 241, 0.06) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: clamp(14px, 2vw, 24px) !important;
  margin-bottom: 14px !important;
  white-space: nowrap !important;
}

html[lang="en"] .hero-subtitle-long .pill-dot {
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #10B981;
  box-shadow: 0 0 10px rgba(16, 185, 129, 0.7);
  margin-right: 4px;
}

/* 定价卡片顶部科技胶囊徽章 (POPULAR CHOICE / FAST TRACK) */
html[lang="en"] .ft-badge {
  font-family: var(--ft-en-font-mono) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  padding: 6px 18px !important;
  border-radius: 9999px !important;
}

/* 交付时间周期参数标签 (5-DAY FAST TURNAROUND) */
html[lang="en"] .ft-delivery {
  font-family: var(--ft-en-font-mono) !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  color: #64748B !important;
}

/* 价格后缀 (+TAX) */
html[lang="en"] .ft-tax {
  font-family: var(--ft-en-font-mono) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

/* 代码与行内参数标签 */
html[lang="en"] code {
  font-family: var(--ft-en-font-mono) !important;
  font-size: 0.88em !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  color: #6366F1 !important;
  background: rgba(99, 102, 241, 0.08) !important;
  padding: 3px 7px !important;
  border-radius: 5px !important;
  border: 1px solid rgba(99, 102, 241, 0.15) !important;
}

/* ==========================================================================
   板块垂直间距与节奏调优 (Section Spacing & Transition Cadence)
   ========================================================================== */
html[lang="en"] .ft-service-section {
  padding-bottom: 70px !important;
}

html[lang="en"] .ft-works-section .ft-section-subtitle-dark {
  margin-top: 70px !important;
}

html[lang="en"] .ft-works-section {
  padding-bottom: 70px !important;
}

html[lang="en"] .ft-plans-section .ft-section-subtitle-white {
  margin-top: 70px !important;
}

html[lang="en"] .ft-plans-section {
  padding-bottom: 60px !important;
}

html[lang="en"] .ft-plans-section .ft-section-title-white {
  margin-bottom: 52px !important;
}

html[lang="en"] .ft-faq-section {
  padding-top: 0 !important;
  padding-bottom: 80px !important;
}

html[lang="en"] .ft-faq-section .ft-section-title-dark {
  margin-top: 75px !important;
  margin-bottom: 36px !important;
}

@media (min-width: 768px) and (max-width: 1100px) {
  html[lang="en"] .ft-service-section .ft-section-title-white {
    margin-bottom: 24px !important;
  }
  html[lang="en"] .ft-plans-section .ft-section-title-white {
    margin-bottom: 40px !important;
  }
  html[lang="en"] .ft-faq-section .ft-section-title-dark {
    margin-bottom: 14px !important;
  }
}

html[lang="en"] .ft-contact-section .ft-section-subtitle-dark {
  margin-top: 70px !important;
}

/* ==========================================================================
   移动端响应式微调 (Mobile Optimization < 768px)
   重塑层次，告别 4 行笨重粗字体
   ========================================================================== */
@media (max-width: 767px) {
  /* 移动端展示精致紧凑的 Eyebrow 胶囊，增强信任感 */
  html[lang="en"] .hero-subtitle-long {
    display: inline-flex !important;
    font-size: clamp(9.5px, 2.7vw, 11px) !important;
    padding: 5px 12px !important;
    letter-spacing: 0.04em !important;
    margin: 6px auto 10px auto !important;
    text-align: center;
    max-width: 95% !important;
    white-space: nowrap !important;
  }

  /* 移动端 H1: 优雅舒展，字重 750，字距透气，强制单行呈现 */
  html[lang="en"] .ft-hero-title {
    font-size: clamp(1.4rem, 6vw, 2.05rem) !important;
    font-weight: 750 !important;
    line-height: 1.2 !important;
    letter-spacing: -0.02em !important;
    color: #0F172A !important;
    text-align: center !important;
    margin-bottom: 6px !important;
    white-space: nowrap !important;
  }

  /* 移动端 H2: 尺寸精准自适应，粉紫渐变干净利落，强制单行绝不折行 */
  html[lang="en"] .ft-hero-subtitle {
    font-size: clamp(1.15rem, 4.8vw, 1.68rem) !important;
    font-weight: 700 !important;
    line-height: 1.22 !important;
    letter-spacing: -0.018em !important;
    color: #0F172A !important;
    text-align: center !important;
    margin-bottom: 14px !important;
    white-space: nowrap !important;
  }

  /* 移动端灯泡下方说明 */
  html[lang="en"] .ft-hero-desc-mobile {
    font-size: 13.5px !important;
    line-height: 1.55 !important;
    color: #64748B !important;
    font-weight: 500 !important;
    letter-spacing: -0.005em !important;
    margin: 10px auto 16px auto !important;
  }

  /* 移动端隐藏 3 枚信任徽章 (5-Day Fast Delivery / High-Converting Design / Google SEO Ready) */
  html[lang="en"] .ft-hero-trust-badges {
    display: none !important;
  }

  /* 移动端各板块大标题 */
  html[lang="en"] .ft-section-title-white,
  html[lang="en"] .ft-section-title-dark {
    font-size: clamp(1.6rem, 5.8vw, 2.1rem) !important;
    line-height: 1.2 !important;
    letter-spacing: -0.02em !important;
    font-weight: 800 !important;
    margin-top: 8px !important;
    margin-bottom: 22px !important;
    word-break: normal;
    overflow-wrap: break-word;
  }

  html[lang="en"] .ft-section-subtitle-white,
  html[lang="en"] .ft-section-subtitle-dark {
    font-size: clamp(1.05rem, 3.8vw, 1.25rem) !important;
    line-height: 1.3 !important;
    letter-spacing: -0.01em !important;
    font-weight: 600 !important;
    text-transform: none !important;
    margin-top: 50px !important;
    margin-bottom: 0 !important;
  }

  html[lang="en"] .ft-service-card-title {
    font-size: 1.15rem !important;
  }

  /* 移动端按钮触控 */
  html[lang="en"] .ft-standalone-btn,
  html[lang="en"] .ft-html-btn-secondary {
    font-size: 15.5px !important;
    min-width: 180px !important;
    height: 48px !important;
    padding: 0 28px !important;
  }

  html[lang="en"] .ft-hero-btn-secondary {
    display: none !important;
  }
}

/* ==========================================================================
   方案 A：小平板与大屏设备专区 (iPad Mini 竖屏 / Phablet: 481px ~ 767px)
   解除手机尺寸枷锁，灯泡大解放，字号饱满，恢复双 CTA 按钮
   ========================================================================== */
@media (min-width: 481px) and (max-width: 767px) {
  /* 1. 顶部胶囊标签：更开阔精致 */
  html[lang="en"] .hero-subtitle-long {
    font-size: 12px !important;
    padding: 6px 18px !important;
    margin: 16px auto 18px auto !important;
  }

  /* 2. 标题尺寸提升（iPad Mini 744px 上达 38px / 32px，威严饱满） */
  html[lang="en"] .ft-hero-title {
    font-size: clamp(2.1rem, 5.2vw, 2.75rem) !important;
    line-height: 1.16 !important;
    letter-spacing: -0.025em !important;
    margin-bottom: 8px !important;
    white-space: nowrap !important;
  }

  html[lang="en"] .ft-hero-subtitle {
    font-size: clamp(1.75rem, 4.3vw, 2.3rem) !important;
    line-height: 1.2 !important;
    letter-spacing: -0.02em !important;
    margin-bottom: 16px !important;
    white-space: nowrap !important;
  }

  /* 3. 灯泡尺寸大解放：解除 340px 枷锁，扩大到 440px，丰满充盈 */
  html[lang="en"] .ft-hero-visual .bulb-animation-container {
    width: min(68vw, 440px) !important;
    max-width: 440px !important;
    margin: 10px auto 22px auto !important;
  }

  html[lang="en"] .ft-hero-visual .stage-container {
    width: 100% !important;
    max-width: 100% !important;
    transform: scale(1.15) !important;
    transform-origin: center center !important;
  }

  /* 4. 移动端正文描述：适度舒展 */
  html[lang="en"] .ft-hero-desc-mobile {
    font-size: 15px !important;
    max-width: 560px !important;
    line-height: 1.68 !important;
    margin: 14px auto 24px auto !important;
    color: #475569 !important;
  }

  /* 5. 恢复双 CTA 按钮并排居中显示 */
  html[lang="en"] .ft-hero-actions {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 16px !important;
    margin-bottom: 18px !important;
  }

  html[lang="en"] .ft-hero-actions .ft-standalone-btn {
    font-size: 15.5px !important;
    min-width: 180px !important;
    height: 48px !important;
    padding: 0 28px !important;
    margin: 0 !important;
  }

  html[lang="en"] .ft-hero-btn-secondary {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 15px !important;
    min-width: 170px !important;
    height: 48px !important;
    padding: 0 26px !important;
    margin: 0 !important;
  }
}

@media (max-width: 1100px) {
  html[lang="en"] .ft-pricing-card .ft-item,
  html[lang="en"] .ft-pricing-card .ft-features li {
    white-space: normal !important;
  }
  html[lang="en"] .ft-pricing-card .ft-desc {
    min-height: auto !important;
  }
  /* Bento 服务卡片在平板与手机端保持与电脑端高度一致的紧凑高阶质感 */
  html[lang="en"] .ft-service-card {
    flex: 0 0 285px !important;
    width: 285px !important;
    min-width: 285px !important;
    max-width: 285px !important;
    padding: 26px 22px 24px 22px !important;
    border-radius: 22px !important;
    border: 1px solid rgba(226, 232, 240, 0.9) !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.06) !important;
  }

  html[lang="en"] .ft-service-card-icon {
    margin-bottom: 14px !important;
  }

  html[lang="en"] .ft-service-card-icon svg {
    width: 48px !important;
    height: 48px !important;
  }

  html[lang="en"] .ft-service-card-title {
    font-family: var(--ft-en-font-display, 'Inter', sans-serif) !important;
    font-size: 1.15rem !important;
    font-weight: 700 !important;
    color: #0F172A !important;
    margin: 0 0 8px 0 !important;
    line-height: 1.3 !important;
    letter-spacing: -0.02em !important;
    white-space: nowrap !important;
    min-height: auto !important;
    display: block !important;
  }

  html[lang="en"] .ft-service-card-desc {
    min-height: auto !important;
    margin: 0 !important;
  }

  html[lang="en"] .ft-service-card-desc p {
    font-family: var(--ft-en-font-text, 'Inter', sans-serif) !important;
    font-size: 0.86rem !important;
    line-height: 1.5 !important;
    color: #475569 !important;
    margin: 0 !important;
    min-height: 62px !important;
  }

  html[lang="en"] .ft-service-card-divider {
    height: 1px !important;
    background: linear-gradient(90deg, #E2E8F0 0%, rgba(226, 232, 240, 0.2) 100%) !important;
    margin-top: 16px !important;
    margin-bottom: 12px !important;
    border: none !important;
  }

  html[lang="en"] .ft-service-card-deliverables-label {
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    color: #94A3B8 !important;
    margin-bottom: 10px !important;
    text-transform: uppercase !important;
  }

  html[lang="en"] .ft-service-card-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 9px !important;
    width: 100% !important;
  }

  html[lang="en"] .ft-service-card-list li {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 0.84rem !important;
    font-weight: 500 !important;
    color: #334155 !important;
    line-height: 1.35 !important;
    white-space: nowrap !important;
  }

  html[lang="en"] .ft-service-card-list .ft-check-icon {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    border-radius: 50% !important;
    background: rgba(123, 97, 255, 0.12) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
  }

  html[lang="en"] .ft-service-card-list .ft-check-icon svg {
    width: 12px !important;
    height: 12px !important;
    fill: #7B61FF !important;
  }
}

@media (max-width: 767px) {

  /* 移动端服务卡片尺寸紧凑化 (与桌面端保持一致的高端精致质感) */
  html[lang="en"] .ft-service-card {
    flex: 0 0 clamp(270px, 78vw, 285px) !important;
    width: clamp(270px, 78vw, 285px) !important;
    min-width: clamp(270px, 78vw, 285px) !important;
    max-width: 285px !important;
    padding: 24px 20px 22px 20px !important;
  }
  html[lang="en"] .ft-service-card-title {
    font-size: 1.12rem !important;
  }

  /* 移动端价格卡片排版紧凑化与图2浅色卡片保持一致 */
  html[lang="en"] .ft-pricing-card .ft-title {
    font-size: 20px !important;
    color: #2D3748 !important;
    -webkit-text-fill-color: #2D3748 !important;
    margin-bottom: 6px !important;
  }

  html[lang="en"] .ft-pricing-card .ft-desc {
    font-size: 13px !important;
    line-height: 1.45 !important;
    color: #718096 !important;
    margin-bottom: 12px !important;
  }

  html[lang="en"] .ft-pricing-card .ft-item,
  html[lang="en"] .ft-pricing-card .ft-features li {
    font-size: 13.5px !important;
    line-height: 1.45 !important;
    color: #2D3748 !important;
    -webkit-text-fill-color: #2D3748 !important;
    margin-bottom: 10px !important;
  }

  html[lang="en"] .ft-pricing-card .ft-delivery {
    font-size: 11.5px !important;
    color: #718096 !important;
    margin-top: 10px !important;
  }

  html[lang="en"] .ft-plans-section {
    padding-bottom: 40px !important;
  }
  html[lang="en"] .ft-plans-section .ft-section-title-white {
    margin-bottom: 38px !important;
  }

  html[lang="en"] .ft-faq-section {
    padding-top: 0 !important;
    padding-bottom: 55px !important;
  }

  html[lang="en"] .ft-faq-section .ft-section-title-dark {
    font-size: clamp(1.5rem, 5.5vw, 1.95rem) !important;
    font-weight: 700 !important;
    margin-top: 40px !important;
    margin-bottom: 22px !important;
  }

  /* 移动端 FAQ 尺寸与自适应内边距 */
  html[lang="en"] .ft-faq-summary {
    padding: 14px 16px !important;
  }

  html[lang="en"] .ft-faq-icon-square {
    width: 36px !important;
    height: 36px !important;
    border-radius: 10px !important;
    margin-right: 14px !important;
  }

  html[lang="en"] .ft-faq-icon-square svg {
    width: 16px !important;
    height: 16px !important;
  }

  html[lang="en"] .ft-faq-question {
    font-size: 1.02rem !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    letter-spacing: -0.006em !important;
    color: #1E293B !important;
  }

  html[lang="en"] .ft-faq-answer {
    font-size: 0.95rem !important;
    line-height: 1.62 !important;
    padding: 4px 16px 20px 16px !important;
  }
}

/* ==========================================================================
   Showcase Page (Portfolio) - English Typography Spec (Scheme A: Plus Jakarta Sans)
   ========================================================================== */
html[lang="en"] .ft-showcase-page {
  font-family: var(--ft-en-font-text, "Plus Jakarta Sans", sans-serif);
}

html[lang="en"] .ft-showcase-header {
  margin-bottom: 0 !important;
}

html[lang="en"] .ft-showcase-subtitle {
  font-family: var(--ft-en-font-display, "Plus Jakarta Sans", sans-serif) !important;
  font-size: clamp(1.4rem, 2.2vw, 1.95rem) !important;
  font-weight: 600 !important;
  letter-spacing: -0.018em !important;
  line-height: 1.25 !important;
  color: #0F172A !important;
  margin: 0 0 12px 0 !important;
}

html[lang="en"] .ft-showcase-title {
  font-family: var(--ft-en-font-display, "Plus Jakarta Sans", sans-serif) !important;
  font-size: clamp(32px, 3.8vw, 54px) !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.025em !important;
  color: #0D0D16 !important;
  margin: 0 0 46px 0 !important;
}

html[lang="en"] .ft-card-tag {
  font-family: var(--ft-en-font-display, "Plus Jakarta Sans", sans-serif) !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0.015em !important;
  color: #475569 !important;
  background-color: #FFFFFF !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
  border-radius: 50px !important;
}

html[lang="en"] .ft-card-title {
  font-family: var(--ft-en-font-display, "Plus Jakarta Sans", sans-serif) !important;
  font-size: clamp(1.22rem, 1.35vw, 1.38rem) !important;
  font-weight: 700 !important;
  line-height: 1.28 !important;
  letter-spacing: -0.02em !important;
  color: #0F172A !important;
  margin: 0 0 6px 0 !important;
  text-wrap: balance !important;
}

/* 方案 1：独立地理位置信息行 (Dedicated Location Bar) */
html[lang="en"] .ft-card-location {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  font-family: var(--ft-en-font-text, "Plus Jakarta Sans", sans-serif) !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  color: #64748B !important;
  letter-spacing: 0.01em !important;
  margin-bottom: 8px !important;
  line-height: 1.3 !important;
}

html[lang="en"] .ft-card-location .ft-location-pin {
  width: 13px !important;
  height: 13px !important;
  color: #7B61FF !important;
  flex-shrink: 0 !important;
}

html[lang="en"] .ft-card-desc {
  font-family: var(--ft-en-font-text, "Plus Jakarta Sans", sans-serif) !important;
  font-size: 0.88rem !important;
  line-height: 1.62 !important;
  letter-spacing: -0.006em !important;
  color: #64748B !important;
  padding: 4px 0 0 0 !important;
}

html[lang="en"] .custom-showcase-modal .modal-title {
  font-family: var(--ft-en-font-display, "Plus Jakarta Sans", sans-serif) !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  color: #0F172A !important;
  margin-bottom: 4px !important;
}

html[lang="en"] .modal-location {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-family: var(--ft-en-font-text, "Plus Jakarta Sans", sans-serif) !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: #64748B !important;
  margin-bottom: 12px !important;
}

html[lang="en"] .modal-location .ft-location-pin {
  width: 14px !important;
  height: 14px !important;
  color: #7B61FF !important;
  flex-shrink: 0 !important;
}

html[lang="en"] .custom-showcase-modal .modal-desc {
  font-family: var(--ft-en-font-text, "Plus Jakarta Sans", sans-serif) !important;
  font-size: 0.95rem !important;
  line-height: 1.68 !important;
  color: #475569 !important;
}

@media (max-width: 1024px) {
  html[lang="en"] .ft-showcase-subtitle {
    font-size: 26px !important;
    margin-bottom: 10px !important;
  }
  html[lang="en"] .ft-showcase-title {
    font-size: 44px !important;
    margin-bottom: 36px !important;
  }
}

@media (max-width: 767px) {
  html[lang="en"] .ft-showcase-subtitle {
    font-size: 18px !important;
    margin-bottom: 8px !important;
  }
  html[lang="en"] .ft-showcase-title {
    font-size: 26px !important;
    margin-bottom: 24px !important;
  }
  html[lang="en"] .ft-card-title {
    font-size: 1.18rem !important;
  }
}

/* ==========================================================================
   Project Onboard Form Typography (Scheme A: Plus Jakarta Sans)
   ========================================================================== */
html[lang="en"] .ft-onboard-subtitle {
  font-family: var(--ft-en-font-display, "Plus Jakarta Sans", sans-serif) !important;
  font-size: clamp(1.25rem, 2.2vw, 1.85rem) !important;
  font-weight: 600 !important;
  letter-spacing: -0.015em !important;
  line-height: 1.25 !important;
  color: #0F172A !important;
  margin-bottom: 8px !important;
  text-align: center !important;
}

html[lang="en"] .ft-onboard-title {
  font-family: var(--ft-en-font-display, "Plus Jakarta Sans", sans-serif) !important;
  font-size: clamp(32px, 3.8vw, 54px) !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.025em !important;
  color: #0D0D16 !important;
  margin: 8px 0 48px 0 !important;
  text-align: center !important;
  text-wrap: balance !important;
}

html[lang="en"] .ft-step-title {
  font-family: var(--ft-en-font-display, "Plus Jakarta Sans", sans-serif) !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
}

html[lang="en"] .ft-step-icon {
  font-family: var(--ft-en-font-mono, "JetBrains Mono", monospace) !important;
  font-weight: 700 !important;
  font-size: 15px !important;
}

html[lang="en"] .ft-label-text {
  font-family: var(--ft-en-font-display, "Plus Jakarta Sans", sans-serif) !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  letter-spacing: -0.015em !important;
  color: #0F172A !important;
}

html[lang="en"] .ft-label-note {
  font-family: var(--ft-en-font-text, "Plus Jakarta Sans", sans-serif) !important;
  font-weight: 400 !important;
  font-size: 13.5px !important;
  color: #64748B !important;
}

html[lang="en"] .ft-choice-text {
  font-family: var(--ft-en-font-text, "Plus Jakarta Sans", sans-serif) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  letter-spacing: -0.005em !important;
  color: #334155 !important;
}

html[lang="en"] .ft-input,
html[lang="en"] .ft-textarea {
  font-family: var(--ft-en-font-text, "Plus Jakarta Sans", "Inter", sans-serif) !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #0F172A !important;
  letter-spacing: -0.005em !important;
  padding: 15px 18px !important;
}

html[lang="en"] .ft-input::placeholder,
html[lang="en"] .ft-textarea::placeholder {
  font-family: var(--ft-en-font-text, "Plus Jakarta Sans", "Inter", sans-serif) !important;
  font-size: 15.5px !important;
  color: #94A3B8 !important;
  font-weight: 400 !important;
  letter-spacing: -0.002em !important;
  opacity: 0.9 !important;
}

html[lang="en"] .ft-nav-btn,
html[lang="en"] .ft-submit-btn {
  font-family: var(--ft-en-font-display, "Plus Jakarta Sans", sans-serif) !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
}

html[lang="en"] .ft-validation-msg {
  font-family: var(--ft-en-font-text, "Plus Jakarta Sans", sans-serif) !important;
  font-size: 13px !important;
}

@media (min-width: 768px) and (max-width: 1024px) {
  html[lang="en"] .ft-label-text {
    font-size: 15.5px !important;
  }
  html[lang="en"] .ft-choice-text {
    font-size: 14px !important;
  }
  html[lang="en"] .ft-input,
  html[lang="en"] .ft-textarea {
    font-size: 15px !important;
    padding: 14px 16px !important;
  }
  html[lang="en"] .ft-input::placeholder,
  html[lang="en"] .ft-textarea::placeholder {
    font-size: 14.5px !important;
  }
}

@media (max-width: 767px) {
  html[lang="en"] .ft-onboard-subtitle {
    font-size: 18px !important;
    margin-bottom: 6px !important;
  }
  html[lang="en"] .ft-onboard-title {
    font-size: 26px !important;
    margin-bottom: 24px !important;
  }
  html[lang="en"] .ft-step-title {
    font-size: 11px !important;
    line-height: 1.2 !important;
    text-align: center !important;
  }
  html[lang="en"] .ft-label-text {
    font-size: 15px !important;
  }
  html[lang="en"] .ft-choice-text {
    font-size: 13px !important;
  }
  html[lang="en"] .ft-input,
  html[lang="en"] .ft-textarea {
    font-size: 14.5px !important;
    padding: 13px 15px !important;
  }
  html[lang="en"] .ft-input::placeholder,
  html[lang="en"] .ft-textarea::placeholder {
    font-size: 13.8px !important;
  }
}

/* ==========================================================================
   ROLE: Locations Hub (Service Areas) Typography & Design System
   ========================================================================== */
html[lang="en"] .ft-loc-hero-title {
  font-family: var(--ft-en-font-display) !important;
  font-size: clamp(2.3rem, 2.8vw, 3.1rem) !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.025em !important;
  color: #0F172A !important;
  margin: 0 0 6px 0 !important;
}

html[lang="en"] .ft-loc-hero-title-gradient {
  font-family: var(--ft-en-font-display) !important;
  font-size: clamp(2.3rem, 2.8vw, 3.1rem) !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.025em !important;
  margin: 0 0 24px 0 !important;
}

html[lang="en"] .ft-loc-hero-desc p {
  font-family: var(--ft-en-font-text) !important;
  font-size: clamp(1rem, 1.15vw, 1.08rem) !important;
  line-height: 1.68 !important;
  letter-spacing: -0.008em !important;
  color: #475569 !important;
}

/* Bento Grid 卡片呼吸感与右上角高对比度水印图标规范 (Hero Cards Breathing Room & Icon Contrast) */
html[lang="en"] .ft-loc-hero-inner {
  align-items: center !important;
}

html[lang="en"] .fm-services-grid {
  gap: 18px !important;
  max-width: 600px !important;
}

html[lang="en"] .fm-service-card {
  position: relative !important;
  overflow: hidden !important;
  padding: 28px 26px 24px 26px !important;
  border-radius: 22px !important;
}

html[lang="en"] .fm-card-icon {
  position: absolute !important;
  top: 22px !important;
  right: 22px !important;
  width: 42px !important;
  height: 42px !important;
  margin: 0 !important;
  pointer-events: none !important;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), color 0.3s ease, opacity 0.3s ease !important;
}

html[lang="en"] .fm-service-card.fm-dark .fm-card-icon {
  color: rgba(255, 255, 255, 0.40) !important;
}

html[lang="en"] .fm-service-card.fm-light .fm-card-icon {
  color: rgba(123, 97, 255, 0.60) !important;
}

html[lang="en"] .fm-service-card:hover .fm-card-icon {
  transform: scale(1.12) rotate(4deg) !important;
}

html[lang="en"] .fm-service-card.fm-dark:hover .fm-card-icon {
  color: rgba(255, 255, 255, 0.75) !important;
}

html[lang="en"] .fm-service-card.fm-light:hover .fm-card-icon {
  color: rgba(123, 97, 255, 0.90) !important;
}

html[lang="en"] .fm-card-title {
  font-family: var(--ft-en-font-display) !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  line-height: 1.32 !important;
  letter-spacing: -0.018em !important;
  margin-bottom: 12px !important;
  margin-top: 0 !important;
  padding-right: 46px !important;
}

html[lang="en"] .fm-card-description {
  font-family: var(--ft-en-font-text) !important;
  font-size: 0.90rem !important;
  line-height: 1.58 !important;
  letter-spacing: -0.005em !important;
  margin-bottom: 18px !important;
  margin-top: 0 !important;
  opacity: 0.88 !important;
}

html[lang="en"] .fm-card-link {
  font-family: var(--ft-en-font-display) !important;
  font-weight: 600 !important;
  font-size: 0.88rem !important;
  letter-spacing: 0.01em !important;
  margin-top: auto !important;
}

/* Cities Section Typography */
html[lang="en"] .ft-loc-cities-subtitle {
  font-family: var(--ft-en-font-mono) !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #7B61FF !important;
  margin-bottom: 10px !important;
}

html[lang="en"] .ft-loc-cities-title {
  font-family: var(--ft-en-font-display) !important;
  font-size: clamp(1.85rem, 2.5vw, 2.45rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.022em !important;
  line-height: 1.25 !important;
  color: #0F172A !important;
  max-width: 1040px !important;
  text-wrap: balance !important;
  margin: 0 auto 20px auto !important;
}

html[lang="en"] .ft-loc-cities-desc p {
  font-family: var(--ft-en-font-text) !important;
  font-size: 1rem !important;
  line-height: 1.68 !important;
  letter-spacing: -0.008em !important;
  color: #475569 !important;
}

html[lang="en"] .ft-country-tab-btn {
  font-family: var(--ft-en-font-display) !important;
  font-size: 0.92rem !important;
  font-weight: 650 !important;
  letter-spacing: -0.01em !important;
}

html[lang="en"] .ft-city-card-title-zh {
  font-family: var(--ft-en-font-display) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: -0.015em !important;
  color: #0F172A !important;
  margin-top: 10px !important;
  line-height: 1.3 !important;
}

html[lang="en"] .ft-city-card-title-en {
  font-family: var(--ft-en-font-mono) !important;
  font-size: 11.5px !important;
  font-weight: 500 !important;
  color: #64748B !important;
  margin-top: 3px !important;
  line-height: 1.3 !important;
  letter-spacing: 0.02em !important;
}

/* Industries Section Typography */
html[lang="en"] .fm-section-header h2 {
  font-family: var(--ft-en-font-display) !important;
  font-size: clamp(1.85rem, 2.6vw, 2.45rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.022em !important;
  line-height: 1.24 !important;
  color: #0F172A !important;
  margin-bottom: 14px !important;
}

html[lang="en"] .fm-section-header p {
  font-family: var(--ft-en-font-text) !important;
  font-size: 1rem !important;
  line-height: 1.68 !important;
  letter-spacing: -0.008em !important;
  color: #475569 !important;
}

html[lang="en"] .fm-industry-card h3 {
  font-family: var(--ft-en-font-display) !important;
  font-size: 1.22rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.018em !important;
  color: #0F172A !important;
  margin-bottom: 10px !important;
  line-height: 1.35 !important;
}

html[lang="en"] .fm-industry-card p {
  font-family: var(--ft-en-font-text) !important;
  font-size: 0.90rem !important;
  line-height: 1.62 !important;
  letter-spacing: -0.005em !important;
  color: #475569 !important;
}

/* Contact Section Typography */
html[lang="en"] .ft-loc-contact-subtitle {
  font-family: var(--ft-en-font-mono) !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #7B61FF !important;
  margin-bottom: 10px !important;
}

html[lang="en"] .ft-loc-contact-title {
  font-family: var(--ft-en-font-display) !important;
  font-size: clamp(1.85rem, 2.6vw, 2.45rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.022em !important;
  line-height: 1.22 !important;
  color: #0F172A !important;
  margin-bottom: 24px !important;
}

@media (min-width: 1025px) {
  html[lang="en"] .ft-loc-hero-content {
    justify-content: flex-start !important;
    padding-top: 16px !important;
  }
  html[lang="en"] .ft-loc-hero-content .hero-subtitle-long {
    margin-top: 0 !important;
    margin-bottom: 18px !important;
  }
}

@media (max-width: 1024px) {
  html[lang="en"] .ft-loc-hero-title,
  html[lang="en"] .ft-loc-hero-title-gradient {
    font-size: clamp(2rem, 3.8vw, 2.6rem) !important;
  }
}

@media (max-width: 767px) {
  html[lang="en"] .ft-loc-hero-title {
    font-size: clamp(1.75rem, 6.2vw, 2.15rem) !important;
    text-align: center !important;
    margin-bottom: 4px !important;
  }
  html[lang="en"] .ft-loc-hero-title-gradient {
    font-size: clamp(1.75rem, 6.2vw, 2.15rem) !important;
    text-align: center !important;
    margin-bottom: 16px !important;
  }
  html[lang="en"] .ft-loc-cities-title {
    font-size: clamp(1.5rem, 5.5vw, 1.85rem) !important;
    text-wrap: balance !important;
  }
  html[lang="en"] .fm-section-header h2,
  html[lang="en"] .ft-loc-contact-title {
    font-size: clamp(1.5rem, 5.5vw, 1.85rem) !important;
  }
  html[lang="en"] .ft-loc-hero-desc p,
  html[lang="en"] .ft-loc-cities-desc p,
  html[lang="en"] .fm-section-header p {
    font-size: 0.94rem !important;
    line-height: 1.55 !important;
    max-width: 94% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* ==========================================================================
   English Locations Single City Pages Typography & Rhythm
   ========================================================================== */
html[lang="en"] .city-hero-title {
  font-family: var(--ft-en-font-display) !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  text-wrap: balance !important;
  font-size: clamp(2.2rem, 3.1vw, 3.25rem) !important;
  font-weight: 800 !important;
  line-height: 1.16 !important;
  letter-spacing: -0.025em !important;
  margin-bottom: 14px !important;
  color: #0D0D16 !important;
  max-width: 640px !important;
}

html[lang="en"] .city-hero-subtitle {
  font-family: var(--ft-en-font-display) !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  text-wrap: balance !important;
  font-size: clamp(1.15rem, 1.4vw, 1.35rem) !important;
  font-weight: 550 !important;
  line-height: 1.48 !important;
  letter-spacing: -0.012em !important;
  margin-bottom: 20px !important;
  color: #334155 !important;
  max-width: 620px !important;
}

html[lang="en"] .city-hero-subtitle .brand-gradient,
.city-hero-subtitle .brand-gradient {
  background: linear-gradient(90deg, #7B61FF, #F9736F) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  display: inline-block !important;
  white-space: nowrap !important;
  font-weight: 700 !important;
}

html[lang="en"] .hero-subtitle-long span {
  font-family: var(--ft-en-font-mono) !important;
  font-size: clamp(0.72rem, 0.9vw, 0.82rem) !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

html[lang="en"] .city-hero-desc p {
  font-family: var(--ft-en-font-text) !important;
  font-size: clamp(0.95rem, 1.05vw, 1.02rem) !important;
  line-height: 1.62 !important;
  letter-spacing: -0.01em !important;
  color: #475569 !important;
  max-width: 580px !important;
  margin-bottom: 24px !important;
}

/* --- 统一全页面 Section 胶囊徽章 (Unified Overline Badges) --- */
/* 浅色板块徽章：Services Hub, FAQ, Contact, Other Cities */
html[lang="en"] .fm-hub-subtitle-badge,
html[lang="en"] .city-faq-badge,
html[lang="en"] .city-contact-tag,
html[lang="en"] .ft-loc-cities-badge,
html[lang="en"] .ft-loc-cities-subtitle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: var(--ft-en-font-mono) !important;
  font-size: clamp(11.5px, 0.85vw, 13px) !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: #7B61FF !important;
  background: rgba(123, 97, 255, 0.08) !important;
  border: 1px solid rgba(123, 97, 255, 0.22) !important;
  padding: 5px 18px !important;
  border-radius: 9999px !important;
  margin-bottom: 14px !important;
  line-height: 1.35 !important;
  width: fit-content !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* 深色板块徽章：Challenges, Pricing Plans */
html[lang="en"] .city-challenge-badge,
html[lang="en"] .ft-section-subtitle-white,
html[lang="en"] .city-plans-section .ft-section-subtitle-white {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: var(--ft-en-font-mono) !important;
  font-size: clamp(11.5px, 0.85vw, 13px) !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: #A5B4FC !important;
  background: rgba(123, 97, 255, 0.14) !important;
  border: 1px solid rgba(123, 97, 255, 0.32) !important;
  padding: 5px 18px !important;
  border-radius: 9999px !important;
  margin-top: 0 !important;
  margin-bottom: 14px !important;
  line-height: 1.35 !important;
  width: fit-content !important;
}

@media (min-width: 1025px) {
  html[lang="en"] .city-challenge-badge {
    color: #7B61FF !important;
    background: rgba(123, 97, 255, 0.08) !important;
    border: 1px solid rgba(123, 97, 255, 0.22) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* --- 统一全页面 Section 主标题 (Unified Section Headings) --- */
/* 浅色板块标题：Services Hub, FAQ, Contact, Other Cities */
html[lang="en"] .fm-hub-title,
html[lang="en"] .ft-section-title-dark,
html[lang="en"] .city-contact-heading,
html[lang="en"] .ft-loc-cities-title {
  font-family: var(--ft-en-font-display) !important;
  font-size: clamp(1.9rem, 2.7vw, 2.5rem) !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.022em !important;
  color: #0D0D16 !important;
  text-wrap: balance !important;
  text-align: center !important;
  margin-top: 0 !important;
}

html[lang="en"] .fm-hub-title { margin-bottom: 16px !important; }
html[lang="en"] .ft-section-title-dark { margin-bottom: 32px !important; margin-top: 0 !important; }
html[lang="en"] .city-contact-heading { margin-bottom: 0 !important; margin-top: 0 !important; }
html[lang="en"] .ft-loc-cities-title { margin-bottom: 16px !important; }

/* FAQ Section on City Pages: ensure clean breathing room & centered hierarchy */
html[lang="en"] .city-faq-section,
html[lang="en"] .ft-faq-section.city-faq-section {
  padding-top: 100px !important;
  padding-bottom: 96px !important;
}

html[lang="en"] .city-faq-section .ft-section-header,
html[lang="en"] .ft-faq-section.city-faq-section .ft-section-header,
html[lang="en"] .city-faq-header {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  width: 100% !important;
}

html[lang="en"] .city-faq-section .ft-section-title-dark,
html[lang="en"] .ft-faq-section.city-faq-section .ft-section-title-dark {
  margin-top: 0 !important;
  margin-bottom: 32px !important;
}

/* Contact Section & Other Cities: generous breathing room */
html[lang="en"] .city-contact-section {
  padding-top: 110px !important;
  padding-bottom: 120px !important;
}

html[lang="en"] .city-contact-header {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  margin-bottom: 44px !important;
  width: 100% !important;
}

html[lang="en"] .city-cities-section,
html[lang="en"] .ft-loc-cities-section.city-cities-section {
  padding-top: 110px !important;
  padding-bottom: 100px !important;
}

html[lang="en"] .ft-loc-cities-header {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  margin-bottom: 44px !important;
  width: 100% !important;
}

/* 深色/混合板块标题：Challenges, Pricing Plans */
html[lang="en"] .city-challenge-title,
html[lang="en"] .ft-section-title-white,
html[lang="en"] .city-plans-section .ft-section-title-white {
  font-family: var(--ft-en-font-display) !important;
  font-size: clamp(1.9rem, 2.7vw, 2.5rem) !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.022em !important;
  text-wrap: balance !important;
  margin-top: 0 !important;
}

html[lang="en"] .city-plans-section .ft-section-title-white {
  color: #FFFFFF !important;
  text-align: center !important;
  margin-bottom: clamp(28px, 3.5vw, 40px) !important;
}

html[lang="en"] .city-challenge-title {
  color: #0D0D16 !important;
  text-align: left !important;
  margin-bottom: 16px !important;
  white-space: normal !important;
}

@media (max-width: 1024px) {
  html[lang="en"] .city-challenge-title {
    color: #FFFFFF !important;
    text-align: center !important;
    margin-bottom: 20px !important;
  }
}

html[lang="en"] .fm-hub-lead p {
  font-family: var(--ft-en-font-text) !important;
  font-size: clamp(0.95rem, 1.05vw, 1.05rem) !important;
  line-height: 1.68 !important;
  letter-spacing: -0.01em !important;
}

html[lang="en"] .fm-hub-card h3 {
  font-family: var(--ft-en-font-display) !important;
  font-size: clamp(1.15rem, 1.3vw, 1.32rem) !important;
  font-weight: 750 !important;
  letter-spacing: -0.018em !important;
  line-height: 1.3 !important;
}

html[lang="en"] .fm-hub-card .fm-card-text p {
  font-family: var(--ft-en-font-text) !important;
  font-size: 0.90rem !important;
  line-height: 1.64 !important;
  color: #475569 !important;
  letter-spacing: -0.008em !important;
}

html[lang="en"] .fm-hub-link {
  font-family: var(--ft-en-font-display) !important;
  font-weight: 650 !important;
  letter-spacing: -0.01em !important;
}

html[lang="en"] .city-pain-card-title {
  font-family: var(--ft-en-font-display) !important;
  font-size: clamp(1.12rem, 1.25vw, 1.28rem) !important;
  font-weight: 750 !important;
  letter-spacing: -0.018em !important;
  line-height: 1.35 !important;
}

html[lang="en"] .city-pain-num {
  font-family: var(--ft-en-font-mono) !important;
  font-weight: 700 !important;
}

html[lang="en"] .city-pain-card-desc {
  font-family: var(--ft-en-font-text) !important;
  font-size: 0.92rem !important;
  line-height: 1.66 !important;
  color: #475569 !important;
  letter-spacing: -0.008em !important;
}

@media (max-width: 767px) {
  html[lang="en"] .city-hero-btn-group,
  html[lang="en"] .ft-hero-actions {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
  }
  html[lang="en"] .ft-hero-actions .ft-standalone-container,
  html[lang="en"] .ft-hero-actions .ft-secondary-container {
    flex: 0 1 auto !important;
    min-width: 0 !important;
  }
  html[lang="en"] .ft-hero-actions .ft-standalone-btn,
  html[lang="en"] .ft-hero-actions .ft-html-btn-secondary {
    min-width: 140px !important;
    padding: 0 18px !important;
    font-size: 14px !important;
    height: 46px !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
  }
  html[lang="en"] .hero-subtitle-long {
    display: inline-block !important;
    white-space: normal !important;
    word-break: normal !important;
    text-overflow: unset !important;
    width: auto !important;
    max-width: 96% !important;
    text-align: center !important;
    font-size: 10.5px !important;
    line-height: 1.35 !important;
    border-radius: 20px !important;
    padding: 6px 14px !important;
    box-sizing: border-box !important;
  }
  html[lang="en"] .hero-subtitle-long span {
    display: inline !important;
    white-space: normal !important;
    word-break: normal !important;
    font-size: 10.5px !important;
    line-height: 1.35 !important;
  }
  html[lang="en"] .city-hero-title {
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    text-wrap: balance !important;
    font-size: clamp(22px, 6.2vw, 27px) !important;
    line-height: 1.22 !important;
    text-align: center !important;
    margin: 0 auto 10px auto !important;
  }
  html[lang="en"] .city-hero-subtitle {
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    text-wrap: balance !important;
    font-size: clamp(14.5px, 4vw, 16.5px) !important;
    font-weight: 550 !important;
    line-height: 1.4 !important;
    color: #334155 !important;
    text-align: center !important;
    margin: 0 auto 16px auto !important;
  }
  html[lang="en"] .city-hero-subtitle .brand-gradient {
    display: inline !important;
    white-space: normal !important;
    font-weight: 700 !important;
  }
  html[lang="en"] .fm-hub-title,
  html[lang="en"] .city-challenge-title,
  html[lang="en"] .ft-section-title-dark,
  html[lang="en"] .city-plans-section .ft-section-title-white,
  html[lang="en"] .city-contact-heading,
  html[lang="en"] .ft-loc-cities-title {
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    font-size: clamp(20px, 5.4vw, 25px) !important;
    line-height: 1.25 !important;
    text-align: center !important;
    text-wrap: balance !important;
    padding: 0 10px !important;
    margin-top: 0 !important;
  }
  html[lang="en"] .fm-hub-subtitle-badge,
  html[lang="en"] .city-challenge-badge,
  html[lang="en"] .city-faq-badge,
  html[lang="en"] .city-contact-tag,
  html[lang="en"] .ft-loc-cities-badge,
  html[lang="en"] .city-plans-section .ft-section-subtitle-white {
    white-space: normal !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
    text-align: center !important;
    padding: 4px 14px !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
  }
  html[lang="en"] .city-pain-card {
    aspect-ratio: auto !important;
    min-height: clamp(310px, 86vw, 360px) !important;
    height: auto !important;
    padding: 22px 20px 24px 20px !important;
  }
  html[lang="en"] .city-pain-card-title {
    font-size: 1.05rem !important;
    line-height: 1.25 !important;
  }
  html[lang="en"] .city-pain-card-desc {
    font-size: 0.85rem !important;
    line-height: 1.5 !important;
    color: #475569 !important;
  }
  html[lang="en"] .city-plans-section .ft-section-title-white {
    margin-bottom: 24px !important;
  }
  html[lang="en"] .city-faq-section {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
  html[lang="en"] .city-contact-section {
    padding-top: 72px !important;
    padding-bottom: 80px !important;
  }
  html[lang="en"] .city-contact-header {
    margin-bottom: 28px !important;
  }
  html[lang="en"] .city-cities-section {
    padding-top: 72px !important;
    padding-bottom: 76px !important;
  }
  html[lang="en"] .ft-loc-cities-header {
    margin-bottom: 28px !important;
  }
}

@media (max-width: 1024px) {
  html[lang="en"] .city-faq-section {
    padding-top: 84px !important;
    padding-bottom: 84px !important;
  }
  html[lang="en"] .city-contact-section {
    padding-top: 84px !important;
    padding-bottom: 96px !important;
  }
  html[lang="en"] .city-contact-header {
    margin-bottom: 36px !important;
  }
  html[lang="en"] .city-cities-section {
    padding-top: 84px !important;
    padding-bottom: 88px !important;
  }
  html[lang="en"] .ft-loc-cities-header {
    margin-bottom: 36px !important;
  }
}

@media (max-width: 380px) {
  html[lang="en"] .city-hero-title {
    white-space: normal !important;
    text-wrap: balance !important;
    font-size: 20px !important;
  }
  html[lang="en"] .city-hero-subtitle {
    white-space: normal !important;
    text-wrap: balance !important;
    font-size: 14px !important;
  }
}