/* =========================================================
基础
========================================================= */

#yunassie-global-distributor-v1{

  --green:#688578;
  --green-dark:#4f6c60;
  --green-soft:#f3f7f5;

  --pink:#b36f7a;
  --pink-soft:#fbf4f5;

  --dark:#202124;
  --text:#68696b;
  --light:#8b8d8f;
  --line:#e7e9e8;

  width:100%;
  margin:0;

  background:#fff;
  color:var(--dark);

  font-family:
    Arial,
    Helvetica,
    sans-serif;
}


#yunassie-global-distributor-v1 *,
#yunassie-global-distributor-v1 *::before,
#yunassie-global-distributor-v1 *::after{
  box-sizing:border-box;
}


#yunassie-global-distributor-v1 a{
  text-decoration:none !important;
}


#yunassie-global-distributor-v1 .ygd-container{

  width:100%;
  max-width:1380px;

  margin:0 auto;
}


/* =========================================================
HERO
========================================================= */

#yunassie-global-distributor-v1 .ygd-hero{

  padding:
    86px 30px
    72px;

  background:
    linear-gradient(
      135deg,
      #ffffff 0%,
      #ffffff 58%,
      #f3f7f5 100%
    );

  border-bottom:
    1px solid
    var(--line);
}


#yunassie-global-distributor-v1 .ygd-hero-inner{

  max-width:960px;

  margin:0 auto;

  text-align:center;
}


#yunassie-global-distributor-v1 .ygd-eyebrow{

  margin-bottom:16px;

  color:var(--green-dark);

  font-size:10px;
  line-height:1.4;

  font-weight:800;

  letter-spacing:3px;
}


#yunassie-global-distributor-v1 .ygd-hero h1{

  max-width:900px;

  margin:
    0 auto
    20px;

  color:#202124;

  font-size:
    clamp(
      42px,
      5vw,
      68px
    );

  line-height:1.04;

  font-weight:400;

  letter-spacing:-2.3px;
}


#yunassie-global-distributor-v1 .ygd-hero-text{

  max-width:720px;

  margin:
    0 auto
    27px;

  color:#666a68;

  font-size:15px;

  line-height:1.8;
}


/* Hero标签 */

#yunassie-global-distributor-v1 .ygd-hero-tags{

  display:flex;

  justify-content:center;
  flex-wrap:wrap;

  gap:8px;

  margin-bottom:30px;
}


#yunassie-global-distributor-v1 .ygd-hero-tag{

  padding:
    8px 12px;

  border:
    1px solid
    #dce5e0;

  border-radius:30px;

  background:#fff;

  color:#53645b;

  font-size:9px;

  font-weight:800;

  letter-spacing:.55px;
}


/* 主CTA */

#yunassie-global-distributor-v1 .ygd-primary{

  min-width:270px;
  min-height:58px;

  padding:
    0 23px;

  display:inline-flex;

  align-items:center;
  justify-content:center;

  gap:18px;

  border-radius:8px;

  background:
    var(--green-dark);

  border:
    1px solid
    var(--green-dark);

  color:#fff !important;

  font-size:10px;

  font-weight:800;

  letter-spacing:1px;

  box-shadow:
    0 12px 28px
    rgba(79,108,96,.20);

  transition:
    transform .3s ease,
    box-shadow .3s ease,
    background .3s ease;
}


#yunassie-global-distributor-v1 .ygd-primary:hover{

  transform:
    translateY(-2px);

  background:#40594e;

  box-shadow:
    0 16px 34px
    rgba(79,108,96,.28);
}


#yunassie-global-distributor-v1 .ygd-primary b{

  font-size:18px;

  font-weight:400;
}


/* =========================================================
WHY PARTNER
========================================================= */

#yunassie-global-distributor-v1 .ygd-why{

  padding:
    70px 30px;
}


#yunassie-global-distributor-v1 .ygd-section-head{

  max-width:750px;

  margin:
    0 auto
    35px;

  text-align:center;
}


#yunassie-global-distributor-v1 .ygd-small-title{

  margin-bottom:9px;

  color:var(--green-dark);

  font-size:9px;

  font-weight:800;

  letter-spacing:2.3px;
}


#yunassie-global-distributor-v1 .ygd-section-head h2{

  margin:
    0 0
    11px;

  color:#222326;

  font-size:
    clamp(
      30px,
      3vw,
      42px
    );

  line-height:1.15;

  font-weight:400;

  letter-spacing:-1px;
}


#yunassie-global-distributor-v1 .ygd-section-head p{

  margin:0;

  color:#717371;

  font-size:13px;

  line-height:1.7;
}


/* 4个优势 */

#yunassie-global-distributor-v1 .ygd-benefits{

  display:grid;

  grid-template-columns:
    repeat(
      4,
      minmax(0,1fr)
    );

  gap:13px;
}


#yunassie-global-distributor-v1 .ygd-benefit{

  padding:
    24px 21px;

  border:
    1px solid
    var(--line);

  border-radius:13px;

  background:#fff;

  transition:
    transform .3s ease,
    border-color .3s ease,
    box-shadow .3s ease;
}


