.e8CreateBadges,
.e8CreateHow,
.e8CreateFeatureBand,
.e8CreateUploadDivider,
.e8CreateUploadNotes {
  display: none;
}

.e8CreateLeadStrong {
  color: #111827;
  display: block;
  font-weight: 900;
}

@media (min-width: 981px) {
  .e8CreatePage .h001Create--ready {
    background: linear-gradient(135deg, #fff8ef 0%, #fbfbfd 54%, #ffffff 100%);
    padding: 32px clamp(36px, 4vw, 72px);
  }

  .e8CreatePage .h001CreateTop {
    max-width: 1580px;
  }

  .e8CreatePage .h001CreateBrand .mktBrand__wordmark {
    max-width: min(222px, 28vw);
    width: 222px;
  }

  .e8CreatePage .h001CreateBack {
    align-items: center;
    color: #405064;
    display: inline-flex;
    font-size: 1.07rem;
    gap: 8px;
  }

  .e8CreatePage .h001CreateBack::before {
    content: "arrow_back";
    font-family: "Material Symbols Rounded";
    font-size: 24px;
    font-weight: 500;
    line-height: 1;
  }

  .e8Create .h001Ready {
    margin-top: clamp(34px, 4vw, 56px);
    max-width: 1580px;
  }

  .e8Create .h001Ready__grid {
    align-items: start;
    gap: clamp(36px, 5vw, 86px);
    grid-template-columns: minmax(0, 0.92fr) minmax(500px, 0.78fr);
  }

  .e8Create .h001Ready--upload .h001Ready__story {
    padding: 0;
  }

  .e8Create .h001Ready--upload h1 {
    color: #111827;
    font-size: clamp(3rem, 3.8vw, 4.45rem);
    font-weight: 900;
    line-height: 1.02;
    margin: 0;
    max-width: 620px;
  }

  .e8Create .h001Ready--active .h001Ready__story > p {
    color: #4b5b72;
    font-size: clamp(1.12rem, 1.25vw, 1.38rem);
    font-weight: 700;
    line-height: 1.38;
    margin: 24px 0 0;
    max-width: 660px;
  }

  .e8CreateLeadStrong {
    margin-top: 2px;
  }

  .e8CreateBadges {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    list-style: none;
    margin: 32px 0 0;
    max-width: 720px;
    padding: 0;
  }

  .e8CreateBadges li {
    align-items: center;
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(226, 232, 240, 0.9);
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06);
    display: grid;
    gap: 10px;
    grid-template-columns: 38px minmax(0, 1fr);
    min-height: 62px;
    padding: 10px 14px;
  }

  .e8CreateBadges .material-symbols-rounded {
    align-items: center;
    background: #f0fdf4;
    border-radius: 999px;
    color: #20c997;
    display: inline-flex;
    font-size: 27px;
    height: 38px;
    justify-content: center;
    width: 38px;
  }

  .e8CreateBadges li:nth-child(2) .material-symbols-rounded {
    background: #faf5ff;
    color: #a855f7;
  }

  .e8CreateBadges li:nth-child(3) .material-symbols-rounded {
    background: #eff6ff;
    color: #3b82f6;
  }

  .e8CreateBadges strong,
  .e8CreateSteps strong,
  .e8CreateFeatureBand strong {
    color: #172033;
    font-size: 1rem;
    font-weight: 900;
    line-height: 1.2;
  }

  .e8CreateHow {
    display: block;
    margin-top: 34px;
    max-width: 760px;
  }

  .e8CreateHow h2 {
    color: #111827;
    font-size: clamp(1.36rem, 1.55vw, 1.72rem);
    line-height: 1.15;
    margin: 0 0 26px;
  }

  .e8CreateSteps {
    display: grid;
    gap: 34px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .e8CreateSteps li {
    min-width: 0;
    position: relative;
  }

  .e8CreateSteps li:not(:last-child)::after {
    color: #cbd5e1;
    content: "east";
    font-family: "Material Symbols Rounded";
    font-size: 28px;
    line-height: 1;
    position: absolute;
    right: -32px;
    top: 43px;
  }

  .e8CreateStepIcon {
    align-items: center;
    background: #fff4ed;
    border: 1px solid rgba(255, 105, 24, 0.34);
    border-radius: 16px;
    display: inline-flex;
    height: 92px;
    justify-content: center;
    width: 92px;
  }

  .e8CreateStepIcon .material-symbols-rounded {
    color: #ff681f;
    font-size: 44px;
  }

  .e8CreateStepIcon--2 {
    background: #faf5ff;
    border-color: rgba(168, 85, 247, 0.28);
  }

  .e8CreateStepIcon--2 .material-symbols-rounded {
    color: #a855f7;
  }

  .e8CreateStepIcon--3 {
    background: #ecfdf5;
    border-color: rgba(32, 201, 151, 0.3);
  }

  .e8CreateStepIcon--3 .material-symbols-rounded {
    color: #20c997;
  }

  .e8CreateStepNumber {
    align-items: center;
    background: #fff7ed;
    border: 1px solid rgba(255, 105, 24, 0.36);
    border-radius: 999px;
    color: #172033;
    display: flex;
    font-weight: 900;
    height: 34px;
    justify-content: center;
    margin-top: -8px;
    width: 34px;
  }

}

@media (min-width: 981px) and (max-height: 820px) {
  .e8CreatePage .h001Create--ready {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .e8Create .h001Ready {
    margin-top: 24px;
  }

  .e8Create .h001Ready--upload h1 {
    font-size: clamp(2.7rem, 3.35vw, 3.7rem);
    max-width: 560px;
  }

  .e8Create .h001Ready--active .h001Ready__story > p {
    font-size: 1.05rem;
    margin-top: 18px;
    max-width: 590px;
  }

  .e8CreateBadges {
    margin-top: 24px;
  }

  .e8CreateBadges li {
    min-height: 56px;
  }

  .e8CreateHow {
    margin-top: 26px;
  }

  .e8CreateHow h2 {
    margin-bottom: 20px;
  }

  .e8CreateStepIcon {
    height: 76px;
    width: 76px;
  }

  .e8CreateStepIcon .material-symbols-rounded {
    font-size: 36px;
  }

  .e8CreateSteps li:not(:last-child)::after {
    top: 35px;
  }

}