.commercial {
  color: #132750;
}
.commercial-intro {
  background: linear-gradient(135deg, #fffbf5, #f4effb);
}
.commercial-partnership {
  background: linear-gradient(145deg, #f5edff, #fffbf5 55%, #edf8f5);
}
.commercial-grid {
  display: grid;
  gap: clamp(1.5rem, 4vw, 3.5rem);
  align-items: center;
}
.commercial-grid > * {
  min-width: 0;
}
.commercial-copy p {
  max-width: 60ch;
}
.commercial-copy h2 + p,
.commercial-headline + p,
.commercial-highlight + p {
  margin-top: 1rem;
}
.commercial-copy h2,
.commercial-headline,
.commercial-close h3 {
  font-size: clamp(2rem, 3.5vw, 3.5rem);
  line-height: 1.08;
  letter-spacing: -.045em;
  text-wrap: balance;
}
.commercial-headline em,
.commercial-highlight em,
.commercial-close em {
  color: #6534a7;
  font-family: Georgia, serif;
  font-weight: 500;
}
.commercial-headline em {
  display: block;
}
.commercial-highlight {
  margin-top: 1.45rem;
  padding: 1rem 1.15rem;
  border: 1px solid #ddccef;
  border-radius: 1rem;
  background: #f2e8fc;
  font-size: clamp(1.15rem, 2vw, 1.5rem);
  font-weight: 750;
  line-height: 1.25;
}
.commercial-highlight p + p {
  margin-top: .5rem;
}
.commercial-note {
  color: #593e7d;
  font-size: .95rem;
  font-weight: 700;
}
.commercial-visual img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 1.35rem;
  box-shadow: 0 18px 42px #2a145a1b;
}
.commercial-cards {
  display: grid;
  gap: 1rem;
  list-style: none;
  margin: clamp(1.75rem, 4vw, 3rem) 0;
  padding: 0;
}
.commercial-cards li {
  padding: clamp(1rem, 2.4vw, 1.6rem);
  border: 1px solid #ddd0ea;
  border-radius: 1rem;
  background: #f3e9fc;
}
.commercial-cards li:nth-child(2) { background: #e6f5f1; }
.commercial-cards li:nth-child(3) { background: #ffede9; }
.commercial-cards li:nth-child(4) { background: #fff4da; }
.commercial-cards h3 {
  font-size: clamp(1.12rem, 1.55vw, 1.35rem);
  line-height: 1.25;
}
.commercial-cards p {
  margin-top: .65rem;
  color: #505975;
}
.commercial-close {
  padding: clamp(1.5rem, 5vw, 3.5rem);
  border: 1px solid #ddccef;
  border-radius: 1.35rem;
  background: #fbf7ff;
  text-align: center;
}
.commercial-close p {
  margin: 1rem 0 1.35rem;
}
@media (min-width: 630px) {
  .commercial-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 940px) {
  .commercial-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .commercial-cards { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

.hero-white-label {
  margin-top: .9rem;
  padding-inline-start: .85rem;
  border-inline-start: 3px solid #8e44ff;
}
.hero-white-label strong,
.hero-white-label span {
  display: block;
}
.hero-white-label strong {
  color: #59319a;
  font-size: clamp(1.25rem, 2.5vw, 1.85rem);
  line-height: 1.2;
  letter-spacing: -.025em;
}
.hero-white-label span {
  margin-top: .2rem;
  font-weight: 650;
}
.hero .hero-white-label-detail {
  margin-top: .65rem;
  font-size: .9rem;
}