.migration-columns { box-sizing: border-box; width: 100%; max-width: 1200px; margin-inline: auto; background: transparent; color: rgba(var(--color-text)); }
.migration-columns__grid { display: grid; }
.migration-columns--benefits { position: static; z-index: auto; display: block !important; height: 107px; margin-top: 0; flex-direction: row !important; }
.migration-columns--benefits .migration-columns__grid { height: 100%; grid-template-columns: repeat(4,1fr); border: 1px solid var(--migration-oat); border-radius: 18px; background: rgba(var(--color-card-background)); overflow: hidden; }
.benefit { display: flex; align-items: flex-start; gap: 14px; min-width: 0; padding: 24px 22px; border-right: 1px solid var(--migration-oat); }
.benefit:last-child { border-right: 0; }
.benefit-icon { display: flex; width: 42px; height: 42px; flex: 0 0 42px; align-items: center; justify-content: center; border-radius: 50%; background: var(--migration-paper); }
.benefit-icon svg { display: block; width: 20px; height: 20px; color: var(--migration-teal-dark); }
.benefit strong { display: block; margin-bottom: 3px; font-size: 14px; font-weight: 600; line-height: normal; }
.benefit p { margin: 0; color: #9a9385; font-size: 12.5px; line-height: 1.45; }
.migration-columns--facts { display: block !important; height: 444px; min-height: 0; padding-top: 72px !important; padding-bottom: 72px !important; flex-direction: row !important; }
.migration-columns__heading:empty { display: none; }
.migration-columns--facts .migration-columns__heading { width: fit-content; margin-bottom: 30px; }
.migration-columns--facts .migration-columns__heading > .migration-eyebrow { margin-bottom: 12px; color: var(--migration-moss); text-align: left; }
.migration-columns--facts .migration-columns__heading > .migration-eyebrow { font-size: 12px; font-weight: 500; line-height: normal; letter-spacing: 2.4px; }
.migration-columns--facts .migration-columns__heading > h2 { margin: 0; text-align: left; font-size: 40px; font-weight: 500; line-height: 1.08; }
.migration-columns--facts .migration-columns__grid { grid-template-columns: repeat(3,1fr); gap: 22px; }
.fact { height: 200px; min-height: 200px; box-sizing: border-box; padding: 28px; border: 1px solid var(--migration-oat); border-radius: 16px; background: rgba(var(--color-card-background)); }
.fact .migration-eyebrow { margin-bottom: 16px; color: var(--migration-moss); font-size: 11px; font-weight: 500; line-height: normal; letter-spacing: 2.2px; }
.fact h3 { margin: 10px 0; font-size: 25px; }
.fact div { color: #38332c; font-family: "Spectral", Georgia, serif; font-size: 20px; line-height: 1.4; }
.migration-columns--fact-cards { display: block !important; max-width: 1200px; padding: 56px 28px 80px !important; flex-direction: row !important; }
.migration-columns--fact-cards .migration-columns__heading { display: none; }
.migration-columns--fact-cards .migration-columns__grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.migration-columns--fact-cards .facts-card { display: flex; height: 200px; min-height: 200px; flex-direction: column; }
.migration-columns--fact-cards .facts-card__copy p { margin: 0; }
.migration-columns--use-cases { display: grid !important; height: 240px; grid-template-columns: repeat(3,1fr); flex-direction: row !important; gap: 24px !important; padding: 64px 28px !important; }
.migration-columns--use-cases .migration-columns__heading { display: none; }
.migration-columns--use-cases .migration-columns__grid { display: contents; }
.use-case { min-width: auto; padding: 0 12px; text-align: center; }
.use-case:nth-child(2) { border-right: 1px solid #ded7c8; border-left: 1px solid #ded7c8; }
.use-case h3 { margin: 0 0 10px; color: var(--migration-teal-dark); font-size: 36px; font-weight: 400; line-height: 1.5; word-break: normal; }
.use-case p { margin: 0; color: #756e62; font-size: 15px; line-height: 1.6; }
.migration-columns--subscription-benefits { display: block !important; padding: 72px 28px 24px !important; flex-direction: row !important; }
.migration-columns--subscription-benefits .migration-columns__heading { display: none; }
.migration-columns--subscription-benefits .migration-columns__grid { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 22px; }
.subscription-benefit { box-sizing: border-box; display: flex; min-height: 150px; flex-direction: column; padding: 28px; border: 1px solid var(--migration-oat); border-radius: 16px; background: var(--migration-chalk); }
.subscription-benefit__label { margin-bottom: 16px; color: var(--migration-moss); font: 500 11px/normal "Spline Sans Mono",ui-monospace,monospace; letter-spacing: 2.2px; text-transform: uppercase; }
.subscription-benefit p { margin: 0; color: #38332c; font: 400 20px/1.4 "Spectral",Georgia,serif; }
.migration-columns--subscription-steps { display: block !important; max-width: 860px; padding: 24px 28px 40px !important; flex-direction: row !important; }
.migration-columns--subscription-steps .migration-columns__heading { display: none; }
.migration-columns--subscription-steps .migration-columns__grid { display: block; }
.subscription-step { box-sizing: border-box; display: flex; gap: 28px; padding: 28px 0; border-bottom: 1px solid #ded7c8; }
.subscription-step:last-child { border-bottom: 0; }
.subscription-step__number { display: flex; width: 56px; height: 56px; flex: 0 0 56px; align-items: center; justify-content: center; border-radius: 50%; background: var(--migration-ink); color: var(--migration-teal); font: 500 22px/normal "Spectral",Georgia,serif; }
.subscription-step h3 { margin: 0 0 8px; color: var(--migration-ink); font-size: 26px; font-weight: 500; line-height: 1.1; }
.subscription-step p { max-width: 560px; margin: 0; color: var(--migration-muted); font-size: 16px; line-height: 1.65; }
.migration-columns--process-steps { display: block !important; max-width: 900px; padding: 56px 28px 80px !important; flex-direction: row !important; }
.migration-columns--process-steps .migration-columns__heading { display: none; }
.migration-columns--process-steps .migration-columns__grid { display: block; }
.process-step { box-sizing: border-box; display: flex; gap: 28px; padding: 28px 0; border-bottom: 1px solid #ded7c8; }
.process-step__number { display: flex; width: 56px; height: 56px; flex: 0 0 56px; align-items: center; justify-content: center; border-radius: 50%; background: var(--migration-ink); color: var(--migration-teal); font: 500 22px/normal "Spectral",Georgia,serif; }
.process-step h3 { margin: 0 0 8px; color: var(--migration-ink); font-size: 26px; font-weight: 500; line-height: 1.1; }
.process-step p { max-width: 560px; margin: 0; color: var(--migration-muted); font-size: 16px; line-height: 1.65; }
.process-steps__cta-wrap { margin-top: 48px; text-align: center; }
.process-steps__cta { min-height: 50px; padding: 15px 30px; border: 0; }
.migration-columns--process-steps .process-steps__cta:hover { background: var(--migration-teal-dark); color: var(--migration-chalk); opacity: 1; }

.migration-columns--statistics { display: block !important; margin-top: 40px; padding: 0 28px !important; flex-direction: row !important; }
.migration-columns--statistics .migration-columns__heading { display: none; }
.migration-columns--statistics .migration-columns__grid { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 20px; padding: 40px 0; border-top: 1px solid var(--migration-oat); border-bottom: 1px solid var(--migration-oat); }
.about-statistic { text-align: center; }
.about-statistic__value { color: var(--migration-teal-dark); font: 500 44px/1.5 "Spectral",Georgia,serif; }
.about-statistic__label { margin-top: 4px; color: var(--migration-light-muted); font-size: 13px; line-height: 1.5; }

.migration-columns--gallery { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px !important; padding: 56px 28px 24px !important; flex-direction: row !important; }
.migration-columns--gallery .migration-columns__heading { display: none; }
.migration-columns--gallery .migration-columns__grid { display: contents; }
.about-gallery__media { aspect-ratio: 4 / 3; border-radius: 18px; overflow: hidden; }
.about-gallery__media img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; }

.migration-columns--about-benefits { display: block !important; padding: 24px 28px 8px !important; flex-direction: row !important; }
.migration-columns--about-benefits .migration-columns__heading { display: none; }
.migration-columns--about-benefits .migration-columns__grid { grid-template-columns: repeat(4,minmax(0,1fr)); border: 1px solid var(--migration-oat); border-radius: 18px; background: var(--migration-chalk); overflow: hidden; }
.about-benefit { display: flex; min-width: 0; align-items: flex-start; gap: 14px; padding: 24px 22px; border-right: 1px solid var(--migration-oat); }
.about-benefit:last-child { border-right: 0; }
.about-benefit__icon { display: flex; width: 42px; height: 42px; flex: 0 0 42px; align-items: center; justify-content: center; border-radius: 50%; background: var(--migration-paper); }
.about-benefit__icon svg { display: block; width: 20px; height: 20px; color: var(--migration-teal-dark); }
.about-benefit strong { display: block; margin-bottom: 3px; font-size: 14px; font-weight: 600; line-height: normal; }
.about-benefit p { margin: 0; color: var(--migration-light-muted); font-size: 12.5px; line-height: 1.45; }

.migration-columns--people-preview { display: block !important; padding: 24px 28px 72px !important; flex-direction: row !important; }
.migration-columns--people-preview .team-preview__header { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 30px; }
.migration-columns--people-preview .migration-eyebrow { margin: 0 0 12px; color: var(--migration-moss); font: 500 12px/normal "Spline Sans Mono",ui-monospace,monospace; letter-spacing: 2.4px; }
.migration-columns--people-preview h2 { margin: 0; font-size: clamp(28px,4vw,40px); font-weight: 500; line-height: 1.08; }
.team-preview__all-link { display: inline-flex; align-items: center; gap: 7px; color: var(--migration-teal-dark); font-size: 15px; font-weight: 600; line-height: 20px; text-decoration: none; transition: gap .15s ease,color .15s ease; }
.team-preview__all-link:hover,
.team-preview__all-link:focus-visible { gap: 11px; color: var(--migration-teal-deep); }
.migration-columns--people-preview .migration-columns__grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.team-preview__card { box-sizing: border-box; display: block; padding: 18px 18px 22px; border: 1px solid var(--migration-oat); border-radius: 16px; background: var(--migration-chalk); color: var(--migration-ink); text-align: center; text-decoration: none; transition: border-color .15s ease; }
.team-preview__card:hover,
.team-preview__card:focus-visible { border-color: var(--migration-teal-dark); transform: none; }
.team-preview__image { display: block; width: 100%; height: auto; margin-bottom: 14px; aspect-ratio: 4 / 3; border-radius: 12px; object-fit: cover; }
.team-preview__name { display: block; margin-bottom: 3px; font-size: 15px; font-weight: 600; line-height: normal; }
.team-preview__role { color: var(--migration-light-muted); font: 500 12px/normal "Spline Sans Mono",ui-monospace,monospace; letter-spacing: .96px; text-transform: uppercase; }
@media (max-width: 900px) {
  .migration-columns { padding-right: 28px !important; padding-left: 28px !important; }
  .migration-columns--benefits { height: 198px; }
  .migration-columns--benefits .migration-columns__grid { grid-template-columns: repeat(2,1fr); }
  .benefit:nth-child(2) { border-right: 0; }
  .benefit:nth-child(-n+2) { border-bottom: 1px solid var(--migration-oat); }
  .migration-columns--facts { height: 656.171875px; }
  .migration-columns--facts .migration-columns__heading > h2 { font-size: 30.72px; }
  .migration-columns--facts .migration-columns__grid { grid-template-columns: repeat(2,1fr); gap: 22px; }
  .migration-columns--fact-cards .migration-columns__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .fact { display: flex; height: 200px; min-height: 200px; flex-direction: column; }
  .migration-columns--use-cases { height: 264px; padding: 64px 28px !important; }
  .migration-columns--subscription-benefits .migration-columns__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .migration-columns--statistics .migration-columns__grid { grid-template-columns: minmax(0,1fr); }
  .migration-columns--about-benefits .migration-columns__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .about-benefit:nth-child(2) { border-right: 0; }
  .about-benefit:nth-child(-n+2) { border-bottom: 1px solid var(--migration-oat); }
}
@media (max-width: 480px) {
  .migration-columns { padding-right: 18px !important; padding-left: 18px !important; }
  .migration-columns--process-steps { padding-right: 28px !important; padding-left: 28px !important; }
  .migration-columns--fact-cards { padding-right: 28px !important; padding-left: 28px !important; }
  .migration-columns--benefits { height: 317px; margin-top: 0; }
  .migration-columns--benefits .migration-columns__grid { grid-template-columns: 1fr; }
  .benefit { padding: 18px; border-right: 0; border-bottom: 1px solid var(--migration-oat); }
  .benefit:last-child { border-bottom: 0; }
  .migration-columns--facts { height: 811.234375px; padding-top: 40px !important; padding-bottom: 40px !important; }
  .migration-columns--facts .migration-columns__heading > h2 { font-size: 28px; }
  .migration-columns--facts .migration-columns__grid { grid-template-columns: 1fr; }
  .migration-columns--fact-cards .migration-columns__grid { grid-template-columns: minmax(0,1fr); }
  .fact { height: 200px; min-height: 200px; padding: 28px; }
  .migration-columns--use-cases { height: 432px; grid-template-columns: repeat(3,1fr); gap: 24px !important; padding: 64px 28px !important; }
  .use-case { padding: 0 12px; }
  .use-case + .use-case { padding-top: 0; border-top: 0; }
  .migration-columns--subscription-benefits { padding: 40px 18px 24px !important; }
  .migration-columns--subscription-benefits .migration-columns__grid { grid-template-columns: minmax(0,1fr); }
  .migration-columns--subscription-steps { padding: 24px 28px 40px !important; }
  .migration-columns--statistics { padding-right: 18px !important; padding-left: 18px !important; }
  .migration-columns--gallery { padding: 56px 28px 24px !important; }
  .migration-columns--about-benefits { padding: 24px 28px 8px !important; }
  .migration-columns--about-benefits .migration-columns__grid { grid-template-columns: minmax(0,1fr); }
  .about-benefit { padding: 18px; border-right: 0; border-bottom: 1px solid var(--migration-oat); }
  .about-benefit:last-child { border-bottom: 0; }
  .migration-columns--people-preview { padding: 24px 18px 40px !important; }
  .migration-columns--people-preview .team-preview__header { flex-wrap: wrap; }
  .migration-columns--people-preview h2 { font-size: 28px; }
  .migration-columns--people-preview .migration-columns__grid { grid-template-columns: minmax(0,1fr); }
}
