/* 首页第二模块：智能化运营核心方法数据轨道 */
body:not([class]) main > #ai.value-flow {
  position: relative;
  overflow: hidden;
  padding: 82px 0 88px;
  color: #26363d;
  background:
    radial-gradient(circle at 50% 52%, rgba(69, 218, 207, .11), transparent 31%),
    linear-gradient(180deg, #fff 0%, #f8fdfc 52%, #fff 100%);
  isolation: isolate;
}

body:not([class]) main > #ai.value-flow::before {
  position: absolute;
  inset: 0;
  z-index: -2;
  background-image:
    linear-gradient(rgba(24, 151, 148, .055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(24, 151, 148, .055) 1px, transparent 1px),
    radial-gradient(circle, rgba(24, 151, 148, .17) 1px, transparent 1.5px);
  background-position: center, center, 12px 12px;
  background-size: 72px 72px, 72px 72px, 24px 24px;
  opacity: .58;
  mask-image: linear-gradient(to bottom, transparent, #000 18%, #000 82%, transparent);
  content: "";
}

body:not([class]) main > #ai.value-flow::after {
  position: absolute;
  top: 41%;
  left: 50%;
  z-index: -1;
  width: min(1120px, 90vw);
  height: 250px;
  border: 1px solid rgba(41, 184, 178, .08);
  border-radius: 50%;
  box-shadow: 0 0 70px rgba(61, 209, 202, .06), inset 0 0 70px rgba(61, 209, 202, .035);
  transform: translate(-50%, -50%);
  content: "";
}

#ai.value-flow .shell {
  position: relative;
  z-index: 1;
  width: min(1240px, calc(100% - 48px));
}

#ai.value-flow .value-flow-heading {
  max-width: 820px;
  margin: 0 auto 44px;
  text-align: center;
}

#ai.value-flow .value-flow-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 12px;
  color: #168f89;
  font-size: 13px;
  font-weight: 760;
  letter-spacing: .16em;
}

#ai.value-flow .value-flow-label::before,
#ai.value-flow .value-flow-label::after {
  width: 26px;
  height: 1px;
  background: linear-gradient(90deg, transparent, #34beb6);
  content: "";
}

#ai.value-flow .value-flow-label::after { transform: rotate(180deg); }

#ai.value-flow .value-flow-heading h2 {
  margin: 0;
  color: #172e39;
  font-size: clamp(38px, 4vw, 52px);
  font-weight: 780;
  line-height: 1.18;
  letter-spacing: -.04em;
}

#ai.value-flow .value-flow-intro {
  max-width: 680px;
  margin: 14px auto 0;
  color: #58777c;
  font-size: 16px;
  line-height: 1.8;
}

#ai .value-flow-orbit {
  position: relative;
  min-height: 446px;
  padding: 36px 0 0;
}

#ai .value-flow-orbit::before,
#ai .value-flow-orbit::after {
  position: absolute;
  top: 121px;
  width: 8px;
  height: 8px;
  border: 1px solid rgba(29, 177, 170, .38);
  transform: rotate(45deg);
  content: "";
}

#ai .value-flow-orbit::before { left: 3.5%; }
#ai .value-flow-orbit::after { right: 3.5%; }

#ai .value-flow-track {
  position: absolute;
  top: 124px;
  right: 8.3%;
  left: 8.3%;
  z-index: 0;
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(24, 151, 148, .08), rgba(32, 196, 188, .35) 15%, rgba(76, 218, 211, .65) 50%, rgba(35, 180, 177, .34) 85%, rgba(24, 151, 148, .08));
  box-shadow: 0 0 18px rgba(37, 198, 190, .2);
}

#ai .value-flow-track::before,
#ai .value-flow-track::after {
  position: absolute;
  right: 0;
  left: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(62, 205, 198, .34), transparent);
  content: "";
}

#ai .value-flow-track::before { top: -17px; }
#ai .value-flow-track::after { top: 20px; }

