/* Regulatory trust section */
.about {
  position: relative;
  isolation: isolate;
  min-height: 58.75rem;
  padding: clamp(8.5rem, 11.5vw, 12rem) 5.4% 6rem;
  overflow: clip;
  background: radial-gradient(ellipse 56% 67% at 7% 64%, #edf6ff 0%, transparent 72%), linear-gradient(100deg, #fff 0%, #f9fcff 54%, #e5f2ff 100%);
  color: #091f44;
  font-family: var(--font-display);
  scroll-margin-top: 1.5rem;
}
.about__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas: "intro" "features";
  width: min(51vw, 60rem);
  margin: 0;
}
.about__intro { grid-area: intro; position: relative; z-index: 1; }
.about h2 { margin: 0; color: #071d43; font-size: clamp(3rem, 4.65vw, 5rem); line-height: .97; font-weight: 700; letter-spacing: -.052em; white-space: nowrap; }
.about__title-emphasis { color: #246bc6; }
.about__description { max-width: 52rem; margin: 1.4rem 0 0; color: #697b9f; font-size: clamp(1.25rem, 1.75vw, 1.875rem); line-height: 1.22; letter-spacing: -.027em; }
.about__art-frame { position: absolute; z-index: 0; inset: 0 0 0 auto; width: min(44vw, 53rem); overflow: hidden; pointer-events: none; -webkit-mask-image: linear-gradient(90deg, transparent, #000 11%); mask-image: linear-gradient(90deg, transparent, #000 11%); }
.about__art { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center top; }
.about__features { grid-area: features; position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.1rem; margin: 1rem 0 0; padding: 0; list-style: none; }
.about__card { min-width: 0; min-height: 13rem; padding: 1.2rem 1.35rem; border: 1px solid #d2e3fb; border-radius: 1.1rem; background: rgb(255 255 255 / .87); box-shadow: 0 .75rem 2rem rgb(43 120 217 / .045); }
.about__icon { display: grid; place-items: center; width: 4.35rem; height: 4.35rem; margin-bottom: .9rem; border: 1px solid #d7e8ff; border-radius: .9rem; background: linear-gradient(145deg, #f2f8ff, #deecff); color: #0965c4; font-size: 1.2rem; font-weight: 800; font-style: italic; letter-spacing: -.08em; }
.about__icon svg { width: 2.4rem; height: 2.4rem; }
.about__card h3 { margin: 0; color: #0b2450; font-size: clamp(1rem, 1.34vw, 1.35rem); line-height: 1.18; letter-spacing: -.05em; }
.about__card p { margin: .55rem 0 0; color: #697b9f; font-size: clamp(.95rem, 1.23vw, 1.25rem); line-height: 1.35; letter-spacing: -.025em; }

@media (max-width: 84.374rem) {
  .about { min-height: 0; padding: 4.75rem 5.5% 5rem; }
  .about__inner { width: 100%; max-width: 52rem; margin-inline: auto; grid-template-areas: "intro" "art" "features"; }
  .about h2 { font-size: clamp(2.7rem, 6.5vw, 4.5rem); white-space: normal; }
  .about__description { font-size: clamp(1.15rem, 2.5vw, 1.55rem); line-height: 1.35; }
  .about__art-frame { grid-area: art; position: relative; justify-self: center; inset: auto; width: min(100%, 35rem); aspect-ratio: 1122 / 1402; margin: 1.5rem 0 .5rem; -webkit-mask-image: radial-gradient(ellipse at center, #000 75%, transparent 100%); mask-image: radial-gradient(ellipse at center, #000 75%, transparent 100%); }
  .about__features { margin-top: 1.25rem; }
  .about__card { min-height: 11.5rem; }
}
@media (min-width: 48rem) and (max-width: 84.374rem) {
  .about__inner { max-width: none; grid-template-columns: minmax(0, 60%) minmax(0, 40%); grid-template-areas: "intro art" "features features"; }
  .about h2 { font-size: clamp(2.6rem, 4.3vw, 3.8rem); }
  .about__description { font-size: clamp(1.05rem, 1.65vw, 1.4rem); line-height: 1.38; }
  .about__art-frame { width: 100%; margin: 0; align-self: center; }
  .about__features { margin-top: 1.75rem; }
}
@media (max-width: 47.999rem) {
  .about { padding: 2.5rem max(1rem, 5.5%) 2.75rem; }
  .about__inner { display: block; max-width: 34rem; }
  .about__intro { min-height: 21rem; }
  .about h2 { font-size: clamp(1.85rem, 8vw, 2.4rem); line-height: 1.04; }
  .about__description { max-width: 49%; margin-top: 1rem; font-size: .9rem; line-height: 1.35; }
  .about__art-frame { position: absolute; inset: 8.5rem -1% auto auto; width: 60%; height: 17rem; margin: 0; aspect-ratio: auto; -webkit-mask-image: radial-gradient(ellipse at 64% 52%, #000 43%, transparent 78%); mask-image: radial-gradient(ellipse at 64% 52%, #000 43%, transparent 78%); }
  .about__art { object-position: center 40%; }
  .about__features { grid-template-columns: minmax(0, 1fr); gap: .6rem; margin-top: .5rem; }
  .about__card { display: grid; grid-template-columns: 2.9rem minmax(0, 1fr); column-gap: .75rem; min-height: 0; padding: .75rem .85rem; border-radius: .9rem; }
  .about__icon { grid-row: 1 / 3; width: 2.9rem; height: 2.9rem; margin: 0; font-size: .85rem; }
  .about__icon svg { width: 1.7rem; height: 1.7rem; }
  .about__card h3 { align-self: end; font-size: 1rem; }
  .about__card p { margin-top: .2rem; font-size: .875rem; line-height: 1.3; }
}