.result-journey-shell {
  min-height: 100svh;
  padding: max(18px, env(safe-area-inset-top)) 0 max(20px, env(safe-area-inset-bottom));
  background: radial-gradient(ellipse at 100% 0, #f5f1ff 0, transparent 45%), #fff;
  color: #191924;
  font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", sans-serif;
}
.result-journey-panel { width: min(100%, 460px); margin: 0 auto; }
.result-journey-header { display: grid; grid-template-columns: 44px minmax(0, 1fr) 44px; min-height: 60px; align-items: center; padding: 0 20px; }
.result-journey-brand { display: grid; place-items: center; justify-self: center; min-height: 44px; text-decoration: none; }
.result-journey-header .result-brand { justify-self: center; margin: 0; transform: scale(.84); }
.result-journey-back { display: grid; place-items: center; width: 44px; min-height: 44px; border-radius: 14px; color: #6842df; font-size: 25px; text-decoration: none; }
.result-journey-welcome, .result-journey-how, .result-journey-start { display: flex; flex-direction: column; padding: 28px 24px 0; }
.result-journey-intro h1 { margin: 0; color: #191924; font-size: clamp(36px, 10.3vw, 46px); font-weight: 750; letter-spacing: -.045em; line-height: 1.07; text-align: center; }
.result-journey-intro em { display: block; color: #7047ed; font-style: normal; }
.result-journey-intro > p { max-width: 360px; margin: 20px auto 0; color: #717184; font-size: 16.5px; line-height: 1.5; text-align: center; }
.result-journey-benefits { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 28px -8px; text-align: center; }
.result-journey-benefits > div { min-width: 0; padding: 18px 4px 16px; border: 1px solid #f3f1f8; border-radius: 24px; background: #ffffffb8; box-shadow: 0 8px 26px #36305106; }
.result-journey-benefits > div > span, .result-journey-stepIcon { display: grid; place-items: center; width: 58px; height: 58px; border-radius: 20px; background: linear-gradient(145deg, #f7f4ff, #eee8ff); color: #7851e8; }
.result-journey-benefits > div > span { margin: 0 auto; }
.result-journey-benefits svg, .result-journey-stepIcon svg { width: 28px; height: 28px; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.result-journey-benefits p { margin: 12px 0 0; color: #3d3b4e; font-size: 13px; font-weight: 500; line-height: 1.45; }
.result-journey-actions { margin-top: auto; }
.result-journey-sequence { margin: 0 0 10px; color: #6a588e; font-size: 12px; line-height: 1.5; text-align: center; }
.result-journey-sequence span { padding: 0 3px; color: #9d8cbe; }
.result-journey-subscription { margin: 0 auto 20px; max-width: 310px; color: #757386; font-size: 14px; line-height: 1.5; text-align: center; }
.result-journey-primary { display: flex; align-items: center; justify-content: center; gap: 16px; width: 100%; min-height: 56px; padding: 14px 18px; border-radius: 18px; background: linear-gradient(110deg, #6540ef, #8154f6); color: #fff; box-shadow: 0 8px 20px #6843e51f; font-size: 16px; font-weight: 650; text-decoration: none; }
.result-journey-primary > span { font-size: 22px; font-weight: 400; }
.result-journey-secondary { display: flex; align-items: center; justify-content: center; min-height: 48px; margin-top: 10px; padding: 10px 14px; border: 1px solid #e9e3f7; border-radius: 16px; color: #6842df; background: #faf8ff; font-size: 15px; font-weight: 600; text-decoration: none; }
.result-journey-switcher { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; column-gap: 5px; margin: 8px 0 0; color: #757386; font-size: 14px; }
.result-journey-switcher a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 4px; color: #6842df; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.result-journey-shell a:focus-visible { outline: 3px solid #b9a7ff; outline-offset: 3px; }
.result-journey-primary:active { transform: translateY(1px); }
.result-journey-how .result-journey-intro h1 { font-size: 40px; }
.result-journey-how .result-journey-intro > p { margin-top: 14px; font-size: 16px; }
.result-journey-steps { display: grid; gap: 0; margin: 28px 0 22px; padding: 0; list-style: none; }
.result-journey-steps li { position: relative; display: grid; grid-template-columns: 48px 1fr; gap: 18px; padding-bottom: 25px; }
.result-journey-steps li:last-child { padding-bottom: 0; }
.result-journey-steps li:not(:last-child)::after { content: ''; position: absolute; top: 56px; bottom: 8px; left: 23px; width: 1px; background: #e6dff6; }
.result-journey-stepIcon { width: 48px; height: 48px; border-radius: 17px; }
.result-journey-stepIcon svg { width: 25px; height: 25px; }
.result-journey-steps li > div { min-width: 0; }
.result-journey-number { display: block; margin-bottom: 4px; color: #8b72b1; font-size: 11px; font-weight: 650; letter-spacing: .05em; }
.result-journey-steps h2 { margin: 0; font-size: 18px; font-weight: 650; line-height: 1.35; letter-spacing: -.02em; }
.result-journey-steps p { margin: 7px 0 0; color: #757386; font-size: 14px; line-height: 1.55; }
.result-journey-startNote { margin: 0 0 22px; color: #777184; font-size: 13px; line-height: 1.6; }
.result-journey-intro > .result-journey-eyebrow { margin: 0 0 16px; color: #6842df; font-size: 13px; font-weight: 650; }
.result-journey-footer { display: flex; flex-wrap: wrap; justify-content: center; column-gap: 16px; padding: 18px 24px 0; }
.result-journey-footer a { display: inline-flex; align-items: center; min-height: 44px; color: #858192; font-size: 11px; text-underline-offset: 3px; }
@media (min-width: 700px) {
  .result-journey-shell { padding-top: 40px; background: #f7f6fb; }
  .result-journey-panel { padding: 14px 0 24px; border: 1px solid #eeecf4; border-radius: 32px; background: #fff; box-shadow: 0 20px 70px #35265408; }
}
@media (max-width: 374px) {
  .result-journey-welcome, .result-journey-how, .result-journey-start { padding-inline: 20px; padding-top: 22px; }
  .result-journey-intro h1, .result-journey-how .result-journey-intro h1 { font-size: 36px; }
  .result-journey-intro > p { font-size: 16px; }
  .result-journey-benefits { gap: 5px; margin-block: 24px; }
  .result-journey-benefits p { font-size: 12px; }
  .result-journey-steps li { gap: 14px; }
  .result-journey-steps h2 { font-size: 17px; }
}
@media (hover: hover) {
  .result-journey-primary:hover { background: #6540df; }
  .result-journey-secondary:hover, .result-journey-back:hover { background: #f1ebff; }
}