#ai .value-flow-beam {
  position: absolute;
  inset: -2px auto -2px 0;
  width: 22%;
  border-radius: inherit;
  background: linear-gradient(90deg, transparent, #70fff1 64%, rgba(255, 255, 255, .98));
  filter: drop-shadow(0 0 7px rgba(59, 239, 224, .88));
  animation: methodology-beam 5.8s ease-in-out infinite;
}

#ai .value-flow-particle {
  position: absolute;
  top: 50%;
  left: -2%;
  width: 6px;
  height: 6px;
  border: 1px solid rgba(255, 255, 255, .92);
  border-radius: 50%;
  background: #35d8cb;
  box-shadow: 0 0 5px #fff, 0 0 13px rgba(23, 191, 180, .9);
  opacity: 0;
  transform: translateY(-50%);
  animation: methodology-particle 6.5s linear infinite;
}

#ai .particle-2 { width: 4px; height: 4px; animation-delay: -1.1s; animation-duration: 7.2s; }
#ai .particle-3 { animation-delay: -2.4s; animation-duration: 8.1s; }
#ai .particle-4 { width: 3px; height: 3px; animation-delay: -3.5s; animation-duration: 5.9s; }
#ai .particle-5 { animation-delay: -4.7s; animation-duration: 7.7s; }
#ai .particle-6 { width: 4px; height: 4px; animation-delay: -5.6s; animation-duration: 6.8s; }

#ai .value-flow-list {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(18px, 4vw, 58px);
  margin: 0;
  padding: 0;
  list-style: none;
}

#ai .value-flow-list::before,
#ai .value-flow-list::after { display: none; }

#ai .value-flow-step {
  --node-color: #20b9b0;
  position: relative;
  display: grid;
  min-width: 0;
  min-height: 0;
  justify-items: center;
  padding: 0 10px;
  border: 0;
  outline: none;
  background: transparent;
  text-align: center;
  cursor: default;
  transition: opacity .35s ease, filter .35s ease;
}

#ai .value-flow-step::after { display: none; }
#ai .value-flow-step-analysis { --node-color: #27cfc7; }
#ai .value-flow-step-decision { --node-color: #1aaba8; }

#ai .value-flow-node {
  position: relative;
  top: auto;
  left: auto;
  display: grid;
  width: 178px;
  height: 178px;
  place-items: center;
  border: 1px solid rgba(42, 183, 176, .34);
  border-radius: 50%;
  background:
    radial-gradient(circle at 50% 46%, rgba(255, 255, 255, .98) 0 32%, rgba(227, 251, 248, .92) 58%, rgba(203, 245, 240, .66) 73%, rgba(255, 255, 255, .76) 74%),
    #f4fffd;
  box-shadow: 0 12px 34px rgba(30, 132, 132, .1), inset 0 0 28px rgba(42, 207, 194, .12), 0 0 0 9px rgba(74, 213, 204, .055);
  transform: none;
  transition: transform .4s cubic-bezier(.2, .8, .2, 1), border-color .35s, box-shadow .35s, filter .35s;
}

#ai .value-flow-node::before,
#ai .value-flow-node::after {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  content: "";
}

#ai .value-flow-step-analysis .value-flow-node {
  width: 192px;
  height: 192px;
  border-color: rgba(38, 201, 191, .56);
  box-shadow: 0 18px 46px rgba(28, 153, 149, .16), inset 0 0 34px rgba(52, 225, 210, .18), 0 0 0 10px rgba(57, 218, 207, .075), 0 0 42px rgba(41, 208, 197, .19);
}

#ai .value-flow-step-analysis .value-flow-node::before {
  inset: -17px;
  border-style: solid;
  border-color: rgba(37, 191, 183, .28);
  box-shadow: 0 0 0 8px rgba(42, 207, 194, .035), 0 0 0 16px rgba(42, 207, 194, .025);
}

#ai .value-flow-step-analysis .value-flow-node::after { inset: 8px; border-width: 2px; }

#ai .value-flow-node::before {
  inset: -12px;
  border: 1px dashed rgba(37, 191, 183, .24);
  animation: methodology-ring 24s linear infinite;
}

#ai .value-flow-node::after {
  inset: 10px;
  border: 1px solid rgba(37, 191, 183, .19);
  box-shadow: inset 0 0 20px rgba(64, 224, 212, .12);
}

