/* ============================================
   PROJECT 0035 — HHPoker Emerald Green Service Style
   ============================================ */
html{scroll-behavior:smooth}
body{font-family:'PingFang SC','Microsoft YaHei','Segoe UI',sans-serif}

/* Cream background utility */
.bg-cream{background-color:#faf7f2}

/* Mobile menu */
.mobile-menu{max-height:0;overflow:hidden;transition:max-height .4s ease}
.mobile-menu.show{max-height:420px}

/* Feature cards — circular icons with soft green backgrounds */
.feature-card-round{
  transition:all .35s ease;
}
.feature-card-round:hover{
  transform:translateY(-8px);
  box-shadow:0 20px 48px rgba(5,150,105,.12);
}

/* Testimonial cards — organic rounded shapes */
.testimonial-round{
  transition:all .35s ease;
}
.testimonial-round:hover{
  transform:translateY(-8px);
  box-shadow:0 20px 48px rgba(5,150,105,.10);
}

/* FAQ — background color toggle on active */
.faq-item-green{transition:all .35s ease}
.faq-item-green.active{
  background-color:#ecfdf5;
  border-color:#a7f3d0;
}
.faq-body-green{max-height:0;overflow:hidden;transition:max-height .45s ease,padding .45s ease}
.faq-body-green.show{max-height:260px;padding-top:2px;padding-bottom:20px}
.faq-icon-green.rotated{transform:rotate(135deg)}

/* Reveal animation */
@keyframes fadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}

/* Responsive */
@media(max-width:768px){
  .feature-card-round:hover{transform:translateY(-4px)}
  .testimonial-round:hover{transform:translateY(-4px)}
}