.home-why {
  position: relative;
  overflow: hidden;
  padding: 100px 0 120px;
  background: #FFFFFF;
  color: #0A3D68;
}
.why-world-map {
  position: absolute;
  top: -105px;
  right: max(0px, calc((100% - 1200px) / 2 - 17px));
  width: 767px;
  height: 767px;
  pointer-events: none;
}
.why-inner {
  position: relative;
  width: min(1200px, calc(100% - 48px));
  margin: 0 auto;
}
.why-eyebrow {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: 18px;
  line-height: 24px;
}
.why-eyebrow img { display: block; flex: none; }
.why-heading {
  margin: 5px 0 17px;
  font-family: "Anton", Impact, 'Arial Narrow', sans-serif;
  font-size: clamp(52px, 4.45vw, 64px);
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: .3px;
}
.why-heading span { display: block; }
.why-heading span + span { color: #2E9C91; }
.why-description {
  margin: 0;
  color: #000000;
  font-size: 16px;
  line-height: 30px;
  white-space: pre-line;
}
.why-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 68px 24px;
  margin-top: 78px;
}
.why-card {
  position: relative;
  min-width: 0;
  min-height: 291px;
  padding: 110px 28px 51px;
  border: 1px solid #DBE3EA;
  border-radius: 4px;
  background: #F8FAFC;
  text-align: center;
}
.why-card-icon {
  position: absolute;
  top: -27px;
  left: 50%;
  width: 72px;
  height: 72px;
  transform: translateX(-50%);
}
.why-card-icon img {
  display: block;
  width: 72px;
  height: 72px;
}
.why-card-stem {
  position: absolute;
  top: 60px;
  left: 50%;
  width: 1px;
  height: 24px;
  background: #2E9C91;
}
.why-card h3 {
  margin: 0;
  font-family: "Anton", Impact, 'Arial Narrow', sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}
.why-card p {
  margin: 14px 0 0;
  font-size: 16px;
  line-height: 30px;
}
.why-card-rule {
  position: absolute;
  bottom: 34px;
  left: 50%;
  width: 72px;
  height: 1px;
  transform: translateX(-50%);
  background: #2E9C91;
}
@media (max-width: 1100px) {
  .home-why { padding: 88px 0; }
  .why-world-map { top: -90px; right: -50px; width: min(70vw, 767px); height: auto; }
  .why-heading { font-size: clamp(44px, 5.5vw, 60px); }
  .why-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  .home-why { padding: 72px 0; }
  .why-inner { width: min(500px, calc(100% - 32px)); }
  .why-world-map { top: -30px; right: -150px; width: 650px; opacity: .12; }
  .why-eyebrow { font-size: 16px; }
  .why-heading { font-size: clamp(32px, 8vw, 46px); }
  .why-heading span { overflow-wrap: anywhere; }
  .why-description { font-size: 15px; line-height: 1.75; white-space: normal; }
  .why-grid { grid-template-columns: minmax(0, 1fr); gap: 66px; margin-top: 72px; }
  .why-card { min-height: 291px; }
}