#ai .value-flow-index {
  position: absolute;
  top: 18px;
  left: 50%;
  color: rgba(18, 123, 122, .54);
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .15em;
  transform: translateX(-45%);
}

#ai .value-flow-icon {
  position: relative;
  z-index: 1;
  display: grid;
  width: 90px;
  height: 90px;
  place-items: center;
  margin: 8px 0 0;
  color: var(--node-color);
  background: none;
}

#ai .value-flow-icon svg {
  width: 82px;
  height: 82px;
  overflow: visible;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 3px 6px rgba(22, 142, 139, .1));
}

#ai .value-flow-icon circle,
#ai .value-flow-icon rect { fill: rgba(248, 255, 254, .92); }
#ai .value-flow-icon .value-flow-alert { fill: #f28a4b; stroke: #f28a4b; }

#ai .value-flow-signal {
  position: absolute;
  right: 14px;
  bottom: 35px;
  width: 7px;
  height: 7px;
  border: 1px solid #fff;
  border-radius: 50%;
  background: #38d8cd;
  box-shadow: 0 0 0 5px rgba(56, 216, 205, .1), 0 0 12px rgba(21, 180, 171, .65);
}

#ai .value-flow-content {
  position: relative;
  z-index: 1;
  display: flex;
  width: 100%;
  min-height: 0;
  flex-direction: column;
  align-items: center;
  margin-top: 28px;
}

#ai .value-flow-stage {
  margin: 0 0 7px;
  color: #148a85;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.5;
  letter-spacing: .08em;
}

#ai .value-flow-content h3 {
  margin: 0;
  color: #1c343e;
  font-size: 24px;
  line-height: 1.35;
  transition: color .3s;
}

#ai .value-flow-content > p:not(.value-flow-stage) {
  min-height: 51px;
  max-width: 326px;
  margin: 10px auto 15px;
  color: #63787e;
  font-size: 14px;
  line-height: 1.75;
}

#ai .value-flow-capabilities {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 7px;
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
}

#ai .value-flow-capabilities li {
  position: relative;
  padding: 5px 10px;
  border: 1px solid rgba(31, 165, 159, .16);
  border-radius: 999px;
  color: #467074;
  background: rgba(244, 252, 251, .82);
  font-size: 12px;
  line-height: 1.35;
  transition: border-color .3s, color .3s, background .3s;
}

#ai .value-flow-capabilities li::before { display: none; }

#ai .value-flow-content > p.value-flow-insight {
  min-height: 0;
  margin: 12px auto 0;
  padding: 7px 11px;
  border-left: 2px solid #2ac8bf;
  color: #176f6d;
  background: rgba(236, 251, 249, .86);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
  opacity: 0;
  transform: translateY(5px);
  transition: opacity .25s ease, transform .25s ease;
}

#ai .value-flow-step-analysis:hover .value-flow-insight,
#ai .value-flow-step-analysis:focus-visible .value-flow-insight { opacity: 1; transform: none; }

#ai .value-flow-step.is-active .value-flow-node,
#ai .value-flow-step:hover .value-flow-node,
#ai .value-flow-step:focus-visible .value-flow-node {
  border-color: rgba(36, 205, 195, .72);
  box-shadow: 0 16px 44px rgba(28, 153, 149, .16), inset 0 0 34px rgba(52, 225, 210, .2), 0 0 0 10px rgba(57, 218, 207, .08), 0 0 34px rgba(41, 208, 197, .2);
  transform: translateY(-4px) scale(1.035);
  animation: methodology-node-breathe 4.2s ease-in-out infinite;
}

#ai .value-flow-step:focus-visible .value-flow-node { outline: 3px solid rgba(23, 142, 137, .22); outline-offset: 8px; }
#ai .value-flow-step.is-active .value-flow-content h3 { color: #0e7975; }
#ai .value-flow-step.is-active .value-flow-capabilities li { border-color: rgba(31, 165, 159, .3); color: #176e6b; background: rgba(231, 250, 247, .9); }
#ai .value-flow-orbit.is-interacting .value-flow-step:not(.is-active) { opacity: .48; filter: saturate(.65); }

