/* Homepage polish — international medical brand refinement
   Soft elevation, typography rhythm, quieter interactions.
   Does not change layout structure. */

:root{
  --zd-ink:#1a2332;
  --zd-muted:#5c6778;
  --zd-line:#e4e9f0;
  --zd-surface:#f6f8fb;
  --ease-out:cubic-bezier(.22,1,.36,1);
}

/* ── Hero: cinematic, confident, less muddy ── */
.hero{
  min-height:580px;
  max-height:820px;
}
.hero-bg img{
  object-position:58% 45%;
  transform:none;
}
.hero-overlay{
  background:
    linear-gradient(105deg,
      rgba(6,31,82,.72) 0%,
      rgba(0,59,142,.48) 28%,
      rgba(0,59,142,.12) 48%,
      transparent 58%),
    linear-gradient(180deg,
      rgba(6,20,50,.10) 0%,
      transparent 28%,
      transparent 72%,
      rgba(6,20,50,.12) 100%);
}
.hero-bars{
  -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 32%,rgba(0,0,0,.62) 44%,rgba(0,0,0,.14) 52%,transparent 60%);
  mask-image:linear-gradient(90deg,#000 0%,#000 32%,rgba(0,0,0,.62) 44%,rgba(0,0,0,.14) 52%,transparent 60%);
}
.hero-top{max-width:var(--hero-content-max,720px)}
.hero-desc{
  font-weight:400;
  line-height:var(--lh-hero-desc);
  color:rgba(255,255,255,.9);
  margin-bottom:36px;
  letter-spacing:.01em;
}
.hero-actions{gap:12px}
.hero-title{
  font-weight:700;
  letter-spacing:-.03em;
  line-height:1.12;
  margin-bottom:18px;
  text-wrap:balance;
  text-shadow:0 2px 24px rgba(0,20,60,.25);
}
.hero-actions .hero-btn-primary{
  letter-spacing:0;
  font-weight:700;
}

/* ── Section titles: quieter, more editorial ── */
.sn-top-products__title{
  color:var(--zd-ink);
  font-weight:700;
  letter-spacing:-.025em;
  margin-bottom:32px;
}
.impact-lead{
  color:var(--zd-ink);
  font-weight:600;
  letter-spacing:-.025em;
  line-height:1.4;
}
.impact-desc,
.global-section .global-desc{
  color:var(--zd-muted);
  line-height:var(--lh-body);
}

/* ── Products band: air + card craft ── */
.sn-home-products.products-section,
.impact,
.sn-home-news.products-section{
  background:var(--zd-surface);
  background-image:linear-gradient(180deg,#fafbfc 0%,var(--zd-surface) 48%,#eef2f7 100%);
}
.sn-top-products{padding-bottom:80px}
.sn-top-card{
  border-color:var(--zd-line);
  background:#fff;
}
.sn-top-card__media{
  background:#eef2f6;
}
.sn-top-card__body{padding:24px 24px 28px}
.sn-top-card__name{
  color:var(--zd-ink);
  letter-spacing:-.015em;
}
.sn-top-card__desc{
  color:var(--zd-muted);
  line-height:var(--lh-body);
}
.sn-top-card__cta{
  letter-spacing:.01em;
  box-shadow:0 2px 8px rgba(0,59,142,.14);
}
.sn-top-carousel__btn{
  border-width:1px;
  transition:background .25s ease,color .25s ease,box-shadow .25s ease,transform .25s ease;
}
.sn-top-carousel__btn:hover{
  box-shadow:0 6px 18px rgba(0,59,142,.18);
  transform:translateY(-1px);
}

/* ── Showcase video: stronger left read, quieter CTA ── */
.who-showcase-stage{height:760px}
.who-showcase-overlay{
  background:linear-gradient(90deg,
    rgba(0,16,40,.55) 0%,
    rgba(0,16,40,.28) 36%,
    rgba(0,16,40,.06) 58%,
    transparent 72%);
}
.who-headline{
  letter-spacing:-.03em;
  text-shadow:0 2px 28px rgba(0,0,0,.5);
}
.who-subhead{
  color:rgba(255,255,255,.9);
}
.hero-actions .hero-btn-primary,
.who-showcase .hero-btn-primary{
  letter-spacing:.01em;
  box-shadow:0 4px 14px rgba(0,59,142,.12);
}
.hero-actions .hero-btn-primary:hover,
.who-showcase .hero-btn-primary:hover{
  box-shadow:0 8px 22px rgba(0,59,142,.18);
}

/* ── Impact: editorial split ── */
.impact-inner{
  padding:96px var(--page-gutter);
  gap:56px;
}
.impact-text .sn-top-products__title{margin-bottom:20px}
.impact-lead{margin-bottom:18px}
.impact-desc{margin-bottom:32px;max-width:460px}
.impact-img img{
  box-shadow:0 20px 50px rgba(8,28,64,.1);
  transition:transform .6s var(--ease-out);
}
.impact-img:hover img{transform:scale(1.015)}

/* ── Global map: quieter info panel ── */
.global-stage,
.global-inner,
.zhende-world-map{min-height:540px}
.global-map-bg::before{
  background:linear-gradient(90deg,
    rgba(246,248,251,.97) 0%,
    rgba(246,248,251,.9) 16%,
    rgba(246,248,251,.42) 30%,
    rgba(246,248,251,.08) 44%,
    transparent 54%);
}
.global-head{max-width:400px}
.global-head .sn-top-products__title{margin-bottom:18px}
.global-section .global-desc{margin-bottom:32px}
.global-map-info{
  padding:18px 20px;
  background:rgba(255,255,255,.94);
  border:1px solid var(--zd-line);
  box-shadow:0 12px 36px rgba(8,28,64,.1);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.global-map-info-name{
  color:var(--zd-ink);
  letter-spacing:-.015em;
}
.global-section .hero-btn-primary{
  box-shadow:0 4px 14px rgba(0,59,142,.15);
}
.global-section .hero-btn-primary:hover{
  box-shadow:0 8px 22px rgba(0,59,142,.22);
}

/* ── News: match product card craft ── */
.sn-home-news-wrap{padding-bottom:88px}
.sn-home-news-card__cat{
  letter-spacing:.08em;
  font-weight:600;
}
.sn-home-news__all{
  letter-spacing:.01em;
}

/* ── Impact / Global CTA — blue pill, no arrow ── */
.impact-text .hero-btn-primary{
  letter-spacing:.01em;
  box-shadow:0 4px 14px rgba(0,59,142,.12);
}
.impact-text .hero-btn-primary:hover{
  box-shadow:0 8px 22px rgba(0,59,142,.18);
}

@media(max-width:1024px){
  .impact-inner{padding:64px var(--page-gutter) 48px;gap:36px}
  .who-showcase-stage{height:560px}
  .global-stage,.global-inner,.zhende-world-map{min-height:480px}
}
@media(max-width:768px){
  .hero{min-height:520px}
  .hero-desc{margin-bottom:28px}
  .sn-home-products .sn-top-card:hover,
  .sn-home-news .sn-top-card:hover{transform:none;box-shadow:none}
  .who-showcase-stage{height:440px}
  .impact-inner{padding:48px var(--page-gutter) 40px}
}