/* Company introduction background. */
.home-intro {
  background:
    linear-gradient(180deg,#fff 0%,transparent 28%,transparent 76%,#fff 100%),
    radial-gradient(ellipse at 12% 65%,#eaf4f4 0%,transparent 60%),
    radial-gradient(ellipse at 90% 68%,#eef4e9 0%,transparent 58%),
    #f8faf8;
}
/* Fade between the white neighboring sections and the tinted content area. */
.explore > .grain--dark,
.home-service-flow {
  background:
    linear-gradient(0deg,#fff 0px,rgba(255,255,255,0) 180px),
    linear-gradient(180deg,#fff 0px,#f8faf8 80px,#eef4ef 220px);
}
.home-service-flow > .tech,
.home-service-flow > .band-wrap {background:transparent;}
.home-intro-inner {
  max-width:1200px;margin:0 auto;padding:80px 32px 72px;text-align:center;
}
.home-intro h2 {
  max-width:850px;margin:0 auto;font-family:var(--font-display);
  font-size:40px;font-weight:700;line-height:1.2;letter-spacing:-1.2px;
  color:var(--ink,#14140f);text-wrap:balance;
}
.home-intro h2 span {display:block;color:var(--green,#064e04);}
.home-intro-copy {
  max-width:760px;margin:24px auto 0;font-family:inherit;
  font-size:15px;font-weight:400;line-height:1.75;
  color:var(--graphite,#6e6e64);text-wrap:pretty;
}
.home-intro-cards {
  list-style:none;margin:52px 0 0;padding:0;display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;
}
.home-intro-card {
  min-width:0;padding:34px 24px 32px;border-radius:26px;
  background:rgba(255,255,255,.94);box-shadow:0 10px 28px #345a4910;
  display:flex;flex-direction:column;align-items:center;gap:26px;
}
.home-intro-icon {
  display:grid;place-items:center;flex:none;width:64px;height:64px;
  border-radius:19px;background:#f0f4eb;color:var(--green,#064e04);
}
.home-intro-card p {
  max-width:205px;margin:0;font-family:inherit;font-size:15px;
  font-weight:400;line-height:1.6;color:var(--charcoal,#30302a);text-wrap:balance;
}
@media(max-width:1000px) {
  .home-intro-inner {padding-top:68px;padding-bottom:56px;}
  .home-intro h2 {font-size:34px;letter-spacing:-1.1px;}
  .home-intro-cards {max-width:720px;margin:40px auto 0;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}
}
@media(max-width:640px) {
  .home-intro-inner {padding:52px 22px 40px;}
  .home-intro h2 {font-size:30px;letter-spacing:-.8px;}
  .home-intro-copy {margin-top:20px;}
  .home-intro-cards {gap:14px;margin-top:32px;}
  .home-intro-card {padding:26px 16px 24px;border-radius:22px;gap:20px;}
  .home-intro-icon {width:56px;height:56px;border-radius:17px;}
  .home-intro-card p {font-size:14px;}
}
@media(max-width:380px) {
  .home-intro-cards {grid-template-columns:1fr;}
  .home-intro-card {flex-direction:row;text-align:left;gap:20px;}
  .home-intro-card p {text-wrap:pretty;}
}