#ai.value-flow.is-pending .value-flow-step { opacity: 0; transform: translateY(14px); }
#ai.value-flow.is-pending .value-flow-track { opacity: 0; transform: scaleX(.12); }
#ai.value-flow.is-visible .value-flow-step { opacity: 1; transform: none; transition: opacity .55s ease, transform .55s ease, filter .35s ease; }
#ai.value-flow.is-visible .value-flow-step:nth-child(2) { transition-delay: .12s; }
#ai.value-flow.is-visible .value-flow-step:nth-child(3) { transition-delay: .24s; }
#ai.value-flow.is-visible .value-flow-track { opacity: 1; transform: scaleX(1); transform-origin: left; transition: opacity .45s, transform 1s cubic-bezier(.2, .75, .2, 1); }

@keyframes methodology-particle {
  0% { left: -2%; opacity: 0; }
  8% { opacity: .9; }
  44% { left: 48%; opacity: .9; }
  50% { left: 50%; opacity: 1; transform: translateY(-50%) scale(1.65); }
  58% { left: 52%; opacity: .92; transform: translateY(-50%) scale(1); }
  88% { opacity: .9; }
  100% { left: 102%; opacity: 0; }
}

@keyframes methodology-beam {
  0% { left: -24%; opacity: 0; }
  12%, 78% { opacity: .8; }
  100% { left: 102%; opacity: 0; }
}

@keyframes methodology-ring { to { transform: rotate(360deg); } }

@keyframes methodology-node-breathe {
  0%, 100% { filter: brightness(1); }
  50% { filter: brightness(1.05) drop-shadow(0 0 9px rgba(46, 213, 202, .23)); }
}

@media (max-width: 900px) {
  #ai .value-flow-list { gap: 12px; }
  #ai .value-flow-node { width: 154px; height: 154px; }
  #ai .value-flow-step-analysis .value-flow-node { width: 166px; height: 166px; }
  #ai .value-flow-track { top: 112px; }
  #ai .value-flow-orbit::before,
  #ai .value-flow-orbit::after { top: 109px; }
  #ai .value-flow-icon { width: 78px; height: 78px; }
  #ai .value-flow-icon svg { width: 72px; height: 72px; }
  #ai .value-flow-content { margin-top: 24px; }
  #ai .value-flow-content h3 { font-size: 22px; }
  #ai .value-flow-content > p:not(.value-flow-stage) { font-size: 13px; }
}

