.help-home h2{
  font-family:'NunitoSans-ExtraBold';
  font-size:1.75rem;
  line-height:2.25rem;
  margin-bottom:1.5rem;
}

.help-home-products,
.help-home-guides,
.help-home-news{
  margin-top:3rem;
}

.help-home-product-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:1.5rem;
}

.help-home-product-card{
  display:flex;
  gap:1.25rem;
  padding:1.75rem;
  border:1px solid #ddd;
  border-radius:1rem;
  text-decoration:none;
  color:#111;
  background:#fff;
}

.help-home-product-card img{
  width:3.5rem;
  height:3.5rem;
  object-fit:contain;
}

.help-home-product-card h3,
.help-home-guide-card h3,
.help-home-news h3{
  font-family:'NunitoSans-ExtraBold';
  font-size:1.25rem;
  line-height:1.75rem;
  margin:0 0 .75rem;
}

.help-home-product-card p,
.help-home-news p,
.help-home-guide-heading p{
  font-size:1rem;
  line-height:1.5rem;
  color:#666;
  margin:0;
}

.help-home-guide-grid,
.help-home-news-grid,
.help-home-update-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1.5rem;
}

.help-home-guide-card,
.help-home-news-grid a{
  position:relative;
  padding:1.5rem;
  border:1px solid #ddd;
  border-radius:1rem;
  text-decoration:none;
  color:#111;
  background:#fff;
  overflow:hidden;
}

.help-home-guide-card::before{
  content:'';
  position:absolute;
  right:-2.5rem;
  bottom:-2.5rem;
  width:8rem;
  height:8rem;
  border-radius:50%;
  opacity:.55;
  pointer-events:none;
}

.help-home-guide-card--video{
  background:linear-gradient(180deg,#fbfbff 0%,#fff 100%);
}

.help-home-guide-card--video::before{
  background:radial-gradient(circle,#dbe6ff 0%,#eef2ff 60%,rgba(238,242,255,0) 72%);
}

.help-home-guide-card--audio{
  background:linear-gradient(180deg,#fffaf8 0%,#fff 100%);
}

.help-home-guide-card--audio::before{
  background:radial-gradient(circle,#ffe0d6 0%,#fff0ea 60%,rgba(255,240,234,0) 72%);
}

.help-home-guide-card--ai{
  background:linear-gradient(180deg,#f8f9ff 0%,#fff 100%);
}

.help-home-guide-card--ai::before{
  background:radial-gradient(circle,#dde1ff 0%,#eef0ff 60%,rgba(238,240,255,0) 72%);
}

.help-home-guide-card header{
  display:flex;
  align-items:flex-start;
  gap:1rem;
  margin-bottom:1.25rem;
  position:relative;
  z-index:1;
}

.help-home-guide-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  width:3.5rem;
  height:3.5rem;
  border-radius:1rem;
  background:#fff;
  box-shadow:0 .5rem 1.25rem rgba(25,32,61,.08);
}

.help-home-guide-icon svg{
  width:2.5rem;
  height:2.5rem;
  display:block;
}

.help-home-guide-heading h3{
  margin:0 0 .5rem;
}

.help-home-guide-links{
  position:relative;
  z-index:1;
  display:grid;
  gap:.75rem;
}

.help-home-guide-links a{
  display:flex;
  align-items:center;
  gap:.625rem;
  padding:.875rem 1rem;
  border-radius:.875rem;
  background:#fff;
  color:#222;
  text-decoration:none;
  font-family:'NunitoSans-SemiBold';
  font-size:1rem;
  line-height:1.5rem;
  box-shadow:inset 0 0 0 .0625rem #ebecef;
  transition:background-color .2s ease,box-shadow .2s ease,transform .2s ease;
}

.help-home-guide-links a::before{
  content:'';
  width:.5rem;
  height:.5rem;
  border-radius:50%;
  flex:0 0 auto;
}

.help-home-guide-card--video .help-home-guide-links a::before{
  background:#5d78ff;
  box-shadow:0 0 0 .25rem rgba(93,120,255,.14);
}

.help-home-guide-card--audio .help-home-guide-links a::before{
  background:#ff7c66;
  box-shadow:0 0 0 .25rem rgba(255,124,102,.14);
}

.help-home-guide-card--ai .help-home-guide-links a::before{
  background:#5463ff;
  box-shadow:0 0 0 .25rem rgba(84,99,255,.14);
}

.help-home-guide-links a:hover{
  background:#f8f9fc;
  box-shadow:inset 0 0 0 .0625rem #dfe3eb;
  transform:translateY(-.0625rem);
}

.help-home-news-grid a div{
  height:10rem;
  background:#f2f3f8;
  border-radius:.75rem;
  margin-bottom:1rem;
}

.help-home-update-card{
  border:1px solid #ddd;
  border-radius:1rem;
  overflow:hidden;
  background:#fff;
}

.help-home-update-image{
  display:block;
  width:100%;
  height:auto;
}

.help-home-update-body{
  padding:1.5rem;
}

.help-home-update-body h3{
  font-family:'NunitoSans-ExtraBold';
  font-size:1.25rem;
  line-height:1.75rem;
  margin:0 0 .5rem;
}

.help-home-update-body time{
  display:block;
  font-size:.875rem;
  color:#888;
  margin-bottom:.75rem;
}

.help-home-update-body p{
  font-size:1rem;
  line-height:1.5rem;
  color:#666;
  min-height:4.5rem;
}

.help-home-update-body a{
  color:#e05149;
  text-decoration:none;
  font-family:'NunitoSans-SemiBold';
}

@media(max-width:1024px){
  .help-home-guide-grid,
  .help-home-news-grid,
  .help-home-update-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:768px){
  .help-home-product-grid,
  .help-home-guide-grid,
  .help-home-news-grid,
  .help-home-update-grid{
    grid-template-columns:1fr;
  }

  .help-home-guide-card::before{
    width:6.5rem;
    height:6.5rem;
    right:-2rem;
    bottom:-2rem;
  }
}
