/**
 * 全站板块布局：主内容在页面内水平居中；锚点滚入时配合 scroll-to-section.js 视口居中
 */
html{
  scroll-behavior:auto;
  scroll-padding-top:calc(var(--nav-h) + env(safe-area-inset-top,0px) + 8px);
  scroll-padding-bottom:max(16px,env(safe-area-inset-bottom,0px));
}

section{
  display:flex;
  flex-direction:column;
  align-items:center;
  width:100%;
  box-sizing:border-box;
}

section > .wrap{
  width:100%;
  max-width:var(--max-w);
  margin-inline:auto;
  padding-inline:clamp(20px,4vw,40px);
  box-sizing:border-box;
}

/* 板块标题区（tag + 标题 + 导语） */
.section-intro,
.pricing-tiers-intro,
.wrap > div[style*="text-align:center"]:first-child,
.wrap > div[style*="text-align: center"]:first-child{
  width:100%;
  max-width:min(720px,100%);
  margin-inline:auto;
  text-align:center;
  margin-bottom:var(--section-head-gap);
}

.section-intro h2,
.pricing-tiers-intro h2{
  margin-top:0;
}

.pricing-tiers-intro{
  margin-top:0;
}

/* 主内容块在居中容器内铺满 */
.wrap > :is(
  .grid-2,
  .grid-3,
  .pkg-tiers-grid,
  .stats-row,
  .trifecta-grid,
  .fit-customers-grid,
  .faq-list
){
  max-width:100%;
  margin-inline:auto;
}

.wrap > .card{
  width:100%;
  max-width:100%;
  margin-inline:auto;
}

/* 两档套餐网格 */
#pricing .pkg-tiers-grid{
  width:100%;
  margin-inline:auto;
  justify-content:center;
}

/* 第三种获客三卡 */
.trifecta-grid{
  width:100%;
  margin-inline:auto;
}

/* 页脚 */
.site-footer{
  display:flex;
  flex-direction:column;
  align-items:center;
  width:100%;
  box-sizing:border-box;
}

.site-footer > .wrap{
  width:100%;
  max-width:var(--max-w);
  margin-inline:auto;
  padding-inline:clamp(20px,4vw,40px);
  box-sizing:border-box;
}

.site-footer-meta{
  text-align:center;
  width:100%;
}

/* Hero 保持版心居中，内部文案布局由 index 自有样式控制 */
#hero{
  display:flex;
  flex-direction:column;
  align-items:center;
  width:100%;
}

#hero > .wrap{
  width:100%;
  max-width:var(--max-w);
  margin-inline:auto;
}

/* 各板块上下留白、标题与主体间距（Hero 除外） */
@media (max-width: 768px) {
  section:not(#hero){
    padding-top:var(--section-py-mob);
    padding-bottom:var(--section-py-mob);
  }

  .site-footer{
    padding-top:var(--section-py-mob);
    padding-bottom:max(var(--section-py-mob),env(safe-area-inset-bottom));
  }

  .section-intro,
  .pricing-tiers-intro{
    margin-bottom:var(--section-head-gap-mob);
  }
}

/* 小屏价格区：双列摘要卡，隐藏导语长文 */
@media (max-width: 768px) {
  #pricing .pricing-tiers-intro p{
    display:none !important;
  }

  #pricing .pricing-tiers-intro{
    margin-bottom:var(--section-head-gap-mob);
  }

  #pricing .pkg-tiers-grid > .pkg-card{
    display:flex !important;
    flex-direction:column;
  }
}