.about-page .team-card:nth-child(2){--team-accent: #3d9f8d; --team-soft: rgba(153,246,228,.18);}
.about-page .team-card:nth-child(3){--team-accent: #9560c7; --team-soft: rgba(192,132,252,.15);}
.about-page .team-card:nth-child(4){--team-accent: #b77657; --team-soft: rgba(252,201,165,.16);}
.about-page .team-card::before{content: "";
  position: absolute;
  left: 0;
  top: 24px;
  bottom: 24px;
  width: 4px;
  border-radius: 0 999px 999px 0;
  background: var(--team-accent);
  opacity: .72;
  transition: top .32s ease, bottom .32s ease, opacity .32s ease;}
.about-page .team-card::after{content: "";
  position: absolute;
  z-index: -1;
  width: 190px;
  height: 190px;
  right: -92px;
  top: -94px;
  border-radius: 50%;
  background: var(--team-soft);
  filter: blur(2px);
  transform: scale(.82);
  opacity: .64;
  transition: transform .45s cubic-bezier(.22,1,.36,1), opacity .3s ease;}
.about-page .team-visual{position: relative;
  width: 104px;
  height: 112px;
  display: grid;
  place-items: end center;}
.about-page .team-index{position: absolute;
  top: 0;
  left: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 24px;
  padding: 0 8px;
  border: 1px solid color-mix(in srgb, var(--team-accent) 24%, transparent);
  border-radius: 999px;
  background: color-mix(in srgb, var(--team-soft) 72%, white);
  color: var(--team-accent);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .08em;}
.about-page .team-avatar{width: 84px !important;
  height: 84px !important;
  margin: 0 !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid color-mix(in srgb, var(--team-accent) 22%, rgba(1,2,20,.08)) !important;
  border-radius: 25px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.96), var(--team-soft)) !important;
  color: var(--team-accent) !important;
  font-size: 25px !important;
  font-weight: 820 !important;
  letter-spacing: -.035em !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 10px 24px rgba(1,2,20,.06) !important;
  transform: rotate(-2deg) !important;
  transition: transform .36s cubic-bezier(.22,1,.36,1), box-shadow .32s ease !important;}
.about-page .team-card:nth-child(even) .team-avatar{transform: rotate(2deg) !important;}
.about-page .team-profile{min-width: 0;}
.about-page .team-name-row{display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 12px;}
.about-page .team-card h3{margin: 0 !important;
  color: var(--ink) !important;
  font-size: 24px !important;
  line-height: 1.1 !important;
  letter-spacing: -.035em !important;}
.about-page .team-role{display: inline-flex !important;
  align-items: center !important;
  min-height: 29px !important;
  margin: 0 !important;
  padding: 6px 10px !important;
  border: 1px solid color-mix(in srgb, var(--team-accent) 22%, transparent) !important;
  border-radius: 999px !important;
  background: var(--team-soft) !important;
  color: var(--team-accent) !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: .02em !important;}
.about-page .team-email{width: fit-content !important;
  max-width: 100% !important;
  margin-top: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding-bottom: 3px !important;
  border-bottom: 1px solid rgba(1,2,20,.12) !important;
  color: #62687a !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: color .22s ease, border-color .22s ease !important;}
.about-page .team-email span{min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;}
.about-page .team-email svg{width: 15px !important;
  height: 15px !important;
  flex: 0 0 15px !important;
  stroke-width: 1.8 !important;
  transition: transform .26s cubic-bezier(.22,1,.36,1) !important;}
@media (hover:hover) and (pointer:fine){
  .about-page .team-card:hover{transform: translateY(-6px) !important;
    border-color: color-mix(in srgb, var(--team-accent) 25%, rgba(1,2,20,.06)) !important;
    box-shadow: 0 24px 54px rgba(1,2,20,.09) !important;}
  .about-page .team-card:hover::before{top: 14px; bottom: 14px; opacity: 1;}
  .about-page .team-card:hover::after{transform: scale(1.12); opacity: .9;}
  .about-page .team-card:hover .team-avatar{transform: rotate(0deg) translateY(-2px) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 15px 30px rgba(1,2,20,.085) !important;}
  .about-page .team-card:hover .team-email{color: var(--team-accent) !important;
    border-color: color-mix(in srgb, var(--team-accent) 50%, transparent) !important;}
  .about-page .team-card:hover .team-email svg{transform: translate(2px,-2px) !important;}
}
@media (min-width:901px) and (max-height:780px){
  .about-page .team-grid{gap: 14px !important;}
  .about-page .team-card{min-height: 158px !important;
    padding: 18px 22px !important;
    grid-template-columns: 86px minmax(0,1fr) !important;
    gap: 18px !important;}
  .about-page .team-visual{width: 86px; height: 94px;}
  .about-page .team-avatar{width: 72px !important; height: 72px !important; border-radius: 21px !important;}
  .about-page .team-card h3{font-size: 21px !important;}
  .about-page .team-email{margin-top: 12px !important;}
}
@media (max-width: 720px){
  .about-page .team-grid{grid-template-columns: 1fr !important; gap: 14px !important;}
  .about-page .team-grid::before{inset: 6% 0;}
  .about-page .team-card{min-height: 0 !important;
    padding: 21px !important;
    grid-template-columns: 88px minmax(0,1fr) !important;
    gap: 18px !important;
    border-radius: 22px !important;}
  .about-page .team-visual{width: 88px; height: 96px;}
  .about-page .team-avatar{width: 74px !important; height: 74px !important; border-radius: 21px !important;}
  .about-page .team-card h3{font-size: 21px !important;}
}
@media (max-width: 430px){
  .about-page .team-card{grid-template-columns: 72px minmax(0,1fr) !important;
    gap: 14px !important;
    padding: 18px !important;}
  .about-page .team-visual{width: 72px; height: 80px;}
  .about-page .team-avatar{width: 62px !important; height: 62px !important; border-radius: 18px !important; font-size: 21px !important;}
  .about-page .team-index{transform: scale(.9); transform-origin: top left;}
  .about-page .team-name-row{gap: 8px;}
  .about-page .team-role{font-size: 10px !important; padding: 5px 8px !important;}
  .about-page .team-email{font-size: 12px !important; margin-top: 11px !important;}
}
.about-page .about-video-shell{position: relative !important;
  overflow: hidden !important;
  padding: 3px !important;
  border: 0 !important;
  border-radius: 30px !important;
  background: var(--gradient-brand) !important;
  background-size: 220% 100% !important;
  background-position: 0% 50% !important;
  box-shadow:
    0 24px 65px rgba(1,2,20,.10),
    0 10px 32px rgba(180,110,233,.10) !important;
  animation: aboutVideoBorderFlow 4.4s ease-in-out infinite alternate !important;}
.about-page .about-video-screen{border-radius: 27px !important;
  background: #fff !important;}
@keyframes aboutVideoBorderFlow{from { background-position: 0% 50%; }
  to   { background-position: 100% 50%; }}
@media (max-width: 640px){
  .about-page .about-video-shell{padding: 2px !important;
    border-radius: 22px !important;}
  .about-page .about-video-screen{border-radius: 20px !important;}
}
@media (prefers-reduced-motion: reduce){
  .about-page .about-video-shell{animation: none !important;
    background-position: 50% 50% !important;}
}
.about-page .about-section-head h2{line-height: 1.14 !important;
  padding-bottom: .12em !important;
  margin-bottom: calc(14px - .12em) !important;
  overflow: visible !important;
  box-decoration-break: clone !important;
  -webkit-box-decoration-break: clone !important;}
.about-page .carrier-link{position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  background: #fff !important;
  background-image: none !important;
  border-color: var(--border-strong) !important;
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    border-color .22s ease !important;}
.about-page .carrier-link::before{content: "" !important;
  position: absolute !important;
  inset: -1px !important;
  z-index: 0 !important;
  width: 0% !important;
  border-radius: inherit !important;
  background: var(--gradient-brand) !important;
  transition: width .42s cubic-bezier(.22,1,.36,1) !important;
  pointer-events: none !important;}
.about-page .carrier-link > *{position: relative !important;
  z-index: 1 !important;}
.about-page .carrier-link:hover::before, .about-page .carrier-link:focus-visible::before{width: calc(100% + 2px) !important;}
.about-page .carrier-link:hover, .about-page .carrier-link:focus-visible{transform: translateY(-2px) !important;
  border-color: transparent !important;
  box-shadow: 0 12px 30px rgba(180,110,233,.20) !important;}
.about-page .carrier-link img{transition: transform .22s ease, filter .22s ease !important;}
.about-page .carrier-link:hover img, .about-page .carrier-link:focus-visible img{transform: scale(1.035) !important;
  filter: drop-shadow(0 1px 1px rgba(255,255,255,.45)) !important;}
.about-page .team-index{display: none !important;}
.about-page .team-visual{height: 92px !important;
  place-items: center !important;}
.about-page .team-avatar, .about-page .team-card:nth-child(even) .team-avatar, .about-page .team-card:hover .team-avatar{transform: none !important;}
@media (hover:hover) and (pointer:fine){
  .about-page .team-card:hover .team-avatar{box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 15px 30px rgba(1,2,20,.085) !important;}
}
@media (min-width:901px) and (max-height:780px){
  .about-page .team-visual{height: 78px !important;}
}
@media (max-width:720px){
  .about-page .team-visual{height: 80px !important;}
}
@media (max-width:430px){
  .about-page .team-visual{height: 68px !important;}
}
.about-page .map-card{display: block !important;
  color: inherit !important;
  text-decoration: none !important;
  cursor: pointer !important;}
.about-page .map-card:focus-visible{outline: 3px solid rgba(192,132,252,.42) !important;
  outline-offset: 8px !important;}
.about-page .vision-grid{width: min(1120px, 100%) !important;
  margin: 0 auto !important;
  gap: 22px !important;}
.about-page .vision-card{--vision-accent: #d66d77;
  --vision-soft: rgba(252,165,165,.16);
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  min-height: 255px !important;
  padding: 30px !important;
  display: flex !important;
  flex-direction: column !important;
  border: 1px solid rgba(1,2,20,.07) !important;
  border-radius: 26px !important;
  background: rgba(255,255,255,.94) !important;
  box-shadow:
    0 15px 40px rgba(1,2,20,.055),
    inset 0 1px 0 rgba(255,255,255,.9) !important;
  transition:
    transform .34s cubic-bezier(.22,1,.36,1),
    box-shadow .34s ease,
    border-color .28s ease !important;}
.about-page .vision-card:nth-child(2){--vision-accent: #3d9f8d; --vision-soft: rgba(153,246,228,.19);}
.about-page .vision-card:nth-child(3){--vision-accent: #9560c7; --vision-soft: rgba(192,132,252,.16);}
.about-page .vision-card::before{content: "" !important;
  position: absolute !important;
  inset: auto -70px -100px auto !important;
  width: 220px !important;
  height: 220px !important;
  border-radius: 50% !important;
  background: var(--vision-soft) !important;
  filter: blur(3px) !important;
  opacity: .58 !important;
  transform: scale(.82) !important;
  transition: transform .5s cubic-bezier(.22,1,.36,1), opacity .35s ease !important;
  pointer-events: none !important;
  z-index: -1 !important;}
.about-page .vision-card::after{content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  width: 0% !important;
  border-radius: inherit !important;
  background: linear-gradient(115deg, rgba(252,165,165,.10), rgba(192,132,252,.07) 52%, rgba(153,246,228,.10)) !important;
  opacity: .8 !important;
  transition: width .5s cubic-bezier(.22,1,.36,1) !important;
  pointer-events: none !important;
  z-index: -1 !important;}