@media (max-width: 700px) {
  body:not([class]) main > #ai.value-flow { padding: 58px 0 62px; }
  #ai.value-flow .shell { width: calc(100% - 32px); }
  #ai.value-flow .value-flow-heading { margin-bottom: 28px; text-align: left; }
  #ai.value-flow .value-flow-label::after { display: none; }
  #ai.value-flow .value-flow-heading h2 { font-size: 33px; letter-spacing: -.03em; }
  #ai.value-flow .value-flow-intro { margin-top: 11px; font-size: 15px; }
  #ai .value-flow-orbit { min-height: 0; padding: 12px 0 0; }
  #ai .value-flow-step-analysis .value-flow-node { width: 132px; height: 132px; }
  #ai .value-flow-content > p.value-flow-insight { opacity: 1; transform: none; }
  #ai .value-flow-orbit::before,
  #ai .value-flow-orbit::after { display: none; }
  #ai .value-flow-track {
    top: 62px;
    bottom: 76px;
    left: 77px;
    right: auto;
    width: 4px;
    height: auto;
    background: linear-gradient(180deg, rgba(24, 151, 148, .08), rgba(32, 196, 188, .56) 18%, rgba(76, 218, 211, .68) 52%, rgba(35, 180, 177, .34) 86%, rgba(24, 151, 148, .08));
    transform-origin: center top;
  }
  #ai .value-flow-track::before,
  #ai .value-flow-track::after { top: 0; bottom: 0; width: 1px; height: auto; }
  #ai .value-flow-track::before { right: auto; left: -15px; }
  #ai .value-flow-track::after { right: auto; left: 18px; }
  #ai .value-flow-beam { inset: 0 -2px auto; width: auto; height: 24%; background: linear-gradient(180deg, transparent, #70fff1 64%, rgba(255, 255, 255, .98)); animation-name: methodology-beam-mobile; }
  #ai .value-flow-particle { top: -2%; left: 50%; transform: translateX(-50%); animation-name: methodology-particle-mobile; }
  #ai .value-flow-list { grid-template-columns: 1fr; gap: 30px; }
  #ai .value-flow-step { grid-template-columns: 126px minmax(0, 1fr); justify-items: start; padding: 0; text-align: left; }
  #ai .value-flow-node { grid-column: 1; width: 122px; height: 122px; align-self: start; }
  #ai .value-flow-node::before { inset: -8px; }
  #ai .value-flow-icon { width: 64px; height: 64px; margin-top: 7px; }
  #ai .value-flow-icon svg { width: 60px; height: 60px; }
  #ai .value-flow-index { top: 12px; }
  #ai .value-flow-signal { right: 8px; bottom: 25px; }
  #ai .value-flow-content { grid-column: 2; align-items: flex-start; margin: 5px 0 0 18px; }
  #ai .value-flow-content h3 { font-size: 22px; }
  #ai .value-flow-content > p:not(.value-flow-stage) { min-height: 0; max-width: none; margin: 7px 0 11px; font-size: 13px; }
  #ai .value-flow-capabilities { justify-content: flex-start; gap: 5px; }
  #ai .value-flow-capabilities li { padding: 4px 8px; font-size: 11px; }
  #ai.value-flow.is-pending .value-flow-track { transform: scaleY(.12); }
  #ai.value-flow.is-visible .value-flow-track { transform: scaleY(1); }
}

@media (max-width: 440px) {
  #ai .value-flow-track { left: 60px; }
  #ai .value-flow-step { grid-template-columns: 96px minmax(0, 1fr); gap: 0; }
  #ai .value-flow-node { width: 92px; height: 92px; }
  #ai .value-flow-step-analysis .value-flow-node { width: 100px; height: 100px; }
  #ai .value-flow-node::before { inset: -6px; }
  #ai .value-flow-node::after { inset: 7px; }
  #ai .value-flow-icon { width: 52px; height: 52px; margin-top: 8px; }
  #ai .value-flow-icon svg { width: 48px; height: 48px; }
  #ai .value-flow-index { top: 9px; font-size: 10px; }
  #ai .value-flow-signal { right: 5px; bottom: 19px; width: 6px; height: 6px; }
  #ai .value-flow-content { margin-top: 0; margin-left: 13px; }
  #ai .value-flow-stage { margin-bottom: 4px; font-size: 11px; }
  #ai .value-flow-content h3 { font-size: 20px; }
  #ai .value-flow-content > p:not(.value-flow-stage) { line-height: 1.65; }
}

@keyframes methodology-particle-mobile {
  0% { top: -2%; opacity: 0; }
  8% { opacity: .9; }
  44% { top: 48%; opacity: .9; }
  50% { top: 50%; opacity: 1; transform: translateX(-50%) scale(1.65); }
  58% { top: 52%; opacity: .92; transform: translateX(-50%) scale(1); }
  88% { opacity: .9; }
  100% { top: 102%; opacity: 0; }
}

@keyframes methodology-beam-mobile {
  0% { top: -24%; opacity: 0; }
  12%, 78% { opacity: .8; }
  100% { top: 102%; opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
  #ai .value-flow-beam,
  #ai .value-flow-particle,
  #ai .value-flow-node::before,
  #ai .value-flow-step.is-active .value-flow-node,
  #ai .value-flow-step:hover .value-flow-node,
  #ai .value-flow-step:focus-visible .value-flow-node { animation: none; }
  #ai.value-flow.is-pending .value-flow-step,
  #ai.value-flow.is-pending .value-flow-track { opacity: 1; transform: none; }
}

/* 覆盖品牌主题中旧版“中间大卡片”布局，确保本模块始终保持三阶段等权。 */
body:not([class]) main > #ai.value-flow .value-flow-list {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
  gap: clamp(18px, 4vw, 58px);
  padding: 0;
}

