.transformation {
  position: relative;
  padding: 128px 7vw 112px;
  background:
    radial-gradient(circle at 92% 8%, rgba(18,104,255,.11), transparent 27%),
    linear-gradient(180deg, var(--surface) 0%, var(--bg) 100%);
  overflow: hidden;
}

.activation-entry{display:grid;grid-template-columns:minmax(0,.88fr) minmax(420px,1.12fr);gap:clamp(42px,6vw,90px);align-items:center;padding:clamp(82px,10vw,140px) 7vw;color:#0b1425;background:radial-gradient(circle at 90% 12%,rgba(28,113,255,.12),transparent 30%),linear-gradient(145deg,#fff 0%,#f3f7fc 100%);border-top:1px solid rgba(13,33,64,.1)}
.activation-entry__content{max-width:680px}.activation-entry h2{margin:18px 0 24px;max-width:680px;font-size:clamp(40px,4.6vw,68px);line-height:1;letter-spacing:-.055em;font-weight:630}.activation-entry__content>p:not(.kicker){max-width:620px;margin:0;color:#536176;font-size:clamp(17px,1.5vw,20px);line-height:1.7}.activation-entry__button{display:inline-flex;margin-top:34px;padding:15px 24px;color:#fff;background:#0b57c7;border:1px solid #0b57c7;border-radius:999px;font-size:14px;font-weight:680;text-decoration:none;transition:background .22s ease,border-color .22s ease,transform .22s ease,box-shadow .22s ease}.activation-entry__button:hover{background:#a77a22;border-color:#a77a22;transform:translateY(-2px);box-shadow:0 14px 34px rgba(88,65,20,.18)}.activation-entry__visual{position:relative;margin:0}.activation-entry__visual img{width:100%;height:clamp(390px,35vw,530px);object-fit:cover;border-radius:90px 18px 90px 18px;box-shadow:0 30px 75px rgba(18,46,86,.2)}.activation-entry__visual figcaption{position:absolute;left:26px;right:26px;bottom:24px;max-width:430px;padding:20px 23px;color:#fff;background:rgba(5,21,48,.88);border:1px solid rgba(255,255,255,.2);border-radius:24px 8px;backdrop-filter:blur(12px)}.activation-entry__visual small{display:block;color:#e1bd63;font-size:9px;font-weight:750;letter-spacing:.16em}.activation-entry__visual strong{display:block;margin-top:7px;font-size:17px;line-height:1.3}.activation-entry__topics{grid-column:1/-1;display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:8px}.activation-entry__topics span{min-height:78px;display:flex;align-items:flex-end;padding:17px;background:rgba(255,255,255,.82);border:1px solid rgba(17,51,99,.12);border-radius:20px 7px;color:#26354d;font-size:12px;font-weight:650;box-shadow:0 14px 38px rgba(21,46,81,.06)}
@media(max-width:980px){.activation-entry{grid-template-columns:1fr}.activation-entry__topics{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){.activation-entry{padding:78px 22px}.activation-entry__visual img{height:390px;border-radius:58px 14px}.activation-entry__visual figcaption{left:14px;right:14px;bottom:14px}.activation-entry__topics{grid-template-columns:1fr 1fr}.activation-entry__topics span{min-height:78px;padding:16px}}

.transformation::before {
  content: "";
  position: absolute;
  top: 105px;
  right: -140px;
  width: 330px;
  height: 330px;
  border: 1px solid rgba(205,166,84,.28);
  border-radius: 50%;
  pointer-events: none;
}

.transformation-intro {
  display: grid;
  grid-template-columns: .78fr 1.22fr;
  gap: 4vw 8vw;
  max-width: 1200px;
  margin: 0 auto 88px;
  align-items: end;
}

.transformation-intro .kicker { grid-column: 1 / -1; margin: 0; }

.transformation-intro h2 {
  margin: 0;
  max-width: 700px;
  font-size: clamp(44px, 5.4vw, 76px);
  font-weight: 640;
  line-height: .98;
  letter-spacing: -.06em;
}

.transformation-intro h2 em {
  display: block;
  margin-top: .13em;
  color: transparent;
  background: linear-gradient(95deg, var(--blue-bright), #74aefd 55%, var(--gold));
  -webkit-background-clip: text;
  background-clip: text;
  font-style: normal;
  font-weight: 430;
}

.transformation-lead {
  max-width: 580px;
  margin: 0 0 4px;
  color: var(--muted);
  font-size: 18px;
  line-height: 1.75;
}

.transformation-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 1200px;
  margin: 0 auto;
  border-top: 1px solid var(--line);
}

.transformation-field {
  min-height: 300px;
  padding: 34px 4vw 42px 0;
  border-bottom: 1px solid var(--line);
}

.transformation-field:nth-child(even) {
  padding-right: 0;
  padding-left: 4vw;
  border-left: 1px solid var(--line);
}

.transformation-field.featured {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: .7fr 1.05fr 1.25fr;
  gap: 4vw;
  min-height: 230px;
  align-items: start;
  padding-right: 0;
}

.field-meta {
  display: flex;
  align-items: center;
  gap: 16px;
  color: var(--blue-bright);
}

.field-meta span {
  font-family: Georgia, serif;
  font-size: 28px;
  font-weight: 400;
}

.field-meta small,
.transformation-method small {
  color: var(--muted);
  font-size: 9px;
  font-weight: 760;
  letter-spacing: .16em;
}

.transformation-field h3 {
  max-width: 470px;
  margin: 40px 0 15px;
  font-size: clamp(25px, 2.5vw, 36px);
  font-weight: 620;
  line-height: 1.08;
  letter-spacing: -.045em;
}

.transformation-field.featured h3 { margin: 0; }

.transformation-field p {
  max-width: 520px;
  margin: 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.75;
}

.transformation-method {
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: 6vw;
  max-width: 1200px;
  margin: 76px auto 0;
  padding: 42px;
  color: #fff;
  background: linear-gradient(135deg, #061225, #0a2d63);
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 40px 14px 40px 14px;
  box-shadow: 0 28px 75px rgba(13,44,90,.22);
}

.transformation-method small { color: #d8b96f; }
.transformation-method p { margin: 15px 0 0; color: rgba(238,244,255,.78); font-size: 14px; line-height: 1.7; }
.transformation-method ol { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px 28px; }
.transformation-method li { display: flex; align-items: center; gap: 10px; }
.transformation-method li span { color: #79b0ff; font-family: Georgia, serif; font-size: 13px; }
.transformation-method li strong { font-size: 13px; font-weight: 650; }

@media (max-width: 900px) {
  .transformation-intro { grid-template-columns: 1fr; gap: 28px; }
  .transformation-field.featured { grid-template-columns: 1fr; gap: 26px; }
  .transformation-field.featured h3 { margin-top: 0; }
  .transformation-method { grid-template-columns: 1fr; }
}

@media (max-width: 680px) {
  .transformation { padding: 88px 22px 78px; }
  .transformation::before { width: 220px; height: 220px; right: -120px; }
  .transformation-intro { margin-bottom: 58px; }
  .transformation-intro h2 { font-size: 45px; }
  .transformation-lead { font-size: 16px; }
  .transformation-fields { grid-template-columns: 1fr; }
  .transformation-field,
  .transformation-field:nth-child(even),
  .transformation-field.featured { grid-column: auto; min-height: auto; padding: 30px 0 36px; border-left: 0; }
  .transformation-field h3 { margin-top: 28px; }
  .transformation-field.featured h3 { margin-top: 0; }
  .transformation-method { margin-top: 54px; padding: 30px 24px; border-radius: 28px 10px; }
  .transformation-method ol { grid-template-columns: repeat(2, 1fr); gap: 18px 12px; }
}