/* scoped: si-WhatToExpectSection */

  .expect-section:where(.si-WhatToExpectSection, .si-WhatToExpectSection *){
    width: 100%;
    height: 442px;
    padding: 80px 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 64px;
    background: #F7F7FA;
    box-sizing: border-box;
  }

  /* ── Heading ── */
  .heading-group:where(.si-WhatToExpectSection, .si-WhatToExpectSection *){
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
  }

  .section-title:where(.si-WhatToExpectSection, .si-WhatToExpectSection *){
    font-family: 'Afacad', sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 100%;
    letter-spacing: 0;
    text-align: center;
    text-transform: uppercase;
    color: #1A1A1A;
    margin: 0;
  }

  .title-underline:where(.si-WhatToExpectSection, .si-WhatToExpectSection *){
    width: 60px;
    height: 4px;
    background: #D62121;
  }

  /* ── Steps row ── */
  .steps-row:where(.si-WhatToExpectSection, .si-WhatToExpectSection *){
    width: 1340px;
    display: flex;
    align-items: flex-start;
    position: relative;
  }

  /* Continuous line through all badges */
  .steps-row:where(.si-WhatToExpectSection, .si-WhatToExpectSection *)::before{
    content: '';
    position: absolute;
    top: 26px; /* half of 52px badge = center */
    left: 5px;
    right: 5px;
    height: 1px;
    background: #C3C3C3;
    z-index: 0;
  }

  .step:where(.si-WhatToExpectSection, .si-WhatToExpectSection *){
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  /* ── Badge ── */
  .step-badge:where(.si-WhatToExpectSection, .si-WhatToExpectSection *){
    position: relative;
    z-index: 1;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: linear-gradient(270deg, #D62121 0%, #701111 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 800;
    font-size: 22px;
    line-height: 100%;
    color: #FFFFFF;
    flex-shrink: 0;
  }

  /* ── Step content: icon + text ── */
  .step-content:where(.si-WhatToExpectSection, .si-WhatToExpectSection *){
    display: flex;
    align-items: flex-start;
    gap: 14px;
  }

  .step-icon:where(.si-WhatToExpectSection, .si-WhatToExpectSection *){
    flex-shrink: 0;
    width: 43px;
    height: 44px;
  }

  .step-icon--2:where(.si-WhatToExpectSection, .si-WhatToExpectSection *){
    width: 44px;
    height: 35px;
  }

  .step-icon--3:where(.si-WhatToExpectSection, .si-WhatToExpectSection *){
    width: 43px;
    height: 44px;
    object-fit: contain;
  }

  .step-title--nowrap:where(.si-WhatToExpectSection, .si-WhatToExpectSection *){
    white-space: nowrap;
  }

.step-text:where(.si-WhatToExpectSection, .si-WhatToExpectSection *){
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: -8px;
  }

  /* ── Step title ── */
  .step-title:where(.si-WhatToExpectSection, .si-WhatToExpectSection *){
    font-family: 'Afacad', sans-serif;
    font-weight: 700;
    font-size: 22px;
    line-height: 100%;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #1A1A24;
    margin: 0;
  }

  .step-title:where(.si-WhatToExpectSection, .si-WhatToExpectSection *)::after{
    content: '';
    display: block;
    width: 254px;
    height: 1px;
    background: #D9D9D9;
    margin-top: 16px;
  }

  .step-desc:where(.si-WhatToExpectSection, .si-WhatToExpectSection *){
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0;
    color: #272727;
    margin: 0;
    width: 347px;
    height: 40px;
  }

  .step-link:where(.si-WhatToExpectSection, .si-WhatToExpectSection *){
    color: #272727;
    text-decoration: underline;
    text-underline-offset: 2px;
  }

  .step-link:hover:where(.si-WhatToExpectSection, .si-WhatToExpectSection *){ color: #D62121; }



  html.is-mobile .expect-section:where(.si-WhatToExpectSection, .si-WhatToExpectSection *){
    width: 430px;
    height: 769px;
    padding: 80px 40px;
    box-sizing: border-box;
    flex-direction: column;
    align-items: center;
    gap: 52px;
  }

  html.is-mobile .expect-section .heading-group:where(.si-WhatToExpectSection, .si-WhatToExpectSection *){
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
  }

  html.is-mobile .expect-section .section-title:where(.si-WhatToExpectSection, .si-WhatToExpectSection *){
    font-size: 22px;
    text-align: center;
    text-transform: uppercase;
    width: 338px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  html.is-mobile .expect-section .title-underline:where(.si-WhatToExpectSection, .si-WhatToExpectSection *){
    width: 60px !important;
    height: 4px !important;
    background: #D62121 !important;
    display: block !important;
    flex-shrink: 0;
  }

  html.is-mobile .expect-section .steps-row:where(.si-WhatToExpectSection, .si-WhatToExpectSection *){
    width: 338px;
    height: 492px;
    display: flex;
    flex-direction: column;
    gap: 84px;
    position: relative;
    margin: 0 auto;
  }

  html.is-mobile .expect-section .steps-row:where(.si-WhatToExpectSection, .si-WhatToExpectSection *)::before{
    content: '';
    position: absolute;
    left: 26px;
    top: 26px;
    bottom: 26px;
    width: 1px;
    height: auto;
    background: #C3C3C3;
    z-index: 0;
  }

  html.is-mobile .expect-section .step:where(.si-WhatToExpectSection, .si-WhatToExpectSection *){
    flex: none;
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 12px;
    position: static;
    align-items: flex-start;
  }

  html.is-mobile .expect-section .step-badge:where(.si-WhatToExpectSection, .si-WhatToExpectSection *){
    width: 52px;
    height: 52px;
    margin-top: 16px;
    position: static;
    flex-shrink: 0;
    z-index: 1;
  }

  html.is-mobile .expect-section .step-content:where(.si-WhatToExpectSection, .si-WhatToExpectSection *){
    margin-top: 16px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
    flex: 1;
    align-items: center;
  }

  html.is-mobile .expect-section .step-icon:where(.si-WhatToExpectSection, .si-WhatToExpectSection *){
    width: 36px;
    height: 36px;
    object-fit: contain;
    position: static;
    flex-shrink: 0;
  }

  html.is-mobile .expect-section .step-text:where(.si-WhatToExpectSection, .si-WhatToExpectSection *){
    display: contents;
  }

  html.is-mobile .expect-section .step-title:where(.si-WhatToExpectSection, .si-WhatToExpectSection *){
    font-family: 'Afacad', sans-serif;
    font-weight: 700;
    font-size: 17px;
    line-height: 100%;
    letter-spacing: 0;
    text-transform: uppercase;
    white-space: normal;
    flex: 1;
    min-width: 0;
    border-bottom: none;
    padding-bottom: 0;
  }

  html.is-mobile .expect-section .step-title:where(.si-WhatToExpectSection, .si-WhatToExpectSection *)::after{
    display: none;
  }

  html.is-mobile .expect-section .step-desc:where(.si-WhatToExpectSection, .si-WhatToExpectSection *){
    font-size: 14px;
    width: 100%;
    height: auto;
    overflow: visible;
    border-top: 1px solid #D9D9D9;
    padding-top: 8px;
    margin-top: 0;
  }

  html.is-mobile .expect-section .step--2:where(.si-WhatToExpectSection, .si-WhatToExpectSection *), html.is-mobile .expect-section .step--3:where(.si-WhatToExpectSection, .si-WhatToExpectSection *){
    position: static;
    left: 0;
  }