/* Content-specific layouts that reuse the existing BooYou design tokens. */
#services .service-grid{grid-template-columns:repeat(3,1fr)}
#services .service-card:nth-child(3n){border-right:0}
#services .service-card:nth-child(n+4){border-top:1px solid #aebfba;padding-top:28px}
#services .service-card:nth-child(3n+2),#services .service-card:nth-child(3n+3){padding-left:23px}

.trial-section{display:grid;grid-template-columns:.75fr 1.25fr;gap:10vw;background:var(--teal-soft)}
.trial-heading h2{margin:20px 0 0;font-size:clamp(40px,4.5vw,68px);line-height:1.1;letter-spacing:-.07em}
.trial-heading em{font-style:normal;color:var(--teal)}
.trial-content{padding:28px 0;border-top:1px solid #91adaa}
.trial-content p{max-width:620px;margin:0 0 19px;color:#45636a;font-size:14px;line-height:1.9}
.trial-content .trial-question{margin-bottom:29px;color:var(--navy);font-size:25px;font-weight:700;letter-spacing:-.06em}
.trial-content strong{display:block;margin-top:42px;color:var(--navy);font-size:19px;line-height:1.55;letter-spacing:-.055em}

.case-extra{display:grid;grid-template-columns:.65fr 1.35fr .7fr;gap:28px;align-items:center;margin-top:14px;padding:26px 28px;border:1px solid var(--line);border-left:4px solid var(--teal);background:var(--white)}
.case-extra span{font:9px 'DM Mono';color:var(--teal)}
.case-extra p{margin:8px 0 0;color:var(--muted);font-size:11px}
.case-extra h3{margin:0;font-size:20px;line-height:1.35;letter-spacing:-.055em}
.case-extra>p{margin:0;color:#50636a;font-size:12px;line-height:1.7}
.case-extra>p b{color:var(--teal)}
.case-extra>strong{color:var(--teal);font-size:13px;line-height:1.5}

@media(max-width:760px){
  #services .service-grid{grid-template-columns:1fr 1fr}
  #services .service-card:nth-child(3n){border-right:1px solid #aebfba}
  #services .service-card:nth-child(even){border-right:0;padding-left:13px}
  #services .service-card:nth-child(n+3){border-top:1px solid #aebfba;padding-top:19px}
  #services .service-card:nth-child(3n+2),#services .service-card:nth-child(3n+3){padding-left:0}
  #services .service-card:nth-child(even){padding-left:13px}
  .trial-section{display:block}
  .trial-heading h2{margin:20px 0;font-size:40px}
  .trial-content{margin-top:43px;padding-top:22px}
  .trial-content p{font-size:12px;line-height:1.85}
  .trial-content .trial-question{font-size:19px}
  .trial-content strong{margin-top:30px;font-size:16px}
  .case-extra{display:block;margin-top:10px;padding:21px 20px}
  .case-extra h3{margin:20px 0;font-size:18px}
  .case-extra>p{margin:0 0 15px;font-size:11px}
  .case-extra>strong{font-size:12px}
}