#yunassie-global-distributor-v1 .ygd-benefit:hover{

  transform:
    translateY(-4px);

  border-color:#cbd8d1;

  box-shadow:
    0 13px 32px
    rgba(30,50,40,.07);
}


#yunassie-global-distributor-v1 .ygd-benefit-number{

  margin-bottom:13px;

  color:var(--green);

  font-size:9px;

  font-weight:800;

  letter-spacing:1px;
}


#yunassie-global-distributor-v1 .ygd-benefit h3{

  margin:
    0 0
    8px;

  color:#292b2a;

  font-size:15px;

  line-height:1.35;

  font-weight:600;
}


#yunassie-global-distributor-v1 .ygd-benefit p{

  margin:0;

  color:#747775;

  font-size:11px;

  line-height:1.65;
}


/* =========================================================
HOW IT WORKS
========================================================= */

#yunassie-global-distributor-v1 .ygd-process{

  padding:
    68px 30px;

  background:#fafbfa;

  border-top:
    1px solid
    #f0f1f0;

  border-bottom:
    1px solid
    #f0f1f0;
}


#yunassie-global-distributor-v1 .ygd-steps{

  display:grid;

  grid-template-columns:
    repeat(
      4,
      minmax(0,1fr)
    );

  gap:0;

  margin-top:36px;
}


#yunassie-global-distributor-v1 .ygd-step{

  position:relative;

  padding:
    0 25px;

  text-align:center;
}


#yunassie-global-distributor-v1 .ygd-step:not(:last-child)::after{

  content:"";

  position:absolute;

  top:21px;
  right:-12%;

  width:24%;
  height:1px;

  background:#ccd8d1;
}


#yunassie-global-distributor-v1 .ygd-step-number{

  width:43px;
  height:43px;

  margin:
    0 auto
    14px;

  display:flex;

  align-items:center;
  justify-content:center;

  border-radius:50%;

  background:
    var(--green-dark);

  color:#fff;

  font-size:10px;

  font-weight:800;

  box-shadow:
    0 8px 18px
    rgba(79,108,96,.17);
}


#yunassie-global-distributor-v1 .ygd-step h3{

  margin:
    0 0
    7px;

  color:#303331;

  font-size:14px;

  font-weight:600;
}


#yunassie-global-distributor-v1 .ygd-step p{

  margin:0;

  color:#747775;

  font-size:10px;

  line-height:1.6;
}


/* =========================================================
RESPONSIBILITY / COMPLIANCE
========================================================= */

#yunassie-global-distributor-v1 .ygd-compliance{

  padding:
    68px 30px;
}


#yunassie-global-distributor-v1 .ygd-compliance-box{

  display:grid;

  grid-template-columns:
    1fr 1fr;

  gap:0;

  overflow:hidden;

  border:
    1px solid
    #dde5e0;

  border-radius:16px;

  background:#fff;
}


#yunassie-global-distributor-v1 .ygd-side{

  padding:
    34px 34px;
}


#yunassie-global-distributor-v1 .ygd-side:first-child{

  background:
    var(--green-soft);

  border-right:
    1px solid
    #dde5e0;
}


#yunassie-global-distributor-v1 .ygd-side-label{

  margin-bottom:10px;

  color:var(--green-dark);

  font-size:9px;

  font-weight:800;

  letter-spacing:1.5px;
}


#yunassie-global-distributor-v1 .ygd-side h3{

  margin:
    0 0
    13px;

  color:#282b29;

  font-size:20px;

  line-height:1.3;

  font-weight:500;
}


#yunassie-global-distributor-v1 .ygd-side ul{

  list-style:none;

  margin:0;

  padding:0;
}


#yunassie-global-distributor-v1 .ygd-side li{

  position:relative;

  padding:
    6px 0
    6px 25px;

  color:#616562;

  font-size:11px;

  line-height:1.55;
}


#yunassie-global-distributor-v1 .ygd-side li::before{

  content:"✓";

  position:absolute;

  left:0;
  top:6px;

  color:
    var(--green-dark);

  font-weight:800;
}


/* =========================================================
GROWTH
========================================================= */

#yunassie-global-distributor-v1 .ygd-growth{

  padding:
    66px 30px;

  background:
    linear-gradient(
      135deg,
      #fff 0%,
      #fbf4f5 100%
    );
}


#yunassie-global-distributor-v1 .ygd-growth-box{

  display:flex;

  align-items:center;
  justify-content:space-between;

  gap:40px;

  padding:
    34px 38px;

  border:
    1px solid
    #eadfe1;

  border-radius:15px;

  background:
    rgba(255,255,255,.82);
}


#yunassie-global-distributor-v1 .ygd-growth-copy{

  max-width:750px;
}


#yunassie-global-distributor-v1 .ygd-growth-label{

  margin-bottom:8px;

  color:var(--pink);

  font-size:9px;

  font-weight:800;

  letter-spacing:1.7px;
}


#yunassie-global-distributor-v1 .ygd-growth h2{

  margin:
    0 0
    10px;

  color:#292728;

  font-size:
    clamp(
      25px,
      2.5vw,
      34px
    );

  line-height:1.2;

  font-weight:400;
}