body:not([class]) main > #ai.value-flow .value-flow-node { display: grid; }
body:not([class]) main > #ai.value-flow .value-flow-index { display: block; }

body:not([class]) main > #ai.value-flow .value-flow-step,
body:not([class]) main > #ai.value-flow .value-flow-step-data,
body:not([class]) main > #ai.value-flow .value-flow-step-analysis,
body:not([class]) main > #ai.value-flow .value-flow-step-decision {
  width: auto;
  min-height: 0;
  margin: 0;
  padding: 0 10px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body:not([class]) main > #ai.value-flow .value-flow-step .value-flow-icon {
  width: 90px;
  height: 90px;
  margin: 8px 0 0;
  opacity: 1;
}

body:not([class]) main > #ai.value-flow .value-flow-step .value-flow-icon svg {
  width: 82px;
  height: 82px;
}

body:not([class]) main > #ai.value-flow .value-flow-step .value-flow-content h3 { color: #1c343e; font-size: 24px; }
body:not([class]) main > #ai.value-flow .value-flow-step.is-active .value-flow-content h3 { color: #0e7975; }
body:not([class]) main > #ai.value-flow .value-flow-step .value-flow-content > p:not(.value-flow-stage) { color: #63787e; font-size: 14px; }
body:not([class]) main > #ai.value-flow .value-flow-step .value-flow-capabilities li { color: #467074; font-size: 12px; }
body:not([class]) main > #ai.value-flow .value-flow-step.is-active .value-flow-capabilities li { color: #176e6b; }

@media (max-width: 900px) {
  body:not([class]) main > #ai.value-flow .value-flow-list { gap: 12px; }
  body:not([class]) main > #ai.value-flow .value-flow-step .value-flow-icon { width: 78px; height: 78px; }
  body:not([class]) main > #ai.value-flow .value-flow-step .value-flow-icon svg { width: 72px; height: 72px; }
  body:not([class]) main > #ai.value-flow .value-flow-step .value-flow-content h3 { font-size: 22px; }
  body:not([class]) main > #ai.value-flow .value-flow-step .value-flow-content > p:not(.value-flow-stage) { font-size: 13px; }
}

@media (max-width: 700px) {
  body:not([class]) main > #ai.value-flow .value-flow-list { grid-template-columns: 1fr; gap: 30px; padding: 0; }
  body:not([class]) main > #ai.value-flow .value-flow-step,
  body:not([class]) main > #ai.value-flow .value-flow-step-data,
  body:not([class]) main > #ai.value-flow .value-flow-step-analysis,
  body:not([class]) main > #ai.value-flow .value-flow-step-decision {
    display: grid;
    grid-template-columns: 126px minmax(0, 1fr);
    width: auto;
    margin: 0;
    padding: 0;
  }
  body:not([class]) main > #ai.value-flow .value-flow-step .value-flow-icon { width: 64px; height: 64px; margin-top: 7px; }
  body:not([class]) main > #ai.value-flow .value-flow-step .value-flow-icon svg { width: 60px; height: 60px; }
  body:not([class]) main > #ai.value-flow .value-flow-step .value-flow-content h3 { font-size: 22px; }
  body:not([class]) main > #ai.value-flow .value-flow-step .value-flow-capabilities li { font-size: 11px; }
}

@media (max-width: 440px) {
  body:not([class]) main > #ai.value-flow .value-flow-step,
  body:not([class]) main > #ai.value-flow .value-flow-step-data,
  body:not([class]) main > #ai.value-flow .value-flow-step-analysis,
  body:not([class]) main > #ai.value-flow .value-flow-step-decision { grid-template-columns: 96px minmax(0, 1fr); }
  body:not([class]) main > #ai.value-flow .value-flow-step .value-flow-icon { width: 52px; height: 52px; margin-top: 8px; }
  body:not([class]) main > #ai.value-flow .value-flow-step .value-flow-icon svg { width: 48px; height: 48px; }
  body:not([class]) main > #ai.value-flow .value-flow-step .value-flow-content h3 { font-size: 20px; }
}