/* Homepage service guidance section – matched to approved reference. */
.skv6-service-guide{
  background:linear-gradient(180deg,#f7fafc 0%,#f4f8fb 100%);
  padding:clamp(72px,6vw,92px) 0 clamp(74px,6.2vw,96px);
}
.skv6-service-guide-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:36px;
  align-items:end;
  margin-bottom:30px;
}
.skv6-service-guide-heading{min-width:0}
.skv6-service-guide-heading .skv6-kicker{
  margin:0 0 12px;
  color:#003366;
  font-size:13px;
  line-height:1.2;
  letter-spacing:.13em;
  text-transform:uppercase;
  font-weight:900;
}
.skv6-service-guide-heading .skv6-kicker:before{
  width:34px;
  height:3px;
  background:#ffed00;
}
.skv6-service-guide-heading h2{
  margin:0;
  max-width:none;
  color:#003366;
  font-family:"Barlow Semi Condensed",sans-serif;
  font-size:clamp(46px,4.55vw,68px);
  line-height:.98;
  letter-spacing:-.045em;
  font-weight:800;
}
.skv6-service-guide-heading p{
  margin:12px 0 0;
  max-width:860px;
  color:#485866;
  font-size:17px;
  line-height:1.55;
}
.skv6-service-guide-intro{
  display:flex;
  align-items:flex-end;
  justify-content:flex-end;
  padding-bottom:3px;
}
.skv6-service-guide-all{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:44px;
  color:#003366;
  font-size:16px;
  line-height:1.4;
  font-weight:850;
  text-decoration:none;
  white-space:nowrap;
  text-underline-offset:5px;
}
.skv6-service-guide-all>span{
  color:#e6c900;
  font-size:22px;
  line-height:1;
  transition:transform .2s ease;
}
.skv6-service-guide-all:hover{text-decoration:underline}
.skv6-service-guide-all:hover>span{transform:translateX(3px)}
.skv6-service-guide-all:focus-visible{
  outline:3px solid #ffed00;
  outline-offset:4px;
  border-radius:3px;
}

.skv6-service-guide-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:22px;
}
.skv6-service-guide-card{
  position:relative;
  min-height:398px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  padding:28px 30px 24px;
  background:#fff;
  border:1px solid #d9e3eb;
  border-radius:22px;
  color:#17222d;
  text-decoration:none;
  overflow:hidden;
  cursor:pointer;
  box-shadow:0 4px 14px rgba(0,35,70,.025);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.skv6-service-guide-card:hover{
  transform:translateY(-3px);
  border-color:rgba(0,51,102,.32);
  box-shadow:0 12px 28px rgba(0,35,70,.07);
}
.skv6-service-guide-card:focus-visible{
  outline:3px solid #003366;
  outline-offset:4px;
}
.skv6-service-guide-card-featured{
  border-color:#efe18c;
  background:linear-gradient(180deg,#fffef3 0%,#fffdf0 100%);
}
.skv6-service-guide-accent{display:none}
.skv6-service-guide-badge{
  position:absolute;
  top:27px;
  right:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:0 14px;
  border-radius:999px;
  background:#ffed00;
  color:#003366;
  font-size:11px;
  line-height:1;
  letter-spacing:.035em;
  font-weight:900;
  text-transform:uppercase;
}
.skv6-service-guide-icon{
  display:grid;
  place-items:center;
  width:82px;
  height:82px;
  margin:0 0 26px;
  border-radius:50%;
  background:#eaf4ff;
  color:#003f7d;
  box-shadow:inset 0 0 0 1px #d5e8f8;
}
.skv6-service-guide-card-featured .skv6-service-guide-icon{
  background:#eaf4ff;
  color:#003f7d;
}
.skv6-service-guide-icon svg{
  width:39px;
  height:39px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.skv6-service-guide-card h3{
  margin:0 0 16px;
  color:#003366;
  font-family:"Barlow Semi Condensed",sans-serif;
  font-size:clamp(26px,1.9vw,31px);
  line-height:1.02;
  letter-spacing:-.025em;
  font-weight:800;
}
.skv6-service-guide-card p{
  margin:0 0 28px;
  color:#485866;
  font-size:17px;
  line-height:1.5;
}
.skv6-service-guide-cta{
  width:100%;
  display:flex;
  align-items:center;
  gap:10px;
  min-height:50px;
  margin-top:auto;
  padding-top:20px;
  border-top:1px solid #dce4ea;
  color:#003f7d;
  font-size:17px;
  line-height:1.4;
  font-weight:900;
}
.skv6-service-guide-cta>span{
  color:#e6c900;
  font-size:24px;
  line-height:1;
  transition:transform .2s ease;
}
.skv6-service-guide-card:hover .skv6-service-guide-cta>span{transform:translateX(3px)}

@media(max-width:1180px){
  .skv6-service-guide-heading h2{font-size:clamp(44px,5vw,60px)}
  .skv6-service-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .skv6-service-guide-card{min-height:360px}
}
@media(max-width:760px){
  .skv6-service-guide{padding:58px 0 64px}
  .skv6-service-guide-head{
    grid-template-columns:1fr;
    gap:14px;
    align-items:start;
    margin-bottom:26px;
  }
  .skv6-service-guide-heading h2{
    font-size:clamp(40px,10vw,50px);
    line-height:1;
  }
  .skv6-service-guide-heading p{
    margin-top:12px;
    font-size:16px;
    line-height:1.55;
  }
  .skv6-service-guide-intro{
    justify-content:flex-start;
    padding-bottom:0;
  }
  .skv6-service-guide-all{
    font-size:15px;
    min-height:44px;
  }
  .skv6-service-guide-grid{grid-template-columns:1fr;gap:14px}
  .skv6-service-guide-card{
    min-height:0;
    padding:22px 20px 20px;
    border-radius:19px;
  }
  .skv6-service-guide-badge{
    top:22px;
    right:20px;
    min-height:28px;
    padding-inline:12px;
  }
  .skv6-service-guide-icon{
    width:70px;
    height:70px;
    margin-bottom:20px;
  }
  .skv6-service-guide-icon svg{width:33px;height:33px}
  .skv6-service-guide-card h3{font-size:28px;margin-bottom:12px}
  .skv6-service-guide-card p{font-size:16px;margin-bottom:20px}
  .skv6-service-guide-cta{font-size:16px;padding-top:17px}
}
@media(prefers-reduced-motion:reduce){
  .skv6-service-guide-card,
  .skv6-service-guide-cta>span,
  .skv6-service-guide-all>span{transition:none!important}
  .skv6-service-guide-card:hover{transform:none}
  .skv6-service-guide-card:hover .skv6-service-guide-cta>span,
  .skv6-service-guide-all:hover>span{transform:none}
}