#yunassie-global-distributor-v1 .ygd-growth p{

  margin:0;

  color:#716d6f;

  font-size:12px;

  line-height:1.7;
}


/* =========================================================
FINAL CTA / 询单位置
========================================================= */

#yunassie-global-distributor-v1 .ygd-contact{

  padding:
    78px 30px
    84px;

  background:
    var(--green-dark);

  color:#fff;

  scroll-margin-top:100px;
}


#yunassie-global-distributor-v1 .ygd-contact-inner{

  max-width:820px;

  margin:0 auto;

  text-align:center;
}


#yunassie-global-distributor-v1 .ygd-contact-label{

  margin-bottom:12px;

  color:
    rgba(255,255,255,.72);

  font-size:9px;

  font-weight:800;

  letter-spacing:2.5px;
}


#yunassie-global-distributor-v1 .ygd-contact h2{

  margin:
    0 0
    15px;

  color:#fff;

  font-size:
    clamp(
      32px,
      3.8vw,
      48px
    );

  line-height:1.1;

  font-weight:400;

  letter-spacing:-1.3px;
}


#yunassie-global-distributor-v1 .ygd-contact p{

  max-width:650px;

  margin:
    0 auto
    26px;

  color:
    rgba(255,255,255,.80);

  font-size:13px;

  line-height:1.75;
}


/* 联系按钮 */

#yunassie-global-distributor-v1 .ygd-contact-actions{

  display:flex;

  align-items:center;
  justify-content:center;

  flex-wrap:wrap;

  gap:10px;
}


#yunassie-global-distributor-v1 .ygd-contact-btn{

  min-width:235px;
  min-height:57px;

  padding:
    0 20px;

  display:flex;

  align-items:center;
  justify-content:center;

  gap:12px;

  border-radius:8px;

  background:#fff;

  border:
    1px solid
    #fff;

  color:
    var(--green-dark) !important;

  font-size:10px;

  font-weight:800;

  letter-spacing:.8px;

  transition:
    transform .3s ease,
    box-shadow .3s ease;
}


#yunassie-global-distributor-v1
.ygd-contact-btn:hover{

  transform:
    translateY(-2px);

  box-shadow:
    0 13px 30px
    rgba(0,0,0,.17);
}


#yunassie-global-distributor-v1 .ygd-whatsapp{

  background:
    transparent;

  border:
    1px solid
    rgba(255,255,255,.50);

  color:#fff !important;
}


/* =========================================================
TABLET
========================================================= */

@media(max-width:950px){

  #yunassie-global-distributor-v1 .ygd-benefits{

    grid-template-columns:
      1fr 1fr;
  }


  #yunassie-global-distributor-v1 .ygd-steps{

    grid-template-columns:
      1fr 1fr;

    gap:
      30px 10px;
  }


  #yunassie-global-distributor-v1
  .ygd-step::after{

    display:none;
  }


  #yunassie-global-distributor-v1
  .ygd-compliance-box{

    grid-template-columns:1fr;
  }


  #yunassie-global-distributor-v1
  .ygd-side:first-child{

    border-right:0;

    border-bottom:
      1px solid
      #dde5e0;
  }


  #yunassie-global-distributor-v1
  .ygd-growth-box{

    display:block;
  }

}


/* =========================================================
MOBILE
========================================================= */

@media(max-width:600px){

  #yunassie-global-distributor-v1 .ygd-hero{

    padding:
      60px 18px
      52px;
  }


  #yunassie-global-distributor-v1
  .ygd-hero h1{

    font-size:40px;

    letter-spacing:-1.4px;
  }


  #yunassie-global-distributor-v1 .ygd-why,
  #yunassie-global-distributor-v1 .ygd-process,
  #yunassie-global-distributor-v1 .ygd-compliance,
  #yunassie-global-distributor-v1 .ygd-growth{

    padding:
      52px 17px;
  }


  #yunassie-global-distributor-v1
  .ygd-section-head{

    text-align:left;

    margin-bottom:27px;
  }


  #yunassie-global-distributor-v1 .ygd-benefits{

    grid-template-columns:1fr;
  }


  #yunassie-global-distributor-v1 .ygd-steps{

    grid-template-columns:1fr;

    gap:25px;
  }


  #yunassie-global-distributor-v1 .ygd-side{

    padding:
      27px 22px;
  }


  #yunassie-global-distributor-v1
  .ygd-growth-box{

    padding:
      28px 22px;
  }


  #yunassie-global-distributor-v1 .ygd-contact{

    padding:
      62px 18px
      68px;
  }


  #yunassie-global-distributor-v1
  .ygd-contact-actions{

    display:grid;

    grid-template-columns:1fr;

    width:100%;
  }


  #yunassie-global-distributor-v1
  .ygd-contact-btn{

    width:100%;

    min-width:0;
  }

}


/* =========================================================
减少动画
========================================================= */

@media(prefers-reduced-motion:reduce){

  #yunassie-global-distributor-v1 *,
  #yunassie-global-distributor-v1 *::before,
  #yunassie-global-distributor-v1 *::after{

    transition:none !important;
    animation:none !important;
  }

}