@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;600;700;800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700&family=Poppins:wght@100;200;300;400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Ubuntu:wght@700&display=swap);
@import url(https://fonts.googleapis.com/css?family=Montserrat&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Train+One&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Ubuntu:wght@700&display=swap);
@import url(https://fonts.googleapis.com/css?family=Montserrat&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700&family=Poppins:wght@100;200;300;400;500;600;700&family=Roboto:wght@100;300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Slabo+13px&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700&family=Poppins:wght@100;200;300;400;500;600;700&family=Roboto:wght@100;300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Lora:wght@700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Lora:wght@500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Lora:wght@500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Lora:wght@500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Lora:wght@500;600;700&display=swap);
.sign-box {
  height: 700px;
  margin-bottom: 100px;
}

.sign-middle-grid-box {
  height: 650px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border-radius: 7px;
  width: 30rem;
  margin: auto !important;
  
}

.mobile-text {
  line-height: 3;
}

.logo-pallet {
  width: 250px;
  height: 0px;
  object-fit: cover;
}

.progress-box {
  margin: 5px;
  margin-top: 10px;
}

.sign-inner-main-box {
  padding: 10px;
  margin: -20px 7px 7px 7px;
  transform: translateY(80px);
}
.whatsapp-logo {
  object-fit: cover;
  width: 30px;
  height: 30px;
}
.nine {
  font-weight: 500;
  margin-right: 5px;
}

.sign-input {
  width: 100%;
  border: none;
  font-weight: 500;
}

.sign-input:focus {
  outline: none;
}

.input-box-sign {
  border: 1px solid lightgray;
  display: flex;
  padding: 10px;
  border-radius: 7px;
  margin-bottom: 15px;
}
.input-box-sign:hover {
  border: 1px solid #2f54eb;
}

input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.checkbox-sign-box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 7px;
}

.checkbox-input {
  width: 20px;
  height: 20px;
}

.get-text {
  font-weight: 500;
}

.button-down-box {
  transform: translateY(200px);
}

.otp-btn {
  margin: 7px;
  border-radius: 15px;
  width: 97%;
  padding: 12px;
  font-size: 1em;
  border: none;
  background-color: #e6e9e6;
  cursor: pointer;
}

.send-otp-pallet {
  background-color: #2f54eb !important;
  color: white !important;
  width: 100%;
  margin-top: 40px !important;
  padding: 12px !important;
  border-radius: 10px !important;
}
.pallet-profile {
  float: right;
  margin-top: 35px;
  margin-right: 25px;
}

.Mui-disabled {
  background-color: #5b7ce7c0 !important;
}

.verify-h-text{
    line-height: 1.5;
    margin-bottom: 15px;
}
.onboarding-layout * {
    font-family: 'Nunito Sans', sans-serif !important;
}

:root {
    --pallet-blue: #0860E6;
    --brand-blue: #085DC5;
    --text-black: #343434;
    --text-grey: #8A93A7;
    --label-grey: #535861;
    --blue-org: #007AFF;
    --border-grey: #D5D7DB;
    --step-grey: #DADDE3;
    --bg-grey: #F6F7F8;
    --bg-white: #FFFFFF;
}
@media (min-width: 993px) {
    body.onboarding-active {
        overflow: hidden;
    }
}

body.onboarding-active {
    background: #F6F7F8 !important;
}


.onboarding-layout {
    display: flex;
    align-items: center;
    height: 100vh;
    width: 100%;
    background: #F6F7F8;
    box-sizing: border-box;
    overflow: hidden;
    padding: 24px;
}

.onboarding-container_onboarding-layout {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
    max-height: 800px;
    border-radius: 12px;
    overflow: hidden;
    background: #FFFFFF;
}

.onboarding-left_onboarding-layout {
    width: 420px;
    height: 100%;
    background: #085DC5;
    border-radius: 12px 0 0 12px;
    position: relative;
    overflow: visible;
    z-index: 2;
    flex: none;
}

.onboarding-quote-block_onboarding-layout {
    position: absolute;
    top: 46px;
    left: 39px;
    width: 330px;
    display: flex;
    flex-direction: column;
    z-index: 3;
}

.onboarding-quote-open_onboarding-layout {
    width: 57px;
    height: 54px;
    object-fit: contain;
    margin-bottom: 8px;
}

.onboarding-branding-text_onboarding-layout {
    width: 100%;
    font-weight: 700;
    font-size: 28px;
    line-height: 38px;
    color: #FFFFFF;
    margin: 0 0 6px 0;
}

.onboarding-quote-close_onboarding-layout {
    width: 75px;
    height: 73px;
    object-fit: contain;
    align-self: flex-end;
}

.onboarding-character-img_onboarding-layout {
    position: absolute;
    width: 483px;
    height: 465px;
    left: 0px;
    top: 335px;
    object-fit: contain;
    z-index: 4;
    pointer-events: none;
}

.onboarding-right_onboarding-layout {
    flex: 1;

    height: 100%;
    background: #FFFFFF;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: clamp(52px, 8vh, 100px) 32px 24px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

.pallet-logo-link_onboarding-layout {
    position: absolute;
    top: 33px;
    left: 68px;
    z-index: 2;
}

.pallet-logo-revamp_onboarding-layout {
    width: 105px;
    height: 21px;
    object-fit: contain;
}

.back-to-website-link_onboarding-layout {
    position: absolute;
    top: 21px;
    left: 20px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: none;
    border-radius: 50%;
    background: transparent;
    color: #343434;
    text-decoration: none;
    transition: color 0.2s, background-color 0.2s;
}

.back-to-website-link_onboarding-layout:hover,
.back-to-website-link_onboarding-layout:focus-visible {
    color: var(--pallet-blue);
    background: #F0F7FF;
}

.back-to-website-link_onboarding-layout svg {
    font-size: 20px;
}

@media (max-width: 992px) {
    .onboarding-layout {
        height: auto;
        overflow-y: auto;
        position: relative;
        padding: 12px;
    }

    .onboarding-container_onboarding-layout {
        flex-direction: column;
        height: auto;
        width: 100%;
        max-height: none;
        overflow: visible;
    }

    .onboarding-left_onboarding-layout {
        width: 100%;
        height: 340px;
        border-radius: 12px 12px 0 0;
        overflow: hidden;
    }

    .onboarding-right_onboarding-layout {
        height: auto;
        border-radius: 0 0 12px 12px;
        padding: 60px 20px 32px;
        overflow: visible;
    }

    .onboarding-quote-block_onboarding-layout {
        top: 30px;
        left: 24px;
        width: 250px;
    }

    .onboarding-quote-open_onboarding-layout {
        width: 44px;
        height: 42px;
    }

    .onboarding-branding-text_onboarding-layout {
        font-size: 20px;
        line-height: 28px;
        width: 100%;
    }

    .onboarding-quote-close_onboarding-layout {
        width: 55px;
        height: 53px;
    }

    .onboarding-character-img_onboarding-layout {
        width: 240px;
        top: -20%;
        bottom: 0;
        left: 60%;
    }
}

@media (max-width: 640px) {
    .onboarding-left_onboarding-layout {
        display: none;
    }

    .onboarding-container_onboarding-layout {
        flex-direction: column;
        height: auto;
        width: 100%;
        overflow: visible;
    }

    .onboarding-right_onboarding-layout {
        height: auto;
        border-radius: 12px;
        padding: 20px 16px 32px;
        max-width: 100%;
        overflow: visible;
    }

    .pallet-logo-link_onboarding-layout {
        position: static;
        margin-bottom: 16px;
    }

    .pallet-logo-revamp_onboarding-layout {
        width: 80px;
        height: 16px;
    }

    .back-to-website-link_onboarding-layout {
        top: 12px;
        left: 12px;
    }

    .onboarding-layout {
        padding: 8px;
    }
}
.signup-revamp_signup-revamp {
    width: 100%;
    max-width: 556px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 23px;
}

.header-section_signup-revamp {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-bottom: 41px;
    width: 100%;
}

.form-section_signup-revamp {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
}

.header-top_signup-revamp {
    display: flex;
    margin-bottom: 33px;
}

.pallet-logo-revamp_signup-revamp {
    width: 105px;
    height: 21px;
    object-fit: contain;
}

.step-title_signup-revamp {
    font-weight: 700;
    font-size: 30px;
    line-height: 41px;
    color: #343434;
    margin: 0;
}

.step-description_signup-revamp {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #8A93A7;
    margin: 0;

}

.form-group_signup-revamp {
    margin-bottom: 0;
}

.form-group_signup-revamp:last-of-type {
    margin-bottom: 0;
}

.form-label_signup-revamp {
    display: block;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: var(--label-grey);
    margin-bottom: 4px;
}

.input-row_signup-revamp {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 12px;
}

.form-item_signup-revamp {
    display: flex;
    flex-direction: column;
}

.custom-select_signup-revamp,
.custom-input_signup-revamp {
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 40px;
    padding: 10px;
    background: var(--bg-white);
    border: 1px solid #D5D7DB;
    border-radius: 6px;
    font-size: 14px;
    color: var(--text-black);
    outline: none;
    transition: border-color 0.2s;
}

.custom-select_signup-revamp:focus,
.custom-input_signup-revamp:focus {
    border-color: var(--pallet-blue);
}

.select-country_signup-revamp {
    width: 200px;
    flex-shrink: 0;
}

.react-select-revamp__control {
    min-height: 40px !important;
    height: 40px !important;
    border: 1px solid #D5D7DB !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    font-size: 14px !important;
}

.react-select-revamp__control--is-focused {
    border-color: var(--pallet-blue) !important;
}

.react-select-revamp__value-container {
    padding: 0 10px !important;
}

.react-select-revamp__single-value {
    color: var(--text-black) !important;
}

.react-select-revamp__placeholder {
    color: #8A93A7 !important;
}

.react-select-revamp__menu {
    border-radius: 6px !important;
    overflow: hidden !important;
    z-index: 10 !important;
}

.react-select-revamp__menu-list {
    max-height: min(300px, calc(100vh - 32px)) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
}

.react-select-revamp__option {
    font-size: 14px !important;
    cursor: pointer !important;
}

.react-select-revamp__option--is-focused {
    background-color: #F0F7FF !important;
    color: var(--pallet-blue) !important;
}

.react-select-revamp__option--is-selected {
    background-color: var(--pallet-blue) !important;
    color: white !important;
}

.react-select-revamp__indicator-separator {
    display: none !important;
}

.input-mobile_signup-revamp {
    flex: 1;
}

.btn-next_signup-revamp {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px 16px;
    gap: 8px;
    width: 100%;
    max-width: 91px;
    height: 46px;
    background: var(--pallet-blue);
    opacity: 0.3;
    border-radius: 6px;
    border: none;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: var(--bg-white);
    cursor: pointer;
    transition: opacity 0.2s;
    margin-top: 16px;
}

.btn-next_signup-revamp.active_signup-revamp {
    opacity: 1;
}

.btn-next_signup-revamp:disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

@media (max-width: 768px) {
    .input-row_signup-revamp {
        flex-direction: column;
        gap: 12px;
    }
    .select-country_signup-revamp {
        width: 100%;
    }
    .input-mobile_signup-revamp {
        width: 100%;
    }
    .btn-next_signup-revamp {
        max-width: none;
    }
}

.error-text_signup-revamp {
    color: red;
    margin-bottom: 15px;
    font-size: 0.9rem;
}
.form-header_stepper-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: clamp(16px, 4vh, 45px);
    gap: clamp(16px, 3.5vh, 40px);
    width: 100%;
}

.welcome-text_stepper-header {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #343434;
    margin: 0;
}

.stepper-container_stepper-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 6px;
    width: 100%;
    max-width: 433px;
    height: 27px;
}

.step-circle_stepper-header {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0;
    width: 29px;
    height: 27px;
    background: #FFFFFF;
    border: 1px solid #DADDE3;
    border-radius: 40px;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #DADDE3;
    flex-shrink: 0;
    transition: all 0.2s ease;
}

.step-circle_stepper-header.active {
    background: transparent !important;
    border: none !important;
    color: #007AFF !important;
    position: relative;
    z-index: 1;
}

.step-circle_stepper-header.active::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 40px;
    padding: 1.5px;
    background: linear-gradient(135deg, #007AFF 0%, #DADDE3 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    z-index: -1;
}

.step-circle_stepper-header.completed {
    background: #0860E6;
    border: none;
    color: #FFFFFF;
}

.step-line_stepper-header {
    width: 60px;
    height: 2px;
    background: #DADDE3;
    flex-shrink: 0;
}

.step-line_stepper-header.completed {
    background: #0860E6;
}

@media (max-width: 768px) {
    .stepper-container_stepper-header {
        gap: 4px;
    }
    .form-header_stepper-header {
        padding-bottom: 20px;
    }
}

@media (max-width: 640px) {
    .stepper-container_stepper-header {
        gap: 0px;
        max-width: none;
        flex-wrap: nowrap;
        justify-content: center;
        overflow-x: auto;
    }
    .step-circle_stepper-header {
        width: 18px;
        height: 18px;
        font-size: 9px;
        line-height: 18px;
        min-width: 18px;
        flex-shrink: 0;
    }
    .step-line_stepper-header {
        width: auto;
        flex: 1;
        height: 1px;
        background: #DADDE3;
        flex-shrink: 0;
    }
    .form-header_stepper-header {
        padding-bottom: 12px;
        gap: 16px;
    }
    .welcome-text_stepper-header {
        font-size: 14px;
        line-height: 20px;
    }
}

.otp-revamp_otp-revamp {
    width: 100%;
    max-width: 556px;
    display: flex;
    flex-direction: column;
}

.header-section_otp-revamp {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-bottom: 64px;
    width: 100%;
    max-width: 556px;
}

.form-section_otp-revamp {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    max-width: 556px;
}

.step-title_otp-revamp {
    font-weight: 700;
    font-size: 30px;
    line-height: 41px;
    color: #343434;
    margin: 0;
    padding-top: 23px;
}

.step-description_otp-revamp {
    font-weight: 400;
    font-size: 14px;
    Scale: 19px;
    color: var(--text-grey);
    margin: 0;
}

.form-group_otp-revamp {
    margin-bottom: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.form-label_otp-revamp {
    display: block;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: var(--label-grey);
    margin-bottom: 4px;
}

.otp-inputs-row_otp-revamp {
    display: flex;
    gap: 12px;
    margin-bottom: 0;
}

.otp-input-box_otp-revamp {
    width: 57px;
    height: 67px;
    background: #F5F5F6;
    border-radius: 8px;
    border: none;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: var(--text-black);
    outline: none;
}

@media (max-width: 768px) {
    .otp-inputs-row_otp-revamp {
        justify-content: space-between;
        flex-wrap: nowrap;
        gap: 6px;
        overflow-x: auto;
    }
    .otp-input-box_otp-revamp {
        width: 36px;
        height: 48px;
        font-size: 12px;
        padding: 6px 0;
        box-sizing: border-box;
    }
    .button-group-revamp_otp-revamp {
        flex-direction: row;
        gap: 8px;
        justify-content: flex-start;
        align-items: center;
    }
    .btn-prev_otp-revamp,
    .btn-next-otp_otp-revamp {
        width: auto;
        min-width: 64px;
    }
}

.otp-input-box_otp-revamp:focus {
    border: 1px solid var(--pallet-blue);
}

.otp-resend-row_otp-revamp {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 0;
}

.resend-label_otp-revamp {
    font-size: 14px;
    color: var(--label-grey);
}

.resend-btn_otp-revamp {
    background: none;
    border: none;
    color: #2A71FF;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
    padding: 0;
    transition: opacity 0.2s;
}

.resend-btn_otp-revamp:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.button-group-revamp_otp-revamp {
    display: flex;
    gap: 8px;
    padding-top: 16px;
}

.btn-prev_otp-revamp {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 16px;
    gap: 8px;
    width: 89px;
    height: 46px;
    background: var(--bg-grey);
    border-radius: 6px;
    border: none;
    font-weight: 600;
    font-size: 16px;
    color: var(--text-grey);
    cursor: pointer;
}

.btn-next-otp_otp-revamp {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 16px;
    gap: 8px;
    width: 91px;
    height: 46px;
    background: var(--pallet-blue);
    opacity: 0.3;
    border-radius: 6px;
    border: none;
    font-weight: 600;
    font-size: 16px;
    color: var(--bg-white);
    cursor: pointer;
    transition: opacity 0.2s;
}

.btn-next-otp_otp-revamp.active_otp-revamp {
    opacity: 1;
}

.error-text_otp-revamp {
    color: red;
    margin-bottom: 15px;
    font-size: 0.9rem;
}
.name-revamp_name-revamp {
    width: 100%;
    max-width: 556px;
    display: flex;
    flex-direction: column;
    gap: 23px;
}

.header-top_name-revamp {
    display: flex;
    margin-bottom: 33px;
}

.pallet-logo-revamp_name-revamp {
    width: 105px;
    height: 21px;
    object-fit: contain;
}

.step-title_name-revamp {
    font-weight: 700;
    font-size: 30px;
    line-height: 41px;
    color: #343434;
    margin: 0;
}

.step-description_name-revamp {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #8A93A7;
    margin: 12px 0 0 0;
}

.form-group_name-revamp {
    margin-bottom: 16px;
}

.form-label_name-revamp {
    display: block;
    font-weight: 600;
    font-size: 17px;
    line-height: 19px;
    color: var(--label-grey);
    margin-bottom: 4px;
}

.custom-input_name-revamp {
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 40px;
    padding: 10px;
    background: var(--bg-white);
    border: 1px solid var(--border-grey);
    border-radius: 6px;
    font-size: 14px;
    color: var(--text-black);
    outline: none;
}

.custom-input_name-revamp:focus {
    border-color: var(--pallet-blue);
}

.btn-next_name-revamp {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px 16px;
    gap: 8px;
    width: 100%;
    max-width: 151px;
    height: 46px;
    background: var(--pallet-blue);
    opacity: 0.3;
    border-radius: 6px;
    border: none;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: var(--bg-white);
    cursor: pointer;
    transition: opacity 0.2s;
}

.btn-next_name-revamp.active_name-revamp {
    opacity: 1;
}

.btn-next_name-revamp:disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

.asterisk_name-revamp {
    color: red;
}

.error-text_name-revamp {
    color: red;
    margin-bottom: 15px;
    font-size: 0.9rem;
}

@media (max-width: 768px) {
    .step-title_name-revamp {
        font-size: 24px;
        line-height: 32px;
    }
    .step-description_name-revamp {
        font-size: 14px;
    }
    .form-group_name-revamp {
        width: 100%;
    }
}
.payment-channels-revamp_payment-channels-revamp {
    width: 100%;
    max-width: 556px;
    display: flex;
    flex-direction: column;
    gap: 23px;
}

.header-top_payment-channels-revamp {
    display: flex;
    margin-bottom: 33px;
}

.pallet-logo-revamp_payment-channels-revamp {
    width: 105px;
    height: 21px;
    object-fit: contain;
}

.step-title_payment-channels-revamp {
    font-weight: 700;
    font-size: 30px;
    line-height: 41px;
    color: #343434;
    margin: 0;
}

.step-description_payment-channels-revamp {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #8A93A7;
    margin: 12px 0 0 0;
}

.form-group_payment-channels-revamp {
    margin-bottom: 16px;
}

.form-label_payment-channels-revamp {
    display: block;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: var(--label-grey);
    margin-bottom: 4px;
}

.custom-input_payment-channels-revamp {
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 40px;
    padding: 10px;
    background: var(--bg-white);
    border: 1px solid var(--border-grey);
    border-radius: 6px;
    font-size: 14px;
    color: var(--text-black);
    outline: none;
}

.custom-input_payment-channels-revamp:focus {
    border-color: var(--pallet-blue);
}

.button-group-revamp_payment-channels-revamp {
    display: flex;
    gap: 8px;
}

.btn-outline_payment-channels-revamp {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 16px;
    gap: 8px;
    height: 46px;
    background: var(--bg-grey);
    border-radius: 6px;
    border: none;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    /* color: var(--text-grey); */
    cursor: pointer;
    margin-top: 16px;
}

.btn-next_payment-channels-revamp {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px 16px;
    gap: 8px;
    width: 100%;
    max-width: 151px;
    height: 46px;
    background: var(--pallet-blue);
    border-radius: 6px;
    border: none;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: var(--bg-white);
    cursor: pointer;
    transition: opacity 0.2s;
    margin-top: 16px;
}

.btn-next_payment-channels-revamp:disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

@media (max-width: 768px) {
    .button-group-revamp_payment-channels-revamp {
        gap: 12px;
    }
    .btn-outline_payment-channels-revamp,
    .btn-next_payment-channels-revamp {
        width: 100%;
        max-width: none;
    }
}
.business-type-revamp_business-type-revamp {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    width: 100%;
    max-width: 556px;
    margin: 0 auto;
    gap: 23px;
}

.section-header_business-type-revamp {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 12px;
    width: 556px;
}

.title-group_business-type-revamp {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 12px;
}

.title_business-type-revamp {
    margin: 0;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 41px;
    text-transform: capitalize;
    color: #343434;
}

.subtitle_business-type-revamp {
    margin: 0;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #8A93A7;
}

.category-grid_business-type-revamp {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 16px;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    padding-top: 24px;
}

.category-card_business-type-revamp {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding: 24px;
    gap: 8px;
    width: 100%;
    max-width: 270px;
    height: 67px;
    background: #FFFFFF;
    border: 1px solid #E9EAEC;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
    flex: none;
    order: 0;
    flex-grow: 1;
}

.category-card_business-type-revamp.active {
    background: #FFFFFF !important;
    border: 1px solid #0860E6 !important;
}

.checkbox-base_business-type-revamp {
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    background: #FFFFFF;
    border: 1px solid #D5D7DB;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.active .checkbox-base_business-type-revamp {
    background: #D9F2FF !important;
    border: 1px solid #0860E6 !important;
}

.check-mark_business-type-revamp {
    width: 6px;
    height: 6px;
    background: #0860E6;
    border-radius: 50%;
}

.card-content_business-type-revamp {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;
    gap: 8px;
    width: 198px;
    height: 19px;
    flex: none;
    order: 1;
    flex-grow: 1;
}

.icon-placeholder_business-type-revamp {
    display: none;
    width: 50px;
    height: 50px;
    background: #F5F5F6;
    border-radius: 8px;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.active .icon-placeholder_business-type-revamp {
    background: #EDF8FF;
}

.card-label_business-type-revamp {
    width: 111px;
    height: 19px;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #535861;
    flex: none;
    order: 1;
    flex-grow: 0;
}

.active .card-label_business-type-revamp {
    color: #0860E6 !important;
}

@media (max-width: 768px) {
    .section-header_business-type-revamp,
    .title_business-type-revamp,
    .subtitle_business-type-revamp {
        width: 100%;
    }
    .category-grid_business-type-revamp {
        flex-direction: column;
        gap: 12px;
    }
    .category-card_business-type-revamp {
        max-width: none;
    }
    .button-row_business-type-revamp {
        flex-direction: column;
        align-items: stretch;
    }
    .btn-prev_business-type-revamp,
    .btn-next_business-type-revamp {
        width: 100%;
    }
}
.button-row_business-type-revamp {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 8px;
    margin-top: 16px;
}

.btn-prev_business-type-revamp {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 16px;
    gap: 8px;
    width: 89px;
    height: 46px;
    background: #F6F7F8;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    font-weight: 600;
    font-size: 16px;
    color: #8A93A7;
}

.btn-next_business-type-revamp {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 16px;
    gap: 8px;
    width: 91px;
    height: 46px;
    background: #0860E6;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    font-weight: 600;
    font-size: 16px;
    color: #FFFFFF;
    opacity: 0.3;
    transition: opacity 0.2s;
}

.btn-next_business-type-revamp.active {
    opacity: 1;
    background: #0860E6;
}
.displayname-revamp_displayname-revamp {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 23px;
    width: 100%;
    max-width: 556px;
    margin: 0 auto;
    flex: none;
    order: 1;
    flex-grow: 0;
    z-index: 1;
}

.header-section_displayname-revamp {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 12px;
    padding-bottom: 41px;
    width: 556px;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

.title_displayname-revamp {
    width: 556px;
    margin: 0;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 41px;
    text-transform: capitalize;
    color: #343434;
}

.subtitle_displayname-revamp {
    width: 556px;
    margin: 0;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #8A93A7;
}

.form-section_displayname-revamp {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    width: 556px;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
}

.form-group_displayname-revamp {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 4px;
    width: 556px;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

.label_displayname-revamp {
    width: auto;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #535861;
}

.input_displayname-revamp {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px;
    gap: 10px;
    width: 85%;
    height: 40px;
    background: #FFFFFF;
    border: 1px solid #D5D7DB;
    border-radius: 6px;
    font-size: 14px;
    outline: none;
}

.input_displayname-revamp::placeholder {
    color: #717681;
}

.button-row_displayname-revamp {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 8px;
    width: 188px;
    flex: none;
    order: 1;
    flex-grow: 0;
    padding-top: 16px;
}

.btn-prev_displayname-revamp {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px 16px;
    gap: 8px;
    width: 89px;
    height: 46px;
    background: #F6F7F8;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    font-weight: 600;
    font-size: 16px;
    color: #8A93A7;
}

.btn-next_displayname-revamp {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px 16px;
    gap: 8px;
    width: 91px;
    height: 46px;
    background: #0860E6;
    opacity: 0.3;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    font-weight: 600;
    font-size: 16px;
    color: #FFFFFF;
    transition: opacity 0.2s;
}

.btn-next_displayname-revamp.active_displayname-revamp {
    opacity: 1;
}

.error-text_displayname-revamp {
    color: #FF0000;
    font-size: 14px;
    margin: 0;
}

@media (max-width: 768px) {
    .header-section_displayname-revamp,
    .form-section_displayname-revamp,
    .form-group_displayname-revamp,
    .title_displayname-revamp,
    .subtitle_displayname-revamp {
        width: 100%;
    }
    .button-row_displayname-revamp {
        width: 100%;
        justify-content: space-between;
    }
    .btn-prev_displayname-revamp,
    .btn-next_displayname-revamp {
        width: 100%;
    }
}
.pannumber-revamp_pannumber-revamp {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    width: 100%;
    max-width: 556px;
    gap: 14px;
}

.header-section_pannumber-revamp {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 12px;
    width: 100%;
}

.step-title_pannumber-revamp {
    margin: 0;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 41px;
    color: #343434;
}

.required-star_pannumber-revamp {
    color: #F04438;
}

.step-description_pannumber-revamp {
    margin: 0;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #8A93A7;
}

.form-section_pannumber-revamp {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 24px;
    width: 100%;
    max-width: 504px;
}

.form-group_pannumber-revamp {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 8px;
    width: 100%;
}

.form-label_pannumber-revamp {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #535861;
}

.form-label-hint_pannumber-revamp {
    margin: 0;
    font-size: 12px;
    color: #8A93A7;
    margin-top: -4px;
}

.custom-input_pannumber-revamp {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 12px 14px;
    width: 100%;
    height: 44px;
    background: #FFFFFF;
    border: 1px solid #D5D7DB;
    border-radius: 8px;
    font-size: 16px;
    color: #101828;
    outline: none;
}

.custom-input_pannumber-revamp:focus {
    border: 1px solid #0860E6;
    box-shadow: 0px 0px 0px 4px rgba(8, 96, 230, 0.1);
}

.error-text_pannumber-revamp {
    margin: 4px 0 0 0;
    font-size: 12px;
    color: #F04438;
}

.main-error-text_pannumber-revamp {
    margin: 16px 0 0 0;
    font-size: 14px;
    font-weight: 600;
    color: #F04438;
}

.button-row_pannumber-revamp {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 12px;
}

.btn-prev_pannumber-revamp {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 16px;
    gap: 8px;
    width: 94px;
    height: 44px;
    background: #F2F4F7;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    font-weight: 600;
    font-size: 16px;
    color: #344054;
}

.btn-next_pannumber-revamp {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 18px;
    gap: 8px;
    width: auto;
    min-width: 110px;
    height: 44px;
    background: #D0D5DD;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    font-weight: 600;
    font-size: 16px;
    color: #FFFFFF;
    transition: all 0.2s;
}

.btn-next_pannumber-revamp.active_pannumber-revamp {
    background: #0860E6;
    color: #FFFFFF;
}

.btn-next_pannumber-revamp:disabled {
    cursor: not-allowed;
    opacity: 0.7;
}

@media (max-width: 768px) {
    .form-section_pannumber-revamp {
        padding: 0px;
    }
    .button-row_pannumber-revamp {
        gap: 12px;
    }
    .btn-prev_pannumber-revamp,
    .btn-next_pannumber-revamp {
        width: 100%;
        min-width: auto;
    }
}
.verify-revamp_verify-revamp {
    width: 100%;
    max-width: 820px;
    margin: 0 auto;
    padding: 40px 20px;
    display: flex;
    flex-direction: column;
    gap: 48px;
}

.header-section_verify-revamp {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.step-title_verify-revamp {
    margin: 0;
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 40px;
    color: #101828;
}

.step-description_verify-revamp {
    margin: 0;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #475467;
}

.button-row_verify-revamp {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
    margin-top: 24px;
}

.btn-prev_verify-revamp {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 18px;
    gap: 8px;
    background: #FFFFFF;
    border: 1px solid #D0D5DD;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    border-radius: 8px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #344054;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-prev_verify-revamp:hover {
    background: #F9FAFB;
}

.btn-next_verify-revamp {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 18px;
    gap: 8px;
    background: #F2F4F7;
    border: 1px solid #F2F4F7;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    border-radius: 8px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #98A2B3;
    cursor: not-allowed;
    transition: all 0.2s ease;
}

.btn-next_verify-revamp.active_verify-revamp {
    background: #0052CC;
    border: 1px solid #0052CC;
    color: #FFFFFF;
    cursor: pointer;
}

.btn-next_verify-revamp.active_verify-revamp:hover {
    background: #0043A4;
    border: 1px solid #0043A4;
}

@media (max-width: 768px) {
    .step-title_verify-revamp {
        font-size: 24px;
        line-height: 32px;
    }
    .step-description_verify-revamp {
        font-size: 14px;
        line-height: 20px;
    }
    .button-row_verify-revamp {
        flex-direction: column;
        align-items: stretch;
    }
    .btn-prev_verify-revamp,
    .btn-next_verify-revamp {
        width: 100%;
    }
}
.business-category-revamp_business-category-revamp {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    width: 100%;
    max-width: 556px;
    margin: 0 auto;
}

.section-header_business-category-revamp {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 12px;
    width: 556px;
    padding-top: 16px;
}

.title-group_business-category-revamp {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 12px;
}

.title_business-category-revamp {
    margin: 0;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 41px;
    text-transform: capitalize;
    color: #343434;
}

.subtitle_business-category-revamp {
    margin: 0;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #8A93A7;
}

.category-grid_business-category-revamp {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 16px;
    flex-wrap: wrap;
    width: 100%;
    padding-top: 16px;
}


.category-card_business-category-revamp {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 10px;
    gap: 8px;
    width: 193px;
    height: 95px;
    background: #FFFFFF;
    border: 1px solid #E9EAEC;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.2s ease;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 1;
    overflow: hidden;
    outline: none;
    -webkit-tap-highlight-color: transparent;
}

.category-card_business-category-revamp:hover {
    border-color: #0860E6;
}

.category-card_business-category-revamp.active {
    background: #FFFFFF !important;
    border: 1px solid #0860E6 !important;
}

.category-card_business-category-revamp.active .checkbox-base_business-category-revamp {
    background: #D9F2FF !important;
    border: 1px solid #0860E6 !important;
}

.category-card_business-category-revamp.active .check-mark_business-category-revamp {
    width: 6px;
    height: 6px;
    background: #0860E6;
    border-radius: 50%;
}

.category-card_business-category-revamp.active .card-content_business-category-revamp {
    height: 51px;
}

.category-card_business-category-revamp.active .card-label_business-category-revamp {
    color: #0860E6 !important;
}

.checkbox-base_business-category-revamp {
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    background: #FFFFFF;
    border: 1px solid #D5D7DB;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.active .checkbox-base_business-category-revamp {
    background: #D9F2FF !important;
    border: 1px solid #0860E6 !important;
}

.check-mark_business-category-revamp {
    width: 6px;
    height: 6px;
    background: #0860E6;
    border-radius: 50%;
}

.card-content_business-category-revamp {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;
    gap: 6px;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
    height: 100%;
}

.icon-placeholder_business-category-revamp {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    flex: none;
    order: 0;
    flex-grow: 0;
    color: #535861;
}

/* Restaurant SVG default (inactive) */
.icon-placeholder_business-category-revamp img {
    filter: grayscale(100%) brightness(0.7);
}

/* Restaurant SVG active */
.category-card_business-category-revamp.active 
.icon-placeholder_business-category-revamp img {
    filter: none;
}

.category-card_business-category-revamp.active .icon-placeholder_business-category-revamp {
    color: #0860E6 !important;
}

.card-label_business-category-revamp {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #535861;
    flex: none;
    order: 1;
    flex-grow: 0;
}

.active .card-label_business-category-revamp {
    color: #0860E6 !important;
}

.sub-type-grid_business-category-revamp {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 16px;
    width: 100%;
    padding-top: 16px;
}

.sub-type-card_business-category-revamp {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 16px;
    gap: 12px;
    width: 332px;
    height: 120px;
    background: #FFFFFF;
    border: 1px solid #E9EAEC;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.2s ease;
    overflow: hidden;
    outline: none;
    -webkit-tap-highlight-color: transparent;
}

.sub-type-card_business-category-revamp:hover {
    border-color: #0860E6;
}

.sub-type-card_business-category-revamp.active {
    border: 1px solid #0860E6 !important;
    background-color: #FFFFFF !important;
}

.sub-type-card_business-category-revamp.active .icon-placeholder-small_business-category-revamp {
    color: #0860E6;
    background: #EBF2FF;
}

.sub-type-card_business-category-revamp.active .sub-card-label_business-category-revamp {
    color: #0860E6;
    font-weight: 600;
}

.sub-card-header_business-category-revamp {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
}

.sub-card-label_business-category-revamp {
    font-weight: 400;
    font-size: 14px;
    color: #535861;
    margin: 0;
}

.sub-card-desc_business-category-revamp {
    margin: 0;
    font-size: 12px;
    line-height: 16px;
    color: #717681;
    text-align: center;
}

.icon-placeholder-small_business-category-revamp {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: #F5F5F6;
    border-radius: 6px;
    color: #535861;
}

@media (max-width: 768px) {

    .section-header_business-category-revamp,
    .title-group_business-category-revamp,
    .title_business-category-revamp,
    .subtitle_business-category-revamp {
        width: 100%;
    }

    .category-grid_business-category-revamp {
        display: flex;
        flex-direction: row;
        gap: 12px;
        padding-top: 8px;
        -webkit-overflow-scrolling: touch;
    }

    .category-card_business-category-revamp {
        flex: 0 0 auto;
        width: auto;
        min-width: 120px;
        max-width: 220px;
        padding: 8px;
        box-sizing: border-box;
        height: auto;
        align-items: flex-start;
    }

    .sub-type-grid_business-category-revamp {
        display: flex;
        flex-direction: column;
        gap: 12px;
        overflow-x: visible;
        padding-top: 8px;
    }

    .sub-type-card_business-category-revamp {
        width: 90%;
        max-width: 90%;
        padding: 12px;
        box-sizing: border-box;
        height: auto;
        align-items: flex-end;
    }

    .sub-card-desc_business-category-revamp,
    .sub-card-label_business-category-revamp {
        white-space: normal;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    .icon-placeholder-small_business-category-revamp {
        width: 28px;
        height: 28px;
    }

    .sub-type-card_business-category-revamp.active {
        border: 1.5px solid #0860E6 !important;
        background: #FFFFFF !important;
        box-shadow: none;
    }

    .button-row_business-category-revamp {
        width: 100%;
        justify-content: flex-start;
        gap: 8px;
        padding: 16px;
    }

    .btn-prev_business-category-revamp,
    .btn-next_business-category-revamp {
        width: auto;
        min-width: 72px;
        padding: 10px 12px;
        height: 40px;
        font-size: 14px;
    }
}

.button-row_business-category-revamp {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 8px;
    padding-top: 16px;
}

.btn-prev_business-category-revamp {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 16px;
    gap: 8px;
    width: 89px;
    height: 46px;
    background: #F6F7F8;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    font-weight: 600;
    font-size: 16px;
    color: #8A93A7;
}

.btn-next_business-category-revamp {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 16px;
    gap: 8px;
    width: 91px;
    height: 46px;
    background: #0860E6;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    font-weight: 600;
    font-size: 16px;
    color: #FFFFFF;
    opacity: 0.3;
    transition: opacity 0.2s;
}

.btn-next_business-category-revamp.active {
    opacity: 1;
    background: #0860E6;
}
.business-description-revamp_business-description-revamp {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    width: 100%;
    max-width: 556px;
    margin: 0 auto;
    flex: none;
    order: 1;
    flex-grow: 0;
    z-index: 1;
    gap: 23px;
}

.header-section_business-description-revamp {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 12px;
    padding-bottom: 41px;
    width: 556px;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

.title_business-description-revamp {
    width: 556px;
    margin: 0;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 41px;
    text-transform: capitalize;
    color: #343434;
}

.required_business-description-revamp {
    color: #FF0000;
}

.subtitle_business-description-revamp {
    width: 556px;
    margin: 0;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #8A93A7;
}

.form-section_business-description-revamp {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    width: 556px;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
}

.form-group_business-description-revamp {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 4px;
    width: 556px;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

.label_business-description-revamp {
    width: auto;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #535861;
}

.textarea_business-description-revamp {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 10px;
    gap: 10px;
    width: 90%;
    min-height: 100px;
    background: #FFFFFF;
    border: 1px solid #D5D7DB;
    border-radius: 6px;
    font-size: 14px;
    outline: none;
    resize: vertical;
}

.textarea_business-description-revamp::placeholder {
    color: #717681;
}

.textarea_business-description-revamp:focus {
    border: 1px solid #0860E6;
}

.error-text_business-description-revamp {
    color: #FF0000;
    font-size: 14px;
    margin: 8px 0 0 0;
}

.button-row_business-description-revamp {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 8px;
    width: 188px;
    flex: none;
    order: 1;
    flex-grow: 0;
    padding-top: 16px;
}

.btn-prev_business-description-revamp {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px 16px;
    gap: 8px;
    width: 89px;
    height: 46px;
    background: #F6F7F8;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    font-weight: 600;
    font-size: 16px;
    color: #8A93A7;
}

.btn-next_business-description-revamp {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px 16px;
    gap: 8px;
    width: 91px;
    height: 46px;
    background: #0860E6;
    opacity: 0.3;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    font-weight: 600;
    font-size: 16px;
    color: #FFFFFF;
    transition: opacity 0.2s;
}

.btn-next_business-description-revamp.active_business-description-revamp {
    opacity: 1;
}

@media (max-width: 768px) {
    .header-section_business-description-revamp,
    .form-section_business-description-revamp,
    .form-group_business-description-revamp,
    .title_business-description-revamp,
    .subtitle_business-description-revamp {
        width: 100%;
    }
    .textarea_business-description-revamp {
        width: 100%;
    }
    .button-row_business-description-revamp {
        width: 100%;
        justify-content: space-between;
    }
    .btn-prev_business-description-revamp,
    .btn-next_business-description-revamp {
        width: 100%;
    }
}
.product-revamp_product-revamp {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    width: 100%;
    max-width: 556px;
    margin: 0 auto;
    gap: 23px;
}

.header-section_product-revamp {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 12px;
    padding-bottom: 41px;
    width: 100%;
}

.product-grid_product-revamp {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
    gap: 16px;
    padding-bottom: 0px;
}

.product-card_product-revamp {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 24px;
    gap: 12px;
    width: 100%;
    max-width: 270px;
    min-height: 110px;
    background: #FFFFFF;
    border: 1px solid #E9EAEC;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
}

.title_product-revamp {
    margin: 0;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 41px;
    text-transform: capitalize;
    color: #343434;
}

.subtitle_product-revamp {
    margin: 0;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #8A93A7;
}

.product-grid_product-revamp {
    display: grid;
    grid-template-columns: repeat(2, 270px);
    gap: 16px;
    padding-bottom: 41px;
}

.product-card_product-revamp {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 24px;
    gap: 12px;
    width: 270px;
    min-height: 110px;
    background: #FFFFFF;
    border: 1px solid #E9EAEC;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
}

.product-card_product-revamp.active {
    border: 1px solid #0860E6;
    background: #FFFFFF;
}

.card-selection_product-revamp {
    display: flex;
    align-items: flex-start;
    padding-top: 4px;
}

.radio-base_product-revamp {
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    background: #FFFFFF;
    border: 1px solid #D5D7DB;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.active .radio-base_product-revamp {
    border: 1px solid #0860E6;
}

.radio-check_product-revamp {
    width: 6px;
    height: 6px;
    background: #0860E6;
    border-radius: 50%;
}

.card-content_product-revamp {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 4px;
    flex: 1;
}

.product-name_product-revamp {
    margin: 0;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #343434;
}

.active .product-name_product-revamp {
    color: #0860E6;
}

.product-desc_product-revamp {
    margin: 0;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #8A93A7;
}

.product-icon_product-revamp {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    color: #0860E6;
    flex-shrink: 0;
}

.button-row_product-revamp {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    padding-top: 16px;
}

.btn-prev_product-revamp {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 16px;
    gap: 8px;
    width: 89px;
    height: 46px;
    background: #F6F7F8;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    font-weight: 600;
    font-size: 16px;
    color: #8A93A7;
}

.btn-next_product-revamp {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 16px;
    gap: 8px;
    width: 91px;
    height: 46px;
    background: #0860E6;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    font-weight: 600;
    font-size: 16px;
    color: #FFFFFF;
    opacity: 0.3;
    transition: opacity 0.2s;
}

.btn-next_product-revamp.active {
    opacity: 1;
    background: #0860E6;
}

@media (max-width: 768px) {
    .product-grid_product-revamp {
        grid-template-columns: 1fr;
    }
    .button-row_product-revamp {
        align-items: stretch;
    }
    .btn-prev_product-revamp,
    .btn-next_product-revamp {
        width: 100%;
    }
}
.email-verification-revamp_email-verification-revamp {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    width: 100%;
    max-width: 556px;
    margin: 0 auto;
    flex: none;
    order: 1;
    flex-grow: 0;
    z-index: 1;
    gap: 23px;
}

.header-section_email-verification-revamp {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 12px;
    padding-bottom: 41px;
    width: 556px;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

.title_email-verification-revamp {
    width: 556px;
    margin: 0;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 41px;
    text-transform: capitalize;
    color: #343434;
}

.subtitle_email-verification-revamp {
    width: 556px;
    margin: 0;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #8A93A7;
}

.form-section_email-verification-revamp {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    width: 556px;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
}

.form-group_email-verification-revamp {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 4px;
    width: 556px;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

.label_email-verification-revamp {
    width: auto;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #535861;
}

.input_email-verification-revamp {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px;
    gap: 10px;
    width: 90%;
    height: 40px;
    background: #FFFFFF;
    border: 1px solid #D5D7DB;
    border-radius: 6px;
    font-size: 14px;
    outline: none;
}

.input_email-verification-revamp::placeholder {
    color: #717681;
}

.input_email-verification-revamp:focus {
    border: 1px solid #0860E6;
}

.button-row_email-verification-revamp {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 8px;
    width: 188px;
    flex: none;
    order: 1;
    flex-grow: 0;
    padding-top: 16px;
}

.btn-prev_email-verification-revamp {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px 16px;
    gap: 8px;
    width: 89px;
    height: 46px;
    background: #F6F7F8;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    font-weight: 600;
    font-size: 16px;
    color: #8A93A7;
}

.btn-next_email-verification-revamp {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px 16px;
    gap: 8px;
    width: 91px;
    height: 46px;
    background: #0860E6;
    opacity: 0.3;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    font-weight: 600;
    font-size: 16px;
    color: #FFFFFF;
    transition: opacity 0.2s;
}

.btn-next_email-verification-revamp.active_email-verification-revamp {
    opacity: 1;
}

@media (max-width: 768px) {
    .header-section_email-verification-revamp,
    .form-section_email-verification-revamp,
    .form-group_email-verification-revamp,
    .title_email-verification-revamp,
    .subtitle_email-verification-revamp {
        width: 100%;
    }
    .button-row_email-verification-revamp {
        width: 100%;
        justify-content: space-between;
    }
    .btn-prev_email-verification-revamp,
    .btn-next_email-verification-revamp {
        width: 100%;
    }
}
.error-text_email-verification-revamp {
    color: #FF0000;
    font-size: 14px;
    margin: 8px 0 0 0;
}
.kyc-otp-revamp_kyc-otp-revamp {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    width: 100%;
    max-width: 556px;
    margin: 0 auto;
    gap: 23px;
}

.header-section_kyc-otp-revamp {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 12px;
    padding-bottom: 41px;
    width: 556px;
}

.title_kyc-otp-revamp {
    margin: 0;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 41px;
    text-transform: capitalize;
    color: #343434;
}

.subtitle_kyc-otp-revamp {
    margin: 0;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #8A93A7;
}

.form-section_kyc-otp-revamp {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    width: 556px;
}

.form-group_kyc-otp-revamp {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 8px;
    width: 556px;
}

.label_kyc-otp-revamp {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #535861;
}

.otp-inputs-row_kyc-otp-revamp {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 12px;
}

.otp-input-box_kyc-otp-revamp {
    box-sizing: border-box;
    width: 48px;
    height: 56px;
    background: #F4F5F6;
    border-radius: 8px;
    border: 1px solid transparent;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    text-align: center;
    color: #343434;
    outline: none;
    transition: all 0.2s ease;
}

.otp-input-box_kyc-otp-revamp:focus {
    background: #FFFFFF;
    border: 1px solid #0860E6;
}

.resend-row_kyc-otp-revamp {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    padding-top: 8px;
}

.resend-label_kyc-otp-revamp {
    font-size: 14px;
    color: #8A93A7;
}

.resend-btn_kyc-otp-revamp {
    background: none;
    border: none;
    font-weight: 600;
    font-size: 14px;
    color: #0860E6;
    cursor: pointer;
    text-transform: uppercase;
}

.resend-btn_kyc-otp-revamp:disabled {
    color: #8A93A7;
    cursor: default;
}

.error-text_kyc-otp-revamp {
    color: #FF0000;
    font-size: 14px;
    margin: 16px 0 0 0;
}

.button-row_kyc-otp-revamp {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    padding-top: 16px;
}

.btn-prev_kyc-otp-revamp {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 16px;
    gap: 8px;
    width: 89px;
    height: 46px;
    background: #F6F7F8;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    font-weight: 600;
    font-size: 16px;
    color: #8A93A7;
}

.btn-next_kyc-otp-revamp {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 16px;
    gap: 8px;
    width: 91px;
    height: 46px;
    background: #0860E6;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    font-weight: 600;
    font-size: 16px;
    color: #FFFFFF;
    opacity: 0.3;
    transition: opacity 0.2s;
}

.btn-next_kyc-otp-revamp.active {
    opacity: 1;
    background: #0860E6 !important;
}

@media (max-width: 768px) {
    .kyc-otp-revamp_kyc-otp-revamp,
    .header-section_kyc-otp-revamp,
    .form-section_kyc-otp-revamp,
    .form-group_kyc-otp-revamp {
        width: 100%;
    }
    .otp-inputs-row_kyc-otp-revamp {
        justify-content: space-between;
    }
    .btn-prev_kyc-otp-revamp,
    .btn-next_kyc-otp-revamp {
        width: 100%;
        justify-content: center;
    }
}
.outlet-size-revamp_outlet-size-revamp {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    width: 100%;
    max-width: 556px;
    margin: 0 auto;
}

.header-section_outlet-size-revamp {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 12px;
    padding-bottom: 34px;
    width: 100%;
}

.options-grid_outlet-size-revamp {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 16px;
    width: 100%;
}

.title_outlet-size-revamp {
    margin: 0;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 41px;
    text-transform: capitalize;
    color: #343434;
    padding-top: 23px;
}

.subtitle_outlet-size-revamp {
    margin: 0;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #8A93A7;
}

.options-grid_outlet-size-revamp {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 556px;
}

.option-card_outlet-size-revamp {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 16px;
    gap: 12px;
    width: 100%;
    max-width: 77%;
    height: 64px;
    background: #FDFDFD;
    border: 1px solid #EDEDED;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.option-card_outlet-size-revamp:hover {
    border-color: #0860E6;
}

.option-card_outlet-size-revamp.selected {
    border: 1.5px solid #0860E6;
    background: #FFFFFF;
}

.radio-circle_outlet-size-revamp {
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    border: 1px solid #DBDBDB;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.option-card_outlet-size-revamp.selected .radio-circle_outlet-size-revamp {
    border-color: #0860E6;
}

.radio-inner_outlet-size-revamp {
    width: 10px;
    height: 10px;
    background: #0860E6;
    border-radius: 50%;
}

.option-label_outlet-size-revamp {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #535861;
}

.option-card_outlet-size-revamp.selected .option-label_outlet-size-revamp {
    color: #0860E6;
}

.button-row_outlet-size-revamp {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    padding-top: 40px;
}

.btn-prev_outlet-size-revamp {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 16px;
    gap: 8px;
    width: 89px;
    height: 46px;
    background: #F6F7F8;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    font-weight: 600;
    font-size: 16px;
    color: #8A93A7;
}

.btn-next_outlet-size-revamp {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 16px;
    gap: 8px;
    width: 91px;
    height: 46px;
    background: #0860E6;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    font-weight: 600;
    font-size: 16px;
    color: #FFFFFF;
    opacity: 0.3;
    transition: opacity 0.2s;
}

.btn-next_outlet-size-revamp.active {
    opacity: 1;
    background: #0860E6;
}

@media (max-width: 768px) {
    .options-grid_outlet-size-revamp {
        grid-template-columns: 1fr;
        width: 100%;
        gap: 12px;
    }
    .option-card_outlet-size-revamp {
        max-width: 90%;
        width: 90%;
        height: auto;
        padding: 12px;
        box-sizing: border-box;
    }
    .button-row_outlet-size-revamp {
        flex-direction: row;
        gap: 8px;
        justify-content: flex-start;
        padding-top: 24px;
    }
    .btn-prev_outlet-size-revamp,
    .btn-next_outlet-size-revamp {
        width: auto;
        min-width: 72px;
        height: 40px;
        padding: 10px 12px;
        font-size: 14px;
    }
}
.location-creation-revamp_location-creation-revamp {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 23px;
    width: 100%;
    max-width: 556px;
    margin: 0 auto;
    flex: none;
    order: 1;
    flex-grow: 0;
    z-index: 1;
}

.header-section_location-creation-revamp {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 12px;
    padding-bottom: 41px;
    width: 556px;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

.title_location-creation-revamp {
    width: 556px;
    margin: 0;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 41px;
    text-transform: capitalize;
    color: #343434;
}

.subtitle_location-creation-revamp {
    width: 556px;
    margin: 0;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #8A93A7;
}

.form-section_location-creation-revamp {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    width: 556px;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
}

.form-group_location-creation-revamp {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 4px;
    width: 556px;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

.label_location-creation-revamp {
    width: auto;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #535861;
}

.input_location-creation-revamp {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px;
    gap: 10px;
    width: 95%;
    height: 40px;
    background: #FFFFFF;
    border: 1px solid #D5D7DB;
    border-radius: 6px;
    font-size: 14px;
    outline: none;
}

.input_location-creation-revamp::placeholder {
    color: #717681;
}

.button-row_location-creation-revamp {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 8px;
    width: 188px;
    flex: none;
    order: 1;
    flex-grow: 0;
    padding-top: 16px;
}

.btn-prev_location-creation-revamp {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px 16px;
    gap: 8px;
    width: 89px;
    height: 46px;
    background: #F6F7F8;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    font-weight: 600;
    font-size: 16px;
    color: #8A93A7;
}

.btn-next_location-creation-revamp {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px 16px;
    gap: 8px;
    width: 91px;
    height: 46px;
    background: #0860E6;
    opacity: 0.3;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    font-weight: 600;
    font-size: 16px;
    color: #FFFFFF;
    transition: opacity 0.2s;
}

.btn-next_location-creation-revamp.active_location-creation-revamp {
    opacity: 1;
}

.error-text_location-creation-revamp {
    color: #FF0000;
    font-size: 14px;
    margin: 0;
}

.gst-input-row_location-creation-revamp {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    width: 95%;
}

.gst-input_location-creation-revamp {
    flex: 1;
    width: auto !important;
}

.gst-verify-btn_location-creation-revamp {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    height: 40px;
    min-width: 90px;
    background: #0860E6;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    font-weight: 600;
    font-size: 14px;
    color: #FFFFFF;
    transition: background 0.2s;
    box-sizing: border-box;
}

@media (max-width: 768px) {
    .location-creation-revamp_location-creation-revamp,
    .header-section_location-creation-revamp,
    .form-section_location-creation-revamp,
    .form-group_location-creation-revamp,
    .title_location-creation-revamp,
    .subtitle_location-creation-revamp {
        width: 100%;
    }
    .row-group_location-creation-revamp,
    .gst-input-row_location-creation-revamp {
        gap: 16px;
    }
    .input_location-creation-revamp {
        width: 100%;
    }
    .button-row_location-creation-revamp {
        width: 100%;
    }
}

.gst-verify-btn_location-creation-revamp:hover:not(:disabled) {
    background: #064fbd;
}

.gst-verify-btn_location-creation-revamp:disabled {
    cursor: not-allowed;
    opacity: 0.7;
}

.gst-verify-btn_location-creation-revamp.verified {
    background: #22C55E;
    opacity: 1;
}

.gst-error_location-creation-revamp {
    color: #FF0000;
    font-size: 13px;
    margin: 0;
}

.gst-success_location-creation-revamp {
    color: #22C55E;
    font-size: 13px;
    margin: 0;
}
.address-creation-revamp_address-creation-revamp {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    max-width: 556px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

.header-section_address-creation-revamp {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}

.title_address-creation-revamp {
    margin: 0;
    font-weight: 700;
    font-size: clamp(22px, 4vw, 30px);
    line-height: 1.3;
    text-transform: capitalize;
    color: #343434;
}

.subtitle_address-creation-revamp {
    margin: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    color: #8A93A7;
}

.form-section_address-creation-revamp {
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 100%;
}

.row-group_address-creation-revamp {
    display: flex;
    gap: 20px;
    width: 100%;
}

.form-group_address-creation-revamp {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%;
}

.full-width_address-creation-revamp {
    width: 100%;
}

.half-width_address-creation-revamp {
    flex: 1;
}

.label_address-creation-revamp {
    font-weight: 600;
    font-size: 14px;
    color: #535861;
}

.input_address-creation-revamp {
    width: 100%;
    height: 44px;
    padding: 10px 12px;
    border: 1px solid #D5D7DB;
    border-radius: 6px;
    background: #FFFFFF;
    font-size: 16px;
    outline: none;
    box-sizing: border-box;
    transition: border 0.2s ease;
}

.input_address-creation-revamp:focus {
    border-color: #0860E6;
}

.input_address-creation-revamp:disabled {
    background: #F6F7F8;
    color: #8A93A7;
    cursor: not-allowed;
}

.input_address-creation-revamp::placeholder {
    color: #717681;
}

.button-row_address-creation-revamp {
    display: flex;
    gap: 12px;
    width: 100%;
    padding-top: 16px;
}

.btn-prev_address-creation-revamp,
.btn-next_address-creation-revamp {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    height: 46px;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    font-weight: 600;
    font-size: 15px;
    transition: all 0.2s ease;
}

.btn-prev_address-creation-revamp {
    background: #F6F7F8;
    color: #8A93A7;
}

.btn-next_address-creation-revamp {
    background: #0860E6;
    color: #FFFFFF;
    opacity: 0.4;
}

.btn-next_address-creation-revamp.active_address-creation-revamp {
    opacity: 1;
}

.error-text_address-creation-revamp {
    color: #FF4D4F;
    font-size: 14px;
    margin: 0;
}

.suggestions-dropdown_address-creation-revamp {
    background: #FFFFFF;
    border: 1px solid #E9EAEC;
    border-radius: 8px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
    max-height: min(300px, calc(100vh - 32px));
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    z-index: 9999;
}

.suggestion-item_address-creation-revamp {
    padding: 12px 14px;
    cursor: pointer;
    font-size: 14px;
    color: #343434;
    border-bottom: 1px solid #F3F4F6;
    transition: background 0.15s ease;
}

.suggestion-item_address-creation-revamp:last-child {
    border-bottom: none;
}

.suggestion-item_address-creation-revamp:hover {
    background: #F5F8FF;
}

.hint-text_address-creation-revamp {
    font-size: 12px;
    color: #8A93A7;
}

@media (max-width: 768px) {

    .address-creation-revamp_address-creation-revamp {
        padding: 0 18px;
        gap: 20px;
    }

    .row-group_address-creation-revamp {
        flex-direction: column;
    }
}

@media (max-width: 640px) {

    .address-creation-revamp_address-creation-revamp {
        padding: 0;
        gap: 16px;
    }

    .btn-prev_address-creation-revamp,
    .btn-next_address-creation-revamp {
        width: 100%;
    }
}

@media (max-width: 480px) {

    .address-creation-revamp_address-creation-revamp {
        padding: 0;
        gap: 14px;
    }
}
.get-text-I{
    text-align: end;
    margin-right: 10px;
    color: gray;
}

.progress-box-I{
    margin: 5px;
    margin-top: 10px;
}

.back-box{
    display: flex;
    align-items: center;
    font-size: 1em;
    margin-left: 15px;
    color: grey;
    cursor: pointer;
}

.back-link{
    display: flex;
    align-items: center;
    text-decoration: none;
    color: grey;
}

.button-down-box-I{
    transform: translateY(120px);

  }

  .kycotp-inner-main-box{
    margin: 7px;
    transform: translateY(120px);
  }

  .sign-inner-main-box-III{
    margin: 75px 15px 15px 20px;
    transform: translateY(120px);

  }

 .progress-box-I{
  padding: 25px;
 }

 .get-text-2{
  text-align: end;
  margin-right: 10px;
  color: gray;
  text-decoration: underline;
}


.get-text-2:hover{
  color:rgb(1,100,254);
}
.send-otp-pallet-kyc-otp{
  background-color: #2F54EB !important;
  color:white !important;
  width: 100%;
  margin-top: 40px !important;
  padding: 12px !important;
  border-radius: 10px !important;
}
.kyc-otpheading{
  padding: 5px;
}

.disable-otp-box{
  pointer-events: none;
  opacity: 0.4;
}
.enable-otp-box{
  pointer-events: auto;
}

.Mui-disabled{
  background-color: #5b7ce7c0 !important;
}
.sign-inner-main-box-IV{
    line-height: 2;
    transform: translateY(50px);
    padding: 10px;
}

.describe-text{
    font-size: 0.9em;
    color: gray;
    font-weight: 400;
    margin-bottom: 30px;
}
.button-down-box{
    margin-top: -25%;
}
.sign-inner-main-box-III{
    margin-top: -6%;
}
.otp-btn{
    color: white;
    background-color: rgb(0,100,254);
}

.darker-text{
    line-height: 1;
}

.lighter-text{
    font-size: 0.8em;
    color: grey;
    margin-bottom: 25px;
}

.slider-box{
    border-bottom: 1px solid lightgray;
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 10px;

}

.slider-checkbox{
    height: 20px;
    width: 20px;
}
.slider-text{
    font-weight: 500;
    color: gray;
}

.button-down-box-I{
    display: flex;
    align-items: center;

}
.add-btn{
    width: 50%;
    border: none;
    color: rgb(0,100,254);
    padding: 12px;
    font-size: 1em;
    margin: 7px;
    background-color: transparent;
}
.add-btn:hover{
    background-color: rgb(227, 235, 248);
    border-radius: 7px;
}

.submit-btn{
    width: 50%;
    border: none;
    padding: 12px;
    font-size: 1em;
    margin: 7px;
    border-radius: 7px;
    background-color:rgb(0,100,254);
    color: white;
    cursor: pointer;
}
.sign-box-I{
    height: 650px;
    margin-bottom: 150px;
}

.sign-middle-grid-box-I{
    height: 630px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 7px;
    line-height: 3;
    margin: auto !important;
    width: 30rem;
}


.sign-inner-main-box-I{
    margin: 7px;
    transform: translateY(20px);
    height: 400px;
}

.error-icon{
    font-size: 0.8em !important;
    color: gray;
}

.selection-icon-box{
    display: flex;
    align-items: center;
    gap: 5px;
}

.tick-box{
    padding: 1px;
    border: 1px solid lightgray;
    border-radius: 7px;
    width: 250px;
    text-align: center;
    cursor: pointer;
}

.tick-box-I{
    border: 1px solid lightgray;
    padding: 5px;
    border-radius: 7px;
    text-align: center;
    cursor: pointer;
}
.tick-box-II{
    padding: 1px;
    border: 1px solid lightgray;
    text-align: center;
    border-radius: 7px;
    cursor: pointer;
}

.light-text{
    color: grey;
}

.multiple-select{
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}

.button-down-box-II{
    display: flex;
}
.not-txt{
    color: gray;
    font-weight: 400;
}
.submit-btn-I{
    border: none;
    padding: 12px;
    font-size: 1em;
    margin: 7px;
    border-radius: 7px;
    width: 100%;
    background-color: rgb(0,100,254);
    color: white;
    cursor: pointer;
}

.confirm-btn{
    border: none;
    padding: 12px;
    font-size: 1em;
    border-radius: 7px;
    width: 50%;
    background-color: rgb(0,100,254);
    color: #fff;
    cursor: pointer;
}

.business-text-h{
    line-height: 1;
}
.sign-middle-grid-box-2 {
    height: 750px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 7px;
    width: 30rem;
    margin: auto !important;
}
.sign-box2 {
    margin-bottom: 50px;
}

.product-store-box{
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 8px;
}

.prod-checkbox{
    height: 20px;
    width: 20px;
}

.prod-input{
    width: 97%;
    padding: 10px;
    border-radius: 7px;
    border: 1px solid lightgray;
}

.prod-input:focus{
    outline: none;
}

.prod-confirm-btn{
    width: 99%;
    border: none;
    border-radius: 7px;
    padding: 12px;
    font-size: 1em;
    background-color: #E4E5E6;
}

.prodss-text{
    margin-left: 8px;
}

.prod-email-inp-box{
    margin-top: 7px;
    padding: 8px;
}
.button-down-box-I{
    margin-top: -12%;
}
.underline-box {
  border-bottom: 1px solid lightgray;
}

.kyc-inner-main-box {
  line-height: 2;
  padding: 15px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border-radius: 7px;
  margin: auto !important;
  width: 30rem;
}
#kyc-box-height {
  height: 620px;
}
.kyc-icon-box {
  margin-top: 20px;
  display: flex;
  align-items: center;
  gap: 15px;
  transform: translateY(50px);
  margin-bottom: 50px;
}

.kyc-icon {
  width: 30px !important;
  height: 30px !important;
  border-radius: 50%;
  background-color: rgb(246, 243, 243);
  color: rgb(0, 100, 254);
}

.kyc-text {
  font-size: 1em !important;
  /* color: gray; */
  font-weight: 400;
}

.otp-btn-I {
  margin: 7px;
  border-radius: 10px;
  width: 50%;
  padding: 12px;
  font-size: 1em;
  border: none;
  color: white;
  background-color: rgb(0, 100, 254);
  cursor: pointer;
}
.kyc-skip-btn {
  margin: 7px;
  border-radius: 10px;
  width: 50%;
  padding: 12px;
  font-size: 1em;
  border: none;
  background-color: transparent;
  color: rgb(0, 100, 254);
  cursor: pointer;
}

.kyc-skip-btn:hover {
  background-color: rgb(227, 235, 248);
}

.button-down-box-II {
  transform: translateY(100px);
}

.basic-kyc-details-icon-box {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #edf3fe;
}

.basic-kyc-details-icon {
  color: #5ca2f7;
  font-size: 1.2em !important;
}

.completekyc-inner-main-box{
    padding: 15px;
    height: 650px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 7px;
    margin: auto !important;
    width: 30rem;
}

.completekyc-back-box{
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    gap: 1px;
    color: gray;
    cursor: pointer;
}

.completekyc-slider-box{
    overflow: scroll;
    overflow-x: hidden;
    height: 470px;
    line-height: 5;
}

.kyc-details-box{
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.kyc-details-inner-box{
    margin: 7px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    /* width: 47%; */
    border-radius: 10px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

}

.kyc-details-inner-box:hover{
    transition: all ease 0.7s;
    transform: scale(1.1);
}

.kyc-details-inner-box-I{
    margin: 7px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    border-radius: 10px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    transform: translateX(10px);
}

.kyc-details-inner-box-text{
    font-size: 1em;
    font-weight: 500;
}

.kyc-details-icon-box{
    width: 35px;
    height: 35px;
    border-radius: 50%;
    transform: translateX(20px);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #EDF3FE;
}

.kyc-details-icon-box-I{
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #EDF3FE;
}

.kyc-details-icon-box-II{
    width: 35px;
    height: 35px;
    border-radius: 50%;
    transform: translateX(17px);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #EDF3FE;
}

.kyc-details-icon-box-III{
    width: 35px;
    height: 35px;
    border-radius: 50%;
    transform: translateX(9px);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #EDF3FE;
}

.kyc-details-icon-box-IV{
    width: 35px;
    height: 35px;
    border-radius: 50%;
    transform: translateX(20px);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #EDF3FE;
}

.kyc-details-icon{
    color: #5CA2F7;
    font-size: 1.2em !important;
}

.kyc-details-icon-I{
    font-size: 1.2em !important;
    color: #fff;
    border-radius: 50%;
    background-color: rgb(30, 232, 30);
}

.complete-text{
    margin-top: 10px;
    line-height: 2;
    margin-left: 15px;
    font-weight: 500;
    line-height: 0.5;
}

.finish-text{
    margin-top: 15px;
    margin-left: 15px;
    font-weight: 400;
    color: gray;
    font-size: 0.9em;
    line-height: 1;
}

.upper-text{
    text-transform: uppercase;
    color: gray;
    margin-left: 15px;
    font-weight: 400;
}

.completekyc-button-box{
    padding: 14px;
    margin-top: 15px;
    border-top: 1px solid lightgray;
}
.completekyc-btn{
    width: 100%;
    padding: 12px;
    border-radius: 7px;
    border: none;
    background-color: rgb(0,100,254);
    color: #fff;
    text-align: center;
    font-size: 1em;
}
.kyc-modal{
    border: none !important;
}

.kyc-modal:focus{  
    outline: none;
}

.close-kyc-box{
    border: 1px solid lightgray;
    float: right;
    border-radius: 5px;
}

.close-kyc-box:hover{
    background-color: #E4E5E6;
}

#modal-modal-title{
    margin-top: 30px;
    font-weight: 500;
}

.dashboard-btn{
    transform: translateY(70px);
    width: 100%;
    padding: 10px;
    font-size: 1em;
    border: none;
    border-radius: 7px;
    background-color: #1566F1;
    color: #fff;
    cursor: pointer;
}

.modal-inner-box{
    border-bottom: 1px solid lightgray;
    height: 120px;
}

.bank-link{
    text-decoration: none;
    color: #000;
}


.sign-box-2 {
    margin-bottom: 50px;
}
.bank-dark-txt{
    font-weight: 500;
}

.bank-light-txt{
    font-weight: 400;
    color: gray;
    font-size: 0.9em;
}

.textfeild-box{
    margin-bottom: 12px;
}

#outlined-basic{
    height: 18px;
}

.bank-down-box{
    transform: translateY(50px);
}

.bank-otp-btn{
    width: 100%;
    padding: 12px;
    border-radius: 7px;
    font-size: 1em;
    margin: 2px;
    background-color: rgb(0,100,254);
    color: #fff;
    border: none;    
    cursor: pointer;
}

.circular-loader{
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(200px) !important;
}
.circular-loader-I{
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(200px) !important;
    transform: translateX(250px) !important;
}

.line-box{
    height: 450px;
}


.passport-box{
    transform: translateY(50px);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.addhar-text{
    font-size: 0.9em !important;
    font-weight: 300 !important;
    color: gray;
    letter-spacing: 0.1em !important;
}

.upload-text{
    font-size: 0.9em !important;
    font-weight: 300 !important;
    color: rgb(0,100,254);
    cursor: pointer;
    padding: 8px;
    border-radius: 7px;
}

.upload-text:hover{
    background-color: rgb(224, 233, 244);
}

.address-modal-inner-box{
    margin-top: 40px;
}
.modal-modal-title{
    font-weight: 600 !important;
    font-size: 1.4em !important;
}

.modal-modal-description{
    color: gray;
    font-size: 0.9em !important;
}

.radio-box{
    margin-top: 20px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.radio-chk{
    height: 25px;
    width: 25px;
    transform: translateY(-2px);
}

.file-upload-box{
    display: flex;
    align-items: center;
    border: 1px solid rgb(0,100,254);
    justify-content: center;
    color: rgb(0,100,254);
    gap: 20px;
    border-radius: 7px;
}

.front-txt{
    font-weight: 300;
}

.lable-box{
    display: flex;
    align-items: center;
    justify-content: center;

}

.label-text{
    margin-top: 18px;
    transform: translateX(125px);
    font-weight: 600;
}
.small-ex-text{
    font-size: 0.6em;
    color: gray;
    line-height: 0;
    margin-left: 5px;
    margin-bottom: 15px;
    margin-top: 15px;
}

.gst-input-box{
    display: flex;
    align-items: center;
    margin: 7px;
    gap: 5px;
}

.gst-checkbox{
    height: 20px;
    width: 20px;
}

.gst-span-text{
    font-size: 0.9em;
    font-weight: 300;
    color: gray;
}
.upload-box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid lightgray;
    margin-top: 15px;
    margin-bottom: 30px;
}

.upload-title-text{
    font-weight: 300;
    color: gray;
}

.upload-upload-text{
    color: rgb(0,100,254);
    font-weight: 400;
    cursor: pointer;
}

.file-upload-box-I{
    margin-top: 20px;
    display: flex;
    align-items: center;
    border: 1px solid rgb(0,100,254);
    justify-content: center;
    color: rgb(0,100,254);
    gap: 7px;
    border-radius: 7px;
}

.country-text{
    color: gray;
}

.front-txt{
    margin-top: 1rem;
}
.kyc-inner-main-box{
    
    line-height: 2;
    padding: 15px;
    height: 750px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 7px;
    margin: auto !important;
    width: 30rem;
}

.bank-light-txt {
    margin: 1rem 0;
}
.basic-kyc-details-box{
    margin-top: 25px;
    padding: 5px;
}
.basicsss-details-input-box{
    border-bottom: 1px solid lightgray;
    padding: 5px;
}

.basic-p-tag{
    line-height: 3;
    font-weight: 300;
    color: gray;
}

.basic-h-text{
    line-height: 1.2;
    font-weight: 400;
    font-size: 1em;
    margin-bottom: 10px;
}

.completekyc-button-box-I{
    margin-top: 35px;
}

.basic-completekyc-btn-I{
    background-color: #1566F1;
    color: #fff;
    width: 100%;
    border-radius: 7px;
    padding: 12px;
    border: none;
    cursor: pointer;
    font-size: 1em;
}
/* ================================================================
   NAVBAR — light mode, white background, Pallet Blue accent
   ================================================================ */

.MT42s5WKTMtDEVVetqLw {
  width: 100%;
  display: flex;
  justify-content: center;
  position: sticky;
  top: 0;
  z-index: 1100;
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
  box-shadow: 0 1px 12px rgba(15, 23, 42, 0.06);
}

/* Thin blue accent line at top */
.MT42s5WKTMtDEVVetqLw::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg,
    transparent 0%,
    #1A6EFF 30%,
    #00C6FF 65%,
    transparent 100%
  );
  opacity: 0.6;
}

.tpIYoFYy3ft3rl9N50XJ {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 1520px;
  padding: 0 5vw;
  height: 68px;
  position: relative;
}

/* ── Logo ──────────────────────────────────────────────────────── */
.kRN1HM48b7aJJ3_J7gXx {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.UoEtUyXkbkxjvvSUgUiz {
  display: flex;
  align-items: center;
  gap: 9px;
  text-decoration: none;
}

.UoEtUyXkbkxjvvSUgUiz svg {
  flex-shrink: 0;
}

.pDoopy_E56aYE5Klof53 {
  font-size: 1.2rem;
  font-weight: 800;
  color: #1A6EFF;
  letter-spacing: -0.025em;
  line-height: 1;
}

.snAPxKtIg3rM2MF6AJPg {
  height: 24px;
  width: auto;
  display: block;
  object-fit: contain;
}

/* ── Center nav items container ──────────────────────────────── */
.oIEuWjZbyZ63OJ7P890j {
  display: flex;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  margin-left: 2.5rem;
  position: relative;
}

.wBxZeaMOX0NJquSPXNEd {
  display: flex;
  align-items: center;
  background: transparent;
  box-shadow: none;
  padding: 0;
  height: auto;
  width: auto;
}

.cMz2MOHdHHEEur95vzG4 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  list-style: none;
  padding: 0;
  margin: 0;
}

.vKmBlPxWXThsk3R6mbJE {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 0.45rem 0.85rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #475569;
  text-decoration: none;
  cursor: pointer;
  border-radius: 8px;
  transition: color 0.18s ease, background 0.18s ease;
  letter-spacing: 0.01em;
}

.vKmBlPxWXThsk3R6mbJE:hover {
  color: #0F172A;
  background: rgba(26, 110, 255, 0.06);
  border-radius: 8px;
}

/* Active dropdown item */
.QKWKWTAxreljE0JNiq_e {
  color: #1A6EFF;
  background: rgba(26, 110, 255, 0.08);
  border-radius: 8px;
}

/* ── Right nav (CTAs) ───────────────────────────────────────── */
.cFHVpHTMm4TMGPcJmTf2 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  list-style: none;
  padding: 0;
  margin: 0;
}

/* "Become a seller" — subtle outline */
.FrMsHSTBAiBOz6eHPFqb {
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #475569;
  background: transparent;
  border: 1px solid rgba(15, 23, 42, 0.14);
  border-radius: 100px;
  cursor: pointer;
  transition: all 0.18s ease;
  white-space: nowrap;
}

.FrMsHSTBAiBOz6eHPFqb:hover {
  border-color: rgba(15, 23, 42, 0.3);
  color: #0F172A;
  background: rgba(15, 23, 42, 0.04);
}

/* "Log in" */
.nv7zsXuBSH_c8u_9pvJJ {
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #475569;
  background: transparent;
  border: 1px solid rgba(15, 23, 42, 0.14);
  border-radius: 100px;
  cursor: pointer;
  transition: all 0.18s ease;
  white-space: nowrap;
}

.nv7zsXuBSH_c8u_9pvJJ:hover {
  color: #0F172A;
  border-color: rgba(15, 23, 42, 0.28);
  background: rgba(15, 23, 42, 0.04);
  transform: none;
  box-shadow: none;
}

/* "Sign up for free" — filled blue */
.NlbwIqdNSNORXI7r3bDw {
  padding: 0.5rem 1.1rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: #fff;
  background: linear-gradient(135deg, #1a6eff 0%, #0a4fcc 100%);
  border: none;
  border-radius: 100px;
  cursor: pointer;
  box-shadow: 0 2px 12px rgba(26, 110, 255, 0.35),
              inset 0 1px 0 rgba(255, 255, 255, 0.15);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
}

.NlbwIqdNSNORXI7r3bDw::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 0%, transparent 50%);
  border-radius: inherit;
}

.NlbwIqdNSNORXI7r3bDw:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(26, 110, 255, 0.5),
              inset 0 1px 0 rgba(255, 255, 255, 0.15);
}

.NlbwIqdNSNORXI7r3bDw:active {
  transform: translateY(0);
}

.n35a9ucGk5uJcBEOQKz0 {
  display: none;
}

/* ── Mobile hamburger ─────────────────────────────────────────── */
.Sfh4nnDymwtl7Wxutc82 {
  display: none;
  color: #475569;
  cursor: pointer;
}

.Sfh4nnDymwtl7Wxutc82:hover {
  color: #0F172A;
}

/* ── Dropdown backdrop ────────────────────────────────────────── */
.odFU4YTufHQC6XxtczlB {
  /* no-op — kept for compatibility */
}

.bZl40M5Y5HAf377MiGMo.CEiD7jFeR2Xpq2qxomF7 {
  opacity: 1;
  transform: translateY(0);
}

/* ── Responsive ───────────────────────────────────────────────── */
@media (max-width: 1350px) {
  .wBxZeaMOX0NJquSPXNEd {
    display: none;
  }
  .FrMsHSTBAiBOz6eHPFqb {
    display: none;
  }
  .oIEuWjZbyZ63OJ7P890j {
    justify-content: flex-end;
  }
  .Sfh4nnDymwtl7Wxutc82 {
    display: flex;
    align-items: center;
  }
}

@media (max-width: 600px) {
  .NlbwIqdNSNORXI7r3bDw {
    display: none;
  }
  .n35a9ucGk5uJcBEOQKz0 {
    display: block;
    padding: 0.45rem 0.85rem;
    font-size: 0.82rem;
    font-weight: 600;
    color: #fff;
    background: linear-gradient(135deg, #1a6eff 0%, #0a4fcc 100%);
    border: none;
    border-radius: 100px;
    cursor: pointer;
  }
  .tpIYoFYy3ft3rl9N50XJ {
    padding: 0 1.25rem;
  }
}

.UkdDe60QLD3qTgNpWvDm {
  width: 100%;
  max-width: 1400px;
}

/* ── Homepage entrance animations ────────────────────────────── */
@keyframes zZJw8MRSRRdzllCRbGEg {
  from { opacity: 0; transform: translateY(-14px); }
  to   { opacity: 1; transform: translateY(0); }
}

.CtNLtXIiOpUlQaM7g0y2 {
  opacity: 0;
  animation: zZJw8MRSRRdzllCRbGEg 0.55s cubic-bezier(0.16, 1, 0.3, 1) var(--nav-delay, 0s) both;
}

/* ── Products mega-menu inner layout ─────────────────────────── */
.dkJ_nhIgXYKJGHGYwaF0 {
  display: flex;
  min-height: 440px;
  max-height: 540px;
}

.LtglgwoTZrMOhx8p9nse {
  flex: 1;
  display: flex;
  min-width: 0;
  overflow: hidden;
}

.f8n6jAvu3dT91pJxkD3J {
  flex: 1;
  padding: 1.25rem 1.5rem;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #E2E8F0 transparent;
  min-width: 0;
}

.f8n6jAvu3dT91pJxkD3J::-webkit-scrollbar { width: 4px; }
.f8n6jAvu3dT91pJxkD3J::-webkit-scrollbar-track { background: transparent; }
.f8n6jAvu3dT91pJxkD3J::-webkit-scrollbar-thumb { background: #E2E8F0; border-radius: 4px; }

.n_us_ai5nwgkr0CQUFyZ {
  /* sits below the 3-col layout — full width */
}

/* ================================================================
   PLATFORM TAB — Section 1: Pallet IQ AI  ·  Section 2: Products
   ================================================================ */

.On3mwPspFjBcEF_7Awxh {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
}

/* ─────────────────────────────────────────────────────────────────
   SECTION 1 — Pallet IQ / Agentic AI
   ───────────────────────────────────────────────────────────────── */
.W2r7ZVzXKbtv7Wggysag {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  background: linear-gradient(135deg, #F0F6FF 0%, #FFFFFF 50%, #F5F0FF 100%);
  border: 1px solid rgba(26,110,255,0.12);
  box-shadow: 0 2px 16px rgba(26,110,255,0.07), inset 0 1px 0 rgba(255,255,255,0.9);
  padding: 1.25rem 1.4rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  min-height: 168px;
}

/* Subtle dot-grid texture */
.W2r7ZVzXKbtv7Wggysag::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle, rgba(26,110,255,0.12) 1px, transparent 1px);
  background-size: 20px 20px;
  animation: Y7m1yNos8UKq093wYXgm 20s linear infinite;
  pointer-events: none;
  opacity: 0.7;
}

@keyframes Y7m1yNos8UKq093wYXgm {
  0%   { background-position: 0 0; }
  100% { background-position: 20px 20px; }
}

/* Shimmer sweep */
.W2r7ZVzXKbtv7Wggysag::after {
  content: '';
  position: absolute;
  top: 0; bottom: 0;
  left: -100%;
  width: 60%;
  background: linear-gradient(
    105deg,
    transparent 20%,
    rgba(255,255,255,0.55) 50%,
    transparent 80%
  );
  animation: UxQSxbfIQzf8dsdMGWPw 6s ease-in-out infinite;
  pointer-events: none;
}

@keyframes UxQSxbfIQzf8dsdMGWPw {
  0%   { left: -80%; opacity: 0; }
  10%  { opacity: 1; }
  60%  { opacity: 1; }
  100% { left: 160%; opacity: 0; }
}

/* ── Left content ── */
.m3uhrtN57FGsXkqtAynb {
  flex: 1;
  position: relative;
  z-index: 2;
}

.lV9oLqGkQWXEQWwqte_N {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.6rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #1A6EFF;
  background: rgba(26,110,255,0.08);
  border: 1px solid rgba(26,110,255,0.2);
  border-radius: 100px;
  padding: 3px 11px;
  margin-bottom: 0.6rem;
  animation: yFLOPrBEnllbVlGRpKbC 4s ease-in-out infinite;
}

@keyframes yFLOPrBEnllbVlGRpKbC {
  0%, 100% { box-shadow: 0 0 0 0 rgba(26,110,255,0); }
  50%       { box-shadow: 0 0 0 4px rgba(26,110,255,0.08); }
}

.F0PZiXd2shEFXhxU5vpq {
  display: inline-block;
  animation: JqHtw6PoHDpN_26A0f9u 2s ease-in-out infinite;
}

@keyframes JqHtw6PoHDpN_26A0f9u {
  0%, 100% { opacity: 1; transform: scale(1); }
  50%       { opacity: 0.55; transform: scale(0.8); }
}

.ncHbSbmc80tGIIFJBXIA {
  font-family: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  font-size: 1.3rem;
  font-weight: 800;
  color: #0F172A;
  letter-spacing: -0.035em;
  line-height: 1.15;
  margin: 0 0 0.4rem;
}

.oYa_9c3Qw8AY3iFohJzt {
  display: inline-block;
  background: linear-gradient(90deg, #1A6EFF 0%, #6366F1 45%, #0EA5E9 80%);
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: K69YYUCgKaEh_8yL51_w 5s ease-in-out infinite;
}

@keyframes K69YYUCgKaEh_8yL51_w {
  0%   { background-position: 0% center; }
  50%  { background-position: 100% center; }
  100% { background-position: 0% center; }
}

.TvZyqTMwEWQ0VwN8ib2p {
  font-size: 0.72rem;
  color: #475569;
  line-height: 1.55;
  margin: 0 0 0.9rem;
  max-width: 300px;
}

.lQazgGo645JHjC8PqZlw {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.G0qsdM1p1luNGgB0bNWr {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 0.66rem;
  font-weight: 600;
  color: #334155;
  background: #FFFFFF;
  border: 1px solid #E2E8F0;
  border-radius: 8px;
  padding: 4px 10px;
  transition: border-color 0.2s, color 0.2s, box-shadow 0.2s, transform 0.2s;
  cursor: default;
  box-shadow: 0 1px 3px rgba(15,23,42,0.06);
  /* staggered entrance */
  animation: AkTyOCIo1g4Gns19wMo6 0.4s cubic-bezier(0.34,1.56,0.64,1) both;
}

.G0qsdM1p1luNGgB0bNWr:nth-child(1) { animation-delay: 0.05s; }
.G0qsdM1p1luNGgB0bNWr:nth-child(2) { animation-delay: 0.12s; }
.G0qsdM1p1luNGgB0bNWr:nth-child(3) { animation-delay: 0.19s; }
.G0qsdM1p1luNGgB0bNWr:nth-child(4) { animation-delay: 0.26s; }

@keyframes AkTyOCIo1g4Gns19wMo6 {
  from { opacity: 0; transform: translateY(6px) scale(0.92); }
  to   { opacity: 1; transform: translateY(0)  scale(1); }
}

.G0qsdM1p1luNGgB0bNWr:hover {
  border-color: rgba(26,110,255,0.35);
  color: #1A6EFF;
  box-shadow: 0 2px 8px rgba(26,110,255,0.12);
  transform: translateY(-1px);
}

.tqd_HodqLSCtlfRNxMqL {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
  animation: twryfG4swnBzIjVuV2vw 2.5s ease-in-out infinite;
}

@keyframes twryfG4swnBzIjVuV2vw {
  0%, 100% { opacity: 1; }
  50%       { opacity: 0.45; }
}

/* ── Right: animated orb ── */
.C3bzydCBDpryE65PDok6 {
  position: relative;
  z-index: 2;
  flex-shrink: 0;
  width: 130px;
  height: 130px;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: RyG11tHgrX4JX2jGT5h6 5s ease-in-out infinite;
}

@keyframes RyG11tHgrX4JX2jGT5h6 {
  0%, 100% { transform: translateY(0px); }
  50%       { transform: translateY(-7px); }
}

.gj9TLpuEIeVRUrqQGaDn {
  position: absolute;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 35%, #60A5FA, #1A6EFF 50%, #1E3A8A);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.3rem;
  box-shadow:
    0 0 18px rgba(59,130,246,0.9),
    0 0 40px rgba(59,130,246,0.5),
    0 0 70px rgba(26,110,255,0.25);
  animation: dSpMdAk9ODXtaNLdwBnQ 3.5s ease-in-out infinite;
  z-index: 5;
}

@keyframes dSpMdAk9ODXtaNLdwBnQ {
  0%, 100% {
    transform: scale(1);
    box-shadow: 0 0 18px rgba(59,130,246,0.9), 0 0 40px rgba(59,130,246,0.5), 0 0 70px rgba(26,110,255,0.25);
  }
  50% {
    transform: scale(1.1);
    box-shadow: 0 0 28px rgba(59,130,246,1), 0 0 60px rgba(59,130,246,0.7), 0 0 100px rgba(26,110,255,0.4);
  }
}

.cpVQC9QHXNSVvC5vsZgb {
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(26,110,255,0.22);
  top: 50%;
  left: 50%;
}

.AzZvqrCmiaK1cWmyAXCQ {
  width: 82px;
  height: 82px;
  margin: -41px 0 0 -41px;
  animation: OPwz1T8gDLy0I7xdAE4H 6s linear infinite;
}

.kstr80o2ImsLDn6OLVD1 {
  width: 112px;
  height: 112px;
  margin: -56px 0 0 -56px;
  border-style: dashed;
  border-color: rgba(26,110,255,0.14);
  animation: OPwz1T8gDLy0I7xdAE4H 11s linear infinite reverse;
}

@keyframes OPwz1T8gDLy0I7xdAE4H {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

.kCEIqOUSblFvkgnIrLTG {
  position: absolute;
  border-radius: 50%;
  top: 50%;
  left: 50%;
}

.teUSho_6EpKQmnWC2UE0 {
  width: 7px;
  height: 7px;
  margin: -3.5px 0 0 -3.5px;
  background: #60A5FA;
  box-shadow: 0 0 8px #60A5FA;
  animation: SOxqVxEACRPCWnE9aiXm 4.5s linear infinite;
  z-index: 4;
}

.Z0Phxjgeck5JcLYoJBYd {
  width: 5px;
  height: 5px;
  margin: -2.5px 0 0 -2.5px;
  background: #818CF8;
  box-shadow: 0 0 6px #818CF8;
  animation: oeIEwK1EJ_vYYAB9YxGH 7s linear infinite;
  z-index: 4;
}

.zubrAe3DJHKAeLl_FXy3 {
  width: 5px;
  height: 5px;
  margin: -2.5px 0 0 -2.5px;
  background: #38BDF8;
  box-shadow: 0 0 6px #38BDF8;
  animation: AB4CDJAbQGDUZFYrLBKD 9s linear infinite;
  z-index: 4;
}

@keyframes SOxqVxEACRPCWnE9aiXm {
  from { transform: rotate(0deg)   translateX(41px); }
  to   { transform: rotate(360deg) translateX(41px); }
}
@keyframes oeIEwK1EJ_vYYAB9YxGH {
  from { transform: rotate(120deg)  translateX(56px); }
  to   { transform: rotate(480deg)  translateX(56px); }
}
@keyframes AB4CDJAbQGDUZFYrLBKD {
  from { transform: rotate(240deg)  translateX(56px); }
  to   { transform: rotate(600deg)  translateX(56px); }
}

/* scanning line */
.Dtdnai7RM4kNIR8Vw1mA {
  position: absolute;
  inset: 0;
  border-radius: 16px;
  overflow: hidden;
  pointer-events: none;
  z-index: 1;
}

.Dtdnai7RM4kNIR8Vw1mA::after {
  content: '';
  position: absolute;
  left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, rgba(26,110,255,0.25) 50%, transparent 100%);
  animation: zFpFsSeTR2R6ZWvBIAAb 5s ease-in-out infinite;
}

@keyframes zFpFsSeTR2R6ZWvBIAAb {
  0%   { top: 10%; opacity: 0; }
  10%  { opacity: 1; }
  90%  { opacity: 1; }
  100% { top: 90%; opacity: 0; }
}

/* ─────────────────────────────────────────────────────────────────
   SECTION 2 — Platform Products
   ───────────────────────────────────────────────────────────────── */
.tT_qIVvJlTM97XLFismB {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}

.Ql3H5H4GJ8iZMLMq7mdA {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.YyvchI2RTrHJKKJJ5cd0 {
  font-size: 0.63rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #94A3B8;
}

.Ire3YPL8ba_bllfNVGmt {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 0.6rem;
  font-weight: 600;
  color: #1A6EFF;
  background: #EEF4FF;
  border: 1px solid rgba(26,110,255,0.2);
  border-radius: 100px;
  padding: 2px 9px;
}

.bblrhcNCzQz8aCEg6jq9 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.65rem;
}

/* ── Single platform card ── */
._P2ovk7opRU779kqERYm {
  position: relative;
  overflow: hidden;
  border: 1px solid #E8EEF8;
  border-radius: 16px;
  padding: 1.1rem 1.1rem 0;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  background: linear-gradient(160deg, #FFFFFF 60%, #F5F8FF 100%);
  transition: border-color 0.22s, box-shadow 0.22s, transform 0.22s;
  cursor: pointer;
  box-shadow: 0 1px 4px rgba(15,23,42,0.06);
}

/* top-left corner accent */
._P2ovk7opRU779kqERYm::before {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 48px; height: 48px;
  background: radial-gradient(circle at 0% 0%, rgba(26,110,255,0.1) 0%, transparent 70%);
  border-radius: 16px 0 0 0;
  transition: opacity 0.22s;
  pointer-events: none;
}

/* animated shimmer on hover */
._P2ovk7opRU779kqERYm::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    135deg,
    rgba(26,110,255,0.055) 0%,
    rgba(99,139,255,0.03) 40%,
    transparent 70%
  );
  opacity: 0;
  transition: opacity 0.22s;
  pointer-events: none;
  border-radius: 16px;
}

._P2ovk7opRU779kqERYm:hover {
  border-color: rgba(26,110,255,0.38);
  box-shadow: 0 10px 32px rgba(26,110,255,0.13), 0 2px 8px rgba(15,23,42,0.06);
  transform: translateY(-4px);
}

._P2ovk7opRU779kqERYm:hover::after { opacity: 1; }

/* ── Card body ── */
.lqqsfsmHKNFK5I7pj1qF {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 0.75rem;
}

.tGGXC9yP2R_Cf83rm3FM {
  width: 38px;
  height: 38px;
  object-fit: contain;
  flex-shrink: 0;
}

/* arrow pill — always present, brightens on hover */
.l9YoACwWUwhFPPkGyBp5 {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1px solid #E2E8F0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.7rem;
  color: #94A3B8;
  transition: border-color 0.2s, color 0.2s, background 0.2s, transform 0.2s;
  flex-shrink: 0;
}

._P2ovk7opRU779kqERYm:hover .l9YoACwWUwhFPPkGyBp5 {
  border-color: rgba(26,110,255,0.4);
  color: #1A6EFF;
  background: #EEF4FF;
  transform: translate(2px, -2px);
}

.QCWa934x5HIPt06NFJFL {
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #1A6EFF;
  margin-bottom: 0.22rem;
}

.LK3IaPe1C1Ng5VjibIyJ {
  font-family: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  font-size: 0.9rem;
  font-weight: 700;
  color: #0F172A;
  letter-spacing: -0.025em;
  line-height: 1.2;
  margin-bottom: 0.3rem;
  transition: color 0.15s;
}

._P2ovk7opRU779kqERYm:hover .LK3IaPe1C1Ng5VjibIyJ { color: #1A6EFF; }

.JZ47qkFA1Q2sPZri8pXy {
  font-size: 0.7rem;
  color: #64748B;
  margin: 0;
  line-height: 1.5;
  flex: 1;
}

/* ── Powered by Pallet IQ footer strip ── */
.abRYdLYIb8mtNaTmaioC {
  display: flex;
  align-items: center;
  gap: 6px;
  /* extend to card edges, overriding card's horizontal padding */
  margin-top: 0.8rem;
  margin-left: -1.1rem;
  margin-right: -1.1rem;
  padding: 0.5rem 1.1rem;
  /* blends with card — very light blue tint, no harsh border */
  background: rgba(26,110,255,0.04);
  border-top: 1px solid rgba(26,110,255,0.07);
  border-radius: 0 0 14px 14px;
  transition: background 0.22s, border-top-color 0.22s;
}

._P2ovk7opRU779kqERYm:hover .abRYdLYIb8mtNaTmaioC {
  background: rgba(26,110,255,0.07);
  border-top-color: rgba(26,110,255,0.14);
}

.j4EjUIi98p8gxDWEF_5j {
  width: 18px;
  height: 18px;
  border-radius: 6px;
  background: rgba(26,110,255,0.1);
  border: 1px solid rgba(26,110,255,0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.6rem;
  flex-shrink: 0;
  transition: background 0.2s, box-shadow 0.2s;
}

._P2ovk7opRU779kqERYm:hover .j4EjUIi98p8gxDWEF_5j {
  background: rgba(26,110,255,0.18);
  box-shadow: 0 0 7px rgba(26,110,255,0.25);
}

.TaB2IyGlWYjIUS5H5BP4 {
  font-size: 0.61rem;
  font-weight: 600;
  color: #64748B;
  letter-spacing: -0.01em;
  transition: color 0.2s;
}

._P2ovk7opRU779kqERYm:hover .TaB2IyGlWYjIUS5H5BP4 { color: #1A6EFF; }

.Lg_vn2SyVqZHiEsvWqO9 {
  font-weight: 700;
  color: #1A6EFF;
}

/* ── Legacy compat ── */
.lY1pW6t69MUs7lxeHI6n { display: contents; }
.VsdGKuaUF5gZLx8UiQJU { display: none; }
.t620_bPX_EukJ2TL0_iJ      { display: none; }
.FYqHoU2AHmKxljlX9Kah         { display: none; }
.tuepuPn1rl948Otl43qQ      { display: none; }
.a7K00x30jSptZCdkvqHW       { display: none; }

/* ── Pallet IQ sidebar — light theme ────────────────────────── */
.aV4asNvz1Wz7dNRCQpQk {
  flex-shrink: 0;
  width: 210px;
  background: linear-gradient(160deg, #F8FBFF 0%, #FFFFFF 60%, #F0F6FF 100%);
  border-left: 1px solid rgba(26,110,255,0.1);
  box-shadow: inset 1px 0 0 rgba(255,255,255,0.8);
  padding: 1.35rem 1.25rem 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
  position: relative;
  overflow: hidden;
}

/* blue glow at top */
.aV4asNvz1Wz7dNRCQpQk::before {
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
  width: 160px;
  height: 80px;
  background: radial-gradient(circle, rgba(26,110,255,0.12) 0%, transparent 70%);
  pointer-events: none;
  animation: ttsNhNNmoj4axJdUwVe6 4s ease-in-out infinite;
}

@keyframes ttsNhNNmoj4axJdUwVe6 {
  0%, 100% { opacity: 0.7; transform: translateX(-50%) scale(1); }
  50%       { opacity: 1;   transform: translateX(-50%) scale(1.2); }
}

/* dot-grid texture */
.aV4asNvz1Wz7dNRCQpQk::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle, rgba(26,110,255,0.07) 1px, transparent 1px);
  background-size: 16px 16px;
  pointer-events: none;
  animation: vs3fYgkXASetOo5mR8Ny 20s linear infinite;
}

@keyframes vs3fYgkXASetOo5mR8Ny {
  0%   { background-position: 0 0; }
  100% { background-position: 16px 16px; }
}

.kCSN0Czqzw30rCoWkr1s {
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: #94A3B8;
  margin: 0;
  position: relative;
  z-index: 1;
}

.AyizJ6JpBaUYL3reLb7m {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  position: relative;
  z-index: 1;
}

.SnwoQbJ9e54rpg2jqkXt {
  width: 28px;
  height: 28px;
  object-fit: contain;
  animation: U281P73ukbPespiQGQWk 4s ease-in-out infinite;
}

@keyframes U281P73ukbPespiQGQWk {
  0%, 100% { transform: translateY(0px); }
  50%       { transform: translateY(-3px); }
}

.fkDZKRQxluOtnhiFWLHI {
  font-family: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  font-size: 1.05rem;
  font-weight: 800;
  color: #0F172A;
  margin: 0;
  letter-spacing: -0.03em;
}

.x4g4W9ultymbek_i6KBM {
  background: linear-gradient(90deg, #1A6EFF, #6366F1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  background-size: 200% auto;
  animation: zhoJQP7GvO13nyhU5ErV 5s ease-in-out infinite;
}

@keyframes zhoJQP7GvO13nyhU5ErV {
  0%   { background-position: 0% center; }
  50%  { background-position: 100% center; }
  100% { background-position: 0% center; }
}

.k5jTdvFAVc51O9IdeTPq {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.3rem 0.4rem;
  flex: 1;
  position: relative;
  z-index: 1;
}

.s3v9TafrEXmoG6FjPoG4 {
  display: flex;
  align-items: flex-start;
  gap: 4px;
  animation: oMmHQxYEw26hCJZKSE3K 0.35s ease both;
}

/* stagger feature items */
.s3v9TafrEXmoG6FjPoG4:nth-child(1)  { animation-delay: 0.03s; }
.s3v9TafrEXmoG6FjPoG4:nth-child(2)  { animation-delay: 0.06s; }
.s3v9TafrEXmoG6FjPoG4:nth-child(3)  { animation-delay: 0.09s; }
.s3v9TafrEXmoG6FjPoG4:nth-child(4)  { animation-delay: 0.12s; }
.s3v9TafrEXmoG6FjPoG4:nth-child(5)  { animation-delay: 0.15s; }
.s3v9TafrEXmoG6FjPoG4:nth-child(6)  { animation-delay: 0.18s; }
.s3v9TafrEXmoG6FjPoG4:nth-child(7)  { animation-delay: 0.21s; }
.s3v9TafrEXmoG6FjPoG4:nth-child(8)  { animation-delay: 0.24s; }
.s3v9TafrEXmoG6FjPoG4:nth-child(9)  { animation-delay: 0.27s; }
.s3v9TafrEXmoG6FjPoG4:nth-child(10) { animation-delay: 0.30s; }
.s3v9TafrEXmoG6FjPoG4:nth-child(11) { animation-delay: 0.33s; }
.s3v9TafrEXmoG6FjPoG4:nth-child(12) { animation-delay: 0.36s; }

@keyframes oMmHQxYEw26hCJZKSE3K {
  from { opacity: 0; transform: translateY(4px); }
  to   { opacity: 1; transform: translateY(0); }
}

.s3v9TafrEXmoG6FjPoG4 img {
  width: 10px !important;
  height: 10px !important;
  margin-top: 3px;
  flex-shrink: 0;
  object-fit: contain;
  opacity: 0.6;
}

.oh9QIYlXUNb9GMEOWq6G {
  font-size: 0.63rem;
  color: #475569;
  margin: 0;
  line-height: 1.4;
}

/* ── Learn more button ── */
.bNTRpKDUKN8hxReNN4zf {
  margin-top: auto;
  padding-top: 0.5rem;
  border-top: 1px solid rgba(26,110,255,0.1);
  position: relative;
  z-index: 1;
}

.X5ggNNZu0w4Dmcq6GORg {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  font-size: 0.74rem;
  font-weight: 600;
  color: #FFFFFF;
  background: linear-gradient(135deg, #1A6EFF, #4F46E5);
  border: none;
  border-radius: 100px;
  padding: 0.42rem 0.9rem;
  text-decoration: none;
  transition: box-shadow 0.18s, transform 0.18s;
  box-shadow: 0 2px 10px rgba(26,110,255,0.3);
}

.X5ggNNZu0w4Dmcq6GORg:hover {
  box-shadow: 0 4px 18px rgba(26,110,255,0.45);
  transform: translateY(-1px);
}

.X5ggNNZu0w4Dmcq6GORg::after {
  content: "→";
  font-size: 0.7rem;
  transition: transform 0.18s;
}

.X5ggNNZu0w4Dmcq6GORg:hover::after { transform: translateX(2px); }

/* ── Action links ── */
.wrDhCh5RpjhzVTqiDAJh {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding-top: 0.55rem;
  border-top: 1px solid rgba(26,110,255,0.08);
  position: relative;
  z-index: 1;
}

.OAeO_uWrBoRAiwUBXikO {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 5px 7px;
  border-radius: 7px;
  font-size: 0.68rem;
  font-weight: 500;
  color: #94A3B8;
  text-decoration: none;
  transition: color 0.15s, background 0.15s;
}

.OAeO_uWrBoRAiwUBXikO:hover {
  color: #1A6EFF;
  background: rgba(26,110,255,0.06);
}

.E4gP6IgEu9JuniL9io3a {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: rgba(148,163,184,0.5);
  flex-shrink: 0;
  transition: background 0.15s, box-shadow 0.15s;
}

.OAeO_uWrBoRAiwUBXikO:hover .E4gP6IgEu9JuniL9io3a {
  background: #1A6EFF;
  box-shadow: 0 0 5px rgba(26,110,255,0.45);
}

/* ── Pallet Capital sidebar ─────────────────────────────────── */
.aGNrMvfRYrnXzkIY3M6j {
  flex-shrink: 0;
  width: 210px;
  background: #061810;
  border-left: 1px solid rgba(5,150,105,0.14);
  padding: 1.35rem 1.25rem 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  position: relative;
  overflow: hidden;
}

/* Emerald glow at top */
.aGNrMvfRYrnXzkIY3M6j::before {
  content: "";
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  width: 140px;
  height: 80px;
  background: radial-gradient(circle, rgba(5,150,105,0.45) 0%, transparent 70%);
  pointer-events: none;
}

/* Faint coin-pattern texture */
.aGNrMvfRYrnXzkIY3M6j::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle, rgba(5,150,105,0.07) 1px, transparent 1px);
  background-size: 18px 18px;
  pointer-events: none;
  opacity: 0.6;
}

.nZqsegyNhrwKWNM0frFy {
  font-size: 0.6rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(52,211,153,0.5);
  margin: 0;
  position: relative;
  z-index: 1;
}

.fzVrsgKMaCR62yTyghky {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  position: relative;
  z-index: 1;
}

.aMntvGE89wLP6_yDgD7G {
  width: 28px;
  height: 28px;
  object-fit: contain;
}

.bt95ZBYbeHgobzIMI2C6 {
  font-family: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  font-size: 1.05rem;
  font-weight: 800;
  color: #FFFFFF;
  margin: 0;
  letter-spacing: -0.03em;
}

.CQEnD8AFxw3SRSZvd9n1 {
  color: #34D399;
}

.cWWlYCiK8zuUg1nrJdVR {
  font-size: 0.65rem;
  color: rgba(52,211,153,0.6);
  margin: -0.4rem 0 0;
  line-height: 1.45;
  position: relative;
  z-index: 1;
}

.vG7sa9ep4Y12OpN447jZ {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.32rem 0.4rem;
  flex: 1;
  position: relative;
  z-index: 1;
}

.JPnL0EBJ4w7qcgB512PA {
  display: flex;
  align-items: flex-start;
  gap: 5px;
}

.l1GRZACZY5QDqK6lgLta {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: rgba(52,211,153,0.5);
  flex-shrink: 0;
  margin-top: 4px;
}

.UkSteqaWyyqUMbEF9Cv4 {
  font-size: 0.63rem;
  color: #6EE7B7;
  margin: 0;
  line-height: 1.4;
  opacity: 0.8;
}

.ELqgRObgVIeQWm6IQ5RV {
  margin-top: auto;
  padding-top: 0.5rem;
  border-top: 1px solid rgba(5,150,105,0.18);
  position: relative;
  z-index: 1;
}

.ivx6hrJPN_Z5Pokm3zwp {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  font-size: 0.75rem;
  font-weight: 600;
  color: #FFFFFF;
  background: rgba(5,150,105,0.25);
  border: 1px solid rgba(52,211,153,0.4);
  border-radius: 100px;
  padding: 0.4rem 0.85rem;
  text-decoration: none;
  transition: background 0.16s ease, box-shadow 0.16s ease;
}

.ivx6hrJPN_Z5Pokm3zwp:hover {
  background: rgba(5,150,105,0.4);
  box-shadow: 0 0 12px rgba(52,211,153,0.25);
}

.ivx6hrJPN_Z5Pokm3zwp::after {
  content: "→";
  font-size: 0.7rem;
}

/* ================================================================
   APPLICATIONS TAB — card grid matching Platform card style
   ================================================================ */

.PaEodpKUhJGauOTTEXyq {
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
}

/* ── Section header ── */
.UOxjAZdOOpJcuK5UJGcM {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

._STu1nnWSZInZBcj0T8V {
  font-size: 0.63rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #94A3B8;
}

.BUoqC7jnIqRAEnGglaww {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 0.6rem;
  font-weight: 600;
  color: #059669;
  background: #ECFDF5;
  border: 1px solid rgba(5,150,105,0.22);
  border-radius: 100px;
  padding: 2px 9px;
}

/* ── 3-col grid ── */
.EIIiQYD6PsYmB1z3J4Kd {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.65rem;
}

/* ── Single app card ── */
.ry_k6Ji_c0DzXOpYEljx {
  position: relative;
  overflow: hidden;
  border: 1px solid #E8EEF8;
  border-radius: 16px;
  padding: 1.1rem 1.1rem 0;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  background: linear-gradient(160deg, #FFFFFF 60%, #F5F8FF 100%);
  transition: border-color 0.22s, box-shadow 0.22s, transform 0.22s;
  cursor: pointer;
  box-shadow: 0 1px 4px rgba(15,23,42,0.06);
}

/* top-left corner accent */
.ry_k6Ji_c0DzXOpYEljx::before {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 48px; height: 48px;
  background: radial-gradient(circle at 0% 0%, rgba(26,110,255,0.08) 0%, transparent 70%);
  border-radius: 16px 0 0 0;
  pointer-events: none;
}

/* hover shimmer */
.ry_k6Ji_c0DzXOpYEljx::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    135deg,
    rgba(26,110,255,0.05) 0%,
    rgba(99,139,255,0.025) 40%,
    transparent 70%
  );
  opacity: 0;
  transition: opacity 0.22s;
  pointer-events: none;
  border-radius: 16px;
}

.ry_k6Ji_c0DzXOpYEljx:hover {
  border-color: rgba(26,110,255,0.35);
  box-shadow: 0 10px 30px rgba(26,110,255,0.12), 0 2px 8px rgba(15,23,42,0.05);
  transform: translateY(-4px);
}

.ry_k6Ji_c0DzXOpYEljx:hover::after { opacity: 1; }

/* ── Card body ── */
.hYDQnvNJfX0jqmn3xftT {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 0.7rem;
}

.Thcr2kQ8726xVy8VqLrJ {
  width: 36px;
  height: 36px;
  object-fit: contain;
  flex-shrink: 0;
}

._4FRGLRPQo_k4nQEFfQ6r {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: 1px solid #E2E8F0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.68rem;
  color: #94A3B8;
  transition: border-color 0.2s, color 0.2s, background 0.2s, transform 0.2s;
  flex-shrink: 0;
}

.ry_k6Ji_c0DzXOpYEljx:hover ._4FRGLRPQo_k4nQEFfQ6r {
  border-color: rgba(26,110,255,0.4);
  color: #1A6EFF;
  background: #EEF4FF;
  transform: translate(2px, -2px);
}

.Jsv7Ujz5Ul9lBzCq5_1Y {
  font-size: 0.57rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #1A6EFF;
  margin-bottom: 0.2rem;
}

.LGz4gKu8NgR9RuyqF_go {
  font-family: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  font-size: 0.85rem;
  font-weight: 700;
  color: #0F172A;
  letter-spacing: -0.025em;
  line-height: 1.2;
  margin-bottom: 0.28rem;
  transition: color 0.15s;
}

.ry_k6Ji_c0DzXOpYEljx:hover .LGz4gKu8NgR9RuyqF_go { color: #1A6EFF; }

.IqdKJTZr9iIwU5gqEn_o {
  font-size: 0.68rem;
  color: #64748B;
  margin: 0;
  line-height: 1.5;
  flex: 1;
}


/* ── Left tab sidebar ─────────────────────────────────────────── */
.zqZ0x_M_le1ot9oA4_gb {
  flex-shrink: 0;
  width: 158px;
  background: #F8FAFC;
  border-right: 1px solid #E2E8F0;
  padding: 1rem 0.6rem;
  display: flex;
  flex-direction: column;
  gap: 0;
}

.oJF6htU3MXfdWLMu6FNj {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.B4k9bbPa3ZbnhZkB_GKV {
  cursor: pointer;
}

.B4k9bbPa3ZbnhZkB_GKV a {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.62rem 0.8rem;
  border-radius: 10px;
  font-size: 0.82rem;
  font-weight: 600;
  color: #475569;
  text-decoration: none;
  transition: background 0.14s ease, color 0.14s ease;
  white-space: nowrap;
}

.B4k9bbPa3ZbnhZkB_GKV a svg {
  margin-left: auto;
  opacity: 0;
  transition: opacity 0.14s ease;
  font-size: 0.75rem;
}

.B4k9bbPa3ZbnhZkB_GKV a:hover {
  background: #F1F5F9;
  color: #0F172A;
}

.B4k9bbPa3ZbnhZkB_GKV a:hover svg {
  opacity: 0.5;
}

.B4k9bbPa3ZbnhZkB_GKV a.od7d73Fuk1GZeIzNvFgZ {
  background: #FFFFFF;
  color: #1A6EFF;
  box-shadow: 0 1px 6px rgba(15, 23, 42, 0.1);
}

.B4k9bbPa3ZbnhZkB_GKV a.od7d73Fuk1GZeIzNvFgZ svg {
  opacity: 1;
  color: #1A6EFF;
}

/* ================================================================
   MARKETPLACE TAB — full-width, no sidebar
   ================================================================ */

.do5zEJONXjtDXvFePjWA {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}

/* ─────────────────────────────────────────────────────────────────
   HERO PANEL
   ───────────────────────────────────────────────────────────────── */
.APBevclJtlDyZ1ryFHok {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  background: linear-gradient(135deg, #0C0A1E 0%, #150D30 50%, #1A0F20 100%);
  padding: 1.3rem 1.4rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  border: 1px solid rgba(251,146,60,0.15);
  box-shadow: 0 2px 20px rgba(0,0,0,0.3);
  cursor: pointer;
  transition: border-color 0.22s, box-shadow 0.22s;
}

.APBevclJtlDyZ1ryFHok:hover {
  border-color: rgba(251,146,60,0.35);
  box-shadow: 0 8px 32px rgba(251,146,60,0.12), 0 2px 20px rgba(0,0,0,0.4);
}

/* moving dot grid */
.UxoQhlw6ZS9KBUmsQICK {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle, rgba(251,146,60,0.1) 1px, transparent 1px);
  background-size: 22px 22px;
  animation: tbAN1wHy_tnRIf8ForaN 18s linear infinite;
  pointer-events: none;
}

@keyframes tbAN1wHy_tnRIf8ForaN {
  0%   { background-position: 0 0; }
  100% { background-position: 22px 22px; }
}

/* radial bloom */
.UjdoYUgixgbSsiBNgJxE {
  position: absolute;
  top: -30px; right: 60px;
  width: 200px; height: 200px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(251,146,60,0.18) 0%, transparent 70%);
  animation: K5y4ndpWkrm06u8eQj57 4.5s ease-in-out infinite;
  pointer-events: none;
}

@keyframes K5y4ndpWkrm06u8eQj57 {
  0%, 100% { opacity: 0.6; transform: scale(1); }
  50%       { opacity: 1;   transform: scale(1.18); }
}

.Irn_8cABZWMUawJHcplx {
  position: relative;
  z-index: 2;
}

/* eyebrow badge */
.IFvlq6RnTJs_u5OFXHQP {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #FB923C;
  background: rgba(251,146,60,0.12);
  border: 1px solid rgba(251,146,60,0.25);
  border-radius: 100px;
  padding: 3px 10px;
  margin-bottom: 0.6rem;
  animation: tO47nZLBq8rRp6gStgMR 4s ease-in-out infinite;
}

@keyframes tO47nZLBq8rRp6gStgMR {
  0%, 100% { box-shadow: 0 0 0 0 rgba(251,146,60,0); }
  50%       { box-shadow: 0 0 0 4px rgba(251,146,60,0.08); }
}

.DGlSxUA2NJ3KHp8RbZI4 {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #FB923C;
  animation: Q_dN1V5XdO2q5FPtMZ1F 2s ease-in-out infinite;
}

@keyframes Q_dN1V5XdO2q5FPtMZ1F {
  0%, 100% { opacity: 1; transform: scale(1); }
  50%       { opacity: 0.5; transform: scale(0.7); }
}

.cGsAn6oZg7AJQslaWdRc {
  font-family: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  font-size: 1.15rem;
  font-weight: 800;
  color: #FFFFFF;
  letter-spacing: -0.03em;
  line-height: 1.2;
  margin: 0 0 0.4rem;
}

.kc7i1W2d0dKDf24D8wyb {
  display: inline-block;
  background: linear-gradient(90deg, #FB923C 0%, #F59E0B 50%, #FBBF24 100%);
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: yFEuWwouCCH7ZzSuCbs9 5s ease-in-out infinite;
}

@keyframes yFEuWwouCCH7ZzSuCbs9 {
  0%   { background-position: 0% center; }
  50%  { background-position: 100% center; }
  100% { background-position: 0% center; }
}

.L0x4UYtTqtke2tHmaxAV {
  font-size: 0.71rem;
  color: rgba(255,255,255,0.55);
  line-height: 1.55;
  margin: 0;
  max-width: 460px;
}

/* stat chips */
.fUVtY586O1ZpAq9ppZIV {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 0.75rem;
}

.m83qTDKuGEJ1gsPlSIno {
  display: flex;
  flex-direction: column;
  padding: 6px 12px;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(251,146,60,0.18);
  border-radius: 10px;
  transition: border-color 0.2s, background 0.2s, transform 0.2s;
  animation: QsIUPAtNuFHE75wfh6EQ 0.4s cubic-bezier(0.34,1.56,0.64,1) both;
  cursor: default;
}

.m83qTDKuGEJ1gsPlSIno:nth-child(1) { animation-delay: 0.05s; }
.m83qTDKuGEJ1gsPlSIno:nth-child(2) { animation-delay: 0.12s; }
.m83qTDKuGEJ1gsPlSIno:nth-child(3) { animation-delay: 0.19s; }
.m83qTDKuGEJ1gsPlSIno:nth-child(4) { animation-delay: 0.26s; }

@keyframes QsIUPAtNuFHE75wfh6EQ {
  from { opacity: 0; transform: translateY(6px) scale(0.92); }
  to   { opacity: 1; transform: translateY(0) scale(1); }
}

.m83qTDKuGEJ1gsPlSIno:hover {
  border-color: rgba(251,146,60,0.45);
  background: rgba(251,146,60,0.1);
  transform: translateY(-2px);
}

.TIjdiBcDjLaOkMbAAfzG {
  font-size: 0.82rem;
  font-weight: 800;
  color: #FB923C;
  letter-spacing: -0.02em;
  line-height: 1.1;
}

.mk_XiZ5k8gk6VlRQ6Oqa {
  font-size: 0.58rem;
  font-weight: 500;
  color: rgba(255,255,255,0.45);
  letter-spacing: 0.02em;
}

/* hero CTA link */
.hHydLQJJV4xnC6JnyYul {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FB923C;
  opacity: 0.8;
  transition: opacity 0.2s, gap 0.2s;
}

.APBevclJtlDyZ1ryFHok:hover .hHydLQJJV4xnC6JnyYul { opacity: 1; }

.hmi3_mzdzURbOyBSypx9 {
  display: inline-block;
  transition: transform 0.2s;
}

.APBevclJtlDyZ1ryFHok:hover .hmi3_mzdzURbOyBSypx9 { transform: translateX(3px); }

/* ─────────────────────────────────────────────────────────────────
   JOURNEY CARDS
   ───────────────────────────────────────────────────────────────── */
.WiGduKw6hzmuz_zn_Vms {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.XIIr6ACHgOQXZup5kT5g {
  font-size: 0.6rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #94A3B8;
}

.XiDOBtrquEY4eAyTNBSU {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.55rem;
}

.wfLVzAvKMXIahAYVUoc2 {
  border: 1px solid #E8EEF8;
  border-radius: 12px;
  padding: 0.8rem 0.85rem;
  background: linear-gradient(160deg, #FFFFFF 60%, #FFFBF5 100%);
  box-shadow: 0 1px 4px rgba(15,23,42,0.05);
  transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s;
  animation: TA8o0_qOkDx19lpO7KxY 0.35s cubic-bezier(0.34,1.56,0.64,1) both;
}

@keyframes TA8o0_qOkDx19lpO7KxY {
  from { opacity: 0; transform: translateY(8px) scale(0.96); }
  to   { opacity: 1; transform: translateY(0) scale(1); }
}

.wfLVzAvKMXIahAYVUoc2:hover {
  border-color: rgba(251,146,60,0.4);
  box-shadow: 0 6px 20px rgba(251,146,60,0.12);
  transform: translateY(-3px);
}

.pmcifQzINjXQzpAwJmCj {
  font-size: 1.2rem;
  line-height: 1;
  margin-bottom: 0.45rem;
}

.klVlnji3s8JKrOK88iI3 {
  font-size: 0.75rem;
  font-weight: 700;
  color: #0F172A;
  letter-spacing: -0.02em;
  margin-bottom: 0.2rem;
  line-height: 1.25;
  transition: color 0.15s;
}

.wfLVzAvKMXIahAYVUoc2:hover .klVlnji3s8JKrOK88iI3 { color: #EA580C; }

.YcZRwcinwsQC1BKJClFc {
  font-size: 0.64rem;
  color: #64748B;
  line-height: 1.5;
}

/* ─────────────────────────────────────────────────────────────────
   BRANDS MARQUEE
   ───────────────────────────────────────────────────────────────── */
.qZL_J3R4muox7gDyutKw {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.P2tnMBoFjo_z35hH4MZm {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.M2NclAuTmuFhERNcVViW {
  font-family: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  font-size: 0.82rem;
  font-weight: 700;
  color: #0F172A;
  letter-spacing: -0.02em;
}

.M7GWRdMOznxqgY8uFlQH { color: #EA580C; }

.k2LDkyWtV2rpw9Vrc3Ej {
  font-size: 0.62rem;
  font-weight: 600;
  color: #94A3B8;
  text-decoration: none;
  transition: color 0.15s;
}

.k2LDkyWtV2rpw9Vrc3Ej:hover { color: #EA580C; }

/* marquee */
.o9LBIJP_p4HyLklSeApD {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}

.v1Hor9e26fweN48HmXA6 {
  display: flex;
  gap: 6px;
  width: max-content;
  animation: AI3mVUHNV4H8938zMQ_d 22s linear infinite;
}

.v1Hor9e26fweN48HmXA6:hover { animation-play-state: paused; }

@keyframes AI3mVUHNV4H8938zMQ_d {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

.osvVNVGCjGsXddXZBrFA {
  flex-shrink: 0;
  width: 68px;
  height: 44px;
  border-radius: 8px;
  border: 1px solid #E8EEF8;
  background: #FFFFFF;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s;
}

.osvVNVGCjGsXddXZBrFA:hover {
  border-color: rgba(251,146,60,0.4);
  box-shadow: 0 3px 12px rgba(251,146,60,0.15);
  transform: scale(1.06);
}

.wyLhzD6qhaI_sS3xlIkf {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* fade masks */
.TCQMvtTeoqF1EcpCqYX9,
.yQq0wJhfk_Vf_UVckXlX {
  position: absolute;
  top: 0; bottom: 0;
  width: 48px;
  pointer-events: none;
  z-index: 2;
}

.TCQMvtTeoqF1EcpCqYX9 {
  left: 0;
  background: linear-gradient(to right, #FFFFFF, transparent);
}

.yQq0wJhfk_Vf_UVckXlX {
  right: 0;
  background: linear-gradient(to left, #FFFFFF, transparent);
}

/* ── Integrations panel ──────────────────────────────────────── */
.UigZuHrlpiJDkxULgPdx {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.u90tzO9s_7BBMV2fsvF7 {
  font-family: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  font-size: 0.95rem;
  font-weight: 700;
  color: #0F172A;
  margin: 0 0 0.2rem;
  letter-spacing: -0.02em;
  line-height: 1.4;
}

.baBzhgGlaHBvwYW6j1QA {
  color: #1A6EFF;
}

.PbAupiXflEdHZ08rGMsE {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 8px;
}

.ciZAQ8mtLMYAGxoxJVs1 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #E2E8F0;
  border-radius: 10px;
  padding: 7px;
  background: #FFFFFF;
  transition: border-color 0.14s ease, box-shadow 0.14s ease;
}

.ciZAQ8mtLMYAGxoxJVs1:hover {
  border-color: #CBD5E1;
  box-shadow: 0 2px 8px rgba(15,23,42,0.08);
}

.MWrjSoZ2OKocm5ECTz4r {
  width: 100% !important;
  height: 32px !important;
  object-fit: contain !important;
}

.KGc7990gotWKHkcXPcpH {
  display: flex;
  justify-content: space-between;
}

.HfzyfAbsrEEimrticwuJ {
  list-style: none;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  color: #24223e;
  font-size: 14px;
  margin-right: 20px;
  align-items: center;
  font-weight: 500;
}

.HfzyfAbsrEEimrticwuJ li a {
  text-decoration: none;
  display: flex;
  align-items: center;
}

/* ── Footer info bar ──────────────────────────────────────────── */
.OT2BzKLRs63NaN8nZOuQ {
  display: flex;
  align-items: center;
  gap: 0;
  padding: 0 1rem;
  height: 50px;
  border-top: 1px solid #E2E8F0;
  background: #F8FAFC;
  border-radius: 0 0 20px 20px;
}

.OT2BzKLRs63NaN8nZOuQ li {
  list-style: none;
}

.OT2BzKLRs63NaN8nZOuQ a {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 1rem;
  font-size: 0.78rem;
  font-weight: 500;
  color: #64748B;
  text-decoration: none;
  border-radius: 8px;
  transition: color 0.14s ease, background 0.14s ease;
  white-space: nowrap;
}

.OT2BzKLRs63NaN8nZOuQ a:hover {
  color: #1A6EFF;
  background: rgba(26,110,255,0.06);
}

.OT2BzKLRs63NaN8nZOuQ a img {
  width: 16px !important;
  height: 16px !important;
  object-fit: contain;
  opacity: 0.55;
}

.OT2BzKLRs63NaN8nZOuQ a:hover img {
  opacity: 1;
}

/* Separator dots between links */
.OT2BzKLRs63NaN8nZOuQ li + li::before {
  content: "·";
  color: #CBD5E1;
  font-size: 0.9rem;
  padding-right: 0;
}

.pDuMO70KYEzTHfApB0zQ {
  padding: 20px 0px 40px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 10px 0 0 100px;
}

.URSz_E1Ani2K6bthLXL3 {
  display: flex;
  flex-direction: column;
  align-items: start;
}
.alAR9pIAzmxG5uz6tIqL {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: 100%;
  padding-bottom: 40px;
}

.gncseQgQYGGRQfq237Xg {
  color: #24223e;
  font-size: 14px;
  font-family: Helvetica;
  font-weight: 700;
  margin-bottom: 10px;
}

.PTia0OLFQNzMRDTslFMg {
  display: block;
  cursor: pointer;
  padding: 5px 0;
  font-size: 12px;
  font-weight: 400;
  color: #24223e;
}

/* ── Solutions mega-menu inner layout ────────────────────────── */
.UIqSlbYF7q2_BlRKALd9 {
  display: flex;
  min-height: 400px;
  max-height: 520px;
}

.DV4X38Kb_lwvXTGLaEJa {
  flex: 1;
  display: flex;
  min-width: 0;
  overflow: hidden;
}

.DeFqXfsJedEtpM_cvaTf {
  flex: 1;
  padding: 1.25rem 1.5rem;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #E2E8F0 transparent;
  min-width: 0;
}

.DeFqXfsJedEtpM_cvaTf::-webkit-scrollbar { width: 4px; }
.DeFqXfsJedEtpM_cvaTf::-webkit-scrollbar-track { background: transparent; }
.DeFqXfsJedEtpM_cvaTf::-webkit-scrollbar-thumb { background: #E2E8F0; border-radius: 4px; }

.M0QH5EsE4O76ZY5j88Gf {
  /* footer bar row */
}

/* ── Solutions tab — premium card grid ───────────────────────── */
.AlGTi52f8WdUSXP1WHDl {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5px;
}

.AqkbQd9aGlW7AG_MnKji {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0.6rem 0.8rem;
  border-radius: 11px;
  border: 1px solid transparent;
  background: transparent;
  text-decoration: none;
  cursor: pointer;
  transition:
    background 0.18s ease,
    border-color 0.18s ease,
    transform 0.18s ease,
    box-shadow 0.18s ease;
  /* staggered entrance */
  animation: J10_Bw9pYWI0fCyYPIB0 0.3s ease both;
}

/* stagger delay via nth-child */
.AqkbQd9aGlW7AG_MnKji:nth-child(1)  { animation-delay: 0.02s; }
.AqkbQd9aGlW7AG_MnKji:nth-child(2)  { animation-delay: 0.04s; }
.AqkbQd9aGlW7AG_MnKji:nth-child(3)  { animation-delay: 0.06s; }
.AqkbQd9aGlW7AG_MnKji:nth-child(4)  { animation-delay: 0.08s; }
.AqkbQd9aGlW7AG_MnKji:nth-child(5)  { animation-delay: 0.10s; }
.AqkbQd9aGlW7AG_MnKji:nth-child(6)  { animation-delay: 0.12s; }
.AqkbQd9aGlW7AG_MnKji:nth-child(7)  { animation-delay: 0.14s; }
.AqkbQd9aGlW7AG_MnKji:nth-child(8)  { animation-delay: 0.16s; }
.AqkbQd9aGlW7AG_MnKji:nth-child(9)  { animation-delay: 0.18s; }
.AqkbQd9aGlW7AG_MnKji:nth-child(10) { animation-delay: 0.20s; }
.AqkbQd9aGlW7AG_MnKji:nth-child(11) { animation-delay: 0.22s; }
.AqkbQd9aGlW7AG_MnKji:nth-child(12) { animation-delay: 0.24s; }
.AqkbQd9aGlW7AG_MnKji:nth-child(13) { animation-delay: 0.26s; }
.AqkbQd9aGlW7AG_MnKji:nth-child(14) { animation-delay: 0.28s; }
.AqkbQd9aGlW7AG_MnKji:nth-child(15) { animation-delay: 0.30s; }

@keyframes J10_Bw9pYWI0fCyYPIB0 {
  from { opacity: 0; transform: translateY(5px); }
  to   { opacity: 1; transform: translateY(0); }
}

.AqkbQd9aGlW7AG_MnKji:hover {
  background: #EEF4FF;
  border-color: rgba(26,110,255,0.18);
  transform: translateX(2px);
  box-shadow: 0 2px 8px rgba(26,110,255,0.07);
}

/* icon badge */
.vOWKyG4pTjcyjpnC34ZQ {
  font-size: 0.9rem;
  line-height: 1;
  width: 26px;
  height: 26px;
  border-radius: 7px;
  background: #F1F5F9;
  border: 1px solid #E2E8F0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: background 0.18s, border-color 0.18s, transform 0.18s;
}

.AqkbQd9aGlW7AG_MnKji:hover .vOWKyG4pTjcyjpnC34ZQ {
  background: #DBEAFE;
  border-color: rgba(26,110,255,0.25);
  transform: scale(1.1) rotate(-4deg);
}

/* label */
.Mw7XLQOsQG7A3hKSRZcl {
  flex: 1;
  font-size: 0.76rem;
  font-weight: 500;
  color: #334155;
  line-height: 1.3;
  transition: color 0.18s;
}

.AqkbQd9aGlW7AG_MnKji:hover .Mw7XLQOsQG7A3hKSRZcl { color: #1A6EFF; }

/* arrow */
.i1jj73JW_JO8QxSocuYk {
  font-size: 0.68rem;
  color: #CBD5E1;
  opacity: 0;
  transform: translateX(-5px);
  transition: opacity 0.18s ease, transform 0.18s ease, color 0.18s;
  flex-shrink: 0;
}

.AqkbQd9aGlW7AG_MnKji:hover .i1jj73JW_JO8QxSocuYk {
  opacity: 1;
  transform: translateX(0);
  color: #1A6EFF;
}

/* ── Industries tab — 3-col card grid ────────────────────────── */
.AF3lRs5OQObzv80RwQgl {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.65rem;
}

/* ── Single industry card ── */
.EdfZX63RebyQ4bdzCMoL {
  position: relative;
  border: 1px solid #E8EEF8;
  border-radius: 14px;
  padding: 1rem 1rem 0.9rem;
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
  cursor: pointer;
  background: linear-gradient(160deg, #FFFFFF 60%, #F8FAFF 100%);
  box-shadow: 0 1px 4px rgba(15,23,42,0.05);
  transition:
    border-color 0.2s ease,
    box-shadow   0.2s ease,
    transform    0.2s ease;
  text-decoration: none;
  overflow: hidden;
  /* stagger entrance */
  animation: FqDkywWBAaDbwu496P8f 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}

@keyframes FqDkywWBAaDbwu496P8f {
  from { opacity: 0; transform: translateY(8px) scale(0.97); }
  to   { opacity: 1; transform: translateY(0)  scale(1); }
}

/* corner shimmer on hover */
.EdfZX63RebyQ4bdzCMoL::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    135deg,
    rgba(26,110,255,0.04) 0%,
    transparent 60%
  );
  opacity: 0;
  transition: opacity 0.2s;
  border-radius: 14px;
  pointer-events: none;
}

.EdfZX63RebyQ4bdzCMoL:hover {
  border-color: rgba(26,110,255,0.32);
  box-shadow: 0 8px 24px rgba(26,110,255,0.1), 0 2px 6px rgba(15,23,42,0.05);
  transform: translateY(-3px);
}

.EdfZX63RebyQ4bdzCMoL:hover::after { opacity: 1; }

/* ── Icon badge ── */
.zkdrghgbT9ElezkWVtAr {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: transform 0.22s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.EdfZX63RebyQ4bdzCMoL:hover .zkdrghgbT9ElezkWVtAr {
  transform: scale(1.12) rotate(-5deg);
}

.S32Vx6aaYzi0adSQ69OF {
  font-size: 1.2rem;
  line-height: 1;
}

/* ── Card body ── */
._O5Aj8nyKXs1HRSDhkUX {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  flex: 1;
}

.J7HIfyom4xGWobxAdJhU {
  font-family: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  font-size: 0.85rem;
  font-weight: 700;
  color: #0F172A;
  margin: 0;
  letter-spacing: -0.02em;
  transition: color 0.18s;
}

.EdfZX63RebyQ4bdzCMoL:hover .J7HIfyom4xGWobxAdJhU {
  color: var(--accent, #1A6EFF);
}

/* sub-item list */
.IAhaqSIGV9ZbQkgEdjRa {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.wyquOJt6z3V2QuiSzr6N {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.67rem;
  color: #94A3B8;
  line-height: 1.4;
  transition: color 0.15s;
  animation: PCaGyKEPeWJxcQ07HWx2 0.3s ease both;
}

.wyquOJt6z3V2QuiSzr6N:nth-child(1) { animation-delay: 0.05s; }
.wyquOJt6z3V2QuiSzr6N:nth-child(2) { animation-delay: 0.10s; }
.wyquOJt6z3V2QuiSzr6N:nth-child(3) { animation-delay: 0.15s; }
.wyquOJt6z3V2QuiSzr6N:nth-child(4) { animation-delay: 0.20s; }

@keyframes PCaGyKEPeWJxcQ07HWx2 {
  from { opacity: 0; transform: translateX(-4px); }
  to   { opacity: 1; transform: translateX(0); }
}

.EdfZX63RebyQ4bdzCMoL:hover .wyquOJt6z3V2QuiSzr6N { color: #64748B; }

.cyyEOM0rUNfC4sgLgMlh {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  flex-shrink: 0;
  opacity: 0.55;
  transition: opacity 0.15s, transform 0.15s;
}

.EdfZX63RebyQ4bdzCMoL:hover .cyyEOM0rUNfC4sgLgMlh {
  opacity: 1;
  transform: scale(1.3);
}

/* ── Arrow ── */
.jG9mvuMeSjOlmd3GKbPU {
  position: absolute;
  top: 0.85rem;
  right: 0.85rem;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid currentColor;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.65rem;
  transform: translate(-3px, 3px);
  transition: opacity 0.2s, transform 0.2s;
}

.EdfZX63RebyQ4bdzCMoL:hover .jG9mvuMeSjOlmd3GKbPU {
  opacity: 0.8;
  transform: translate(0, 0);
}

/* ── Mega-menu outer panel ─────────────────────────────────────── */
.hFBoMyMUnVlDeb7R_scA {
  position: fixed;
  top: 68px;
  left: 50%;
  transform: translateX(-50%) translateY(-14px);
  width: min(1180px, calc(100vw - 80px));
  background: #FFFFFF;
  border-radius: 20px;
  border: 1px solid #E2E8F0;
  box-shadow:
    0 24px 80px rgba(15, 23, 42, 0.14),
    0 6px 20px rgba(15, 23, 42, 0.07),
    0 0 0 1px rgba(255,255,255,0.6) inset;
  z-index: 1200;
  opacity: 0;
  max-height: min(300px, calc(100vh - 32px));
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  transition:
    opacity  0.22s ease,
    transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  pointer-events: none;
}

.hFBoMyMUnVlDeb7R_scA.q0AWFrfWt6RewTjxK5Gw {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
  pointer-events: auto;
}

@media (max-width: 1350px) {
  .hFBoMyMUnVlDeb7R_scA { display: none; }
}

/* ================================================================
   MOBILE PRODUCTS PANEL — mirrors desktop visual language
   ================================================================ */

/* ── Scroll container ── */
.Pn7J_M_ewjPWnTHZSA1e {
  width: 100%;
  height: 100vh;
  overflow-y: auto;
  overscroll-behavior: contain;
  background: #F8FAFF;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.Pn7J_M_ewjPWnTHZSA1e::-webkit-scrollbar { display: none; }

/* ── Top bar ── */
.BLjfiidGjKr1JV8nUtCa {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 12px 16px 12px 8px;
  background: rgba(255,255,255,0.97);
  border-bottom: 1px solid rgba(15,23,42,0.08);
  position: sticky;
  top: 0;
  z-index: 10;
}

.MwmbbQdf5JquIQqDDyAL {
  font-family: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  font-size: 15px;
  font-weight: 700;
  color: #0F172A;
  letter-spacing: -0.02em;
  flex: 1;
}

/* ── Scroll content ── */
.yMhLOl067qzTfFijSqL8 {
  padding: 12px 16px 32px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* ── Pallet IQ banner ── */
.nSIAtSFBdZMutss5FXfC {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  background: linear-gradient(135deg, #F0F6FF 0%, #FFFFFF 50%, #F5F0FF 100%);
  border: 1px solid rgba(26,110,255,0.15);
  box-shadow: 0 2px 16px rgba(26,110,255,0.08);
  padding: 16px;
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: box-shadow 0.2s, transform 0.15s;
  min-height: 88px;
}

.nSIAtSFBdZMutss5FXfC:active {
  transform: scale(0.98);
  box-shadow: 0 1px 8px rgba(26,110,255,0.12);
}

/* dot grid */
.nSIAtSFBdZMutss5FXfC::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle, rgba(26,110,255,0.10) 1px, transparent 1px);
  background-size: 18px 18px;
  pointer-events: none;
  opacity: 0.6;
}

.kAt4dfGN2cY_byjrc4iM {
  flex: 1;
  position: relative;
  z-index: 1;
}

.OlKvVTIEakV0Rnt9x5Z1 {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #1A6EFF;
  background: rgba(26,110,255,0.08);
  border: 1px solid rgba(26,110,255,0.2);
  border-radius: 100px;
  padding: 2px 9px;
  margin-bottom: 6px;
}

.lsh7IWmSccEjoolOrDO7 {
  font-family: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  font-size: 16px;
  font-weight: 800;
  color: #0F172A;
  letter-spacing: -0.03em;
  line-height: 1.15;
  margin: 0 0 4px;
}

.TKZzh_scWHgM7B3wki0v {
  background: linear-gradient(90deg, #1A6EFF 0%, #6366F1 50%, #0EA5E9 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.gp5g9p0UGQkQO_9QtSgZ {
  font-size: 11px;
  color: #475569;
  line-height: 1.4;
  margin: 0;
}

.HqgHBtnFGCKBuLR9howK {
  position: relative;
  z-index: 1;
  flex-shrink: 0;
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.G26VsX327Z4JE0SItCnA {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 35%, #60A5FA, #1A6EFF 55%, #1E3A8A);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  box-shadow: 0 0 14px rgba(59,130,246,0.8), 0 0 30px rgba(26,110,255,0.35);
  animation: kUAZqtKL9zuH4wlvuvFt 3.5s ease-in-out infinite;
}

@keyframes kUAZqtKL9zuH4wlvuvFt {
  0%, 100% { transform: scale(1); }
  50%       { transform: scale(1.08); }
}

/* ── Section group ── */
.Q8PfIoVmhF70FHAZHVFA {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.U3N4rz0SgVhVlFiYvSyC {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #94A3B8;
  padding: 0 2px;
}

/* ── Platform 2-col card grid ── */
.CpldT_WBNgIXRwxmKmvg {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.etmdQDtD3TeK1cwYS0TL {
  position: relative;
  overflow: hidden;
  background: linear-gradient(160deg, #FFFFFF 60%, #F5F8FF 100%);
  border: 1px solid #E8EEF8;
  border-radius: 16px;
  padding: 14px 12px 10px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  box-shadow: 0 1px 4px rgba(15,23,42,0.06);
  transition: border-color 0.18s, box-shadow 0.18s, transform 0.15s;
  min-height: 96px;
  text-decoration: none;
}

.etmdQDtD3TeK1cwYS0TL::before {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 40px; height: 40px;
  background: radial-gradient(circle at 0% 0%, rgba(26,110,255,0.09) 0%, transparent 70%);
  border-radius: 16px 0 0 0;
  pointer-events: none;
}

.etmdQDtD3TeK1cwYS0TL:active {
  transform: scale(0.97);
  border-color: rgba(26,110,255,0.35);
  box-shadow: 0 4px 16px rgba(26,110,255,0.12);
}

.Dhwm6Bux1_wZLLIaummr {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 4px;
}

.kD6CpBH8hM8DA_aQ7ehL {
  width: 32px;
  height: 32px;
  object-fit: contain;
  flex-shrink: 0;
}

.okOMPiHosodeqVUQeNLR {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 1px solid #E2E8F0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  color: #94A3B8;
  flex-shrink: 0;
}

.ZVbBR5gZcGg2Iy6b6V9X {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: #1A6EFF;
}

.vfkUAAdfLVu5GLZCwAwo {
  font-family: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #0F172A;
  letter-spacing: -0.02em;
  line-height: 1.2;
}

/* ── App list rows ── */
.eRLFwtb4bT1Axz29JWhq {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.dQCLTMJb7C7vwwUKMuzF {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #FFFFFF;
  border: 1px solid #E8EEF8;
  border-radius: 12px;
  padding: 10px 12px;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  box-shadow: 0 1px 3px rgba(15,23,42,0.04);
  transition: border-color 0.15s, box-shadow 0.15s, transform 0.12s;
}

.dQCLTMJb7C7vwwUKMuzF:active {
  transform: scale(0.98);
  border-color: rgba(26,110,255,0.3);
  box-shadow: 0 2px 10px rgba(26,110,255,0.1);
}

.EmTZNy1ukdeC1FsUDkGn {
  width: 28px;
  height: 28px;
  object-fit: contain;
  flex-shrink: 0;
}

.lfHNCA5KvKcE9w8xHI2P {
  flex: 1;
  min-width: 0;
}

.awBm4Oonww7kOo674gcV {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: #1A6EFF;
  line-height: 1;
  margin-bottom: 2px;
}

.o0RwnzdLx3yuuVlTmZdK {
  font-family: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #0F172A;
  letter-spacing: -0.015em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.nrc1AMgPYu64GDV_8Y6A {
  font-size: 12px;
  color: #CBD5E1;
  flex-shrink: 0;
}

/* ── Marketplace / Integrations pill rows ── */
.boGcXpe93HWkygJfuv4t {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #FFFFFF;
  border: 1px solid #E8EEF8;
  border-radius: 12px;
  padding: 13px 14px;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  box-shadow: 0 1px 3px rgba(15,23,42,0.04);
  transition: border-color 0.15s, transform 0.12s;
}

.boGcXpe93HWkygJfuv4t:active {
  transform: scale(0.98);
  border-color: rgba(26,110,255,0.3);
}

.nWUrHOzHNka_IB4yalgI {
  display: flex;
  align-items: center;
  gap: 10px;
}

.It48zfuQEBOAkbkodXot {
  font-size: 18px;
  line-height: 1;
  width: 28px;
  text-align: center;
}

.YzBtkbB3PNNMDg_ZKdcm {
  font-family: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #0F172A;
  letter-spacing: -0.015em;
}

.bgfJ4zJiTQFw7p3JYcIB {
  font-size: 11px;
  color: #64748B;
  margin-top: 1px;
}

.lGMSV6DxaSvokHtGgS15 {
  font-size: 13px;
  color: #94A3B8;
}

/* ================================================================
   MOBILE SOLUTIONS PANEL — mirrors desktop visual language
   ================================================================ */

/* ── Scroll container ── */
.Oq1SUd3ud1In5icBxak6 {
  width: 100%;
  height: 100vh;
  overflow-y: auto;
  overscroll-behavior: contain;
  background: #F8FAFF;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.Oq1SUd3ud1In5icBxak6::-webkit-scrollbar { display: none; }

/* ── Top bar ── */
.Ar6Hr088t5DmobWswj1J {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 12px 16px 12px 8px;
  background: rgba(255,255,255,0.97);
  border-bottom: 1px solid rgba(15,23,42,0.08);
  position: sticky;
  top: 0;
  z-index: 10;
}

.xboJM9CSYYQI_mBUr3wt {
  font-family: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  font-size: 15px;
  font-weight: 700;
  color: #0F172A;
  letter-spacing: -0.02em;
  flex: 1;
}

/* ── Scroll content ── */
.INOIFRLozbSezvGvDMMM {
  padding: 12px 16px 32px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* ── Section group ── */
.gAp6IcKDy0LQRLRtUOga {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.nMB5vY5UOJZEhi0dBEfF {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #94A3B8;
  padding: 0 2px;
}

/* ── Solutions 2-col chip grid ── */
.qYSLcmXqndR0I1ACu0fd {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
}

.sxPTRMJYoqat3hfA7J0b {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #FFFFFF;
  border: 1px solid #E8EEF8;
  border-radius: 12px;
  padding: 10px 11px;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  box-shadow: 0 1px 3px rgba(15,23,42,0.04);
  transition: border-color 0.15s, box-shadow 0.15s, transform 0.12s;
  text-align: left;
  min-height: 48px;
}

.sxPTRMJYoqat3hfA7J0b:active {
  transform: scale(0.96);
  border-color: rgba(26,110,255,0.3);
  box-shadow: 0 2px 10px rgba(26,110,255,0.1);
}

.dkrM6pbYhPHIIh7VYurU {
  font-size: 16px;
  line-height: 1;
  flex-shrink: 0;
}

.K_fWBwH9wcVES_SmPadQ {
  font-family: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  font-size: 11.5px;
  font-weight: 600;
  color: #0F172A;
  letter-spacing: -0.01em;
  line-height: 1.25;
}

/* ── Industries expandable rows ── */
.mQX4MRnfjhbeHCGZxVky {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.WUEDzmtzmGMjApyUumUq {
  background: #FFFFFF;
  border: 1px solid #E8EEF8;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(15,23,42,0.04);
  transition: border-color 0.15s;
}

.WUEDzmtzmGMjApyUumUq.OIZZkzAaN2loOLpEPcjy {
  border-color: rgba(26,110,255,0.2);
}

.DEPHhrC6NSfJh0VfCmRZ {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: background 0.12s;
}

.DEPHhrC6NSfJh0VfCmRZ:active {
  background: #F0F6FF;
}

.lXv11ceaxu9CydngxS9m {
  font-size: 18px;
  line-height: 1;
  flex-shrink: 0;
  width: 26px;
  text-align: center;
}

.CzE8rgRWWpJuTZMsX4xy {
  flex: 1;
}

.F8wi0LJrCdGpqrTJSSgi {
  font-family: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #0F172A;
  letter-spacing: -0.015em;
  line-height: 1.2;
}

.nhumY8N5Fw68I58MVeRM {
  font-size: 11px;
  color: #94A3B8;
  line-height: 1.3;
  margin-top: 2px;
}

.UTI7aLTI76LS2iGo55Ql {
  font-size: 11px;
  color: #CBD5E1;
  flex-shrink: 0;
  transition: transform 0.2s;
}

.WUEDzmtzmGMjApyUumUq.OIZZkzAaN2loOLpEPcjy .UTI7aLTI76LS2iGo55Ql {
  transform: rotate(90deg);
  color: #1A6EFF;
}

.Iqq_9AuAyPBGHQsyQMjP {
  border-top: 1px solid #F1F5F9;
  padding: 8px 14px 10px 52px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.hvd98d6VJyk_A2NdS8P0 {
  display: inline-flex;
  align-items: center;
  font-size: 11px;
  font-weight: 500;
  color: #475569;
  background: #F1F5F9;
  border: 1px solid #E2E8F0;
  border-radius: 100px;
  padding: 3px 10px;
  white-space: nowrap;
}

/* ── Sidebar shell ─────────────────────────────────────────────────────────── */
.oWFVotkGIMgtJc4RQ3LG {
  background: #ffffff;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}

/* ── Header row ────────────────────────────────────────────────────────────── */
.oAOd8KeGblTqzNyERuaV {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px 12px;
  border-bottom: 1px solid #E8EEF8;
  flex-shrink: 0;
}

.CbAQZHHcPdDwhPtXIkIc {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* ── Scrollable body ───────────────────────────────────────────────────────── */
.qxhqgrwc8koXiAxIpkKI {
  flex: 1;
  overflow-y: auto;
  padding: 16px 12px 24px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  scrollbar-width: none;
}
.qxhqgrwc8koXiAxIpkKI::-webkit-scrollbar {
  display: none;
}

/* ── Section label ─────────────────────────────────────────────────────────── */
.SPJ5yUrXnvU7qghQvVId {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #94A3B8;
  padding: 12px 6px 4px;
  font-family: 'Space Grotesk', 'Inter', sans-serif;
}

/* ── Nav tile ──────────────────────────────────────────────────────────────── */
.EkmRUNlkq5yvZ6SnKsEB {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  min-height: 52px;
  border-radius: 14px;
  border: 1.5px solid #E8EEF8;
  background: #ffffff;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
}

.EkmRUNlkq5yvZ6SnKsEB:hover,
.EkmRUNlkq5yvZ6SnKsEB:active {
  background: #F0F6FF;
  border-color: #C7DCFF;
  box-shadow: 0 2px 8px rgba(26, 110, 255, 0.08);
}

.EkmRUNlkq5yvZ6SnKsEB.q5pAKDstDLYaE9IXHsZ2 {
  background: #EEF4FF;
  border-color: #1A6EFF;
  box-shadow: 0 2px 12px rgba(26, 110, 255, 0.12);
}

/* ── Icon bubble ───────────────────────────────────────────────────────────── */
.arPZTFiFVYIGYW82eXKU {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: #EEF4FF;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: background 0.15s ease;
}

.EkmRUNlkq5yvZ6SnKsEB:hover .arPZTFiFVYIGYW82eXKU,
.EkmRUNlkq5yvZ6SnKsEB.q5pAKDstDLYaE9IXHsZ2 .arPZTFiFVYIGYW82eXKU {
  background: #DBEAFF;
}

.arPZTFiFVYIGYW82eXKU svg {
  color: #1A6EFF;
  font-size: 18px;
}

/* action tile variant — softer icon bubble */
.cRIPJd1__h7qF1CnVw08 .arPZTFiFVYIGYW82eXKU {
  background: #F1F5F9;
}
.cRIPJd1__h7qF1CnVw08 .arPZTFiFVYIGYW82eXKU svg {
  color: #475569;
}
.cRIPJd1__h7qF1CnVw08:hover .arPZTFiFVYIGYW82eXKU,
.cRIPJd1__h7qF1CnVw08.q5pAKDstDLYaE9IXHsZ2 .arPZTFiFVYIGYW82eXKU {
  background: #E2EAF6;
}
.cRIPJd1__h7qF1CnVw08:hover .arPZTFiFVYIGYW82eXKU svg {
  color: #1A6EFF;
}

/* ── Tile text ─────────────────────────────────────────────────────────────── */
.wzOPdwpNC1vDb9eT_JqW {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.VlMoxEh1EOHcoesvgz5c {
  font-size: 15px;
  font-weight: 600;
  color: #0F172A;
  font-family: 'Space Grotesk', 'Inter', sans-serif;
  line-height: 1.3;
}

.biX9d3hgilTI8ugjWvdA {
  font-size: 11.5px;
  font-weight: 400;
  color: #94A3B8;
  font-family: 'Inter', sans-serif;
  line-height: 1.3;
}

/* ── Chevron ───────────────────────────────────────────────────────────────── */
.xO0o6VvrIbwQXwBV9ogd {
  color: #94A3B8;
  font-size: 20px;
  flex-shrink: 0;
  transition: color 0.15s ease, transform 0.15s ease;
}

.EkmRUNlkq5yvZ6SnKsEB:hover .xO0o6VvrIbwQXwBV9ogd,
.EkmRUNlkq5yvZ6SnKsEB.q5pAKDstDLYaE9IXHsZ2 .xO0o6VvrIbwQXwBV9ogd {
  color: #1A6EFF;
  transform: translateX(2px);
}

/* ── Divider ───────────────────────────────────────────────────────────────── */
.aZh30EzMpdeHEbWHBNmx {
  height: 1px;
  background: #E8EEF8;
  margin: 8px 6px;
  border-radius: 1px;
}

/* ── CTA button row at the bottom ─────────────────────────────────────────── */
.XX5Z0i5nALYFejoBiLbA {
  display: flex;
  gap: 8px;
  padding: 12px 12px 0;
  flex-shrink: 0;
  border-top: 1px solid #E8EEF8;
}

.tzFzOMQ4b_qnLwChvtMt {
  flex: 1;
  height: 44px;
  border-radius: 100px;
  font-size: 14px;
  font-weight: 600;
  font-family: 'Space Grotesk', 'Inter', sans-serif;
  cursor: pointer;
  border: none;
  transition: all 0.15s ease;
}

.M5nyaAZq2PCxg8Dlfks5 {
  background: transparent;
  border: 1.5px solid #CBD5E1;
  color: #0F172A;
}
.M5nyaAZq2PCxg8Dlfks5:hover {
  border-color: #1A6EFF;
  color: #1A6EFF;
}

.xrSJYNvvOC8ZrTqJnOnQ {
  background: linear-gradient(135deg, #1A6EFF 0%, #0050D8 100%);
  color: #ffffff;
  box-shadow: 0 4px 12px rgba(26, 110, 255, 0.28);
}
.xrSJYNvvOC8ZrTqJnOnQ:hover {
  box-shadow: 0 6px 16px rgba(26, 110, 255, 0.38);
}

.error-page-img{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 400px;
    width: 100%;
}
.kyc-progress-box {
  font-size: 15px !important;
  font-weight: bold !important;
}
.complete-kyc-box {
  border: 3px solid rgb(1, 100, 254);
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  font-weight: 600;
}
.complete-kyc-box2 {
  display: flex;
  align-items: center;
}
.kyc-progress-box3 {
  font-size: 16px;
  font-weight: bold !important;
  color: rgb(1, 100, 254);
}
.kyc-completion-btn {
  display: flex;
  align-items: center;
  background-color: rgb(1, 100, 254);
  color: white;
  border-radius: 50px;
  padding: 5px 15px 5px 15px;
  justify-content: center;
}
.MuiCircularProgress-colorPrimary {
  color: white !important;
}
.wms-card-box {
  padding: 15px;
}
.east-icon-box {
  float: right;
}
.kyc-progress-box-com {
  font-size: 15px !important;
  font-weight: bold !important;
  margin-left: 10px !important;
}
.img-org-logo {
  width: 10%;
  height: 10%;
}
.img-org-logo-subscribe-div {
  display: flex;
  justify-content: center;
  align-items: center;
}
.img-org-logo-subscribe {
  width: 50%;
  height: 50%;
  text-align: center;
}
.img-org-logo-subscribe-pos {
  width: 56%;
  height: 56%
}

.table-centralised {
  width: 0 auto;
}
.table-centralised th {
  text-align: left;
  width: auto;
}
.table-centralised td {
  text-align: left;
  width: auto;
}
.table {
  font-family: Arial, Helvetica, sans-serif;
}
.head-text-dec {
  text-decoration: underline;
}
.new-org-creation-btn {
  float: right;
}
.btn-org-create {
  background-color: rgb(1, 100, 254) !important;
}
.subscribe-button {
  width: 120px;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-family: "poppins";
  border-radius: 5px;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background-color: #2954a5;
  color: #fcfeff;
  border: none;
}
.subscribe-button:hover {
  width: 150px
}
/* Container for the entire product cards section */
.product-cards-container {
  padding: 2rem 0;
  max-width: 1200px;
  margin: 0 auto;
}

/* Styled title for "Your Subscribed Products" */
.subscribed-products-title {
  font-size: 2rem;
  font-weight: 700;
  color: #2c3e50;
  text-align: center;
  margin-bottom: 3rem;
  position: relative;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.title-underline {
  width: 80px;
  height: 4px;
  background: linear-gradient(135deg, #007aff 0%, #0051d5 50%, #003d9c 100%);
  margin: 0.5rem auto 0;
  border-radius: 2px;
}

/* Grid container for cards */
.cards-grid {
  padding: 0 1rem;
  justify-content: center;
}

/* Individual product card styling */
.product-card {
  border-radius: 16px !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1) !important;
  transition: all 0.3s ease !important;
  border: 1px solid #f0f0f0 !important;
  overflow: hidden !important;
  height: 100%;
  background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%) !important;
}

.product-card:hover {
  transform: translateY(-8px) !important;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.15) !important;
}

/* Card header with title and action button */
.card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem 1.5rem 1rem;
  background: linear-gradient(135deg, #007aff 0%, #0051d5 50%, #003d9c 100%);
  color: white;
  position: relative;
}

.card-title {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: white !important;
  margin: 0 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.card-action-btn {
  background: rgba(255, 255, 255, 0.15);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  backdrop-filter: blur(10px);
}

.card-action-btn:hover {
  background: rgba(255, 255, 255, 0.25);
  transform: scale(1.1);
}

.card-action-btn svg {
  color: white;
  font-size: 18px;
}

/* Main card content area */
.card-content {
  display: flex;
  padding: 1.5rem;
  gap: 1.5rem;
  align-items: flex-start;
}

/* Left side - Image section */
.card-image-section {
  flex-shrink: 0;
  width: 120px;
}

.image-wrapper {
  width: 100px;
  height: 100px;
  border-radius: 16px;
  background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  border: 3px solid #ffffff;
  position: relative;
  overflow: hidden;
}

.org-logo {
  width: 70px;
  height: 70px;
  object-fit: contain;
  border-radius: 8px;
  transition: transform 0.3s ease;
}

.image-wrapper:hover .org-logo {
  transform: scale(1.1);
}

/* Right side - Details section */
.card-details-section {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}

.detail-row {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  padding: 0.5rem 0;
  border-bottom: 1px solid #f0f0f0;
}

.detail-row:last-child {
  border-bottom: none;
}

.detail-label {
  font-size: 11px;
  font-weight: 600;
  color: #8e8e93;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.detail-value {
  font-size: 14px;
  font-weight: 500;
  color: #2c3e50;
  word-break: break-word;
  line-height: 1.4;
}

/* Responsive design */
@media (max-width: 768px) {
  .subscribed-products-title {
    font-size: 1.5rem;
    margin-bottom: 2rem;
  }
  
  .card-content {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 1rem;
  }
  
  .card-image-section {
    width: auto;
  }
  
  .detail-row {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  
  .detail-label {
    flex: 1;
    text-align: left;
  }
  
  .detail-value {
    flex: 1;
    text-align: right;
  }
}

/* Loading animation for images */
.org-logo {
  opacity: 0;
  animation: fadeIn 0.5s ease forwards;
}

@keyframes fadeIn {
  to {
    opacity: 1;
  }
}

/* Hover effects for the entire card */
.product-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(0, 122, 255, 0.02) 0%, rgba(0, 81, 213, 0.02) 50%, rgba(0, 61, 156, 0.02) 100%);
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

.product-card:hover::before {
  opacity: 1;
}
/* home section */
.TQxfT_fzs_HAa2Dmz1Fh {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  margin-top: 5rem;
}

.SxDFgAHKEzwawdrPtGYF {
  font-size: 3rem;
  font-weight: 700;
  margin: 0;
  color: #333;
  text-align: center;
  max-width: 70%;
  text-transform: capitalize;
}

.KJi_tZwZHiX9GeCOEHbK {
  font-size: 1rem;
  margin: 0;
  color: #6B6B6B;
  text-align: center;
  max-width: 70%;
}

.JAhNXc3lJvbwqxCCGOZk {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  font-size: 1rem;
  padding: 0.75rem 1rem;
  border-radius: 30px;
  background: #007aff;
  color: #fff;
  transition: box-shadow 0.3s ease;
}

.JAhNXc3lJvbwqxCCGOZk:hover {
  cursor: pointer;
  box-shadow:
    0 0 10px rgba(0, 122, 255, 0.7),
    0 0 20px rgba(0, 122, 255, 0.5),
    0 0 30px rgba(0, 122, 255, 0.3);
}

.qFeIJQax1qdS5fFmaVgQ {
  overflow: hidden;
  width: 90%;
  border-radius: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.TN9Io5Lg0t725a_m2XK7 {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
  border-radius: 1.5rem;
}

@media screen and (max-width: 820px) {
  .SxDFgAHKEzwawdrPtGYF {
    max-width: 80%;
  }

  .KJi_tZwZHiX9GeCOEHbK {
    max-width: 80%;
  }
}

@media screen and (max-width: 600px) {
  .SxDFgAHKEzwawdrPtGYF {
    max-width: 100%;
  }

  .KJi_tZwZHiX9GeCOEHbK {
    max-width: 100%;
  }
}

/* New container for background + images */
.mIL2SYAhXkkkZ2oXO2qg {
  position: relative;
  width: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pUvSBEr2HYYu5mF10aXQ {
  position: absolute;
  top: 23%;
  right: 85%;
  width: 20%;
  z-index: 1;
  opacity: 0.5;
}

.yV86KY9ay_3SIrgTx6cT {
  position: absolute;
  top: 20%;
  right: 75%;
  width: 20%;
  height: auto;
  border-radius: 0.5rem;
  z-index: 2;
}

@media screen and (max-width: 600px) {
  .yV86KY9ay_3SIrgTx6cT {
    display: none;
  }
}

/* ✅ New Button Group for Sign In & Go Home */
.E95Z7ZAGPs0xPP7DtLQh {
  display: flex;
  gap: 1rem;
  margin-top: 1.5rem;
  flex-wrap: wrap;
  justify-content: center;
}

.FHMXSpK7h8AHr5tchIvC {
  background-color: #f0f0f0;
  color: #333;
  padding: 0.75rem 1rem;
  border-radius: 30px;
  font-size: 1rem;
  transition: background 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

.FHMXSpK7h8AHr5tchIvC:hover {
  background-color: #d9d9d9;
  cursor: pointer;
}

.I_rFhC9xHnEs4XwKeOsH {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1.5rem;
  margin-top: 2rem;
}


@font-face {
  font-family: "Helvetica";
  src: url(/dist/06113bf748ae7dc33e05.ttf) format("truetype");
}

* {
  font-family: "Roboto" !important;
  font-weight: 400;
  margin: 0;
  padding: 0;
}

/* Hide the page scrollbar without disabling native document scrolling. */
html,
body {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}


a {
  text-decoration: none;
  color: #24223e;
}

.payment-card-container {
  /* padding:0px !important; */
  border-radius: 1rem !important;
  background-color: #fff !important;
  -webkit-box-shadow: 0px 1px 5px -5px rgba(0, 0, 0, 0.59) !important;
  -moz-box-shadow: 0px 1px 5px -5px rgba(0, 0, 0, 0.59) !important;
  box-shadow: 0px 1px 5px -5px rgba(0, 0, 0, 0.59) !important;
}

.main_container {
  display: flex;
  justify-content: center;
}

.sub_container {
  width: 100%;
  max-width: 1600px;
  background-color: rgb(255, 255, 255);
}

.container_margin_LR {
  margin-left: 5rem;
  margin-right: 5rem;
}

@media (max-width: 1024px) {
  .container_margin_LR {
    margin-left: 3rem;
    margin-right: 3rem;
  }
}

@media (max-width: 600px) {
  .container_margin_LR {
    margin-left: 1rem;
    margin-right: 1rem;
  }
}
/* ================================================================
   FOOTER — premium light mode
   ================================================================ */

.UH3fTxf24xqMkNB8WtJp {
  width: 100%;
  background: #FFFFFF;
  border-top: 1px solid #E8EEF8;
  position: relative;
}

/* ── Main grid ────────────────────────────────────────────────── */
.KR6gHa5wAXW6QmdJyJye {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 5rem;
  padding: 5rem 7vw 4rem;
  max-width: 1520px;
  margin: 0 auto;
}

@media (max-width: 1100px) {
  .KR6gHa5wAXW6QmdJyJye {
    grid-template-columns: 1fr;
    gap: 3rem;
    padding: 4rem 5vw 3rem;
  }
}

/* ── Brand column ─────────────────────────────────────────────── */
.roFnU0jlgJtTBNIMdoOG {
  display: flex;
  flex-direction: column;
  gap: 1.4rem;
}

.wRJYD8refGNaiAO8nZqJ {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  text-decoration: none;
}

.tHzK1sfnmrg6UCCKFWit {
  width: 36px;
  height: 36px;
  object-fit: contain;
  mix-blend-mode: multiply;
  border-radius: 8px;
}

.lhWdiJe28XrO0oEOrmbw {
  font-family: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  font-size: 1.2rem;
  font-weight: 800;
  color: #0F172A;
  letter-spacing: -0.02em;
}

.zQJeHy9xtfWCULABqr32 {
  font-size: 0.85rem;
  line-height: 1.72;
  color: #64748B;
  max-width: 28ch;
  margin: 0;
}

/* App badges */
.HLe8l1b98RSOTt_wONDB {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}

.Wd8GUbOJhG_ut_T2A9gw {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.5rem 0.9rem;
  background: #F8FAFF;
  border: 1px solid #E2E8F0;
  border-radius: 10px;
  color: #0F172A;
  font-size: 0.8rem;
  font-weight: 500;
  text-decoration: none;
  transition: border-color 0.18s, background 0.18s, box-shadow 0.18s;
  width: fit-content;
}

.Wd8GUbOJhG_ut_T2A9gw:hover {
  border-color: #BFDBFE;
  background: #EEF4FF;
  color: #1A6EFF;
  box-shadow: 0 2px 10px rgba(26,110,255,0.1);
}

/* Social */
.gF9acp2RZ_8M6OYvgQ_q {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}

.TlbPOAqhOTgmXtlWm6tx {
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #94A3B8;
  margin: 0;
}

.DWhqYLDIv1lMEE_Y3ppL {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.ME9ZlsMGBdyNXAIeL44x {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: #F8FAFF;
  border: 1px solid #E2E8F0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #64748B;
  text-decoration: none;
  transition: background 0.18s, border-color 0.18s, color 0.18s, transform 0.18s;
}

.ME9ZlsMGBdyNXAIeL44x svg {
  width: 16px;
  height: 16px;
}

.ME9ZlsMGBdyNXAIeL44x:hover {
  background: #1A6EFF;
  border-color: #1A6EFF;
  color: #FFFFFF;
  transform: translateY(-2px);
}

/* ── Link columns ─────────────────────────────────────────────── */
.NjHzc6Gh4E91UQ9oFRzw {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 2rem;
}

@media (max-width: 1200px) {
  .NjHzc6Gh4E91UQ9oFRzw {
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
  }
}

@media (max-width: 860px) {
  .NjHzc6Gh4E91UQ9oFRzw {
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
  }
}

.W_0Pc3OCpxFj2D_NXZfL {}

.beB0MzyZmhtnDKOig0Jr {
  font-size: 0.72rem;
  font-weight: 700;
  color: #0F172A;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin-bottom: 1.1rem;
}

.II2YHR57OUzMZteZAnHy {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}

.Jw8_f8ZuqpszAjNdvkCP {
  font-size: 0.85rem;
  color: #64748B;
  text-decoration: none;
  transition: color 0.18s;
  display: block;
}

.Jw8_f8ZuqpszAjNdvkCP:hover {
  color: #1A6EFF;
}

/* ── Bottom bar ───────────────────────────────────────────────── */
.yhpm7VflxmNF1FMRUu3x {
  max-width: 1520px;
  margin: 0 auto;
  padding: 0 7vw 2rem;
}

.K8NtM8w66ZZSSDMd5OBz {
  height: 1px;
  background: #E8EEF8;
  margin-bottom: 1.5rem;
}

.rzQ9Z4J4uwtzHpK3Jnvd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.j1sQHOelqhsxvQBOB_NN {
  font-size: 0.78rem;
  color: #94A3B8;
}

.hRGkIKbfkhHMwVtBXU5M {
  display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;
}

.bCZcQk7866nU_Fdmbl9x {
  font-size: 0.78rem;
  color: #94A3B8;
  text-decoration: none;
  transition: color 0.18s;
}

.bCZcQk7866nU_Fdmbl9x:hover {
  color: #1A6EFF;
}

.OTCnDSH5oDbex2xwzoVQ {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  margin-top: 50px;
}

.Wv7yKuq2UpvJ5AzNOqSw {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  padding: 20px;
}
.dP12bWCoFkzpPr9Kc5lu {
  font-size: 48px;
  font-family: Helvetica;
  font-weight: 900;
  color: #24223e;
}
.ytJJgUS8Mp5rwXa8QPwC {
  font-size: 48px;
  font-family: Helvetica;
  font-weight: 900;
  color: #007aff;
}
.AEOw1MBsAwAHmSuHGS9S {
  font-size: 16px;
  color: #24223e;
  width: 90%;
}

.XvCCJa8wIGoGPjZPiVxj {
  width: 50%;
}

.JZuHTEfo2TVvEY4Toqys {
  border-radius: 26px;
  width: 100%;
}

@media (width<781px) {
  .XvCCJa8wIGoGPjZPiVxj {
    width: 90%;
  }
  .Wv7yKuq2UpvJ5AzNOqSw {
    align-items: center;
  }
  .AEOw1MBsAwAHmSuHGS9S {
    text-align: center;
  }
}

.CyFVqO02chMJCiaWoi6E {
  display: none;
}
.teNWLQtc3aOYBohlgWNM {
  display: flex;
  justify-content: end;
  margin-top: 200px;
  position: relative;
}
@media (width<1300px) {
  .teNWLQtc3aOYBohlgWNM {
    display: none;
  }
  .CyFVqO02chMJCiaWoi6E {
    display: block;
  }
}
.shnjHFyQAxyAraXHlOTk {
  position: absolute;
  width: 100%;
  left: 8%;
  top: -21%;
  max-width: 474px;
}
.aSKmMQ3DmC0g0UtbsSbZ {
  border-radius: 50%;
  width: 100%;
}

.KmBgyfGxaBYIuwpgOTVX {
  width: 67%;
  background-color: #007aff;
  margin-right: 70px;
  border-radius: 24px;
}
.l020JlRjJ2JpWFiElCZq {
  width: 67%;
  position: relative;
  margin-left: 30%;
}

.BvqU1iaAhNNJ_BbENmza {
  font-size: 34px;
  font-family: Helvetica;
  font-weight: 900;
  color: #ffffff;
  padding: 40px 0;
}

.Ot09Ly7cRd_0iL7S8Moq {
  font-size: 16px;
  color: #ffffff;
  margin-bottom: 40px;
}
.U6JBUVyy1BIN6WdX5nhS {
  font-size: 16px;
  color: #ffffff;
  margin-bottom: 70px;
}

@media (width<1300px) {
  .Ot09Ly7cRd_0iL7S8Moq,
  .U6JBUVyy1BIN6WdX5nhS {
    text-align: center;
  }
}

.tOVhBScREUEOvdxmwWew {
  box-sizing: border-box;
  width: 90%;
  background-color: #007aff;
  border-radius: 24px;
  padding: 50px;
  margin: auto;
  margin-top: 100px;
}

.uuNB_RmrM9OMNDeDs2Vg {
  font-size: 34px;
  text-align: center;
  font-family: Helvetica;
  font-weight: 900;
  color: #ffffff;
  padding: 20px 0 50px 0;
}

._i8Zp4mbNwaKt3XLM6yQ {
  display: flex;
  margin-top: 100px;
  justify-content: space-around;
}

.KUSEznoyVkzstFsT9M4g {
  width: 50%;
  padding: 60px;
}
.EeawNllnjwIoOZN803qU {
  width: 50%;
  padding: 60px;
}

.hE1n2eaCyTqKBWtPhsVB {
  border-radius: 24px;
  width: 100%;
}

.dUXr1m_pnI13glSYNtU8 {
  color: #002aff;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 15px;
}

.TpJdCACYrjIlO6g4VCrt {
  font-size: 34px;
  font-family: Helvetica;
  font-weight: 500;
  margin-bottom: 15px;
  font-weight: 900;
  color: #0d0d0d;
}

.oPd6rMVbGwK3dR4d4EOc {
  font-size: 16px;
  color: #424242;
  margin-bottom: 20px;
  color: #24223e;
}

@media (width<1300px) {
  ._i8Zp4mbNwaKt3XLM6yQ {
    flex-direction: column;
    align-items: center;
  }
  .KUSEznoyVkzstFsT9M4g {
    width: 90%;
  }
  .EeawNllnjwIoOZN803qU {
    width: 90%;
  }
  .EeawNllnjwIoOZN803qU {
    padding: 0;
    margin: 50px 0;
  }
  .KUSEznoyVkzstFsT9M4g {
    padding: 0;
  }
  
  .dUXr1m_pnI13glSYNtU8,
  .TpJdCACYrjIlO6g4VCrt,
  .oPd6rMVbGwK3dR4d4EOc {
    text-align: center;
  }
}

.yFhnUt9ARyro2zclCcZW {
  background-color: #c8edfd;
  display: flex;
  justify-content: center;
}

.mB3gYVkO4Da23Da30PPg {
  padding: 40px;
}

.vfciGCLzPDZ_zpnCtnP7 {
  width: 78px;
  height: 2px;
  background-color: #007aff;
  border-radius: 2px;
}

.Ry0GsSoJ94z4I1pSbmA5 {
  text-align: center;
  font-size: 34px;
  font-family: Helvetica;
  font-weight: 900;
}

.huGfugkUAJLynRZkJI3H {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 60px 0;
}

.doAJ5RHHrnTZjGNV69l8 {
  width: 60%;
  margin-top: 40px;
  font-size: 16px;
  text-align: center;
}

@media (width<1200px) {
  .doAJ5RHHrnTZjGNV69l8 {
    width: 80%;
  }
}

@media (width<800px) {
  .doAJ5RHHrnTZjGNV69l8 {
    width: 100%;
  }
}

.Ql_QwIP4Y4bm33XCfiTQ {
  display: flex;
  margin-top: 50px;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}
.A1GuG49ZXjBwwv4GDbtg {
  display: flex;
  height: 20px;
  gap: 10px;
  align-items: center;
  margin-bottom: 20px;
}

.X6KkfxAgPadcPAOvMraF {
  width: 78px;
  height: 2px;
  background-color: #007aff;
  border-radius: 2px;
}

.DJIXA9PfIt3P7a8LGHAk {
  font-size: 34px;
  font-weight: 900;
  font-family: helvetica;
  color: #0d0d0d;
}

.PnADtY_DAjYfF23e6IUh {
  font-size: 24px;
  font-weight: 600;
  color: #007aff;
}

.pjvcGsv7KHd8tXikaM3H {
  font-size: 14px;
  color: #24223e;
}

.pD1Va14cZmBsTHenIFGz {
  margin-top: -10px;
  padding: 0 20px;
}

.XP4w1NiLDbFX1UYviksY {
  margin-bottom: 30px;
}

@media (width<1200px) {
  .Ql_QwIP4Y4bm33XCfiTQ {
    flex-direction: column;
    align-items: center;
  }
  .X6KkfxAgPadcPAOvMraF {
    display: none;
  }
  .PnADtY_DAjYfF23e6IUh {
    text-align: center;
    margin-bottom: 10px;
  }
  .pjvcGsv7KHd8tXikaM3H {
    text-align: center;
  }
}

.YG52PQE2hMoNcKxEO87y {
  padding: 0 60px;
}

.JPLSipUtDPPgWmWY0VaZ {
  font-size: 34px;
  font-family: helvetica;
  font-weight: 900;
  color: #0d0d0d;
  margin-bottom: 10px;
}

.sGx5VznGmc0jTIQKSU6p {
  font-size: 14px;
  color: #24223e;
}

.vT4rYo8Z1PjttDQrFfnu {
  font-size: 14px;
  color: #007aff;
  font-weight: 600;
}

/*
 * About page mobile spacing system.
 *
 * The page is composed of legacy sections with different local spacing
 * conventions. Keep the desktop presentation intact, but give the mobile
 * composition one shared gutter, section rhythm, and card inset.
 */
@media (max-width: 1299px) {
  .ewhSBVyV3eHv9XBzBfLg {
    --about-gutter: 32px;
    --about-section-gap: 48px;
    --about-card-padding: 28px;
  }

  .ewhSBVyV3eHv9XBzBfLg .OTCnDSH5oDbex2xwzoVQ {
    margin-top: 32px;
    padding: 0 var(--about-gutter);
    gap: 28px;
  }

  .ewhSBVyV3eHv9XBzBfLg .Wv7yKuq2UpvJ5AzNOqSw {
    width: 100%;
    box-sizing: border-box;
    padding: 0;
  }

  .ewhSBVyV3eHv9XBzBfLg .AEOw1MBsAwAHmSuHGS9S {
    width: 100%;
    max-width: 420px;
  }

  .ewhSBVyV3eHv9XBzBfLg .XvCCJa8wIGoGPjZPiVxj {
    width: 100%;
  }

  .ewhSBVyV3eHv9XBzBfLg .tOVhBScREUEOvdxmwWew {
    width: auto;
    margin: var(--about-section-gap) var(--about-gutter) 0;
    padding: var(--about-card-padding);
  }

  .ewhSBVyV3eHv9XBzBfLg .uuNB_RmrM9OMNDeDs2Vg {
    padding: 0 0 20px;
  }

  .ewhSBVyV3eHv9XBzBfLg .Ot09Ly7cRd_0iL7S8Moq,
  .ewhSBVyV3eHv9XBzBfLg .U6JBUVyy1BIN6WdX5nhS {
    margin-bottom: 20px;
  }

  .ewhSBVyV3eHv9XBzBfLg .U6JBUVyy1BIN6WdX5nhS {
    margin-bottom: 0;
  }

  .ewhSBVyV3eHv9XBzBfLg ._i8Zp4mbNwaKt3XLM6yQ {
    margin-top: var(--about-section-gap);
    padding: 0 var(--about-gutter);
    gap: 0;
  }

  .ewhSBVyV3eHv9XBzBfLg .KUSEznoyVkzstFsT9M4g,
  .ewhSBVyV3eHv9XBzBfLg .EeawNllnjwIoOZN803qU {
    width: 100%;
    box-sizing: border-box;
  }

  .ewhSBVyV3eHv9XBzBfLg .EeawNllnjwIoOZN803qU {
    margin: 24px 0 0;
  }

  .ewhSBVyV3eHv9XBzBfLg .mB3gYVkO4Da23Da30PPg {
    width: 100%;
    box-sizing: border-box;
    padding: var(--about-card-padding) var(--about-gutter);
  }

  .ewhSBVyV3eHv9XBzBfLg .huGfugkUAJLynRZkJI3H {
    margin: 20px 0;
  }

  .ewhSBVyV3eHv9XBzBfLg .doAJ5RHHrnTZjGNV69l8 {
    width: 100%;
    margin-top: 20px;
  }

  .ewhSBVyV3eHv9XBzBfLg .Ql_QwIP4Y4bm33XCfiTQ {
    margin-top: var(--about-section-gap);
    padding: 0 var(--about-gutter);
    gap: 0;
  }

  .ewhSBVyV3eHv9XBzBfLg .pD1Va14cZmBsTHenIFGz {
    width: 100%;
    box-sizing: border-box;
    margin-top: 12px;
    padding: 0;
  }

  .ewhSBVyV3eHv9XBzBfLg .XP4w1NiLDbFX1UYviksY {
    margin-bottom: 24px;
  }

  .ewhSBVyV3eHv9XBzBfLg .XP4w1NiLDbFX1UYviksY:last-child {
    margin-bottom: 0;
  }

  .ewhSBVyV3eHv9XBzBfLg .YG52PQE2hMoNcKxEO87y {
    margin-top: var(--about-section-gap);
    padding: 0 var(--about-gutter);
  }

  /* These classes belong to the shared CTA/benefits stylesheet. */
  .ewhSBVyV3eHv9XBzBfLg .NQ2IAkl8iyWZG1M3wYMi {
    margin: var(--about-section-gap) 0 36px;
    padding: 0 var(--about-gutter);
  }

  .ewhSBVyV3eHv9XBzBfLg .QMqPYdy_j22BTMz9bcPC {
    max-width: 620px;
    font-size: 30px;
    line-height: 1.2;
  }

  .ewhSBVyV3eHv9XBzBfLg .p1z3YqZUhFbEtggSIuUh {
    margin-top: 32px;
    padding: 0 var(--about-gutter) 24px;
    gap: 16px;
  }

  .ewhSBVyV3eHv9XBzBfLg .ch7b3nO_ekeohfZKG3va {
    align-items: center;
    gap: 8px;
  }
}

@media (width<1200px) {
  .JPLSipUtDPPgWmWY0VaZ {
    text-align: center;
  }
  .sGx5VznGmc0jTIQKSU6p {
    text-align: center;
  }
}

@media (width<600px) {
  .ewhSBVyV3eHv9XBzBfLg {
    --about-gutter: 20px;
    --about-section-gap: 36px;
    --about-card-padding: 24px;
  }

  .ewhSBVyV3eHv9XBzBfLg .OTCnDSH5oDbex2xwzoVQ {
    margin-top: 24px;
    gap: 20px;
  }

  .ewhSBVyV3eHv9XBzBfLg .dP12bWCoFkzpPr9Kc5lu {
    font-size: 38px;
    line-height: 1.1;
  }

  .ewhSBVyV3eHv9XBzBfLg .ytJJgUS8Mp5rwXa8QPwC {
    font-size: 38px;
  }

  .ewhSBVyV3eHv9XBzBfLg .JZuHTEfo2TVvEY4Toqys {
    border-radius: 20px;
  }

  .ewhSBVyV3eHv9XBzBfLg .tOVhBScREUEOvdxmwWew {
    border-radius: 20px;
  }

  .ewhSBVyV3eHv9XBzBfLg .uuNB_RmrM9OMNDeDs2Vg,
  .ewhSBVyV3eHv9XBzBfLg .TpJdCACYrjIlO6g4VCrt,
  .ewhSBVyV3eHv9XBzBfLg .Ry0GsSoJ94z4I1pSbmA5,
  .ewhSBVyV3eHv9XBzBfLg .DJIXA9PfIt3P7a8LGHAk {
    font-size: 28px;
    line-height: 1.2;
  }

  .ewhSBVyV3eHv9XBzBfLg ._i8Zp4mbNwaKt3XLM6yQ {
    margin-top: var(--about-section-gap);
  }

  .ewhSBVyV3eHv9XBzBfLg .EeawNllnjwIoOZN803qU {
    margin-top: 20px;
  }

  .ewhSBVyV3eHv9XBzBfLg .hE1n2eaCyTqKBWtPhsVB {
    border-radius: 20px;
  }

  .ewhSBVyV3eHv9XBzBfLg .mB3gYVkO4Da23Da30PPg {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .ewhSBVyV3eHv9XBzBfLg .Ql_QwIP4Y4bm33XCfiTQ {
    margin-top: var(--about-section-gap);
  }

  .ewhSBVyV3eHv9XBzBfLg .PnADtY_DAjYfF23e6IUh {
    font-size: 22px;
  }

  .ewhSBVyV3eHv9XBzBfLg .YG52PQE2hMoNcKxEO87y {
    margin-top: var(--about-section-gap);
  }

  .ewhSBVyV3eHv9XBzBfLg .NQ2IAkl8iyWZG1M3wYMi {
    margin-top: var(--about-section-gap);
    margin-bottom: 28px;
  }

  .ewhSBVyV3eHv9XBzBfLg .QMqPYdy_j22BTMz9bcPC {
    font-size: 26px;
  }

  .ewhSBVyV3eHv9XBzBfLg .Q6yjH1spm7eEHCDztYpN {
    margin: 20px 0 0;
  }

  .ewhSBVyV3eHv9XBzBfLg .p1z3YqZUhFbEtggSIuUh {
    margin-top: 28px;
    padding-bottom: 20px;
  }

  .ewhSBVyV3eHv9XBzBfLg .ch7b3nO_ekeohfZKG3va {
    width: 100%;
    justify-content: flex-start;
  }
}


.ZNHqugALF554j2mCQtCh {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
  margin-bottom: 70px;
}

.cMHQbOG9rCw5BlgUgfJP {
  display: flex;
}

.lgtSm6ilwkObjIBHETpA {
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #007aff;
}
.YRoEiAz2cJ4HkalLFBfU {
  font-size: 48px;
  font-family: Helvetica;
  font-weight: 900;
  color: #24223e;
  text-align: center;
  margin-bottom: 16px;
  padding: 10px;
}

.WBuk5UVz2T5fEY75tY7q {
  font-size: 48px;
  font-family: Helvetica;
  font-weight: 900;
  text-align: center;
  margin-bottom: 16px;
  padding: 10px;
  margin-bottom: 20px;
  margin-left: -22px;
  color: #007aff;
}


@media (width<600px) {
  .cMHQbOG9rCw5BlgUgfJP {
    flex-direction: column;
  }
  .WBuk5UVz2T5fEY75tY7q {
    margin-top: -30px;
    margin-left: 0px;
  }
}

.dTvcEOhGeZU7PF9OvvY8 {
  font-size: 48px;
  font-family: Helvetica;
  font-weight: 900;
  color: #007aff;
}

.ZWPmj39NhrcO3bsS6vlI {
  font-size: 16px;
  width: 80%;
  text-align: center;
  color: #24223e;
}

.xgpG_FP3oACbHMIx_xMm {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: Helvetica;
  background-color: #fbfbfc;
  border-radius: 21px;
  border: 1px solid #007aff;
  box-sizing: border-box;
  font-size: 24px;
  font-weight: bold;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
    rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  height: 51px;
  padding: 20px;
  margin: 50px 0 50px 0;
}
.CpjqA4udFmWS_6PE_Ewx {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: Helvetica;
  background-color: #fbfbfc;
  border-radius: 21px;
  border: 1px solid #007aff;
  box-sizing: border-box;
  font-size: 24px;
  font-weight: bold;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
    rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  height: 51px;
  padding: 20px;
  margin: 20px 0 50px 0;
}

.A5yOVz_baiAnNJajAIWa {
  color: #007aff;
  font-size: 18px;
  font-family: Helvetica;
  font-weight: bold;
}

.e2lKFRXjJKfwjDOhJ5eW {
  max-width: 100%;
}

.Cj9dER80Tqea0JCdxlJi {
  display: flex;
  justify-content: center;
}
.uPJ0if9kZLIzPxm8XfYd {
  width: 70%;
}

@media (width<600px) {
  .uPJ0if9kZLIzPxm8XfYd {
    width: 90%;
  }
}

.zJdIkahJnjGImhgmQrE2 {
  margin-bottom: 100px;
  padding: 0 100px;
}

.vhWJAZEFWApGoZu6jCW1 {
  margin-bottom: 100px;
}
.p5MKiOgizXHrjwq0fuZQ {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
  margin-bottom: 50px;
  padding: 10px;
}
.NV6X0i2P0BlJGYVdE1V1 {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  margin-top: 50px;
  margin-bottom: 50px;
  padding: 10px;
}

.E0uTWEKjDESMtQ8CJiDE {
  font-size: 34px;
  font-family: Helvetica;
  font-weight: 900;
  color: #0d0d0d;
}

.i4azgr62GO5Y1escEN3w {
  font-size: 34px;
  color: #007aff;
  font-family: Helvetica;
  font-weight: 900;
}

.TZ__GnbAe5W9Zc3Twm0u {
  font-size: 16px;
  color: #24223e;
  margin-top: 10px;
  text-align: center;
}

@media (width<600px) {
  .E0uTWEKjDESMtQ8CJiDE {
    font-size: 24px;
  }
  .i4azgr62GO5Y1escEN3w {
    font-size: 24px;
  }
}

.Plgb5o1WzGv_Pm42RNpd {
  font-size: 16px;
  color: #24223e;
  margin-top: 10px;
  text-align: start;
}
@media (width<600px) {
  .Plgb5o1WzGv_Pm42RNpd {
    font-size: 16px;
    text-align: center;
    width: 90%;
  }
}
.n3G4376NMhbqCm3MEdD5 {
  display: flex;
  padding: 0 20px;
}

@media (width<1000px) {
  .n3G4376NMhbqCm3MEdD5 {
    padding: 0;
  }
  .zJdIkahJnjGImhgmQrE2 {
    padding: 0;
  }
  .NV6X0i2P0BlJGYVdE1V1 {
    align-items: center;
  }
}

.Uvv9BnkRXrq3_DvKs5Dt {
  display: none;
}

@media (width<1100px) {
  .n3G4376NMhbqCm3MEdD5 {
    display: none;
  }
  .Uvv9BnkRXrq3_DvKs5Dt {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

.Wi9RIGsXDk2ufsa4UgYg {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100px;
}

.TB7V_jenYUgeXMgS9l_j {
  width: 4px;
  height: 100%;
  background: rgb(200, 237, 253);
  padding: px;
  margin-left: 20px;
}

@media (width<500px) {
  .TB7V_jenYUgeXMgS9l_j {
    width: 8px;
  }
}

.Jtx9ngfjnCH0DJdmKZhH {
  font-size: 24px;
  font-weight: 600;
  color: #0d0d0d;
  font-family: Helvetica;
  margin-bottom: 5px;
}

.Hb7eruydXaavoJ9rynZp {
  font-size: 14px;
  color: #24223e;
}

@media (width<600px) {
  .Jtx9ngfjnCH0DJdmKZhH {
    font-size: 18px;
  }

  .Hb7eruydXaavoJ9rynZp {
    font-size: 14px;
  }
}
.GCW3XXnCxNBAb2NU33Hw {
  padding-right: 10px;
}

.nvBUEwL0_aAaCeXF4OaU {
  font-size: 24px;
  font-weight: 600;
  color: #0d0d0d;
  font-family: Helvetica;
  margin-bottom: 10px;
  margin-top: 20px;
}

.PhWTEXy6R64S7D1EMDmL {
  font-size: 14px;
  color: #24223e;
}

@media (width<1100px) {
  .n3G4376NMhbqCm3MEdD5 {
    flex-direction: column;
    justify-content: center;
  }

  .GCW3XXnCxNBAb2NU33Hw {
    width: 90%;
  }
  .PhWTEXy6R64S7D1EMDmL {
    margin-bottom: 60px;
  }
}

.RG19FQYHDUw4kkmIuHIp {
  background-color: #c8edfd;
  margin-bottom: 100px;
}

.ViaxIvRe992RvlvyOO_r {
  padding: 50px;
  margin: auto;
  margin-bottom: 50px;
}
.ZSu3kRb84zax9sXUxnUc {
  font-size: 34px;
  font-family: Helvetica;
  font-weight: 900;
  margin-bottom: 20px;
  text-align: center;
  color: #0d0d0d;
}

.z_pz9vPilsX4otL00xxS {
  font-size: 16px;
  text-align: center;
  width: 80%;
  margin: auto;
  color: #24223e;
}

@media (width<600px) {
  .z_pz9vPilsX4otL00xxS {
    width: 100%;
  }
}

.XvEKb5LR3Xe7CTmEsXbA {
  font-size: 34px;
  font-family: Helvetica;
  font-weight: 900;
  color: #007aff;
}
@media (width<600px) {
  .ZSu3kRb84zax9sXUxnUc,
  .XvEKb5LR3Xe7CTmEsXbA {
    font-size: 24px;
  }
}
.vHOkeMmQEuVlNrB1s3ks {
  margin-right: 30px;
}
.Eb1lo9d9_vJwDZU9XXDR {
  max-width: 100%;
  height: auto;
}

.mJry2_iwAg9ol1k1JB8A {
  padding: 0 100px;
}

@media (width<1000px) {
  .mJry2_iwAg9ol1k1JB8A {
    padding: 0;
  }
}
.doXAROYa5uVynn5Q9n6a {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  margin-bottom: 30px;
  padding: 10px;
}

.qeZO1wapcwiL338PcF7r {
  font-size: 34px;
  font-family: Helvetica;
  font-weight: 900;
  text-align: start;

  color: #0d0d0d;
}

@media (width<600px) {
  .qeZO1wapcwiL338PcF7r {
    font-size: 24px;
  }
}

@media (width<1000px) {
  .qeZO1wapcwiL338PcF7r {
    text-align: center;
  }
  .doXAROYa5uVynn5Q9n6a {
    align-items: center;
  }
}

.Jmpg60FTqmCCNYI7hbQh {
  font-size: 34px;
  color: #007aff;
  font-family: Helvetica;
  font-weight: 900;
}

@media (width<600px) {
  .Jmpg60FTqmCCNYI7hbQh {
    font-size: 24px;
  }
}

.Leb6PuBZqNh1mliwDhJy {
  font-size: 16px;
  color: #24223e;
  margin-top: 10px;
  margin-bottom: 50px;
}
@media (width<600px) {
  .qeZO1wapcwiL338PcF7r.i4azgr62GO5Y1escEN3w {
    font-size: 24px;
  }
  .Leb6PuBZqNh1mliwDhJy {
    text-align: center;
    width: 80%;
  }
}
.xRfhWw3g1l42NWZHSqv4 {
  display: flex;
}

.cHiq9I7sT4I_VZaaZ4eq {
  width: 65%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.uq_fADZnI_srabEVxfvT {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
}
.KbQTSw241567I8QP2eg8 {
  width: 70%;
}
.sTVOPMX9x_rpi7j4MkNv {
  width: 60%;
}
@media (width<1300px) {
  .sTVOPMX9x_rpi7j4MkNv {
    width: 70%;
  }
}

@media (width<800px) {
  .sTVOPMX9x_rpi7j4MkNv {
    width: 90%;
  }
}

.pRknPcAd4gCPDVRAf5CJ {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 36px;
  margin-top: 50px;
}

._8y35m0WZ1giSU5ol8xo {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 36px;
  margin-top: 50px;
}

.isu8ghm3GGsPXJt4FZRE {
  font-size: 14px;
  color: #24223e;
  width: 100%;
}

.b_TFFJ4hZ5arykB8sZl5 {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.MQQSEUJyE36JPmce5oMN {
  display: flex;
  justify-content: center;
  align-items: end;
  padding: 10px 0;
  cursor: pointer;
}

.hR1fOAuFuz5bdU8JA4yW {
  display: flex;
  align-items: center;
  cursor: pointer;
}

@media (width>1000px) {
  .isu8ghm3GGsPXJt4FZRE {
    visibility: hidden;
    opacity: 0;
    transition: opacity 1.8s ease-in-out;
  }
  .b_TFFJ4hZ5arykB8sZl5:hover .isu8ghm3GGsPXJt4FZRE {
    visibility: visible;
    opacity: 1;
    position: relative;
  }
  .MQQSEUJyE36JPmce5oMN:hover .isu8ghm3GGsPXJt4FZRE {
    visibility: visible;
    opacity: 1;
    position: relative;
  }
  .hR1fOAuFuz5bdU8JA4yW:hover .isu8ghm3GGsPXJt4FZRE {
    visibility: visible;
    opacity: 1;
    position: relative;
  }
}

@media (width<1000px) {
  .xRfhWw3g1l42NWZHSqv4 {
    flex-wrap: wrap;
    justify-content: center;
  }
  .MQQSEUJyE36JPmce5oMN {
    padding: 20px 0;
  }
}
.B0W3gvsTvHooPzCJFu8V {
  transform: rotate(90deg);
}

.HQNvy2UWWEh0KjgFsSae {
  font-size: 24px;
  font-weight: 600;
  color: #0d0d0d;
  font-family: Helvetica;
  margin-bottom: 5px;
}

.TQUfkYkGxuau0oGZuIJQ {
  font-size: 14px;
  color: #24223e;
}

@media (width<600px) {
  .HQNvy2UWWEh0KjgFsSae {
    font-size: 18px;
  }
  .TQUfkYkGxuau0oGZuIJQ {
    font-size: 14px;
  }
  .isu8ghm3GGsPXJt4FZRE {
    font-size: 14px;
  }
}
.cChw2P7oaQq5IpO6_LBc {
  position: relative;
  background-color: #f0f0f0;
  margin-bottom: 50px;
  min-height: 500px;
}
@media (width<600px) {
  .cChw2P7oaQq5IpO6_LBc {
    min-height: 580px;
  }
}
.DoOjJuVPD5htzVSWtHFw {
  display: flex;
  justify-content: center;
  align-items: center;
}

.wZ2wPfRXLWQLUl67Y25B {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 60px;
  margin-right: 40px;
}

@media (width<1000px) {
  .wZ2wPfRXLWQLUl67Y25B {
    align-items: start;
  }
}

.WXF4VrTRG8AbVYRUroQm {
  display: flex;
  justify-content: start;
  align-items: baseline;
  width: 100%;
  height: 100%;
}

@media (width<1000px) {
  .DoOjJuVPD5htzVSWtHFw {
    justify-content: start;
  }
}

.GIAf9piXo2wKLRHLTNmy {
  width: 60%;
  position: relative;
  bottom: -8vw;
}

.RhS_JTF5A2Mo4pVz8rG9 {
  width: 80%;
}

.WFdNHslebaciYtcoMDBw {
  font-size: 34px;
  font-family: Helvetica;
  font-weight: 900;
  color: #0d0d0d;
  text-align: center;
  padding-top: 20px;
}

.FG8wi1Br8fzl7UnU2TRN {
  width: 60%;
  font-size: 16px;
  color: #24223e;
  margin-top: 10px;
  text-align: center;
}
@media (width<600px) {
  .WFdNHslebaciYtcoMDBw {
    font-size: 24px;
  }
}
.aOMTEn7wYaik5ocxrC4Q {
  padding: 0 100px;
  margin-top: 200px;
}

@media (width<1200px) {
  .GIAf9piXo2wKLRHLTNmy {
    display: none;
  }
  .aOMTEn7wYaik5ocxrC4Q {
    margin-top: 100px;
  }
}

@media (width<1000px) {
  .aOMTEn7wYaik5ocxrC4Q {
    padding: 0;
  }
}

._oMESVrTs1qN9Tjfg05x {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  margin-top: 50px;
  padding: 0 20px;
}

@media (width<1000px) {
  ._oMESVrTs1qN9Tjfg05x {
    align-items: center;
  }
}

.Ero2RRrGwoZEox89OESV {
  font-size: 34px;
  font-family: Helvetica;
  font-weight: 900;
  color: #007aff;
  text-align: center;
}
.nx1NJs5PWf2iN2qLwDvc {
  font-size: 34px;
  font-family: Helvetica;
  font-weight: 900;
  color: #0d0d0d;
  text-align: center;
}
.sPDVwDTS5TNzHRDExC3t {
  font-size: 16px;
  color: #24223e;
  margin-top: 10px;
  text-align: center;
}
.VrP7AyMKbMrYwMl5k9dB {
  font-size: 34px;
  color: #007aff;
  font-family: Helvetica;
  font-weight: 900;
}

.rjbFSmGExwUmhlojVVst {
  font-size: 14px;
  color: #24223e;
  margin-top: 10px;
  padding: 20px;
}

@media (width<600px) {
  .Ero2RRrGwoZEox89OESV,
  .nx1NJs5PWf2iN2qLwDvc,
  .VrP7AyMKbMrYwMl5k9dB {
    font-size: 24px;
  }
  .rjbFSmGExwUmhlojVVst {
    font-size: 14px;
  }
}
.Vc3pll7QOoVM7qLkYHug {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
}
.uqdnh8Ag9TAJ5jYel6ew {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.Iz2CdrCRum37HZVdTGrB {
  display: flex;
  align-items: center;
  width: 50%;
}
.GDXoBOvs8jqD7nnMd3Os {
  width: 70%;
}

@media (width<700px) {
  .Iz2CdrCRum37HZVdTGrB {
    justify-content: center;
  }

  .uqdnh8Ag9TAJ5jYel6ew {
    justify-content: center;
  }
  ._oMESVrTs1qN9Tjfg05x {
    padding: 0 40px;
  }
}

.SY5A2iHm_S6sSLl7SUDg {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
  margin-bottom: 70px;
}
.cqQofpH7EZPKQQ3EbQMW {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
  margin-bottom: 70px;
}

@media(width<600px){
  .cqQofpH7EZPKQQ3EbQMW{
    padding: 0 20px;
  }
}

.oydaggOxbL3v7OMQPCHh {
  font-size: 34px;
  font-family: Helvetica;
  font-weight: 900;
  color: #24223e;
  text-align: center;
}

.pjoiC2jZAtlg1yHm7KIR {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.HL2nkpsLltPyKq3qB3Z1 {
  font-size: 34px;
  font-family: Helvetica;
  font-weight: 900;
  color: #24223e;
  text-align: center;
  margin-bottom: 16px;
  padding: 10px;
}

.RKAlxccF1XOBPkPViX5q {
  font-size: 16px;
  width: 50%;
  text-align: center;
  color: #24223e;
}
@media (width<600px) {
  .HL2nkpsLltPyKq3qB3Z1 {
    font-size: 24px;
  }
}

.O2pSxkeErJraVUoJHS80 {
  display: flex;
  justify-content: space-around;
  margin-top: 50px;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  padding: 10px;
}

.PLQLvZADzosiGgq1l8QA {
  display: flex;
  gap: 10px;
}

.PLQLvZADzosiGgq1l8QA img {
  height: 20px;
}

.PLQLvZADzosiGgq1l8QA p {
  font-size: 14px;
  font-family: Roboto;
}

.point-of-sale-block1 {
  margin-top: 120px;
  margin-left: 160px;
  margin-right: 160px;
  display: flex;
  justify-content: space-around;
  
}

.point-of-sale-block1-header {
  display: flex;
  justify-content: space-between;
}

.point-of-sale-block1-heading {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.point-of-sale-block1-heading h1 {
  color: #31302d;
  font-size: 50px;
  font-family: "poppins";
  font-weight: 500;
}
.point-of-sale-block1-heading h4 {
  color: #525252;
  font-family: "Poppins", sans-serif;
  /* width: 300px; */
  font-size: 18px;
  font-weight: 500;
}
.point-of-sale-block1-heading p {
  font-family: "poppins";
  color: #31302d;
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 10px;
}

.point-of-sale-block1-header img {
  width: 40%;
  height: 300px;
}

.point-of-sale-block1-footer {
  margin: auto;
  margin-top: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.point-of-sale-block1-footer button,
.point-of-sale-try-now-btn {
  width: 150px;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-family: "poppins";
  border-radius: 5px;
  margin-left: 30px;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.point-of-sale-block1-footer button:hover {
  width: 180px;
}
#point-of-sale-try-now {
  width: 200px;
  background-color: #2954a5;
  color: #fcfeff;
  border: none;
}
#point-of-sale-try-now:hover, .point-of-sale-try-now-btn:hover {
  width: 230px
}

.point-of-sale-contact-sales {
  border: 1px solid #2954a5;
  color: #2954a5;
  background-color: #fcfeff;
}

.point-of-sale-block2 {
  width: 100%;
  height: 100px;
  margin-top: 30px;
  background-color: #2954a5;
  color: #fcfeff;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.point-of-sale-block2 p {
  font-family: "poppins";
}

.point-of-sale-block3 {
  margin-top: 50px;
}
.point-of-sale-block3-heading {
  display: flex;
  justify-content: center;
  align-items: center;
}
.point-of-sale-block3-heading h2 {
  color: #2954a5;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
}
.point-of-sale-content {
  margin-top: 20px;
  display: flex;
  gap: 40px;
}

.point-of-sale-content img {
  width: 50%;
  /* height: 500px; */
}

.point-of-sale-points {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.point-of-sale-single-point {
  display: flex;
  gap: 20px;
}

.point-of-sale-single-point p {
  font-family: "poppins";
  margin-bottom: 30px;
  color: #525252;
  font-weight: 400;
}
.point-of-sale-block3 {
  margin-top: 50px;
  margin-bottom: 40px;
}

.point-of-sale-content-footer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  margin: auto;
}

.point-of-sale-content-footer h3 {
  color: #31302d;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 30px;
  margin-bottom: 10px;
  text-align: center;
}

.point-of-sale-content-footer p {
  font-family: "poppins";
  margin-bottom: 30px;
  color: #525252;
  font-weight: 400;
  text-align: center;
}

.point-of-sale-content-footer button {
  width: 200px;
  background-color: #2954a5;
  color: #fcfeff;
  border: none;
}
.point-of-sale-video-block {
  display: flex;
  justify-content: center;
  width: 100%;
}
.point-of-sale-block5 {
  margin-top: 50px;
}
.point-of-sale-block5-main-contentdiv {
  width: 100%;
  height: 200px;
  background-color: #EBF8FA;
  color: #31302d;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.point-of-sale-block5-main-contentdiv h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
}

.point-of-sale-block5-main-contentdiv p {
  font-family: "poppins";
  margin-bottom: 30px;
}
.point-of-sale-industry-type button {
  width: 200px;
  color: #2954a5;
  border: 1px solid #2954a5;
  border-radius: 8px;
  background-color: #ffffff;
}
.point-of-sale-industry-type button:hover {
  width: 250px;
}
.point-of-sale-block5-span {
  font-family: "poppins";
  padding: 20px 80px;
  color: #525252;
  font-weight: 400;
  /* margin-top: 20px; */
  display: block;
}
.point-of-sale-block6 {
  margin-top: 70px;
  margin-left: 160px;
  margin-right: 160px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.point-of-sale-block6-written-content {
  padding: 0px 20px;
}
.point-of-sale-block6-written-content h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
}
.point-of-sale-block6-written-content p {
  font-family: "poppins";
  font-size: 13px;
  color: #525252;
  margin-top: 10px;
  text-align: center;
  margin-bottom: 10px;
}
.point-of-sale-block6-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.point-of-sale-block6-content a {
  font-size: 12px;
  color: #2954a5;
  margin-top: 10px;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.point-of-sale-block6-content a:hover {
  font-size: 14px;
}
.point-of-sale-block6-image-content {
  display: flex;
  flex-direction: column;
  /* background-image: url("https://media-public.canva.com/E6vFE/MAD29ZE6vFE/1/t.png"); */
}
.point-of-sale-block6-image-content img {
  width: 450px;
  height: 200px;
  transform: rotate(4deg);
}
#shadow-image {
  margin-top: -160px;
  opacity: 0.2;
}
.point-of-sale-block7 {
  margin-top: 50px;
  background-color: #2954a5;
  width: 100%;
  height: 450px;
}
.point-of-sale-block7-main-header {
  padding-top: 30px;
}
.point-of-sale-block7-main-header h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #ffffff;
  text-align: center;
}
.point-of-sale-block7-main-content {
  display: flex;
  justify-content: space-around;
  margin-top: 40px;
}
.point-of-sale-block7-single-div {
  width: 20%;
  height: 250px;
  border: 1px solid #ffffff;
  background-color: #ffffff;
  padding: 20px;
  display: flex;
  flex-direction: column;
  /* justify-content: center; */
  align-items: center;
  border-top-right-radius: 25%;
  border-bottom-left-radius: 25%;
}
.point-of-sale-block7-single-div img {
  width: 150px;
  height: 150px;
}
.point-of-sale-block7-single-div h4 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 18px;
  color: #31302d;
  margin-top: 10px;
}
.point-of-sale-block7-single-div p {
  font-family: "poppins";
  font-size: 13px;
  color: #525252;
  margin-top: 10px;
  text-align: center;
}
.point-of-sale-block8 {
  margin-top: 50px;
  background-color: #EBF8FA;
  padding: 20px 0px;
}
.point-of-sale-block8 h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  text-align: center;
  color: #31302d;
  margin-bottom: 20px;
}
.point-of-sale-block8-main-content {
  margin-left: 160px;
  margin-right: 160px;
}
.point-of-sale-block8-main-content-single-point {
  display: flex;
  gap: 20px;
  margin-bottom: 10px;
  align-items: center;
}
.point-of-sale-block8-main-content-single-point p {
  font-family: "poppins";
  font-size: 13px;
  color: #525252;
  margin-top: 10px;
  margin-top: -2px;
}
.point-of-sale-block8-picture-div {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.point-of-sale-block8-picture-div img {
  width: 350px;
  height: 250px;
}
.explore-all-features {
  margin-left: 150px;
  margin-top: 15px;
}
.explore-all-features p {
  font-size: 13px;
  font-family: "poppins";
  color: #2954a5;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.explore-all-features p:hover {
  font-size: 15px;
}
.point-of-sale-block9 {
  margin-left: 160px;
  margin-right: 160px;
  text-align: center;
  margin-top: 50px;
  margin-bottom: 50px;
}
.point-of-sale-block9 h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
  margin-bottom: 20px;
}
.point-of-sale-block9 p {
  font-family: "poppins";
  font-size: 13px;
  color: #525252;
  margin-bottom: 20px;
}
.point-of-sale-block9 button {
  width: 150px;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-family: "poppins";
  border-radius: 5px;
  cursor: pointer;
  background-color: #2954a5;
  color: #ffffff;
  border: none;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.point-of-sale-block9 button:hover {
  width: 200px;
}

@media (max-width: 950px) {
  .point-of-sale-block5-main-contentdiv {
    height: 220px;
  }
  .point-of-sale-industry-type {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 10px;
  }
  .point-of-sale-block6 {
    display: flex;
    flex-direction: column;
    margin-left: 30px;
    margin-right: 30px;
  }
  .point-of-sale-block6-image-content {
    margin-top: 30px;
  }
  .point-of-sale-block6-image-content img {
    width: 350px;
  }
}

@media (max-width: 550px) {
  .point-of-sale-block5-main-contentdiv {
    height: 350px;
    text-align: center;
  }
  .point-of-sale-block5-main-contentdiv h2 {
    font-size: 25px;
  }
  .point-of-sale-industry-type {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 10px;
  }
  .point-of-sale-block6-image-content img {
    width: 250px;
  }
  .point-of-sale-block7 {
    height: 100%;
    padding-bottom: 20px;
  }
  .point-of-sale-block7-main-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
  }
  .point-of-sale-block8-picture-div img {
    width: 250px;
  }
}

@media (max-width: 750px) {
  .point-of-sale-block1-heading h1 {
    font-size: 30px;
  }
  .point-of-sale-block1-heading h4 {
    margin: 0px 30px;
    font-size: 15px;
  }
  .point-of-sale-block1-header {
    display: flex;
    flex-direction: column;
  }
  .point-of-sale-block1 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .point-of-sale-block1-header img {
    width: 100%;
  }
  .point-of-sale-block1-heading {
    align-items: center;
  }
  .point-of-sale-block1-content {
    width: 100%;
  }
  .point-of-sale-block1-footer {
    flex-wrap: wrap;
    gap: 20px;
  }
  .point-of-sale-block3-heading,
  .point-of-sale-points {
    padding: 0px 30px;
  }
  .point-of-sale-block3-heading h2 {
    font-size: 25px;
  }
  .point-of-sale-content {
    display: flex;
    flex-direction: column;
  }
  .point-of-sale-content img {
    width: 90%;
  }
  .point-of-sale-content-footer {
    width: 100%;
    padding: 0px 30px;
  }
  .point-of-sale-block6-written-content h2 {
    font-size: 25px;
  }
  .point-of-sale-block7-main-header h2 {
    font-size: 25px;
  }
  .point-of-sale-block8 h2 {
    font-size: 25px;
  }
  .point-of-sale-block8-main-content {
    margin-left: 30px;
    margin-right: 30px;
  }
  .point-of-sale-block9 h2 {
    font-size: 25px;
  }
  .point-of-sale-block9 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .point-of-sale-block7-single-div img {
    width: 100px;
    height: 100px;
  }
  .point-of-sale-block7-single-div {
    width: 50%;
  }
  .point-of-sale-block7-single-div h4 {
    text-align: center;
  }
  .point-of-sale-block8-picture-div {
    display: flex;
    flex-direction: column;
  }
  /* .point-of-sale-content-footer {
    margin-left: 30px;
    margin-right: 30px;
  } */
}

@media (max-width: 550px) {
  .point-of-sale-content-footer {
    padding: 0;
  }
  .point-of-sale-content-footer h3 {
    font-size: 20px;
  }
  .point-of-sale-content-footer p {
    font-size: 14px;
  }
}

.privacy-policy-section {
    margin-top: 80px;
    margin-left: 160px;
    margin-right: 160px;
}

.privacy-policy-image {
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.privacy-policy-image img {
    width: 50%;
    height: 400px
}
.privacy-policy-image h1 {
    color: #31302D;
    font-size: 50px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
}

.privacy-policy-main-content {
    margin-top: 20px;
    text-align: justify;
}
.privacy-policy-date {
    margin-bottom: 20px;
}
.privacy-policy-p-tag {
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    color: #31302D;
    margin-bottom: 20px;
}
.privacy-policy-span {
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    color: #31302D;
    display: block;
    margin-bottom: 10px;
}
ol {
    margin-left: 20px;
}
ol li {
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    color: #31302D;
    margin-bottom: 20px;
}
@media (max-width: 800px) {
    .privacy-policy-image {
        display: flex;
        flex-direction: column;
    }
    .privacy-policy-section {
        margin-left: 30px;
        margin-right: 30px;
    }
    .privacy-policy-image h1 {
        font-size: 35px;
    }
    .privacy-policy-image img {
        width: 100%;
    }
}
/* .about-container {
    margin: 120px 0px
} */
.terms_and_conditions {
  margin-top: 100px;
  padding: 0px 20px 20px;
}
.terms_and_conditions h1 {
  margin-bottom: 10px;
  font-family: Montserrat;
  font-size: 50px;
  text-align: center;
  color: #31302D ;
}
.terms_and_conditions p {
  text-align: justify;
  font-size: 12px;
  line-height: 1.6;
  
}
.document_sections {
  padding: 10px 20px;
}
.terms_and_conditions ol{
  margin-left: 20px;
}
.terms_and_conditions ol li {
  font-size: 12px;
  line-height: 1.6;
}

.payment-processing-block1 {
  margin-top: 120px;
  margin-left: 160px;
  margin-right: 160px;
  display: flex;
  justify-content: space-around;
  
}
.payment-processing-block1-main-content {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.payment-processing-block1-main-content h1 {
  color: #31302d;
  font-size: 50px;
  font-family: "poppins";
  font-weight: 500;
}
.payment-processing-block1-main-content h4 {
  color: #525252;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
}
.payment-processing-block1-main-content p {
  font-size: 14px;
  font-family: "poppins";
  color: #31302d;
  width: 60%;
}
.payment-processing-block1-button-div {
  display: flex;
  text-align: center;
}
.payment-processing-block1-button-div button {
  width: 150px;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-family: "poppins";
  border-radius: 5px;
  margin-left: 30px;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.payment-processing-block1-button-div .get-started-btn {
  background-color: #2954a5;
  color: #fcfeff;
  border: none;
}
.payment-processing-block1-button-div .contact-sales-btn {
  border: 1px solid #2954a5;
  color: #2954a5;
  background-color: #fcfeff;
}
.payment-processing-block1-button-div .contact-sales-btn:hover,
.payment-processing-block1-button-div .get-started-btn:hover {
  width: 180px;
}
.payment-processing-block1-image img {
  width: 100%;
  height: 400px;
}

/* block2 */

.payment-processing-block2 {
  margin-top: 50px;
  margin-left: 160px;
  margin-right: 160px;
  display: flex;
  gap: 20px;
  justify-content: space-between;
}
.payment-processing-block2-main {
  border: 2px solid #2954a5;
  padding: 20px 0px;
  text-align: center;
  text-align: center;
  /* height: 120px; */
  width: 33%;
}
.payment-processing-block2-main h4 {
  color: #525252;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
  cursor: pointer;
}

.payment-processing-block2-main p {
  font-size: 14px;
  font-family: "poppins";
  color: #31302d;
  text-align: center;
}
.payment-processing-block2-main-content span {
  font-size: 8px;
  font-family: "poppins";
  margin-top: 20px;
  margin-left: -20px;
}

/* block 3 */
.payment-processing-block3 {
  margin-top: 50px;
  height: 80px;
  background-color: #EBF8FA;
}
.payment-processing-block3 h4 {
  color: #31302d;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  padding-top: 25px;
  padding-left: 10px;
  padding-right: 10px;
}

/* block 4 */
.payment-processing-block4 {
  margin-top: 50px;
  margin-left: 160px;
  margin-right: 160px;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.payment-processing-block4-main-content h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
}
.payment-processing-block4-main-content h4 {
  color: #525252;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
}
.payment-processing-block4-main-content ul {
  list-style: none;
}
.payment-processing-block4-main-content ul li {
  display: flex;
  gap: 10px
}
.payment-processing-block4-main-content ul li p {
  font-size: 14px;
  font-family: "poppins";
  color: #31302d;
}
.payment-processing-block4-image img {
  width: 100%;
  height: 400px;
}
.see-terms-and-conditions {
  font-size: 10px;
  font-family: "poppins";
  color: #31302d;
  cursor: pointer;
}

/* block 5 */
.payment-processing-block5-main-content {
  height: 110px;
  background-color: #EBF8FA;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px 10px;
}
.payment-processing-block5-main-content h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
  text-align: center;
}
.payment-processing-block5-p-div {
  text-align: center;
  padding-top: 30px;
  margin-left: 160px;
  margin-right: 160px;
  width: 60%;
  margin: auto;
}
.payment-processing-block5-p-div h4 {
  color: #525252;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
}
/* block 6 */
.payment-processing-block6 {
  margin-top: 50px;
  margin-left: 160px;
  margin-right: 160px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.payment-processing-block6 h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
  margin-bottom: 20px;
  text-align: center;
}
.payment-processing-block6-main-content {
  display: flex;
}
.payment-processing-block6-written-single-point {
  padding: 10px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px,
    rgba(0, 0, 0, 0.22) 0px 10px 10px;
  margin-top: 140px;
  margin-right: -100px;
  position: relative;
  cursor: pointer;
}

.payment-processing-block6-written-single-point h4 {
  color: #2954a5;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}
.payment-processing-block6-image {
  height: 600px;
}
.payment-processing-block6-footer {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  justify-content: space-evenly;
  margin-top: 70px;
  gap: 50px;
}
.payment-processing-block6-footer-single {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  padding: 10px 0px;
}
.payment-processing-block6-footer-single img {
  width: 100px;
  height: 100px;
  margin-bottom: 10px;
}
.payment-processing-block6-footer-single h4 {
  color: #2954a5;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
  text-align: center;
}
.payment-processing-block6-footer-single p {
  font-size: 14px;
  font-family: "poppins";
  color: #31302d;
  text-align: center;
  padding: 5px;
}

/* block 7 */
.payment-processing-block7 {
  margin-top: 50px;
  margin-left: 160px;
  margin-right: 160px;
  display: flex;
  gap: 50px;
  justify-content: space-between;
  align-items: center;
}
.payment-processing-block7 img {
  width: 40%;
  height: 400px;
}
.payment-processing-block7-main-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.payment-processing-block7-main-content h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
  margin-bottom: 20px;
  text-align: center;
}
.payment-processing-block7-main-content h4 {
  color: #525252;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
}

/* block 8 */
.payment-processing-block8 {
  margin-top: 50px;
  margin-left: 160px;
  margin-right: 160px;
}
.payment-processing-block8 h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
}
.payment-processing-block8 h4 {
  color: #525252;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 30px;
}
.payment-processing-block8-main-content {
  border: 2px solid #2954a5;
  padding: 20px;
}
.payment-processing-block8-single-point p {
  font-size: 14px;
  font-family: "poppins";
  color: #2954a5;
  cursor: pointer;
  margin-bottom: 15px;
  font-weight: 500;
}
.payment-processing-block8-heading p:hover {
  color: #31302d;
}
.payment-processing-block8-single-point:hover
   .payment-processing-block8-hidden-point {
  display: block;
}
.payment-processing-block8-hidden-point {
  display: none;
  -webkit-transition: visibility 0s, opacity 0.5s linear;
  transition: visibility 0s, opacity 0.5s linear;
}
.payment-processing-block8-hidden-point p {
  font-size: 14px;
  font-family: "poppins";
  color: #31302d;
  margin-left: 30px;
}
.payment-processing-block8-heading {
  display: flex;
  gap: 15px;
}
.payment-processing-block8-heading img {
  width: 25px;
  height: 25px;
  margin-top: -3px;
}
.payment-processing-block8-span {
  margin-left: 160px;
  display: block;
  margin-right: 120px;
  margin-top: 10px;
  font-size: 14px;
}

/* block 9 */

.payment-processing-block9 {
  margin-top: 50px;
  margin-left: 160px;
  margin-right: 160px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.payment-processing-block9 h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
  margin-bottom: 20px;
}
.payment-processing-block9 h4 {
  color: #525252;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 30px;
}
.payment-processing-block9 button {
  width: 150px;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-family: "poppins";
  border-radius: 5px;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background-color: #2954a5;
  color: #fcfeff;
  border: none;
}
.payment-processing-block9 button:hover {
  width: 180px;
}

/* block 10 */

.payment-processing-block10 {
  margin-top: 50px;
  margin-left: 160px;
  margin-right: 160px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.payment-processing-block10 h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
  margin-bottom: 20px;
}
.payment-processing-block10-main-content {
  display: flex;
  justify-content: space-between;
  /* align-items: center; */
  gap: 20px;
}
.payment-processing-block10-single-block {
  width: 36%;
  height: 400px;
  border: 2px solid #525252;
  display: flex;
  flex-direction: column;
  /* justify-content: center; */
  align-items: center;
}
.payment-processing-block10-single-block h4 {
  color: #ffffff;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 20px;
  text-align: center;
}
.payment-processing-block10-single-block p {
  font-size: 14px;
  font-family: "poppins";
  color: #31302d;
  margin-bottom: 20px;
}

/* block 11 */
.block11 {
  margin-top: 50px;
  margin-bottom: 50px;
}

.payment-processing-block1-main-content h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
  margin-bottom: 10px;
}
.payment-processing-block1-main-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
/* media queries */
/* media query for 950px */
@media (max-width: 950px) {
  /* block 2 */
  /* .payment-processing-block2-main {
    height: 150px;
  } */
}

/* media query for 750px */
@media (max-width: 750px) {
  /* block1 */
  .payment-processing-block1 {
    display: flex;
    flex-direction: column;
  }
  .payment-processing-block1-main-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .payment-processing-block1-main-content p {
    width: 100%;
  }
  /* block 2 */
  .payment-processing-block2 {
    display: flex;
    flex-direction: column;
  }
  .payment-processing-block2-main {
    width: 100%;
  }

  /* block 3 */
  .payment-processing-block3 h4 {
    padding-top: 5px;
  }

  /* block 4 */
  .payment-processing-block4 {
    display: flex;
    flex-direction: column;
  }
  .payment-processing-block4-main-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  /* block 5 */

  /* block 6 */
  .payment-processing-block6-footer {
    grid-template-columns: repeat(2, 1fr);
  }
  .payment-processing-block6-written-single-point {
    margin-top: 100px;
  }

  /* block 7 */
  .payment-processing-block7 {
    display: flex;
    flex-direction: column;
  }
  .payment-processing-block7 img {
    width: 100%;
  }

  /* block 8 */

  /* block 9 */

  /* block 10 */
  .payment-processing-block10-main-content {
    display: flex;
    flex-direction: column;
  }
  .payment-processing-block10-single-block {
    width: 70%;
  }

  /* block 11 */
}

/* media query for 550px */
@media (max-width: 550px) {
  /* block1 */
  .payment-processing-block1 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .payment-processing-block1-main-content h1 {
    font-size: 35px;
  }
  .payment-processing-block1-main-content h4 {
    font-size: 14px;
  }
  .payment-processing-block1-main-content p {
    font-size: 12px;
  }
  .payment-processing-block1-button-div {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    align-items: center;
    margin-left: 0px;
  }
  /* block 2 */
  .payment-processing-block2 {
    margin-left: 30px;
    margin-right: 30px;
  }
  /* .payment-processing-block2-main {
    height: 100px;
  } */
  .payment-processing-block2-main h4 {
    font-size: 14px;
  }

  .payment-processing-block2-main p {
    font-size: 12px;
  }
  /* block 3 */
  .payment-processing-block3 {
    height: 90px;
  }
  .payment-processing-block3 h4 {
    font-size: 14px;
  }

  /* block 4 */
  .payment-processing-block4 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .payment-processing-block4-main-content h2 {
    font-size: 25px;
  }
  .payment-processing-block4-main-content h4 {
    font-size: 14px;
  }
  .payment-processing-block4-main-content ul li p {
    font-size: 12px;
  }
  .see-terms-and-conditions {
    margin-top: 20px;
  }

  /* block 5 */
  .payment-processing-block5-main-content h2 {
    font-size: 25px;
  }
  .payment-processing-block5-p-div {
    margin-left: 30px;
    margin-right: 30px;
    width: 90%;
  }
  .payment-processing-block5-p-div h4 {
    font-size: 14px;
  }

  /* block 6 */
  .payment-processing-block6 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .payment-processing-block6 h2 {
    font-size: 25px;
  }
  .payment-processing-block6-footer {
    grid-template-columns: repeat(1, 1fr);
    align-items: center;
    justify-content: center;
  }
  .payment-processing-block6-written-single-point h4 {
    font-size: 14px;
  }
  .payment-processing-block6-footer-single h4 {
    font-size: 14px;
  }
  .payment-processing-block6-footer-single p {
    font-size: 12px;
  }
  
  .payment-processing-block6-written-single-point {
    display: none;
  }

  /* block 7 */
  .payment-processing-block7 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .payment-processing-block7-main-content h2 {
    font-size: 25px;
  }
  .payment-processing-block7-main-content h4 {
    font-size: 14px;
  }

  /* block 8 */
  .payment-processing-block8 {
    margin-left: 30px;
    margin-right: 30px;
  }

  .payment-processing-block8 h2 {
    font-size: 25px;
  }
  .payment-processing-block8 h4 {
    font-size: 14px;
  }
  .payment-processing-block8-single-point p {
    font-size: 12px;
  }
  .payment-processing-block8-hidden-point p {
    font-size: 12px;
  }
  .payment-processing-block8-span {
    font-size: 12px;
    margin-left: 50px;
  }

  /* block 9 */
  .payment-processing-block9 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .payment-processing-block9 h2 {
    font-size: 25px;
  }
  .payment-processing-block9 h4 {
    font-size: 14px;
  }
  /* block 10 */
  .payment-processing-block10 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .payment-processing-block10 h2 {
    font-size: 25px;
    text-align: center;
  }

  .payment-processing-block10-single-block {
    width: 100%;
  }
  /* block 11 */
  .payment-processing-block1-main-content h2 {
    font-size: 25px;
  }
}

.slideshow {
  margin: 0 auto;
  overflow: hidden;
  max-width: 100vw;
}

.slideshowSlider {
  white-space: nowrap;
  transition: ease 1000ms;
}

.slide {
  display: inline-block;
  margin-top: -40px;
  width: 100%;
}
@media (max-width: 750px) {
  .slide {
    margin-top: 20px;
  }
}

.go-to-top-container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    height: 0px;
    width: 0px;
  }
  
  .top-btn {
      font-size: 20px;
      width: 40px;
      height: 40px;
      color: #fff;
      background-color: #007aff;
      border-radius: 50%;
      position: fixed;
      bottom: 3rem;
      right: 2rem;
      z-index: 999;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
  }
  .top-btn--icon {
      animation: gototop 1.2s linear infinite alternate-reverse;
  
      @keyframes gototop {
          0% {
            transform: translateY(-0.5rem);
          }
          100% {
            transform: translateY(1rem);
          }
        }
  }
.self-ordering-kiosk-block1 {
  margin-top: 120px;
  margin-left: 160px;
  margin-right: 160px;
}
.self-ordering-kiosk-block1-main-content {
  display: flex;
  justify-content: space-around;
  align-items: center;
  
}

.self-ordering-kiosk-block1-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 50%;
  /* align-items: center; */
}
.self-ordering-kiosk-block1-content h1 {
  color: #31302d;
  font-size: 50px;
  font-family: "poppins";
  font-weight: 500;
}
.self-ordering-kiosk-block1-content h4 {
  color: #525252;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
}
.self-ordering-kiosk-block1-content p {
  font-size: 14px;
  font-family: "poppins";
  color: #31302d;
}
.self-ordering-kiosk-block1-main-image img {
  width: 100%;
  height: 400px;
}
.self-ordering-kiosk-block1-footer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.self-ordering-kiosk-block1-footer p {
  font-size: 14px;
  font-family: "poppins";
  color: #31302d;
}
.self-ordering-kiosk-block1-button-div {
  display: flex;
  gap: 30px;
}
.self-ordering-kiosk-block1-button-div button {
  width: 150px;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-family: "poppins";
  border-radius: 5px;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.self-ordering-kiosk-block1-button-div .get-started-btn {
  background-color: #2954a5;
  color: #fcfeff;
  border: none;
}
.self-ordering-kiosk-block1-button-div .contact-sales-btn {
  border: 1px solid #2954a5;
  color: #2954a5;
  background-color: #fcfeff;
}
.self-ordering-kiosk-block1-button-div .contact-sales-btn:hover,
.self-ordering-kiosk-block1-button-div .get-started-btn:hover {
  width: 180px;
}
/* block 2 */
.self-ordering-kiosk-block2 {
  margin-top: 50px;
  margin-left: 160px;
  margin-right: 160px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.self-ordering-kiosk-block2 h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #2954a5;
  text-align: center;
}
.self-ordering-kiosk-block2-main-content {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
}
.self-ordering-kiosk-block2-single {
  border: 1px solid #2954a5;
  border-radius: 50%;
  padding: 20px;
  height: 150px;
  width: 150px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #2954a5;
  cursor: pointer;
}
.self-ordering-kiosk-block2-single h4 {
  color: #2954a5;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}
.self-ordering-kiosk-active {
  background-color: #2954a5;
  border: none;
  color: #ffffff;
  border-radius: 50%;
  padding: 20px;
  height: 150px;
  width: 150px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer
}
.self-ordering-kiosk-active h4 {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}
.self-ordering-kiosk-block2-footer h4 {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  color: #525252
}

/* block 3 */
.self-ordering-kiosk-block3 {
  margin-top: 50px;
  background-color: #EBF8FA;
  height: 240px;
  padding: 0 80px;
  display: flex;
  justify-content: space-evenly;
}
.self-ordering-kiosk-block3-main-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.self-ordering-kiosk-block3-main-content h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
  text-align: center;
}
.self-ordering-kiosk-block3-main-content h4 {
  color: #31302d;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
}

/* block 4 */
.self-ordering-kiosk-block4 {
  margin-top: 50px;
  margin-left: 160px;
  margin-right: 160px;
  border: 2px solid #2954a5;
  border-radius: 60px;
  height: 150px;
  padding: 80px;
  display: flex;
  justify-content: space-evenly;
}
.self-ordering-kiosk-block4-main-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.self-ordering-kiosk-block4-main-content h2 {
  font-family: "Poppins", sans-serif;
  font-size:35px;
  font-weight: 500;
  color: #2954a5;
  text-align: center;
}
.self-ordering-kiosk-block4-main-content button {
  width: 150px;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-family: "poppins";
  border-radius: 5px;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background-color: #2954a5;
  color: #fcfeff;
  border: none;
}
.self-ordering-kiosk-block4-main-content button:hover {
  width: 180px;
}
.self-ordering-kiosk-block4-image img {
  height: 300px;
  width: 100%;
  margin-top: -100px;
}

/* block 5 */
.self-ordering-kiosk-block5 {
  margin-top: 50px;
  margin-left: 160px;
  margin-right: 160px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.self-ordering-kiosk-block5 h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
  text-align: center;
}
.self-ordering-kiosk-block5 h4 {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #525252;
}
.self-ordering-kiosk-block5-main-content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}
.self-ordering-kiosk-block5-single-card {
  height: 200px;
  width: 250px;
  background-color: #2954a5;
  perspective: 1000px;
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.self-ordering-kiosk-block5-flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
  
}
.self-ordering-kiosk-block5-single-card:hover .self-ordering-kiosk-block5-flip-card-inner {
    transform: rotateY(180deg);
}
.self-ordering-kiosk-block5-flip-card-front h4 {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #ffffff;
  text-align: center;
  
}
.self-ordering-kiosk-block5-flip-card-front, .self-ordering-kiosk-block5-flip-card-back {
    position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.self-ordering-kiosk-block5-flip-card-back {
  background-color: #ffffff;
  border: 1px solid #2954a5;
  color: #2954a5;
  transform: rotateY(180deg);
  padding: 20px;
  
}
.self-ordering-kiosk-block5-flip-card-back h4 {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  
}


/* block 6 */
.self-ordering-kiosk-block6 {
    margin-top: 50px;
    margin-left: 160px;
    margin-right: 160px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.self-ordering-kiosk-block6-image img {
    width: 100%;
    height: 400px;
}
.self-ordering-kiosk-block6-main-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.self-ordering-kiosk-block6-main-content h2 {
    font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
  text-align: center;
}
.self-ordering-kiosk-block6-main-content h4 {
    font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #525252;
  text-align: center;
}
.self-ordering-kiosk-block6-main-content button {
    width: 150px;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-family: "poppins";
  border-radius: 5px;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background-color: #ffffff;
  color: #2954a5;
  border: 1px solid #2954a5;
}
.self-ordering-kiosk-block6-main-content button:hover {
    width: 180px;
}

/* block 7 */
.self-ordering-kiosk-block7 {
    margin-top: 50px;
    background-color: #EBF8FA;
    height: 350px;
    padding: 0 80px;
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 50px;
}
.self-ordering-kiosk-block7-image img {
    width: 100%;
    height: 350px;
}
.self-ordering-kiosk-block7-main-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.self-ordering-kiosk-block7-main-content h2 {
    font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
  text-align: center;
}
.self-ordering-kiosk-block7-main-content h4 {
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #31302d;
    text-align: center;
}
/* media queries */
/* media query at 950px */
@media (max-width: 950px) {
  /* block */
}

/* media query at 750px */
@media (max-width: 750px) {
  /* block 1 */
  .self-ordering-kiosk-block1-main-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
   
  }
  .self-ordering-kiosk-block1-content {
    width: 100%
  }

  /* block 2 */
  .self-ordering-kiosk-block2-main-content {
    grid-template-columns: repeat(2, 1fr);
  }

  /* block 3 */
  .self-ordering-kiosk-block3 {
    height: 480px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding: 10px;
  }

  /* block 4 */
  .self-ordering-kiosk-block4 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 450px;
    padding: 40px;
  }
  .self-ordering-kiosk-block4-image img {
    margin-top: 0;
  }
  /* block 5 */ 
  .self-ordering-kiosk-block5-main-content {
    grid-template-columns: repeat(2, 1fr);
  }
  /* block 6 */
  .self-ordering-kiosk-block6 {
    display: flex;
    flex-direction: column;
  }
   /* block 7 */
   .self-ordering-kiosk-block7 {
    height: 600px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding: 10px;
  }
}

/* media query at 550px */
@media (max-width: 550px) {
  /* block 1*/
  .self-ordering-kiosk-block1 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .self-ordering-kiosk-block1-content h1 {
    font-size: 35px;
  }
  .self-ordering-kiosk-block1-content h4 {
    font-size: 14px;
  }
  .self-ordering-kiosk-block1-footer p {
    font-size: 12px;
  }

  /* block 2 */
  .self-ordering-kiosk-block2 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .self-ordering-kiosk-block2-main-content {
    grid-template-columns: repeat(1, 1fr);
  }
  .self-ordering-kiosk-block2 h2 {
    font-size: 25px;
  }
  .self-ordering-kiosk-block2-single h4 {
    font-size: 14px;
  }
  .self-ordering-kiosk-active h4 {
    font-size: 14px;
  }
  .self-ordering-kiosk-block2-footer h4 {
    font-size: 14px;
  }
  /* block 3 */
  .self-ordering-kiosk-block3-main-content h2 {
    font-size: 25px;
  }
  .self-ordering-kiosk-block3-main-content h4 {
    font-size: 14px;
  }
  .self-ordering-kiosk-block1-button-div {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .self-ordering-kiosk-block1-button-div .contact-sales-btn {
    margin-top: 20px;
  }

  /* block 4 */
  .self-ordering-kiosk-block4 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .self-ordering-kiosk-block4-main-content h2 {
    font-size: 25px;
  }
  /* block 5 */ 
  .self-ordering-kiosk-block5 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .self-ordering-kiosk-block5 h2 {
    font-size: 25px;
  }
  .self-ordering-kiosk-block5 h4 {
    font-size: 14px;
  }

  .self-ordering-kiosk-block5-main-content {
    grid-template-columns: repeat(1, 1fr);
  }
  .self-ordering-kiosk-block5-single-card {
    width: 200px;
  }
  .self-ordering-kiosk-block5-flip-card-front h4 {
    font-size: 14px;
  }
  .self-ordering-kiosk-block5-flip-card-back h4 {
    font-size: 14px;
  }
  /* block 6 */
  .self-ordering-kiosk-block6 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .self-ordering-kiosk-block6-main-content h2 {
    font-size: 25px;
  }
  .self-ordering-kiosk-block6-main-content h4 {
    font-size: 14px;
  }
  /* block 7 */
  .self-ordering-kiosk-block7-main-content h2 {
    font-size: 25px;
  }
  .self-ordering-kiosk-block7-main-content h4 {
    font-size: 14px;
  }

}

/* ══════════════════════════════════════════════════
   Contact — two-path premium redesign
══════════════════════════════════════════════════ */

.xaNakCecLOlYzugNJsHN {
  width: 100%;
  min-height: 100vh;
  background: #060C1A;
}

/* ── background ── */
.TIuk2N7cFP0INnTamjS9 {
  position: relative;
  min-height: calc(100vh - 64px);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 5rem 2rem;
}

.ID3yUNwhBhvCclQJJDOD {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle, rgba(255,255,255,0.048) 1px, transparent 1px);
  background-size: 32px 32px;
  animation: FRofcvvet3pEAoqyeBWN 28s linear infinite;
  pointer-events: none;
}
@keyframes FRofcvvet3pEAoqyeBWN { to { background-position: 32px 32px; } }

.c3vCtBYlzYCE5bM6V6kw {
  position: absolute;
  top: -80px; left: -60px;
  width: 500px; height: 500px;
  background: radial-gradient(circle, rgba(26,110,255,0.18) 0%, transparent 65%);
  animation: nOVrVZCurU9yPlwPVmdd 12s ease-in-out infinite alternate;
  pointer-events: none;
}
.hM8G_hrrw0jhSwKz2ll2 {
  position: absolute;
  bottom: -80px; right: -40px;
  width: 420px; height: 420px;
  background: radial-gradient(circle, rgba(124,58,237,0.14) 0%, transparent 65%);
  animation: nOVrVZCurU9yPlwPVmdd 16s ease-in-out infinite alternate-reverse;
  pointer-events: none;
}
@keyframes nOVrVZCurU9yPlwPVmdd {
  from { transform: translate(0,0) scale(1); }
  to   { transform: translate(25px,18px) scale(1.08); }
}

/* ── layout ── */
.acMGWEA07kHbLNeaG4Ct {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 920px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.5rem;
  animation: S3RdCiq5w6bVpfiRent_ 0.7s cubic-bezier(0.16,1,0.3,1) both;
}
@keyframes S3RdCiq5w6bVpfiRent_ {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ── headline block ── */
.dGEp_XZIXDGHlY6wFyG4 {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.6rem;
}

.fzgPcP4mVqtOOkQeRcSV {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(26,110,255,0.14);
  border: 1px solid rgba(26,110,255,0.28);
  border-radius: 100px;
  padding: 5px 14px;
  font-size: 0.64rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: #60A5FA;
}

.eooUAWrlngfg6OXTIy3m {
  width: 7px; height: 7px;
  border-radius: 50%;
  background: #22C55E;
  animation: qPz9hPpq5fMxnuYQb9i_ 2s ease-in-out infinite;
  flex-shrink: 0;
}
@keyframes qPz9hPpq5fMxnuYQb9i_ {
  0%,100% { box-shadow: 0 0 0 0 rgba(34,197,94,.5); }
  50%      { box-shadow: 0 0 0 5px rgba(34,197,94,0); }
}

.D52NXczn5XGK8lJ_ELIJ {
  font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
  font-size: clamp(2.2rem, 5vw, 3.6rem);
  font-weight: 800;
  color: #FFFFFF;
  letter-spacing: -0.05em;
  line-height: 1.08;
  margin: 0;
}

.HbbavWPyJa1IJKx8rJ_c {
  background: linear-gradient(110deg, #60A5FA 0%, #A78BFA 55%, #34D399 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  background-size: 200%;
  animation: gv8Bkw87fn3UZwsYp6di 5s ease-in-out infinite alternate;
}
@keyframes gv8Bkw87fn3UZwsYp6di { from{background-position:0%} to{background-position:100%} }

.qMYeum16glBaXB18euBt {
  font-size: 0.95rem;
  color: rgba(255,255,255,0.5);
  line-height: 1.6;
  margin: 0;
  max-width: 480px;
}

/* ══ CARDS ═══════════════════════════════════════════ */
.Nj3V1ODWeCY5kfRU64OT {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: stretch;
  width: 100%;
  gap: 0;
}

/* ── base card ── */
.DHRkq9HQ1YG1K3MqRsoj {
  position: relative;
  border-radius: 24px;
  padding: 2.2rem;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  cursor: pointer;
  text-align: left;
  text-decoration: none;
  transition: transform 0.22s cubic-bezier(0.16,1,0.3,1),
              box-shadow 0.22s ease;
  overflow: hidden;
}
.DHRkq9HQ1YG1K3MqRsoj:hover,
.g0_iVDpKphVeE8nFXeqs {
  transform: translateY(-6px);
}

/* Existing — dark rich card */
.LUEBh7tYOkR8vL_LTuSO {
  background: linear-gradient(155deg, #0D1B35 0%, #0F172A 100%);
  border: 1.5px solid rgba(26,110,255,0.25);
}
.LUEBh7tYOkR8vL_LTuSO:hover {
  box-shadow: 0 20px 60px rgba(26,110,255,0.18);
  border-color: rgba(26,110,255,0.45);
}

/* inner glow that intensifies on hover */
.X5At63ZqgCf7swFbUJVJ {
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 30% 20%, rgba(26,110,255,0.12) 0%, transparent 60%);
  transition: opacity 0.3s;
  pointer-events: none;
}
.LUEBh7tYOkR8vL_LTuSO:hover .X5At63ZqgCf7swFbUJVJ { opacity: 1.5; }

/* New customer — light card */
.q3TnoAufprw_Xe44t4xo {
  background: #FFFFFF;
  border: 1.5px solid #E2E8F0;
  box-shadow: 0 4px 24px rgba(0,0,0,0.06);
}
.q3TnoAufprw_Xe44t4xo:hover {
  box-shadow: 0 20px 60px rgba(0,0,0,0.1);
  border-color: #CBD5E1;
}

/* ── card internals ── */
.Qy_YRWZrt70F93KfDy62 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.2rem;
}

.fYal4TZcJkRUxlhEgC8E {
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #60A5FA;
  background: rgba(26,110,255,0.14);
  border: 1px solid rgba(26,110,255,0.28);
  border-radius: 100px;
  padding: 3px 10px;
}
.gfjfHHppJT9EoYdGR0_w {
  color: #1A6EFF;
  background: #EEF4FF;
  border-color: rgba(26,110,255,0.2);
}

.xw3Npucn4xiqRBxTjPs0 {
  width: 48px; height: 48px;
  border-radius: 14px;
  background: rgba(255,255,255,0.08);
  display: flex; align-items: center; justify-content: center;
  color: #60A5FA;
  flex-shrink: 0;
  transition: background 0.18s, transform 0.18s;
}
.DHRkq9HQ1YG1K3MqRsoj:hover .xw3Npucn4xiqRBxTjPs0 { background: rgba(255,255,255,0.13); transform: scale(1.08); }

.gFu4MjWJjfWSx17RqqZw {
  background: #EEF4FF;
  color: #1A6EFF;
}
.q3TnoAufprw_Xe44t4xo:hover .gFu4MjWJjfWSx17RqqZw { background: #DBEAFE; }

.ix0ejCLfDOezoo7SveRG {
  font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
  font-size: 1.25rem;
  font-weight: 800;
  color: #FFFFFF;
  letter-spacing: -0.03em;
  line-height: 1.25;
  margin: 0;
}
.kf0mYkT3Pykgtf_zBcSI { color: #0F172A; }

.LOD0h_eAqOWjgePYqK89 {
  font-size: 0.82rem;
  color: rgba(255,255,255,0.52);
  line-height: 1.7;
  margin: 0;
  flex: 1;
}
.A6ik25aPtZIFReslcX7y { color: #64748B; }

.OnVCvvyRfU2peMHRU9tm {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.88rem;
  font-weight: 700;
  color: #60A5FA;
  margin-top: 0.2rem;
  transition: gap 0.15s;
}
.DHRkq9HQ1YG1K3MqRsoj:hover .OnVCvvyRfU2peMHRU9tm { gap: 10px; }
.WivkOe4YX0BJpVZEumBD { color: #1A6EFF; }

.xr3yngluHAS2JivZR6fh {
  transition: transform 0.18s;
}
.DHRkq9HQ1YG1K3MqRsoj:hover .xr3yngluHAS2JivZR6fh { transform: translateX(4px); }

.VO27Y5sfS5fi1zlez6PB {
  list-style: none;
  padding: 0;
  margin: 0.2rem 0 0;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  border-top: 1px solid rgba(255,255,255,0.08);
  padding-top: 0.9rem;
  font-size: 0.76rem;
  color: rgba(255,255,255,0.42);
  font-weight: 500;
}
.slPcXgx9ITSHRaTBXBmi {
  border-top-color: #F1F5F9;
  color: #94A3B8;
}

.mRMhb9SfLTczOBDhLcSQ    { color: #22C55E; font-weight: 700; margin-right: 6px; }
.PdSZtaPh_ZIHNIcwitdf { color: #22C55E; font-weight: 700; margin-right: 6px; }

/* ── divider ── */
.I5R4FYtTcbtO88hdiSUf {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.7rem;
  padding: 0 1.8rem;
}
._sjhtKwoHimXlYlqqvyh {
  flex: 1;
  width: 1.5px;
  background: rgba(255,255,255,0.1);
  min-height: 50px;
}
.DaCFl66QqrrPCuUXYJoa {
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.25);
  flex-shrink: 0;
}

/* ── not sure strip ── */
.fuV7E9CJqr2FXHWYWGRQ {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 0.2rem;
}
.izPpyxya_U8EhNb03tQJ {
  font-size: 0.8rem;
  color: rgba(255,255,255,0.38);
}
.DifqhpfsGyOqnd1ofxlj {
  font-size: 0.8rem;
  font-weight: 600;
  color: #60A5FA;
  text-decoration: none;
  transition: color 0.15s;
}
.DifqhpfsGyOqnd1ofxlj:hover { color: #93C5FD; text-decoration: underline; }

/* ── contact details ── */
.PS8_x1j6lmYIBBqiBgIL {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 16px;
  padding: 1.4rem 2rem;
  width: 100%;
}

.sLDdTK7msUSSou67TeKC {
  display: flex;
  align-items: flex-start;
  gap: 0.8rem;
  flex: 1;
}
.UoUB4TYZ5wUttx5IT16N { font-size: 1.1rem; flex-shrink: 0; margin-top: 1px; }
.FgW1256JyB4GpPlYmCdD {
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.35);
  margin-bottom: 3px;
}
.E8aSQXD8OBh6HcgDXHBt {
  font-size: 0.8rem;
  color: rgba(255,255,255,0.6);
  line-height: 1.55;
  text-decoration: none;
  transition: color 0.15s;
}
a.E8aSQXD8OBh6HcgDXHBt:hover { color: #60A5FA; }

.Jbsv116NPpYMTcT5Ay3d {
  width: 1px;
  background: rgba(255,255,255,0.1);
  align-self: stretch;
  flex-shrink: 0;
}

/* ══ RESPONSIVE ══════════════════════════════════════ */
@media (max-width: 780px) {
  .Nj3V1ODWeCY5kfRU64OT {
    grid-template-columns: 1fr;
  }
  .I5R4FYtTcbtO88hdiSUf {
    flex-direction: row;
    padding: 1rem 0;
  }
  ._sjhtKwoHimXlYlqqvyh {
    flex: 1;
    width: auto;
    height: 1.5px;
    min-height: unset;
  }
  .PS8_x1j6lmYIBBqiBgIL {
    flex-direction: column;
    gap: 1.2rem;
  }
  .Jbsv116NPpYMTcT5Ay3d {
    width: 100%;
    height: 1px;
    align-self: auto;
  }
  .D52NXczn5XGK8lJ_ELIJ { font-size: 2.2rem; }
}

@media (max-width: 480px) {
  .TIuk2N7cFP0INnTamjS9 { padding: 3rem 1.2rem; }
  .DHRkq9HQ1YG1K3MqRsoj  { padding: 1.6rem; }
  .PS8_x1j6lmYIBBqiBgIL { padding: 1.2rem; }
}

.retail-operating-system-block1 {
  margin-top: 120px;
  margin-left: 160px;
  margin-right: 160px;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.retail-operating-system-block1-main-content h1 {
  color: #31302d;
  font-size: 50px;
  font-family: "poppins";
  font-weight: 500;
}
.retail-operating-system-block1-main-content h4 {
  color: #525252;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
}
.retail-operating-system-block1-main-content p {
  font-size: 14px;
  font-family: "poppins";
  color: #31302d;
}
.retail-operating-system-block1-button-div {
  display: flex;
  text-align: center;
}
.retail-operating-system-block1-button-div button {
  width: 180px;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-family: "poppins";
  border-radius: 5px;
  margin-left: 30px;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.retail-operating-system-block1-button-div .get-started-btn {
  background-color: #2954a5;
  color: #fcfeff;
  border: none;
}
.retail-operating-system-block1-button-div .contact-sales-btn {
  border: 1px solid #2954a5;
  color: #2954a5;
  background-color: #fcfeff;
}
.retail-operating-system-block1-button-div .contact-sales-btn:hover,
.retail-operating-system-block1-button-div .get-started-btn:hover {
  width: 210px;
}
.retail-operating-system-block1-image img {
  width: 100%;
  height: 400px;
}

/* block 2 */
.retail-operating-system-block2 {
  margin-top: 50px;
  margin-left: 160px;
  margin-right: 160px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.retail-operating-system-block2 h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
  text-align: center;
}
.retail-operating-system-block2-main-content {
  display: flex;
  justify-content: space-around;
  gap: 40px;
}
.retail-operating-system-block2-main-single {
  width: 280px;
  height: 250px;
  box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
  border-radius: 30px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.retail-operating-system-block2-main-single img {
  width: 100px;
  height: 100px;
}
.retail-operating-system-block2-main-single h4 {
  color: #525252;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}
.retail-operating-system-block2-main-single p {
  font-size: 14px;
  font-family: "poppins";
  color: #31302d;
  text-align: center;
}

/* block 3 */
.retail-operating-system-block3 {
  margin-top: 50px;
  height: 220px;
  background-color: #EBF8FA;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
}
.retail-operating-system-block3 h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
  text-align: center;
}
.retail-operating-system-block3 h4 {
  color: #525252;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}
.retail-operating-system-block3-button-div {
  display: flex;
  gap: 30px;
  text-align: center;
}
.retail-operating-system-block3-button-div button {
  width: 150px;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-family: "poppins";
  border-radius: 5px;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background-color: #2954a5;
  color: #fcfeff;
  border: none;
}
.retail-operating-system-block3-button-div button:hover {
  width: 180px;
}
.retail-operating-system-block3-button-div a {
  font-size: 14px;
  color: #2954a5;
  margin-top: 10px;
  cursor: pointer;
}
.retail-operating-system-block3-button-div a:hover {
  font-size: 16px;
}
/* block 4 */
.retail-operating-system-block4 {
  margin-top: 50px;
  margin-left: 160px;
  margin-right: 160px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.retail-operating-system-block4 h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
  text-align: center;
}
.retail-operating-system-block4-main-header {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  justify-content: space-between;
  align-items: center;
  gap: 30px;
  margin-bottom: 20px;
}
.retail-operating-system-block4-single {
  width: 150px;
  height: 50px;
  background-color: #ffde59;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #525252;
  cursor: pointer;
}
.retail-operating-system-block4-single-active {
  width: 150px;
  height: 50px;
  background-color: #2954a5;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  cursor: pointer;
}
.retail-operating-system-block4-single h4 {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}
/* block 5 */
.retail-operating-system-block5 {
  margin-top: 50px;
  margin-left: 160px;
  margin-right: 160px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  border: 1px solid #2954a5;
  height: 250px;
  border-radius: 30px;
  padding: 20px;
  /* gap: 100px; */
}
.retail-operating-system-block5-main-content h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
  text-align: center;
}
.retail-operating-system-block5-main-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.retail-operating-system-block5-main-content h4 {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  color: #525252;
}
.retail-operating-system-block5-image img {
  height: 300px;
}
/* block 6 */
.retail-operating-system-block6 {
  margin-top: 50px;
  margin-left: 160px;
  margin-right: 160px;
  display: flex;
  gap: 100px;
  align-items: center;
}
.retail-operating-system-block6-main-header h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
  width: 130%;
}
.retail-operating-system-block6-main-content {
 
  border: 1px solid #2954a5;
  padding: 20px;
  width: 90%;
  padding-top: 40px;
}
.retail-operating-system-block6-single {
  margin-bottom: 10px;
}
.retail-operating-system-block6-single-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
.retail-operating-system-block6-single-header h4 {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #2954a5;
}
.retail-operating-system-block6-single p {
  font-size: 14px;
  font-family: "poppins";
  color: #31302d;
  margin-left: 20px;
}

/* block 7 */
.retail-operating-system-block7 {
  margin-top: 50px;
  /* margin-left: 160px;
  margin-right: 160px; */
  margin-bottom: 150px;
}
.ros-block7-main-div {
  margin-left: 120px;
  margin-right: 120px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
.ros-block7-box1 {
  width: 220px;
  height: 200px;
  padding: 20px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  cursor: pointer;
}

.ros-block7-box1 h4 {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #525252;
}
.ros-block7-box2,
.ros-block7-box3 {
  width: 220px;
  height: 250px;
  background-color: #2954a5;
  color: #ffffff;
  border-radius: 30px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  cursor: pointer;
  gap: 10px;
}

.ros-block7-box2:hover .hidden-text1 {
  display: block;
}

.ros-block7-box3:hover .hidden-text2 {
  display: block;
}

.ros-block7-box4:hover .hidden-text3 {
  display: block;
}

.ros-block7-box5:hover .hidden-text4 {
  display: block;
}

.ros-block7-box6:hover .hidden-text5 {
  display: block;
}

.ros-block7-box7:hover .hidden-text6 {
  display: block;
}

.ros-block7-box8:hover .hidden-text7 {
  display: block;
}

/* .ros-block7-box8:hover + .ros-block7-box8 h2 {
  color: #31302d;
} */

.ros-block7-box2 h2,
.ros-block7-box3 h2,
.ros-block7-box4 h2,
.ros-block7-box5 h2,
.ros-block7-box6 h2,
.ros-block7-box7 h2,
.ros-block7-box8 h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  margin-bottom: 10px;
}
.ros-block7-box3 {
  background-color: #ffde59;
  color: #31302d;
}
.ros-block7-box4 {
  width: 220px;
  height: 200px;
  background-color: #ffde59;
  color: #31302d;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  cursor: pointer;
  gap: 10px;
  border-radius: 30px;
}
.ros-block7-box5 {
  width: 220px;
  height: 300px;
  background-color: #2954a5;
  color: #ffffff;
  border-radius: 30px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  cursor: pointer;
  gap: 10px;
  margin-top: -50px;
}
.ros-block7-box6 {
  width: 220px;
  height: 250px;
  background-color: #ffde59;
  color: #31302d;
  border-radius: 30px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  cursor: pointer;
  gap: 10px;
}
.ros-block7-box7 {
  width: 220px;
  height: 250px;
  background-color: #2954a5;
  color: #ffffff;
  border-radius: 30px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  cursor: pointer;
  gap: 10px;
}
.ros-block7-box8 {
  width: 220px;
  height: 300px;
  color: #31302d;
  border-radius: 30px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  cursor: pointer;
  gap: 10px;
  margin-top: -50px;
  border: 1px solid #2954a5;
}
.hidden-text1,
.hidden-text2,
.hidden-text3,
.hidden-text4,
.hidden-text5,
.hidden-text6,
.hidden-text7 {
  display: none;
  text-align: center;
}
.hidden-text1 p,
.hidden-text4 p,
.hidden-text6 p {
  font-size: 14px;
  font-family: "poppins";
  color: #ffffff;
  text-align: center;
}
.hidden-text2 p,
.hidden-text3 p,
.hidden-text5 p,
.hidden-text7 p {
  font-size: 14px;
  font-family: "poppins";
  color: #31302d;
  text-align: center;
}

/* block 8 */


/* block 9 */
.retail-operating-system-block9 {
  margin-top: 50px;
  margin-left: 160x;
  margin-right: 160px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.retail-operating-system-block9 h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
  text-align: center;
}
.retail-operating-system-block9 h4 {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #525252;
  text-align: center;
  width: 60%
}
.retail-operating-system-block9 button {
  width: 150px;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-family: "poppins";
  border-radius: 5px;
  margin-left: 30px;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background-color: #2954a5;
  color: #fcfeff;
  border: none;
}
.retail-operating-system-block9 button:hover {
  width: 180px
}
.retail-operating-system-block9-main-content {
  width: 60%;
  height: 300px;
  margin-top: 20px;
  margin-left: 100px;
}


/* block 10 */

.retail-operating-system-block10 {
  margin-top: -180px;
  margin-left: 120px;
  margin-right: 120px;
}
.ros-image {
  display: flex;
  justify-content: flex-end;
  margin-top: 100px;
  margin-right: 50px;
}
.ros-image div {
  width: 200px;
  height: 200px;
  border: 5px solid #ffde59;
}
.retail-operating-system-block10-main-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px
}
.retail-operating-system-block10-header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 10px
}
.retail-operating-system-block10-header h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 30px;
  color: #31302d;
  
}
.retail-operating-system-block10-header h4 {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #525252;
  
}
.retail-operating-system-block10-header button {
  width: 300px;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-family: "poppins";
  border-radius: 5px;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background-color: #2954a5;
  color: #fcfeff;
  border: none;
}
.retail-operating-system-block10-header button:hover {
  width: 330px;
}

.ros-vertical-line {
  height: 470px;
  width: 1px;
  background-color: #ffde59;
  content: "";
  border: 1px solid #ffde59;
}
.retail-operating-system-block10-image img {
  height: 370px
}
.retail-operating-system-block10-footer {
  height: 50px;
  background-color: #EBF8FA;
  display:flex;
  justify-content:center;
  align-items: center;
  padding: 20px;
  margin-top: 20px;
  gap: 20px;
  border-radius: 20px;
}
.retail-operating-system-block10-footer h4 {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #525252;
}

/* block 11 */
.retail-operating-system-block11 {
  margin-top: 100px;
  margin-left: 80px;
  margin-right: 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  width: 90%;
  text-align: center;
}
.retail-operating-system-block11 h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
  text-align: center;
  width: 80%
}
.retail-operating-system-block11 p {
  font-size: 14px;
  font-family: "poppins";
  color: #31302d;
  text-align: center;
  width: 80%
}
.retail-operating-system-block11 img {
  height: 400px;
}
.ros-10-horizontal-line {
  height: 1px;
  width: 80%;
  background-color: #ffde59;
  border: 1px solid #ffde59;
}
.ros-carousel {
  width: 100%;
  height: 300px;
  margin-top: -40px;
}


/* block 12 */
.retail-operating-system-block12 {
  background-color: #EBF8FA;
  /* height: 400px; */
  padding: 50px
}
.retail-operating-system-block12-main-div {
  margin-left: 160px;
  margin-right: 160px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.retail-operating-system-block12-main-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  width: 70%
}
.retail-operating-system-block12-main-content h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #2954a5;
  text-align: center;
}
.retail-operating-system-block12-main-content h4 {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #525252;
}
.retail-operating-system-block12-main-content p {
  font-size: 14px;
  font-family: "poppins";
  color: #31302d;
}
.ros-block12-points {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  cursor: pointer;
}
.ros-block12-ver-line {
  height: 30px;
  border: 1px solid #2954a5;
  content: "";
  background-color: #2954a5;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.ros-bloxk12-content h4 {
  margin-bottom: 10px;
}
.ros-block12-content-hidden {
  display: none;
}
.ros-block12-content-hidden a {
  font-size: 12px;
  color: #2954a5;
  margin-top: 10px;
}
.ros-block12-points:hover .ros-block12-content-hidden  {
 display: block;
}
.ros-block12-points:hover .ros-block12-ver-line {
  height: 80px;
  background-color: #ffde59;
  border: 1px solid #ffde59;
  content: "";
}
.ros-block12-img img {
  height: 200px;
  margin-top: 200px;
}


/* block 13 */
.ros-block13-block {
  display: flex;
  justify-content: flex-end;
}
/* .ros-block13-block div {
  width: 300px;
  height: 300px;
  background-color: #EBF8FA;
} */
.retail-operating-system-block13 {
  margin-top: 50px;
  margin-left: 160px;
  margin-right: 160px;
  margin-bottom: 120px;
  display: flex;
  gap: 50px;
  align-items: center;
  justify-content: space-between;
}
.retail-operating-system-block13-integrations {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  
}
.retail-operating-system-block13-single img {
  width: 150px;
  height: 150px;
  /* border: 1px solid red; */
}
.retail-operating-system-block13-single-content img {
  width: 150px;
  height: 150px;
  /* border: 1px solid red; */
}
.retail-operating-system-block13-main-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /* margin-left: 250px; */
  background-color: #ffffff;
  /* margin-top: -300px;
  z-index: 1; */
  width: 40%;
  gap: 20px;
}
.retail-operating-system-block13-main-content h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #2954a5;
}
.retail-operating-system-block13-main-content h4 {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #525252;
  text-align: center;
}
.retail-operating-system-block13-main-content p {
  font-size: 14px;
  font-family: "poppins";
  color: #31302d;
  text-align: center;
}
.retail-operating-system-block13-main-content button {
  width: 200px;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-family: "poppins";
  border-radius: 5px;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background-color: #2954a5;
  color: #fcfeff;
  border: none;
}
.retail-operating-system-block13-main-content button:hover {
  width: 230px;
}
.retail-operating-system-block13-image img {
  height: 500px;
  /* margin-left: 600px;
  margin-top: -250px; */
  z-index: -2;
}



/* block 14 */
.retail-operating-system-block14 {
  margin-top: 50px;
  margin-left: 160px;
  margin-right: 160px;
  margin-bottom: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.retail-operating-system-block14 h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
  text-align: center;
}
.retail-operating-system-block14 button {
  width: 200px;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-family: "poppins";
  border-radius: 5px;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background-color: #2954a5;
  color: #fcfeff;
  border: none;
}
.retail-operating-system-block14 button:hover {
  width: 230px
}

/* block medium */
.retail-operating-system-block-medium {
  margin-top: 50px;
  margin-left: 160px;
  margin-right: 160px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  gap: 30px
}
.retail-operating-system-block-medium-header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 20px;
}
.retail-operating-system-block-medium-header h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
}
.ros-block-medium-p-content {
  display: flex;
  align-items: center;
  gap: 10px;
}
.ros-block-medium-p-content div {
  content: "";
  height: 40px;
  width: 1px;
  border: 1px solid #ffde59;
  background-color: #ffde59;
}
.retail-operating-system-block-medium-header p {
  font-size: 14px;
  font-family: "poppins";
  color: #31302d;
}
.retail-operating-system-block-medium-header button {
  width: 200px;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-family: "poppins";
  border-radius: 5px;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background-color: #2954a5;
  color: #fcfeff;
  border: none;
}
.retail-operating-system-block-medium-header button:hover {
  width: 230px
}
.retail-operating-system-block-medium-middle {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.retail-operating-system-lock-medium-point {
  width: 300px;
  height: 250px;
  padding: 20px;
  background-color: #EBF8FA;
  border-radius: 30px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  
}
.retail-operating-system-header-point {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
}
.retail-operating-system-header-point img {
  width: 40px;
  height: 40px
}
.retail-operating-system-header-point h4 {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #2954a5;
  
}
.retail-operating-system-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 15px;
}
.retail-operating-system-content-single-point {
  display: flex;
  gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: 80px;
}
.retail-operating-system-content-single-point p {
  font-size: 14px;
  font-family: "poppins";
  color: #31302d;
  text-align: right;
}
#margin-top {
  margin-top: 200px;
}
.ros-block-medium-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 80px;
}
.ros-block-medium-footer p {
  font-size: 14px;
  font-family: "poppins";
  color: #31302d;
  text-align: center;
}



/* media queries */
/* media query at 950px */
@media (max-width: 950px) {
  /* block 5 */
  .retail-operating-system-block5 {
    height: 550px;
    flex-direction: column;
    gap: 10px;
    border: none;
  }
  /* block 6 */
  /* .retail-operating-system-block6-main-content {
    height: 320px;
  } */
  /* block 7 */
  .ros-block7-main-div {
    margin-left: 0px;
    margin-right: 0px;
    grid-template-columns: repeat(2, 1fr);
  }
  .ros-block7-box1,
  .ros-block7-box2,
  .ros-block7-box3,
  .ros-block7-box4,
  .ros-block7-box5,
  .ros-block7-box6,
  .ros-block7-box7,
  .ros-block7-box8 {
    height: 250px;
  }
  .ros-block7-box5,
  .ros-block7-box8 {
    margin-top: 0px;
  }
  /* block 8 */
 

  /* block 10 */
  .ros-image {
    display: none;
  }
  .retail-operating-system-block10 {
    margin-top: 50px;
  }
  .retail-operating-system-block10-main-content {
    flex-direction: column;
  }
  .retail-operating-system-block10-header {
    align-items: center;
  }
  .ros-vertical-line {
    width: 800px;
    height: 1px
  }
}

/* media query at 750px */
@media (max-width: 750px) {
  /* block 1 */

  .retail-operating-system-block1 {
    display: flex;
    flex-direction: column;
  }
  .retail-operating-system-block1-main-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  /* block 2 */
  .retail-operating-system-block2-main-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  /* block 4 */
  .retail-operating-system-block4-main-header {
    grid-template-columns: repeat(3, 1fr);
  }
  /* block 6 */
  .retail-operating-system-block6 {
    flex-direction: column;
    gap: 20px;
  }
  .retail-operating-system-block6-main-header h2 {
    width: 100%;
  }
  .retail-operating-system-block6-main-content {
    width: 100%;
    /* height: 400px */
  }
  /* block 7 */
  .ros-block7-main-div {
    grid-template-columns: repeat(1, 1fr);
  }
 

  /* block 10 */
  .ros-vertical-line {
    width: 500px;
    height: 1px
  }
  .retail-operating-system-block10-image img {
    height: 300px
  }
  .retail-operating-system-block10-footer {
    display: none;
  }

  /* block 12 */
  /* .retail-operating-system-block12 {
    height: 600px
  } */
  .retail-operating-system-block12-main-div {
    flex-direction: column;
    gap: 20px;
  }
  .retail-operating-system-block12-main-content {
    width: 100%

  }
  .ros-block12-img img {
    margin-top: 0px;
  }
  /* block 13 */
  .retail-operating-system-block13 {
   flex-direction: column;
   gap: 20px
  }
  .retail-operating-system-block13-main-content {
    width: 100%
  }
  .retail-operating-system-block13-image img {
    height: 300px
  }

  /* block medium */
  .retail-operating-system-block-medium {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .retail-operating-system-block-medium-header {
    align-items: center;
  }
  .retail-operating-system-block-medium-header h2 {
    text-align: center;
  }
  .retail-operating-system-block-medium-header p {
    text-align: center;
  }

  #margin-top {
    margin-top: 0px;
  }
}

@media (max-width: 700px) {
  .ros-block12-img {
    display: none;
  }
}

/* media query at 550px */
@media (max-width: 550px) {
  /* block1 */
  .retail-operating-system-block1 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .retail-operating-system-block1-main-content h1 {
    font-size: 35px;
  }
  .retail-operating-system-block1-main-content h4 {
    font-size: 14px;
  }

  .retail-operating-system-block1-button-div {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    align-items: center;
    margin-left: 0px;
  }
  /* block 2 */
  .retail-operating-system-block2 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .retail-operating-system-block2 h2 {
    font-size: 25px;
  }
  .retail-operating-system-block2-main-single h4 {
    font-size: 14px;
  }
  .retail-operating-system-block2-main-single p {
    font-size: 12px;
  }

  /* block 3 */
  .retail-operating-system-block3 h2 {
    font-size: 25px;
  }
  .retail-operating-system-block3 h4 {
    font-size: 14px;
  }
  .retail-operating-system-block3-button-div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
  }

  /* block 4 */
  .retail-operating-system-block4 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .retail-operating-system-block4 h2 {
    font-size: 25px;
  }
  .retail-operating-system-block4-main-header {
    grid-template-columns: repeat(1, 1fr);
  }
  .retail-operating-system-block4-single h4 {
    font-size: 14px;
  }
  /* block 5 */
  .retail-operating-system-block5 {
    margin-left: 30px;
    margin-right: 30px;
    margin-top: 150px;
  }
  .retail-operating-system-block5-main-content h2 {
    font-size: 25px;
  }
  .retail-operating-system-block5-main-content h4 {
    font-size: 14px;
  }
  .retail-operating-system-block5-image img {
    width: 100%;
  }
  /* block 6 */
  .retail-operating-system-block6 {
    margin-left: 30px;
    margin-right: 30px;
    height: 350px;
  }
  .retail-operating-system-block6-main-header h2 {
    font-size: 25px;
  }
  .retail-operating-system-block6-single-header h4 {
    font-size: 14px;
  }
  .retail-operating-system-block6-single p {
    font-size: 12px;
  }
  /* block 7 */
  .retail-operating-system-block7 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .ros-block7-box1 h4 {
    font-size: 14px;
  }
  .ros-block7-box2 h2,
  .ros-block7-box3 h2,
  .ros-block7-box4 h2,
  .ros-block7-box5 h2,
  .ros-block7-box6 h2,
  .ros-block7-box7 h2,
  .ros-block7-box8 h2 {
    font-size: 25px;
  }
  .hidden-text1 p,
  .hidden-text2 p,
  .hidden-text3 p,
  .hidden-text4 p,
  .hidden-text5 p,
  .hidden-text6 p,
  .hidden-text7 p {
    font-size: 12px;
  }
  .hidden-text1 a,
  .hidden-text2 a,
  .hidden-text3 a,
  .hidden-text4 a,
  .hidden-text5 a,
  .hidden-text6 a,
  .hidden-text7 a {
    font-size: 10px;
  }

  /* block 8 */
  .retail-operating-system-main-content h2 {
    font-size: 25px;
  }
  .retail-operating-system-main-content h4 {
    font-size: 14px;
  }
  .retail-operating-system-main-content p {
    font-size: 12px;
  }
  .retail-operating-system-block8-image img {
    width: 100%;
  }
  /* block 9 */
  .retail-operating-system-block9 {
    margin-left: 30px;
    margin-right: 30px;
    margin-top: 50px;
  }
  .retail-operating-system-block9 h2 {
    font-size: 25px;
  }
  .retail-operating-system-block9 h4 {
    font-size: 14px;
    width: 100%;
  }
  .retail-operating-system-block9-main-content {
    width: 100%;
  }

  /* block 10 */
  .retail-operating-system-block10 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .ros-vertical-line {
    width: 300px
  }
  .retail-operating-system-block10-header h2 {
    font-size: 25px;
  }
  .retail-operating-system-block10-header h4 {
    font-size: 14px;
  }
  .retail-operating-system-block10-footer h4 {
    font-size: 14px;
  }
  .retail-operating-system-block10-image img {
    height: 180px;
    
  }

  /* block 11 */
  .retail-operating-system-block11 {
    margin-left: 30px;
    margin-right: 30px;
    width: 100%;
  }
  .retail-operating-system-block11 h2 {
    font-size: 25px;
    width: 100%
  }
  .retail-operating-system-block11 p {
    font-size: 12px;
    width: 100%
  }
  .retail-operating-system-block11 img {
    height: 180px
  }

  /* block 12 */
  .retail-operating-system-block12-main-div {
    margin-left: 30px;
    margin-right: 30px;
  }
  .retail-operating-system-block12-main-content h2 {
    font-size: 25px;
  }
  .retail-operating-system-block12-main-content h4 {
    font-size: 14px;
  }
  .retail-operating-system-block12-main-content p {
    font-size: 12px;
  }
   /* block 13 */
   .retail-operating-system-block13 {
    margin-left: 30px;
    margin-right: 30px;
   }
   .retail-operating-system-block13-main-content h2 {
    font-size: 25px;
   }
   .retail-operating-system-block13-main-content h4 {
    font-size: 14px;
   }
   .retail-operating-system-block13-main-content p {
    font-size: 12px;
   }

  /* block 14 */
  .retail-operating-system-block14 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .retail-operating-system-block14 h2 {
    font-size: 25px;
  }

  /* block medium */
  .retail-operating-system-block-medium {
    margin-left: 30px;
    margin-right: 30px;
  }
  .retail-operating-system-block-medium-header h2 {
    font-size: 25px;
  }
  .retail-operating-system-block-medium-header p {
    font-size: 12px;
  }
}

.retail-block4-main-div {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    justify-content: space-between;
    align-items: center;
    gap: 40px;
}
.retail-block4-single-div {
    width: 200px;
    height: 150px;
    border: 1px solid #2954a5;
    border-radius: 30px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.retail-block4-single-div h4 {
    color: #525252;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}
.retail-block4-single-div p {
    font-size: 14px;
  font-family: "poppins";
  color: #31302d;
  text-align: center;
}
.retail-explore-more {
    display: flex;
    justify-content: center;
    align-items: center;
}
.retail-explore-more a {
    font-size: 14px;
    color: #2954a5;
    margin-top: 10px;
    cursor: pointer;
  }
  .retail-explore-more a:hover {
    font-size: 16px;
  }

  @media (max-width: 950px) {
    .retail-block4-main-div {
        grid-template-columns: repeat(2, 1fr);
    }
  }

  
  @media (max-width: 750px) {
    .retail-block4-main-div {
        grid-template-columns: repeat(1, 1fr);
    }
  }

    
  @media (max-width: 550px) {
    .retail-block4-single-div h4 {
        font-size: 14px;
    }
    .retail-block4-single-div p {
        font-size: 12px;
    }
  }
.retail-block4-main-div {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    justify-content: space-between;
    align-items: center;
    gap: 40px;
}
.retail-block4-single-div {
    width: 200px;
    height: 150px;
    border: 1px solid #2954a5;
    border-radius: 30px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.retail-block4-single-div h4 {
    color: #525252;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}
.retail-block4-single-div p {
    font-size: 14px;
  font-family: "poppins";
  color: #31302d;
  text-align: center;
}
.retail-explore-more {
    display: flex;
    justify-content: center;
    align-items: center;
}
.retail-explore-more a {
    font-size: 14px;
    color: #2954a5;
    margin-top: 10px;
    cursor: pointer;
  }
  .retail-explore-more a:hover {
    font-size: 16px;
  }

  @media (max-width: 950px) {
    .retail-block4-main-div {
        grid-template-columns: repeat(2, 1fr);
    }
  }

  
  @media (max-width: 750px) {
    .retail-block4-main-div {
        grid-template-columns: repeat(1, 1fr);
    }
  }

    
  @media (max-width: 550px) {
    .retail-block4-single-div h4 {
        font-size: 14px;
    }
    .retail-block4-single-div p {
        font-size: 12px;
    }
  }
.retail-block4-main-div {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    justify-content: space-between;
    align-items: center;
    gap: 40px;
}
.retail-block4-single-div {
    width: 200px;
    height: 150px;
    border: 1px solid #2954a5;
    border-radius: 30px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.retail-block4-single-div h4 {
    color: #525252;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}
.retail-block4-single-div p {
    font-size: 14px;
  font-family: "poppins";
  color: #31302d;
  text-align: center;
}
.retail-explore-more {
    display: flex;
    justify-content: center;
    align-items: center;
}
.retail-explore-more a {
    font-size: 14px;
    color: #2954a5;
    margin-top: 10px;
    cursor: pointer;
  }
  .retail-explore-more a:hover {
    font-size: 16px;
  }

  @media (max-width: 950px) {
    .retail-block4-main-div {
        grid-template-columns: repeat(2, 1fr);
    }
  }

  
  @media (max-width: 750px) {
    .retail-block4-main-div {
        grid-template-columns: repeat(1, 1fr);
    }
  }

    
  @media (max-width: 550px) {
    .retail-block4-single-div h4 {
        font-size: 14px;
    }
    .retail-block4-single-div p {
        font-size: 12px;
    }
  }
.retail-block4-main-div {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    justify-content: space-between;
    align-items: center;
    gap: 40px;
}
.retail-block4-single-div {
    width: 200px;
    height: 150px;
    border: 1px solid #2954a5;
    border-radius: 30px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.retail-block4-single-div h4 {
    color: #525252;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}
.retail-block4-single-div p {
    font-size: 14px;
  font-family: "poppins";
  color: #31302d;
  text-align: center;
}
.retail-explore-more {
    display: flex;
    justify-content: center;
    align-items: center;
}
.retail-explore-more a {
    font-size: 14px;
    color: #2954a5;
    margin-top: 10px;
    cursor: pointer;
  }
  .retail-explore-more a:hover {
    font-size: 16px;
  }

  @media (max-width: 950px) {
    .retail-block4-main-div {
        grid-template-columns: repeat(2, 1fr);
    }
  }

  
  @media (max-width: 750px) {
    .retail-block4-main-div {
        grid-template-columns: repeat(1, 1fr);
    }
  }

    
  @media (max-width: 550px) {
    .retail-block4-single-div h4 {
        font-size: 14px;
    }
    .retail-block4-single-div p {
        font-size: 12px;
    }
  }
.retail-block4-main-div {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    justify-content: space-between;
    align-items: center;
    gap: 40px;
}
.retail-block4-single-div {
    width: 200px;
    height: 150px;
    border: 1px solid #2954a5;
    border-radius: 30px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.retail-block4-single-div h4 {
    color: #525252;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}
.retail-block4-single-div p {
    font-size: 14px;
  font-family: "poppins";
  color: #31302d;
  text-align: center;
}
.retail-explore-more {
    display: flex;
    justify-content: center;
    align-items: center;
}
.retail-explore-more a {
    font-size: 14px;
    color: #2954a5;
    margin-top: 10px;
    cursor: pointer;
  }
  .retail-explore-more a:hover {
    font-size: 16px;
  }

  @media (max-width: 950px) {
    .retail-block4-main-div {
        grid-template-columns: repeat(2, 1fr);
    }
  }

  
  @media (max-width: 750px) {
    .retail-block4-main-div {
        grid-template-columns: repeat(1, 1fr);
    }
  }

    
  @media (max-width: 550px) {
    .retail-block4-single-div h4 {
        font-size: 14px;
    }
    .retail-block4-single-div p {
        font-size: 12px;
    }
  }
@font-face{font-family:"revicons";fallback:fallback;src:url(/dist/e8746a624ed098489406.woff) format('woff'),url(/dist/57fd05d4ae650374c8de.ttf) format('ttf'),url(/dist/a77de540a38981833f9e.eot) format('ttf')}.react-multi-carousel-list{display:flex;align-items:center;overflow:hidden;position:relative}.react-multi-carousel-track{list-style:none;padding:0;margin:0;display:flex;flex-direction:row;position:relative;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform,transition}.react-multiple-carousel__arrow{position:absolute;outline:0;transition:all .5s;border-radius:35px;z-index:1000;border:0;background:rgba(0,0,0,0.5);min-width:43px;min-height:43px;opacity:1;cursor:pointer}.react-multiple-carousel__arrow:hover{background:rgba(0,0,0,0.8)}.react-multiple-carousel__arrow::before{font-size:20px;color:#fff;display:block;font-family:revicons;text-align:center;z-index:2;position:relative}.react-multiple-carousel__arrow:disabled{cursor:default;background:rgba(0,0,0,0.5)}.react-multiple-carousel__arrow--left{left:calc(4% + 1px)}.react-multiple-carousel__arrow--left::before{content:"\e824"}.react-multiple-carousel__arrow--right{right:calc(4% + 1px)}.react-multiple-carousel__arrow--right::before{content:"\e825"}.react-multi-carousel-dot-list{position:absolute;bottom:0;display:flex;left:0;right:0;justify-content:center;margin:auto;padding:0;margin:0;list-style:none;text-align:center}.react-multi-carousel-dot button{display:inline-block;width:12px;height:12px;border-radius:50%;opacity:1;padding:5px 5px 5px 5px;box-shadow:none;transition:background .5s;border-width:2px;border-style:solid;border-color:grey;padding:0;margin:0;margin-right:6px;outline:0;cursor:pointer}.react-multi-carousel-dot button:hover:active{background:#080808}.react-multi-carousel-dot--active button{background:#080808}.react-multi-carousel-item{transform-style:preserve-3d;backface-visibility:hidden}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.react-multi-carousel-item{flex-shrink:0 !important}.react-multi-carousel-track{overflow:visible !important}}[dir='rtl'].react-multi-carousel-list{direction:rtl}.rtl.react-multiple-carousel__arrow--right{right:auto;left:calc(4% + 1px)}.rtl.react-multiple-carousel__arrow--right::before{content:"\e824"}.rtl.react-multiple-carousel__arrow--left{left:auto;right:calc(4% + 1px)}.rtl.react-multiple-carousel__arrow--left::before{content:"\e825"}
.ros-business-item {
  display: flex;
  flex-direction: column;
  /* justify-content: center; */
  align-items: center;
}
.ros-business-item img {
  width: 120px;
  height: 120px;
  border: 1px solid #0869fe;
  padding: 10px;
  border-radius: 50%;
}
.ros-business-item h4 {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #525252;
  text-align: center;
}

.carousel-ros-main-section {
  width: 280px;
  height: 210px;
  border: 1px solid #2954a5;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  background-color: #ffffff;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  margin: 0px 20px;
  padding: 20px;
  cursor: pointer;
  transition: transform .2s;
}
.carousel-ros-main-section h4 {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #2954a5;
}
.carousel-ros-main-section p {
    font-size: 14px;
  font-family: "poppins";
  color: #31302d;
  text-align: center;
}
.carousel-ros-main-section h4 {
  background-image: linear-gradient(
    to right,
    #ffde59,
    #ffde59 50%,
    #2954a5 50%
  );
  background-size: 200% 100%;
  background-position: -100%;
  display: inline-block;
  padding: 5px 0;
  position: relative;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 0.3s ease-in-out;
}

.carousel-ros-main-section h4:before {
  content: '';
  background: #ffde59;
  display: block;
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 0;
  height: 3px;
  transition: all 0.3s ease-in-out;
}

.carousel-ros-main-section h4:hover {
 background-position: 0;
}

.carousel-ros-main-section h4:hover::before {
  width:100%;
}
.carousel-ros-main-section:hover {
  transform: scale(1.1)
}
.hyperlocal-main-div {
  /* margin: 120px 80px; */
  /* font-size: 13px; */
  /* color: #31302d;
  font-family: "poppins"; */
  line-height: 1.6;
}
.hero-img {
  width: 100%;
  height: 500px;
  background-repeat: no-repeat;
  background-size: cover;
}
/* .hyperlocal-section-1  */
.hyperlocal-section-1 {
  /* background-color: #2954a5; */
  margin: 120px 80px 0px;
  /* display: flex;
  justify-content: center; */
  /* justify-content: flex-start; */
  /* align-items: flex-start; */
  /* align-items: center;
  flex-direction: column; */
}

.hyperlocal-section-1 h1 {
  font-family: "poppins";
  font-size: 50px;
  text-align: center;
  font-weight: 500;
  color: #31302d;
  margin-top: 0px;
  margin-bottom: 10px;

  /* margin-left: 200px; */
}
.hyperlocal-section-1 > img {
  /* width: 100%; */
  width: 80%;
  /* height: 80%; */
  background-size: cover;
  background-repeat: no-repeat;
}
.hyperlocal-section-1-div {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

/* hyperlocal-section-1-div-box1 */
.hyperlocal-section-1-div-box1 {
  /* width: 35%; */
  /* width: 60%; */
  /* position: absolute; */
}

/*hyperlocal-section-2  */
.hyperlocal-section-2-heading {
  margin-top: 50px;

  font-family: "Poppins", sans-serif;
  font-size: 35px;
  color: #ffffff !important;
  font-weight: 500;

  background-color: #2954A5;
  color: #ffffff !important;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  left: 0;
  text-align: center;
  height: 90px;
}

.hyperlocal-section-2 {
  /* margin-top: 50px;      too much white space no not using it here  */
  margin: auto 80px;
}

.hyperlocal-section-2 img {
  width: 100%;
}
.hyperlocal-section-2 h2 {
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  font-size: 35px;
  color: #31302d;
}
.hyperlocal-section-2 h4 {
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  color: #525252;
}
/* hyperlocal-section-2-Box-1  */
.hyperlocal-section-2-Box-1,
.hyperlocal-section-2-Box-2 {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}

/* for big screen set to 50% width  */
.hyperlocal-section-2-div {
  width: 50%;
}

/* hyperlocal-section-3-heading */
.hyperlocal-section-3-heading {
  margin-top: 50px;

  font-family: "Poppins", sans-serif;
  font-size: 35px;
  color: #ffffff !important;
  font-weight: 500;

  background-color: #2954A5;
  color: #31302d;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  left: 0;
  text-align: center;
  height: 90px;
}

/* hyperlocal-section-3 */
.hyperlocal-section-3 {
  margin: 50px 80px;
}
.hyperlocal-section-3 button {
  padding: 10px 0px;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  text-align: center;
  font-weight: 500;
  color: #525252;
  width: 250px;
  cursor: pointer;
}

/* active button  */
.not_active {
  border: 1px solid gainsboro;
  background-color: #ffffff !important;
  color: #31302d;
}
.active {
  background-color: #2954a5;
  color: #ffffff !important;
  border: 1px solid #2954a5;
}

/* hyperlocal-section-4  */
.hyperlocal-section-4-heading {
  margin-top: 50px;

  font-family: "Poppins", sans-serif;
  font-size: 35px;
  color: #ffffff !important;
  font-weight: 500;

  background-color: #2954A5;
  color: #31302d;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  left: 0;
  text-align: center;
  height: 90px;
}
.hyperlocal-section-4 {
  margin: 50px 80px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center;
}

.hyperlocal-section-4 ul {
  padding: auto;
  display: flex;
  justify-content: space-around;
  flex-direction: column;
  padding: 0px;
  gap: 20px;
  line-height: 1.6;
}

.hyperlocal-section-4-div-1 li {
  display: flex;
  font-size: 13px;
  font-family: "poppins";
  color: hsl(45, 4%, 18%);
  /* justify-content: center; */
  justify-content: left;
  align-items: center;
  gap: 30px 20px;
}

.hyperlocal-section-4-div-3 li {
  display: flex;
  font-size: 13px;
  font-family: "poppins";
  color: hsl(45, 4%, 18%);
  /* justify-content: center; */
  justify-content: right;
  align-items: center;
  gap: 30px 20px;
}

/* hyperlocal-section-4-div-4 start here -currently not using */
/* .hyperlocal-section-4-div-2 {
  text-align: center;
}
.hyperlocal-section-4-div-4 {
  text-align: center;
} */
/* div_inside_mock_smartphone */
/* .div_inside_mock_smartphone {
  top: 60px;
  left: 38%;
} */
/* hyperlocal-section-4-div-4 end here  */

/* small screen  */
@media screen and (max-width: 480px) {
  .hyperlocal-main-div {
    margin: 120px 30px;
  }

  /* .hero-img { */
  .hero-img {
    /* width: 100%; */
    width: 300px;
    height: auto;
    /* height: 500px; */
  }
  .hyperlocal-section-1 {
    /* background-color: #2954a5; */
    margin: 120px 0px 0px;
  }
  /* .hyperlocal-section-1-div { */
  .hyperlocal-section-1-div {
    flex-wrap: wrap;
  }

  /* .hyperlocal-section-1 h1 { */
  .hyperlocal-section-1 h1 {
    font-size: 35px;
    margin-top: auto;
    margin-bottom: auto;
  }

  /* hyperlocal-section-1-div-box1 */
  .hyperlocal-section-1-div-box1 {
    width: 100%;
  }

  .hyperlocal-section-2 {
    /* margin-top: 50px;      too much white space no not using it here  */
    margin: auto 30px;
  }

  .hyperlocal-section-2-heading {
    font-size: 25px;
  }

  .hyperlocal-section-2-Box-1,
  .hyperlocal-section-2-Box-2 {
    flex-wrap: wrap;
  }
  .hyperlocal-section-2-div {
    width: 100%;
  }

  .hyperlocal-section-2 h2 {
    font-size: 25px;
  }

  .hyperlocal-section-2 h4 {
    font-size: 14px;
  }

  /* hyperlocal-section-3 */
  .hyperlocal-section-3 {
    margin: 50px 30px;
  }

  /* hyperlocal section 3  */
  .hyperlocal-section-3-heading {
    font-size: 25px;
  }

  .hyperlocal-section-3 button {
    font-size: 14px;
    width: 200px;
  }

  /* .hyperlocal-section-4-heading { */
  .hyperlocal-section-4-heading {
    font-size: 25px;
    height: auto;
  }

  /* .hyperlocal-section-4  */
  .hyperlocal-section-4 {
    margin: 50px 30px;
    justify-content: center;
    align-items: center;
  }

  /* .hyperlocal-section-4-div-1  */
  .hyperlocal-section-4-div-1 {
    width: 20%;
  }

  .hyperlocal-section-4-div-1 {
    width: 100%;
  }
  .hyperlocal-section-4-div-2 {
    width: 100%;
  }
  .hyperlocal-section-4-div-3 {
    width: 100%;
  }
  .hyperlocal-section-4-div-4 {
    width: 100%;
  }
  /* div_inside_mock_smartphone */
  .div_inside_mock_smartphone {
    top: 60px;
    left: 41.5%;
  }
}

/* 481 pixels to 991 pixels */
@media screen and (min-width: 481px) and (max-width: 991px) {
  .div_inside_mock_smartphone {
    top: 60px;
    left: 37%;
  }
}

.our_mission {
  display: flex;
  justify-content: center;
  align-items: center;
}
.our_mission ul {
  list-style: none;
}
.our_mission ul li {
  display: flex;
  align-items: center;
  column-gap: 10px;
  padding: 10px;
  font-size: 18px;
  font-family: "Poppins", sans-serif;
  color: #525252;
  font-weight: 500;
}

@media screen and (max-width: 480px) {
  .our_mission {
    flex-wrap: wrap;
  }
  .our_mission ul li {
    font-size: 14px;
  }
}

.what_you_can_avoid {
  display: flex;
  justify-content: center;
  align-items: center;
}
.what_you_can_avoid ul {
  list-style: none;
}
.what_you_can_avoid ul li {
  display: flex;
  align-items: center;
  column-gap: 10px;
  padding: 10px;
  font-size: 18px;
  font-family: "Poppins", sans-serif;
  color: #525252;
  font-weight: 500;
}

@media screen and (max-width: 480px) {
  .what_you_can_avoid {
    flex-wrap: wrap;
  }
  .what_you_can_avoid ul li {
    font-size: 14px;
  }
}

/* hyperlocal-section-5  */
.hyperlocal-section-5 {
  margin: 50px auto;
}
.hyperlocal-section-5-div-1 {
  margin: 50px 80px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
  /* width: 100%; */
}
.hyperlocal-section-5-div-1 h3 {
  font-family: "Poppins", serif;
  font-size: 25px;
  color: #31302d;
  font-weight: bold;
}

/* hyperlocal-section-5-div-2 */
.hyperlocal-section-5-div-2 {
  /* margin: 0px 80px; */
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  text-align: center;
  background-color: #ffde59;
  padding: 50px 5px;
}

/* hyperlocal-section-5-div-2 h2 */
.hyperlocal-section-5-div-2 h2 {
  font-family: "Poppins", serif;
  font-size: 35px;
  color: #ffffff;
  font-weight: bold;
}

/* animation for icons */
@keyframes bounce {
  0%,
  100%,
  20%,
  50%,
  80% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
.bounce_button {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
.bounce_button:hover {
  cursor: pointer;
  animation-name: bounce;
  -moz-animation-name: bounce;
}
/* end of animation  */

/* text transition  */
.wrapper-box-section-5 {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  row-gap: 20px;
}

/* end of transition  */

.wrapper-box-section-5 .bold_text {
  font-weight: bold;
  margin-right: 10px;
  display: inline-block;
}

.wrapper-box-section-5 ul li {
  border-radius: 1rem;
  padding: 20px 10px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
    rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.wrapper-box-section-5 ul li span {
  font-weight: bold;
}
.wrapper-box-section-5 h3 {
  font-size: 35px;
  color: #2954a5;
}
/* other transition  */

.flip {
  height: 50px;
  /* position: relative; */
  overflow: hidden;
  font-size: 18px;
}
.unFlip {
  /* height: 50px; */
  /* position: relative; */
  /* overflow: hidden;
  font-size: 18px; */
  display: none;
}
.flip > div > div {
  /* color: #fff; */
  /* padding: 4px 12px; */
  height: 45px;
  margin-bottom: 45px;
  display: inline-block;
}

.flip div:first-child {
  animation: show 7s linear infinite;
}

.whats_for_customer_no_transition {
  display: none;
}

@keyframes show {
  0% {
    margin-top: -270px;
  }
  5% {
    margin-top: -180px;
  }
  33% {
    margin-top: -180px;
  }
  38% {
    margin-top: -90px;
  }
  66% {
    margin-top: -90px;
  }
  71% {
    margin-top: 0px;
  }
  99.99% {
    margin-top: 0px;
  }
  100% {
    margin-top: -270px;
  }
}
/* end  */

/* media queries here */
/* small screen  */
@media screen and (max-width: 480px) {
  .hyperlocal-section-5-div-1 {
    margin: 50px 30px;
    display: flex;
    justify-content: center;
    row-gap: 30px;
    align-items: center;
    flex-wrap: wrap;
    /* width: 100%; */
  }
  .hyperlocal-section-5-div-1 h3 {
    font-family: "Poppins", serif;
    font-size: 18px;
    color: #31302d;
    font-weight: bold;
    text-align: center;
  }
  /* .hyperlocal-section-5-div-2 h2 { */
  .hyperlocal-section-5-div-2 h2 {
    font-size: 25px;
  }
  .flip {
    display: none;
  }
  .unFlip {
    /* height: 50px; */
    /* position: relative; */
    /* overflow: hidden;
    font-size: 18px; */
    display: block;
  }
  .wrapper-box-section-5 {
    margin: 50px 30px;
    flex-wrap: wrap;
  }
  /* .wrapper-box-section-5 h3 {
    font-size: 25px;
    text-align: center;
  } */
  /* remove text_transition_box from viewport */
  .whats_for_customer_transition {
    display: none;
  }
  /* display whats_for_customer_no_transition box  */
  .whats_for_customer_no_transition {
    display: block;
  }
}

@media screen and (min-width: 481px) and (max-width: 991px) {
}

.card{
  border-radius: 2rem;
  /* width: { sm: "100%", md: "15%", lg: "15%", xl: "15%" }, */
  text-align: center;
  color: #2954a5;
  background-color: #FFFFFF;
  height:200px;
  padding: 20px 10px;
}
.card h4 {
  font-size: 18px;
  font-weight: 500;
  font-family: "Poppins", serif;
  color: #525252;
}

.card-description {
  font-size: 14px;
  color: #31302d;
  font-size: 14px;
  font-family: "Roboto", serif;
}

/* small screen  */
@media screen and (max-width: 480px) {
  .card{
    margin: 0px 30px;
    height: auto;
    padding: 20px 5px;
  }
  .card h4 {
    font-size: 14px;
  }
  .card-description {
    font-size: 12px;
  }
}

@media screen and (min-width: 481px) and (max-width: 991px) {
}

/* body {
    font-size: 0;
    color: #999;
    background: #fafafa;
    font-weight: 300;
    font-family: helvetica neue, helvetica, arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 20px;
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
  } */
.stationary {
  line-height: 36px;
  /* display: inline-block; */
  /* vertical-align: middle; */
  /* margin: 0 10px 0 0; */
  margin: 0;
  padding: 0;

  font-size: 25px;
  color: #2954a5;
  display: block;
}
.scrolling .bold_text {
  font-weight: bold;
  margin-right: 10px;
  /* display: block; */
}
.scroll-window {
  height: 36px;
  display: inline-block;
  vertical-align: middle;
  overflow-y: hidden;
  margin: 10px auto;
}
.scroll-container {
  animation: scroll infinite ease-in-out;
  animation-duration: 20s;
} 
.scrolling {
  line-height: 36px;
  margin-bottom: 5px;
  font-size: 18px;
}
@-moz-keyframes scroll {
  0% {
    transform: translateY(0px);
  }
  16% {
    transform: translateY(0px);
  }
  20% {
    transform: translateY(-41px);
  }
  36% {
    transform: translateY(-41px);
  }
  40% {
    transform: translateY(-82px);
  }
  56% {
    transform: translateY(-82px);
  }
  60% {
    transform: translateY(-123px);
  }
  76% {
    transform: translateY(-123px);
  }
  80% {
    transform: translateY(-164px);
  }
  96% {
    transform: translateY(-164px);
  }
  100% {
    transform: translateY(-205px);
  }
}
@-webkit-keyframes scroll {
  0% {
    transform: translateY(0px);
  }
  16% {
    transform: translateY(0px);
  }
  20% {
    transform: translateY(-41px);
  }
  36% {
    transform: translateY(-41px);
  }
  40% {
    transform: translateY(-82px);
  }
  56% {
    transform: translateY(-82px);
  }
  60% {
    transform: translateY(-123px);
  }
  76% {
    transform: translateY(-123px);
  }
  80% {
    transform: translateY(-164px);
  }
  96% {
    transform: translateY(-164px);
  }
  100% {
    transform: translateY(-205px);
  }
}
@-o-keyframes scroll {
  0% {
    transform: translateY(0px);
  }
  16% {
    transform: translateY(0px);
  }
  20% {
    transform: translateY(-41px);
  }
  36% {
    transform: translateY(-41px);
  }
  40% {
    transform: translateY(-82px);
  }
  56% {
    transform: translateY(-82px);
  }
  60% {
    transform: translateY(-123px);
  }
  76% {
    transform: translateY(-123px);
  }
  80% {
    transform: translateY(-164px);
  }
  96% {
    transform: translateY(-164px);
  }
  100% {
    transform: translateY(-205px);
  }
}
@keyframes scroll {
  0% {
    transform: translateY(0px);
  }
  16% {
    transform: translateY(0px);
  }
  20% {
    transform: translateY(-41px);
  }
  36% {
    transform: translateY(-41px);
  }
  40% {
    transform: translateY(-82px);
  }
  56% {
    transform: translateY(-82px);
  }
  60% {
    transform: translateY(-123px);
  }
  76% {
    transform: translateY(-123px);
  }
  80% {
    transform: translateY(-164px);
  }
  96% {
    transform: translateY(-164px);
  }
  100% {
    transform: translateY(-205px);
  }
}

/* media queries  */
/* 950px, 750px , 550px */
@media screen and (max-width: 550px) {
  /* .scroll-window {
    height: 50px;
  }
  .scrolling {
    line-height: 26px;
  } */
  .scroll-container{
    display: none;
  }
}

/* @media screen and (min-width: 481px) and (max-width: 991px) {
} */

.section-6-heading {
  margin-top: 50px;

  font-family: "Poppins", sans-serif;
  font-size: 35px;
  /* color: #ffffff; */
  color: #ffffff !important;
  font-weight: 500;

  background-color: #2954A5;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  left: 0;
  text-align: center;
  height: 90px;
}

.challenge-faced {
  margin: 50px 80px;
}

.challenge-faced h2 {
  font-family: "Poppins", serif;
  font-size: 35px;
  color: #31302d;
  text-align: center;
  font-weight: 500;
  text-align: center;
}

.challenge-faced h3 {
  font-family: "Poppins", serif;
  font-size: 25px;
  color: #31302d;
  text-align: center;
  font-weight: 500;
  text-align: center;
}

.challenge-faced ul {
  padding-left: 0px;
}

.challenges_solution_div {
  display: flex;
  justify-content: space-around;
  gap: 50px;
  /* // flexWrap: { sm: "wrap", md: "nowrap", lg: "nowrap", xl: "nowrap" }, */
}

@media screen and (max-width: 480px) {
  .section-6-heading {
    font-size: 25px;
  }

  .challenge-faced {
    margin-left: 30px;
    margin-right: 30px;
  }
  .challenge-faced h2 {
    font-family: "Poppins", serif;
    font-size: 25px;
  }
  .challenge-faced h3 {
    font-family: "Poppins", serif;
    font-size: 18px;
  }

  /* .challenges_solution_div{ */
  .challenges_solution_div {
    flex-wrap: wrap;
    gap: 20px;
  }
}

@media screen and (min-width: 481px) and (max-width: 991px) {
}

.section-7-heading {
  margin-top: 50px;
  text-align: center;
  background-color: #ffde59;
  height: 90px;

  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 35px;
  color: #ffffff;
  font-weight: 500;
}

.section-7 {
  background-color: #2954a5;
}
.section-7-content {
  margin: 0px 80px;
  color: #ffffff;

  display: flex;
  justify-content: space-evenly;
  align-items: center;
  padding-top: 30px;
  /* flex-wrap: wrap; */
}

.section-7-content h3 {
  font-size: 25px;
  font-family: "Poppins", serif;
  /* color: #31302d; */
  font-weight: 500;
}
.section-7-content h3 + p {
  font-size: 18px;
  font-family: "Poppins", serif;
  /* color: #31302d; */
  font-weight: 500;
}

.section-7-content ul {
  padding: 0px;
}

.section-7-content li {
  margin: 10px auto;
  display: flex;
  /* justify-content: center; */
  align-items: center;
  color: #ffffff !important;
  gap: 10px;
  font-family: "Roboto", serif;
  font-size: 14px;
}

@media screen and (max-width: 480px) {
  .section-7-content {
    flex-wrap: wrap;
    margin: auto 30px;
  }
  .section-7-heading {
    margin-top: 50px 30px;
    font-size: 25px;
  }
  .section-7-content h3 {
    font-size: 18px;
  }
}

@media screen and (min-width: 481px) and (max-width: 991px) {
}

.section-8-inner {
  margin: 50px 80px;
}
.section-8 h2 {
  font-size: 35px;
  font-family: "Poppins", serif;
  font-weight: 500;
}
.features-list {
  /* position: absolute; */
  top: 30px;
  left: 10px;
}
.features-list div {
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
}

.integrates {
  position: absolute;
  right: -60px;
  top: 50px;
}

@media screen and (max-width: 480px) {
  .section-8-inner {
    margin: 50px 30px;
  }
  .features-list {
    left: 10px;
  }
  .features-list div {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
  }
  .integrates {
    position: absolute;
    right: -10px;
    top: 100px;
  }
}

@media screen and (min-width: 700px) and (max-width: 1600px) {
  .features-list {
    left: 20%;
  }
}


.section-9-inner {
  margin: 50px 80px;
  /* flexWrap: { sm: "wrap", md: "nowrap", lg: "nowrap",xl:"nowrap" }, */
}

.section-9-inner label {
  width: 100px;
  text-align: start;
}

/* section-9-inner h2  */
.section-9-inner h2 {
  font-size: 25px;
  color: #31302d;
  font-family: "Poppins", serif;
  font-weight: 500;
  margin-bottom: 0px;
  line-height: 1.3;
}

/* .section-9-inner h4{ */
.section-9-inner h4 {
  font-size: 18px;
  color: #31302d;
  font-family: "Poppins", serif;
  font-weight: 500;
  margin: 10px auto;
}

.section-9-inner p {
  font-size: 14px;
  color: #31302d;
  font-family: "Poppins", serif;
  font-weight: 500;
}

.agree {
  color: #2954a5;
}

.submit {
  color: #ffffff;
  background-color: #2954a5;
  font-size: 14px;
  font-family: "Roboto", serif;
  width: 120px;
  border-radius: 5px;
  padding: 10px 20px;
  border: none;
  font-weight: 500;
}

@media screen and (max-width: 480px) {
  .section-9-inner {
    margin: 50px 30px;
    flex-wrap: wrap;
  }
  .section-9-inner h2 {
    font-size: 25px;
  }
}

@media screen and (min-width: 700px) and (max-width: 1600px) {
}

.affiliateHeroSection {
  margin: 120px 80px;
}

.affiliateHeroSection h1 {
  font-size: 50px;
  font-family: "poppins";
  font-size: 50px;
  color: #31302d;
  margin-bottom: 0px;
}

.affiliateHeroSection u {
  text-underline-offset: 12px;
  color: #ffde59;
}

.affiliateHeroSection .text_underline_box {
  color: #2954a5;
}

.affiliateHeroSection-desc {
  margin: 30px auto;
  line-height: 1.6;
  font-size: 18px;
  color: #525252;
  font-family: "Poppins", sans-serif;
}

/* media queries  */
/* 950px, 750px , 550px */
@media screen and (max-width: 550px) {
  .affiliateHeroSection {
    margin: 120px 30px 50px;
  }

  .affiliateHeroSection h1 {
    font-size: 35px;
  }
}

@media screen and (min-width: 551px) and (max-width: 750px) {
}

@media screen and (min-width: 751px) and (max-width: 950px) {
}

.affiliateButton {
  color: #ffffff;
  background-color: #2954a5;
  border-radius: 0.5rem;
  border: none;
  font-size: 14px;
  font-family: "poppins";
  padding: 10px 20px;
  cursor: pointer;
}

@media screen and (max-width: 550px) {
  .affiliateButton {
    margin-bottom: 10px;
  }
}

@media screen and (min-width: 551px) and (max-width: 750px) {
  .affiliateUnderline {
    width: 200px;
  }
}

@media screen and (min-width: 751px) and (max-width: 950px) {
}

.affiliateUnderline {
  content: "";
  background: #ffde59;
  width: 270px;
  height: 3px;
  margin-left: 190px;
}

@media screen and (max-width: 550px) {
  .affiliateUnderline {
    display: none;
  }
}

@media screen and (min-width: 551px) and (max-width: 750px) {
  .affiliateUnderline {
    display: none;
  }
}

@media screen and (min-width: 751px) and (max-width: 950px) {
  .affiliateUnderline {
    /* display: none; */
    width: 150px;
    margin-left: 0px;
  }
}

.whatIsPallet {
  margin: 50px 80px;
  text-align: center;
}

.whatIsPallet h2 {
  color: #2954a5;
  font-size: 35px;
  margin-bottom: 20px;
}

.whatIsPallet_desc {
  font-size: 14px;
  font-family: "Roboto", serif;
  color: #31302d;
}

.whatIsPallet u {
  text-underline-offset: 12px;
  color: #ffde59;
}

.whatIsPallet .text_underline_box {
  color: #2954a5;
}

@media screen and (max-width: 550px) {
  .whatIsPallet {
    margin: 50px 30px;
    text-align: center;
  }
  .whatIsPallet h2 {
    font-size: 25px;
  }
}

@media screen and (min-width: 551px) and (max-width: 750px) {
}

@media screen and (min-width: 751px) and (max-width: 950px) {
}

.howItWorks {
  margin: 50px 80px;

  font-size: 14px;
  font-family: "Roboto", serif;
  color: #31302d;
}

.howItWorks h4 {
  font-size: 18px;
  color: #525252;
  font-weight: 500;
  font-family: "Poppins", serif;
}

.howItWorks .NumberBox {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #2954a5;
  color: #ffffff;
  width: 50px;
  height: 50px;
  clip-path: polygon(
    50% 0%,
    83% 12%,
    100% 43%,
    94% 78%,
    68% 100%,
    32% 100%,
    6% 78%,
    0% 43%,
    17% 12%
  );
  font-size: 18px;
}

.how_it_works_content {
  display: flex;
  justify-content: space-evenly;
  text-align: center;
  margin: 50px auto;
  column-gap: 50px;
}

.how_it_works_content .steps {
  font-weight: bold;
}

.how-it-works-highlight {
  color: #2954a5;
}

.NumberBox-sideline {
  position: absolute;
  margin-top: 22px;
  margin-left: 170px;
}

@media screen and (max-width: 550px) {
  .howItWorks {
    margin: 50px 30px;
  }
  .how_it_works_content {
    flex-wrap: wrap;
    row-gap: 30px;
  }
}

@media screen and (min-width: 551px) and (max-width: 750px) {
  .NumberBox-sideline {
    margin-left: 100px;
  }
}

@media screen and (min-width: 751px) and (max-width: 950px) {
  .NumberBox-sideline {
    margin-left: 230px;
  }
}

.unlockLimitlessEarning {
  margin: 50px 0px;
  display: flex;
  text-align: center;
}

.unlockLimitlessEarning-left-box {
  background-color: #ffde59;
  padding: 30px 0px 30px 80px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.unlockLimitlessEarning-left-box-inner {
  margin: 30px 30px 30px 80px;
}

.unlockLimitlessEarning-left-box-inner h2 {
  font-size: 35px;
  font-weight: 500;
  font-family: "Poppins", serif;
  padding-right: 100px;
}

.unlockLimitlessEarning-left-box-inner p {
  font-size: 14px;
  font-family: "Roboto", serif;
  color: #31302d;
  padding: 0px 100px 0px 0px;
}

/* right box image one  */
.unlockLimitlessEarning-right-box-inner {
  margin-left: -100px;
  background: #ffffff;
  clip-path: polygon(9% 19%, 96% 28%, 95% 79%, 9% 68%);
}

.unlockLimitlessEarning-left-box-button {
  padding-right: 100px;
}

@media screen and (max-width: 550px) {
  .unlockLimitlessEarning {
    margin: 50px 0px;
    flex-wrap: wrap;
  }

  .unlockLimitlessEarning-left-box {
    padding: 50px 30px;
    /* padding: 30px 0px 30px 80px; */
  }

  .unlockLimitlessEarning-left-box-inner {
    margin: 0px;
  }

  .unlockLimitlessEarning-left-box-inner p {
    padding: 0px;
  }

  .unlockLimitlessEarning-left-box-inner h2 {
    font-size: 25px;
    padding-right: 0px;
  }

  /* right box image one  */
  .unlockLimitlessEarning-right-box-inner {
    margin: auto;
    background: #ffffff;
    /* clip-path: polygon(9% 19%, 96% 28%, 95% 79%, 9% 68%); */
    clip-path: none;
  }

  .unlockLimitlessEarning-left-box-button {
    padding: 0px;
  }
}

@media screen and (min-width: 551px) and (max-width: 750px) {
}

@media screen and (min-width: 751px) and (max-width: 950px) {
}

.whyBecomeAffiliate {
  margin: 50px 80px;
}

#whyToBecomeAffiliate {
  scroll-margin-top: 100px;
}

.whyBecomeAffiliate-inner {
  display: flex;
  justify-content: space-evenly;
  padding-top: 50px;
}

.whyBecomeAffiliate h4 {
  font-weight: 500;
  margin-bottom: 10px;
  font-size: 18px;
  font-family: "Poppins", serif;
  color: #525252;
}

.whyBecomeAffiliate-inner p {
  font-size: 14px;
  font-family: "Roboto", serif;
  color: #31302d;
}

.whyBecomeAffiliate-inner h3 {
  font-size: 25px;
  color: #2954a5;
}

.whyBecomeAffiliate-inner-left {
  width: 40%;
}

.whyBecomeAffiliate-inner-right {
  width: 50%;
}

@media screen and (max-width: 550px) {
  .whyBecomeAffiliate {
    margin: 50px 30px;
  }
  .whyBecomeAffiliate-inner {
    flex-wrap: wrap;
  }
  .whyBecomeAffiliate-inner-left {
    width: 100%;
  }

  .whyBecomeAffiliate-inner-right {
    width: 100%;
  }
}

@media screen and (min-width: 551px) and (max-width: 750px) {
}

@media screen and (min-width: 751px) and (max-width: 950px) {
}

.whoCanJoin {
  margin: 50px 80px;
  text-align: center;
}

.whoCanJoin h2 {
  color: #2954a5;
  font-size: 35px;
  margin-bottom: 20px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
}

.whoCanJoin p {
  font-size: 14px;
  font-family: "poppins";
  color: #31302d;
}

.whoCanJoin u {
  text-underline-offset: 12px;
  color: #ffde59;
}

.whoCanJoin .text_underline_box {
  color: #2954a5;
}

@media screen and (max-width: 550px) {
  .whoCanJoin {
    margin: 50px 30px;
  }

  .whoCanJoin h2 {
    font-size: 25px;
  }
}

@media screen and (min-width: 551px) and (max-width: 750px) {
}

@media screen and (min-width: 751px) and (max-width: 950px) {
}

.startEarningExtra {
  text-align: center;
  background: #ffde59;
  padding: 50px 0px;
}

.startEarningExtra h2 {
  font-size: 35px;
  font-family: "Poppins", serif;
  font-weight: 500;
}

@media screen and (max-width: 550px) {
  .startEarningExtra h2 {
    font-size: 25px;
  }
}

@media screen and (min-width: 551px) and (max-width: 750px) {
}

@media screen and (min-width: 751px) and (max-width: 950px) {
}

.affiliate {
  line-height: 1.6;
}

/* .partnersProgram {

} */

.partnersProgramHeroSection {
  margin: 5rem 5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
}

@media (max-width: 1024px) {
  .partnersProgramHeroSection {
    margin: 5rem 3rem;
  }
}

@media (max-width: 600px) {
  .partnersProgramHeroSection {
    margin: 3rem 1rem;
  }
}

/* .partnersProgramHeroSection h1 {
  font-size: 50px;
  font-family: "poppins";
  font-size: 50px;
  color: #31302d;
  margin-bottom: 0px;
}

.partnersProgramHeroSection h1:first-child {
  color: #2954a5;
} */

.partnersProgramHeroSection-desc {
  margin: 30px auto;
  line-height: 1.6;
  font-size: 18px;
  color: #525252;
  font-family: "Poppins", sans-serif;
}

.partner_heading-h1-new {
  font-size: 3rem !important;
  font-weight: 700 !important;
  margin: 0 !important;
  color: #333 !important;
  text-align: center !important;
  max-width: 70%;
  text-transform: capitalize;
}

.partner_heading-p-new {
  font-size: 1rem !important;
  margin: 0.25rem 0 !important;
  color: #6B6B6B !important;
  text-align: center;
  max-width: 70%;
}

@media (max-width: 820px) {
  .partner_heading-h1-new {
    max-width: 90%;
  }
  
  .partner_heading-p-new {
    max-width: 90%;
  }
}

/* media queries  */
/* 950px, 750px , 550px */
/* @media screen and (max-width: 550px) {
  .partnersProgramHeroSection {
    margin: 120px 30px 50px;
  }

  .partnersProgramHeroSection h1 {
    font-size: 35px;
  }
}

@media screen and (min-width: 551px) and (max-width: 750px) {
}

@media screen and (min-width: 751px) and (max-width: 950px) {
} */

.partnersProgramButton {
  /* color: #ffffff; */
  background-color: #ffffff;
  border-radius: 0.5rem;
  border: none;
  font-size: 14px;
  font-family: "poppins";
  padding: 10px 20px;
  cursor: pointer;
}

@media screen and (max-width: 550px) {
  .partnersProgramButton {
    margin-bottom: 10px;
  }
}

@media screen and (min-width: 551px) and (max-width: 750px) {
}

@media screen and (min-width: 751px) and (max-width: 950px) {
}

.ways_to_partnership {
  margin: 50px 80px;
}

.partner-sec2-h2-new {
  color: #333;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
  width: 80%;
}

.ways_to_partnership h4 {
  font-size: 18px;
  font-weight: 500;
  font-family: "Poppins", serif;
  color: #525252;
}

.ways_to_partnership_card_box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}

@media (max-width: 850px) {
  .ways_to_partnership_card_box {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 550px) {
  .ways_to_partnership {
    margin: 50px 30px;
  }
  /* .ways_to_partnership_card_box {
    flex-wrap: wrap;
  } */
}

@media screen and (min-width: 551px) and (max-width: 750px) {
}

@media screen and (min-width: 751px) and (max-width: 950px) {
}


.partnership_card {
  border-radius: 1rem;
  padding: 1rem;
  background: #fff;
  /* width: 40%; */
  width: 400px;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  box-sizing: border-box;
  justify-content: space-between;
  box-shadow: 0px 8px 23px 6px rgba(0, 0, 0, 0.08);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

@media (max-width: 850px) {
  .partnership_card {
    width: 350px;
    height: auto;
  }
}

.partnership_card:hover {
  transform: translateY(-5px);
  box-shadow: 0px 9px 38px 6px rgba(112, 160, 255, 0.18);
}

.partnership-card-outer-par-new {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  background-color: #E8F0FF;
  border-radius: 0.5rem;
  padding: 1rem;
  width: 100%;
  box-sizing: border-box;
  flex: 1;
}

.partnership-card-h-new {
  font-size: 1.5rem;
  font-weight: 500;
  color: #007aff;
  margin: 0;
  text-align: center;
}

.partnership-card-p-new {
  font-size: 1rem;
  font-weight: normal;
  color: #333;
  margin: 0;
}

.partnership-card-img-par-new {
  height: 150px;
  width: 70%;
  overflow: hidden;
  border-radius: 0.5rem;
}

.partnership-card-img-par-new img{
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.partner-card-btn-new1 {
  background-color: #007aff;
  color: #fff;
  font-size: 1.25rem;
  border-radius: 0.5rem;
  border: 1px solid #007aff;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  cursor: pointer;
}

/* .partnership_card h4{
  color: #ffffff;
} */

/* .partnership_card p {
  font-family: "Roboto", serif;
  color: #ffffff;
  font-size: 14px;
  line-height: 1.4;
} */

/* .partnership_card p:last-child {
  color: #2954a5;
} */

@media screen and (max-width: 550px) {
  /* .partnership_card {
    width: 100%;
    height: auto;
    flex-wrap: wrap;
    padding: 20px;
  } */
}

@media screen and (min-width: 551px) and (max-width: 750px) {
}

@media screen and (min-width: 751px) and (max-width: 950px) {
}

.cEbYy1Ff4gydC_nuaPsS {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  align-items: center;
  margin-top: 5rem;
}

.BhjvfEA0nP4x6aTqetYG {
  opacity: 0;
  transform: translateY(80px) scale(0.95);
  filter: blur(8px);
  transition:
    opacity 1s cubic-bezier(0.16, 1, 0.3, 1),
    transform 1s cubic-bezier(0.16, 1, 0.3, 1),
    filter 1s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform, filter;
}

.BhjvfEA0nP4x6aTqetYG.KWtzfXz5sYCHXjc3u6pW {
  opacity: 1;
  transform: translateY(0) scale(1);
  filter: blur(0px);
}
.benefits_main {
  margin: 50px 80px;
}

.benefits_main h2 {
  font-size: 35px;
  font-weight: 500;
  font-family: "Poppins", serif;
}

.benefits_main h4 {
  font-size: 18px;
  color: #525252;
  font-family: "Poppins", serif;
  font-weight: 500;
}

.section-sec3-par-new {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  width: 100%;
}

.partner-contact-btn-new1 {
  background-color: #007aff;
  color: #fff;
  font-size: 1.25rem;
  border-radius: 0.5rem;
  border: 1px solid #007aff;
  width: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  cursor: pointer;
}

@media screen and (max-width: 550px) {
  .benefits_main {
    margin: 50px 30px;
  }
  .benefits_main h2 {
    font-size: 25px;
  }
}

@media screen and (min-width: 551px) and (max-width: 750px) {
}

@media screen and (min-width: 751px) and (max-width: 950px) {
}

/* for number font  */
/* @import url("https://fonts.googleapis.com/css2?family=Train+One&display=swap"); */

/* @import url("https://fonts.googleapis.com/css2?family=Ubuntu&display=swap"); */

.benefitsCard {
  display: flex;
  width: 400px;
  background-color: #ffffff;
  border: 2px solid #2954a5;
  padding: 30px 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.benefitsCard h3 {
  font-size: 25px;
  font-weight: 500;
  font-family: "Poppins", serif;
  color: #31302d;
}

.benefitsCard p {
  font-size: 14px;
  font-family: "Roboto", serif;
  color: #31302d;
}

.number {
  font-family: "Ubuntu", sans-serif;
  /* font-family: "Train One", cursive; */
  font-size: 100px;
  color: #2954a5;
  position: absolute;
  left: -49px;
  top: -50px;
  z-index: -1000;
}

.card-sec3-par-new2 {
  width: 600px;
  max-width: 70%;
  border: 1px solid #007aff;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border-radius: 1rem;
  box-sizing: border-box;
  box-shadow: 0px 8px 23px 6px rgba(0, 0, 0, 0.08);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.card-sec3-par-new2:hover {
  transform: translateY(-5px);
  box-shadow: 0px 9px 38px 6px rgba(112, 160, 255, 0.18);
}

@media (max-width: 650px) {
  .card-sec3-par-new2 {
    width: 85%;
    max-width: 100%;
  }
}

.card-sec3-h-new {
  font-size: 1.5rem;
  color: #333;
  font-weight: 500;
  margin: 0;
}

.card-sec3-sub-h-new {
  font-size: 1rem;
  color: #333;
  font-weight: normal;
  margin: 0;
}

@media screen and (max-width: 550px) {
  .benefitsCard {
    width: 80%;
  }
}

@media screen and (min-width: 551px) and (max-width: 750px) {
}

@media screen and (min-width: 751px) and (max-width: 950px) {
}

.solutionSectors {
  margin: 120px 0px 0px 80px;
}

.solutionSectors_inner {
  display: flex;
  justify-content: space-between;
  align-items: start;
}

.solutionSectors_inner_left_box {
  width: 40%;
}

.solutionSectors_inner_right_box {
  width: 50%;
}

.solutionSectors_inner_left_box h1 {
  font-size: 50px;
  font-family: "Montserrat", serif;
  color: #2954a5;
  font-weight: 500;
}

.solutionSectors_inner_left_box h4 {
  font-size: 18px;
  font-family: "Poppins", serif;
  color: #525252;
  line-height: 1.6;
  font-weight: 500;
}

.solutionSectors_inner_right_box {
  padding: 5px 5px 5px 10px;
  border: 5px solid #2954a5;
  border-right: none;
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
}

/* media queries  */
/* 950px, 750px , 550px */
@media screen and (max-width: 550px) {
  .solutionSectors {
    margin: 120px 30px;
  }

  .solutionSectors_inner {
    flex-wrap: wrap;
    row-gap: 20px;
  }
  .solutionSectors_inner_left_box h1 {
    font-size: 35px;
  }
  .solutionSectors_inner_left_box h4 {
    font-size: 14px;
  }

  .solutionSectors_inner_left_box {
    width: 100%;
  }

  .solutionSectors_inner_right_box {
    width: 100%;
  }
}

@media screen and (min-width: 551px) and (max-width: 750px) {
}

@media screen and (min-width: 751px) and (max-width: 950px) {
}

.featuresDeliverExperiences_header {
  margin-top: 50px;
  background-color: #2954a5;
  color: #ffffff;
  font-weight: 500;
  font-size: 35px;
  font-family: "Poppins", serif;
  height: 90px;

  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.featuresDeliverExperiences_inner {
  margin: 50px 80px;
}

/* media queries  */
@media screen and (max-width: 550px) {
  .featuresDeliverExperiences_inner {
    margin: 50px 30px;
  }

  .featuresDeliverExperiences_header {
    font-size: 25px;
  }
}

@media screen and (min-width: 551px) and (max-width: 750px) {
}

@media screen and (min-width: 751px) and (max-width: 950px) {
}

.carouselBox {
  display: flex;
  justify-content: space-evenly;
  /* align-items: center; */
  /* border: 1px solid; */
}

/* .carouselBox-inner-left {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  border: 1px solid;
  gap: 50px;
} */
.carouselBox-inner-left {
  /* border: 1px solid; */
  width: 40%;
  display: flex;
  flex-direction: column;
  /* justify-content: space-between; */
  justify-content: center;
  /* align-items: center; */
}

.carouselBox-inner-left-single-img {
  width: 40%;
  display: flex;
  /* justify-content: space-between; */
  justify-content: center;
  align-items: center;
}
.carouselBox-inner-left-single-img img {
  width: 350px;
}

.carouselBox-inner-left-box1 {
  /* height: 40%; */
  display: flex;
  justify-content: flex-start;
  /* border: 1px solid; */
  padding-left: 50px;
}

.carouselBox-inner-left-box2 {
  /* height: 40%; */
  display: flex;
  justify-content: flex-end;
  /* border: 1px solid; */
  padding-right: 50px;
}

.carouselBox-inner-right {
  width: 50%;
}

/* list items inside slideshow */

.carouselBox li {
  display: flex;
  column-gap: 40px;
  margin-bottom: 40px;
}

.carouselBox li:nth-child(2) {
  margin-left: 40px;
}

.carouselBox li:nth-child(3) {
  margin-left: 80px;
}

.carouselBox li:nth-child(4) {
  margin-left: 120px;
}

/* end of list items inside slideshow  */

.carouselBox-inner-right h4 {
  font-size: 18px;
  color: #525252;
  font-family: "Poppins", serif;
  font-weight: 500;
}

.carouselBox-inner-right p {
  font-size: 14px;
  color: #31302d;
  font-family: "Roboto", serif;
}

/* text animation inside slideshow*/

@keyframes scale {
  100% {
    transform: scale(1);
  }
}

.carouselBox-inner-right li {
  /* display: inline-block; */
  opacity: 0;
  filter: blur(4px);
}

.carouselBox-inner-right li:nth-child(1) {
  animation: fade-in 0.8s 0.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.carouselBox-inner-right li:nth-child(2) {
  animation: fade-in 0.8s 0.2s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.carouselBox-inner-right li:nth-child(3) {
  animation: fade-in 0.8s 0.3s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.carouselBox-inner-right li:nth-child(4) {
  animation: fade-in 0.8s 0.4s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

@keyframes fade-in {
  100% {
    opacity: 1;
    filter: blur(0);
  }
}

/* end of text animation inside slideshow*/

/* media queries  */
@media screen and (max-width: 550px) {
  .carouselBox {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: wrap;
    /* align-items: center; */
    /* border: 1px solid; */
  }
  .carouselBox-inner-left {
    /* border: 1px solid; */
    width: 100%;
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
    justify-content: center;
    align-items: center;
  }
  .carouselBox-inner-right {
    width: 100%;
  }

  /* list items inside slideshow */
  .carouselBox li:nth-child(2) {
    margin-left: auto;
  }

  .carouselBox li:nth-child(3) {
    margin-left: auto;
  }

  .carouselBox li:nth-child(4) {
    margin-left: auto;
  }
  /* end of list items inside slideshow */
}

@media screen and (min-width: 551px) and (max-width: 750px) {
}

@media screen and (min-width: 751px) and (max-width: 950px) {
}

.solutions-grocery-supermarket-slider {
  width: 90%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.solutions-grocery-supermarket-slider h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #ffffff;
  text-align: center;
  background-color: #2954a5;
  height: 60px;
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* .solutions-grocery-supermarket-slider img {
    height: 650px;
    width: 70%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 160px;
    margin-right: 160px;
    margin: auto;
  } */

@media (max-width: 850px) {
  .solutions-grocery-supermarket-slider {
    width: 100%;
  }
  .solutions-grocery-supermarket-slider h2 {
    height: 100px;
  }
}

@media (max-width: 550px) {
  .solutions-grocery-supermarket-slider h2 {
    font-size: 18px;
  }
  /* .solutions-grocery-supermarket-slider img {
          width: 100%;
          height: 300px;
          margin-left: 0px;
          margin-right: 0px;
        } */
}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url(data:image/gif;base64,R0lGODlhIAAgAPUAAP///wAAAPr6+sTExOjo6PDw8NDQ0H5+fpqamvb29ubm5vz8/JKSkoaGhuLi4ri4uKCgoOzs7K6urtzc3D4+PlZWVmBgYHx8fKioqO7u7kpKSmxsbAwMDAAAAM7OzsjIyNjY2CwsLF5eXh4eHkxMTLCwsAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAIAAgAAAG/0CAcEgkFjgcR3HJJE4SxEGnMygKmkwJxRKdVocFBRRLfFAoj6GUOhQoFAVysULRjNdfQFghLxrODEJ4Qm5ifUUXZwQAgwBvEXIGBkUEZxuMXgAJb1dECWMABAcHDEpDEGcTBQMDBQtvcW0RbwuECKMHELEJF5NFCxm1AAt7cH4NuAOdcsURy0QCD7gYfcWgTQUQB6Zkr66HoeDCSwIF5ucFz3IC7O0CC6zx8YuHhW/3CvLyfPX4+OXozKnDssBdu3G/xIHTpGAgOUPrZimAJCfDPYfDin2TQ+xeBnWbHi37SC4YIYkQhdy7FvLdpwWvjA0JyU/ISyIx4xS6sgfkNS4me2rtVKkgw0JCb8YMZdjwqMQ2nIY8BbcUQNVCP7G4MQq1KRivR7tiDEuEFrggACH5BAAKAAEALAAAAAAgACAAAAb/QIBwSCQmNBpCcckkEgREA4ViKA6azM8BEZ1Wh6LOBls0HA5fgJQ6HHQ6InKRcWhA1d5hqMMpyIkOZw9Ca18Qbwd/RRhnfoUABRwdI3IESkQFZxB4bAdvV0YJQwkDAx9+bWcECQYGCQ5vFEQCEQoKC0ILHqUDBncCGA5LBiHCAAsFtgqoQwS8Aw64f8m2EXdFCxO8INPKomQCBgPMWAvL0n/ff+jYAu7vAuxy8O/myvfX8/f7/Arq+v0W0HMnr9zAeE0KJlQkJIGCfE0E+PtDq9qfDMogDkGmrIBCbNQUZIDosNq1kUsEZJBW0dY/b0ZsLViQIMFMW+RKKgjFzp4fNokPIdki+Y8JNVxA79jKwHAI0G9JGw5tCqDWTiFRhVhtmhVA16cMJTJ1OnVIMo1cy1KVI5NhEAAh+QQACgACACwAAAAAIAAgAAAG/0CAcEgkChqNQnHJJCYWRMfh4CgamkzFwBOdVocNCgNbJAwGhKGUOjRQKA1y8XOGAtZfgIWiSciJBWcTQnhCD28Qf0UgZwJ3XgAJGhQVcgKORmdXhRBvV0QMY0ILCgoRmIRnCQIODgIEbxtEJSMdHZ8AGaUKBXYLIEpFExZpAG62HRRFArsKfn8FIsgjiUwJu8FkJLYcB9lMCwUKqFgGHSJ5cnZ/uEULl/CX63/x8KTNu+RkzPj9zc/0/Cl4V0/APDIE6x0csrBJwybX9DFhBhCLgAilIvzRVUriKHGlev0JtyuDvmsZUZlcIiCDnYu7KsZ0UmrBggRP7n1DqcDJEzciOgHwcwTyZEUmIKEMFVIqgyIjpZ4tjdTxqRCMPYVMBYDV6tavUZ8yczpkKwBxHsVWtaqo5tMgACH5BAAKAAMALAAAAAAgACAAAAb/QIBwSCQuBgNBcck0FgvIQtHRZCYUGSJ0IB2WDo9qUaBQKIXbLsBxOJTExUh5mB4iDo0zXEhWJNBRQgZtA3tPZQsAdQINBwxwAnpCC2VSdQNtVEQSEkOUChGSVwoLCwUFpm0QRAMVFBQTQxllCqh0kkIECF0TG68UG2O0foYJDb8VYVa0alUXrxoQf1WmZnsTFA0EhgCJhrFMC5Hjkd57W0jpDsPDuFUDHfHyHRzstNN78PPxHOLk5dwcpBuoaYk5OAfhXHG3hAy+KgLkgNozqwzDbgWYJQyXsUwGXKNA6fnYMIO3iPeIpBwyqlSCBKUqEQk5E6YRmX2UdAT5kEnHKkQ5hXjkNqTPtKAARl1sIrGoxSFNuSEFMNWoVCxEpiqyRlQY165wEHELAgAh+QQACgAEACwAAAAAIAAgAAAG/0CAcEgsKhSLonJJTBIFR0GxwFwmFJlnlAgaTKpFqEIqFJMBhcEABC5GjkPz0KN2tsvHBH4sJKgdd1NHSXILah9tAmdCC0dUcg5qVEQfiIxHEYtXSACKnWoGXAwHBwRDGUcKBXYFi0IJHmQEEKQHEGGpCnp3AiW1DKFWqZNgGKQNA65FCwV8bQQHJcRtds9MC4rZitVgCQbf4AYEubnKTAYU6eoUGuSpu3fo6+ka2NrbgQAE4eCmS9xVAOW7Yq7IgA4Hpi0R8EZBhDshOnTgcOtfM0cAlTigILFDiAFFNjk8k0GZgAxOBozouIHIOyKbFixIkECmIyIHOEiEWbPJTTQ5FxcVOMCgzUVCWwAcyZJvzy45ADYVZNIwTlIAVfNB7XRVDLxEWLQ4E9JsKq+rTdsMyhcEACH5BAAKAAUALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RagJmQgtHaX5XZUYKQ4YKEYSKfVKPaUMZHwMDeQBxh04ABYSFGU4JBpsDBmFHdXMLIKofBEyKCpdgspsOoUsLXaRLCQMgwky+YJ1FC4POg8lVAg7U1Q5drtnHSw4H3t8HDdnZy2Dd4N4Nzc/QeqLW1bnM7rXuV9tEBhQQ5UoCbJDmWKBAQcMDZNhwRVNCYANBChZYEbkVCZOwASEcCDFQ4SEDIq6WTVqQIMECBx06iCACQQPBiSabHDqzRUTKARMhSFCDrc+WNQIcOoRw5+ZIHj8ADqSEQBQAwKKLhIzowEEeGKQ0owIYkPKjHihZoBKi0KFE01b4zg7h4y4IACH5BAAKAAYALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RagJmQgtHaX5XZUUJeQCGChGEin1SkGlubEhDcYdOAAWEhRlOC12HYUd1eqeRokOKCphgrY5MpotqhgWfunqPt4PCg71gpgXIyWSqqq9MBQPR0tHMzM5L0NPSC8PCxVUCyeLX38+/AFfXRA4HA+pjmoFqCAcHDQa3rbxzBRD1BwgcMFIlidMrAxYICHHA4N8DIqpsUWJ3wAEBChQaEBnQoB6RRr0uARjQocMAAA0w4nMz4IOaU0lImkSngYKFc3ZWyTwJAALGK4fnNA3ZOaQCBQ22wPgRQlSIAYwSfkHJMrQkTyEbKFzFydQq15ccOAjUEwQAIfkEAAoABwAsAAAAACAAIAAABv9AgHBILCoUi6JySUwSBUdBUcpUJhSZZ5RYUCSq060QqqACyAVwMXIcks2ZtlrrHYvJ3zn3mHwLjxFqAmZCC0dpfldlRQl5AIYKEYSKfVKQaW5sSENxh04ABYSFGU4LXYdhR3V6p5GiQ4oKmGCtjkymi2qGBZ+6eo+3g8KDvYLDxKrJuXNkys6qr0zNygvHxL/V1sVD29K/AFfRRQUDDt1PmoFqHgPtBLetvMwG7QMes0KxkkIFIQNKDhBgKvCh3gQiqmxt6NDBAAEIEAgUOHCgBBEH9Yg06uWAIQUABihQMACgBEUHTRwoUEOBIcqQI880OIDgm5ABDA8IgUkSwAAyij1/jejAARPPIQwONBCnBAJDCEOOCnFA8cOvEh1CEJEqBMIBEDaLcA3LJIEGDe/0BAEAIfkEAAoACAAsAAAAACAAIAAABv9AgHBILCoUi6JySUwSBUdBUcpUJhSZZ5RYUCSq060QqqACyAVwMXIcks2ZtlrrHYvJ3zn3mHwLjxFqAmZCC0dpfldlRQl5AIYKEYSKfVKQaW5sSENxh04ABYSFGU4LXYdhR3V6p5GiQ4oKmGCtjkymi2qGBZ+6eo+3g8KDvYLDxKrJuXNkys6qr0zNygvHxL/V1sVDDti/BQccA8yrYBAjHR0jc53LRQYU6R0UBnO4RxmiG/IjJUIJFuoVKeCBigBN5QCk43BgFgMKFCYUGDAgFEUQRGIRYbCh2xACEDcAcHDgQDcQFGf9s7VkA0QCI0t2W0DRw68h8ChAEELSJE8xijBvVqCgIU9PjwA+UNzG5AHEB9xkDpk4QMGvARQsEDlKxMCALDeLcA0rqEEDlWCCAAAh+QQACgAJACwAAAAAIAAgAAAG/0CAcEgsKhSLonJJTBIFR0FRylQmFJlnlFhQJKrTrRCqoALIBXAxchySzZm2Wusdi8nfOfeYfAuPEWoCZkILR2l+V2VFCXkAhgoRhIp9UpBpbmxIQ3GHTgAFhIUZTgtdh2FHdXqnkaJDigqYYK2OTKaLaoYFn7p6j0wOA8PEAw6/Z4PKUhwdzs8dEL9kqqrN0M7SetTVCsLFw8d6C8vKvUQEv+dVCRAaBnNQtkwPFRQUFXOduUoTG/cUNkyYg+tIBlEMAFYYMAaBuCekxmhaJeSeBgiOHhw4QECAAwcCLhGJRUQCg3RDCmyUVmBYmlOiGqmBsPGlyz9YkAlxsJEhqCubABS9AsPgQAMqLQfM0oTMwEZ4QpLOwvMLxAEEXIBG5aczqtaut4YNXRIEACH5BAAKAAoALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RahAQRQtHaX5XZUUJeQAGHR0jA0SKfVKGCmlubEhCBSGRHSQOQwVmQwsZTgtdh0UQHKIHm2quChGophuiJHO3jkwOFB2UaoYFTnMGegDKRQQG0tMGBM1nAtnaABoU3t8UD81kR+UK3eDe4nrk5grR1NLWegva9s9czfhVAgMNpWqgBGNigMGBAwzmxBGjhACEgwcgzAPTqlwGXQ8gMgAhZIGHWm5WjelUZ8jBBgPMTBgwIMGCRgsygVSkgMiHByD7DWDmx5WuMkZqDLCU4gfAq2sACrAEWFSRLjUfWDopCqDTNQIsJ1LF0yzDAA90UHV5eo0qUjB8mgUBACH5BAAKAAsALAAAAAAgACAAAAb/QIBwSCwqFIuickk0FIiCo6A4ZSoZnRBUSiwoEtYipNOBDKOKKgD9DBNHHU4brc4c3cUBeSOk949geEQUZA5rXABHEW4PD0UOZBSHaQAJiEMJgQATFBQVBkQHZKACUwtHbX0RR0mVFp0UFwRCBSQDSgsZrQteqEUPGrAQmmG9ChFqRAkMsBd4xsRLBBsUoG6nBa14E4IA2kUFDuLjDql4peilAA0H7e4H1udH8/Ps7+3xbmj0qOTj5mEWpEP3DUq3glYWOBgAcEmUaNI+DBjwAY+dS0USGJg4wABEXMYyJNvE8UOGISKVCNClah4xjg60WUKyINOCUwrMzVRARMGENWQ4n/jpNTKTm15J/CTK2e0MoD+UKmHEs4onVDVVmyqdpAbNR4cKTjqNSots07EjzzJh1S0IADsAAAAAAAAAAAA=) center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url(/dist/a4e97f5a2a64f0ab1323.eot);
    src: url(/dist/a4e97f5a2a64f0ab1323.eot?#iefix) format('embedded-opentype'), url(/dist/295183786cd8a1389865.woff) format('woff'), url(/dist/c94f7671dcc99dce43e2.ttf) format('truetype'), url(/dist/2630a3e3eab21c607e21.svg#slick) format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

.comprehensiveSolutions_header {
  margin-top: 50px;
  color: #2954a5;
  background-color: #ffffff;
  font-weight: 500;
  font-size: 35px;
  font-family: "Poppins", serif;
  height: 90px;

  display: flex;
  justify-content: center;
  align-items: center;
}

.comprehensiveSolutions_inner {
  /* margin: 50px 80px; */
}

/* all images inside comprehensiveSolutions_inner */
.comprehensiveSolutions_inner img {
  width: 300px;
}

.comprehensiveSolutions_inner h3 {
  font-size: 25px;
  font-family: "Poppins", serif;
  font-weight: 500;
  margin-bottom: 20px;
  /* color: #2954a5; */
}

.comprehensiveSolutions_inner h4 {
  font-size: 18px;
  font-family: "Poppins", serif;
  /* color: #ffffff; */
  font-weight: 500;
  line-height: 1.6;
}

/* .comprehensiveSolutions_inner_box */
.comprehensiveSolutions_inner_box {
  display: flex;
  justify-content: space-between;
  /* border: 1px solid black; */
}

/* left  */
.comprehensiveSolutions_inner_box_left {
  background-color: #2954a5;
  color: #ffffff;

  /* width: 75%; */
  width: 60%;

  display: flex;
  /* flex-direction: column; */
  justify-content: left;
  align-items: center;
  padding: 50px 0px;
}

.comprehensiveSolutions_inner_box_without_outline {
  width: 40%;
}

/* left outline  */
.comprehensiveSolutions_inner_box_left_outline {
  width: 60%;
  border: 2px solid white;
  border-top-right-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
  padding: 60px 30px 60px 80px;
  border-left: none;
  position: relative;
}

/* right  */
.comprehensiveSolutions_inner_box_right {
  background-color: #2954a5;
  color: #ffffff;

  /* width: 75%; */
  width: 60%;

  display: flex;
  /* flex-direction: column; */
  justify-content: right;
  align-items: center;
  /* border: 1px solid black; */
  padding: 50px 0px;
}

/* right outline  */
.comprehensiveSolutions_inner_box_right_outline {
  width: 60%;
  border: 2px solid white;
  border-top-left-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
  padding: 30px;
  padding: 60px 80px 60px 30px;
  border-right: none;
  position: relative;
}

@media screen and (max-width: 550px) {
  .comprehensiveSolutions_header {
    font-size: 25px;
    text-align: center;
    padding: 0px 30px !important;
  }

  .comprehensiveSolutions_inner_box {
    flex-wrap: wrap;
  }

  .comprehensiveSolutions_inner_box:nth-child(odd) {
    /* flex-wrap: wrap; */
    flex-direction: column-reverse;
  }

  /* left  */
  .comprehensiveSolutions_inner_box_left {
    width: 100%;
  }

  /* left outline  */
  .comprehensiveSolutions_inner_box_left_outline {
    width: 80%;
    padding: 60px 30px 60px 30px;
  }

  /* right  */
  .comprehensiveSolutions_inner_box_right {
    width: 100%;
  }

  /* right outline  */
  .comprehensiveSolutions_inner_box_right_outline {
    width: 80%;
    padding: 60px 30px 60px 30px;
  }

  /* without outline  */
  .comprehensiveSolutions_inner_box_without_outline {
    width: 100%;
    padding: 30px 0px;
  }

  /* all images inside comprehensiveSolutions_inner */
  .comprehensiveSolutions_inner img {
    width: 100%;
  }

  /* .comprehensiveSolutions_inner h3 {
    font-size: 25px;
    font-family: "Poppins", serif;
    font-weight: 500;
    margin-bottom: 20px;
  } */

  .comprehensiveSolutions_inner h4 {
    font-size: 14px;
    font-family: "Poppins", serif;
    /* color: #ffffff; */
    font-weight: 500;
    line-height: 1.6;
  }
}

@media screen and (min-width: 551px) and (max-width: 750px) {
}

@media screen and (min-width: 751px) and (max-width: 950px) {
}

.comprehensive_solutions_form_section {
  margin: 50px 80px;
}

.comprehensive_solutions_form_section_inner {
  display: flex;
  justify-content: space-around;
  align-items: center;
  gap: 20px;
}

.comprehensive_solutions_form_section_inner_right {
  padding: 10px 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.comprehensive_solutions_form_section_inner_right p {
  font-size: 18px;
  font-family: "Poppins", serif;
  color: #525252;
  font-weight: 500;
}

.comprehensive_solutions_form_section_inner_right img {
  width: 200px;
}

@media screen and (max-width: 550px) {
  .comprehensive_solutions_form_section {
    margin: 50px 30px;
  }

  .comprehensive_solutions_form_section_inner {
    flex-wrap: wrap;
  }

  .comprehensive_solutions_form_section_inner_right {
    width: 100%;
    padding: 0px;
  }
  .comprehensive_solutions_form_section_inner_right img {
    width: 100%;
  }
}

@media screen and (min-width: 551px) and (max-width: 750px) {
}

@media screen and (min-width: 751px) and (max-width: 950px) {
}

.comprehensive_solution_form {
}

.comprehensive_solution_form h2 {
  font-size: 25px;
  font-weight: 500;
  font-family: "Poppins", serif;
}

.comprehensive_solution_form h4 {
  font-family: "Poppins", serif;
  color: #525252;
  font-size: 18px;
  font-weight: 500;
}

.comprehensive_solution_form_label_input_box {
  display: flex;
  justify-content: start;
  align-items: center;
  column-gap: 10px;
  margin-bottom: 10px;
  flex-wrap: wrap;

  /* display: "flex",
  justifyContent: "start",
  flexWrap: "wrap",
  alignItems: "center",
  marginBottom: "10px", */
}

.comprehensive_solution_form label {
  /* width: 100%; */
  text-align: left;
}

.comprehensive_solution_form_box label {
  width: 100px;
  font-size: 14px;
  font-family: "Roboto", serif;
  color: #31302d;
}

.comprehensive_solution_form_box input {
  width: 100%;
}

@media screen and (max-width: 550px) {
  .comprehensive_solution_form label {
    width: 100%;
    text-align: left;
  }
}

@media screen and (min-width: 551px) and (max-width: 750px) {
}

@media screen and (min-width: 751px) and (max-width: 950px) {
}

.handheld-pos-block1 {
  margin-top: 120px;
  margin-left: 160px;
  margin-right: 160px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.handheld-pos-block1-main-content {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.handheld-pos-block1-main-header {
  width: 50%;
}
.handheld-pos-block1-main-header h1 {
  color: #31302d;
  font-size: 50px;
  font-family: "poppins";
  font-weight: 500;
}
.handheld-pos-block1-main-header h4 {
  color: #525252;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
}
.handheld-pos-block1-image img {
  width: 100%;
  height: 500px;
}
.handheld-pos-block1-footer {
  width: 60%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.handheld-pos-block1-footer p {
  font-size: 14px;
  font-family: "poppins";
  color: #31302d;
  text-align: center;
}
.handheld-pos-block1-button-div {
  display: flex;
  text-align: center;
  gap: 30px
}
.handheld-pos-block1-button-div button {
  width: 150px;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-family: "poppins";
  border-radius: 5px;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.handheld-pos-block1-button-div .get-started-btn {
  background-color: #2954a5;
  color: #fcfeff;
  border: none;
}
.handheld-pos-block1-button-div .contact-sales-btn {
  border: 1px solid #2954a5;
  color: #2954a5;
  background-color: #fcfeff;
}
.handheld-pos-block1-button-div .contact-sales-btn:hover,
.handheld-pos-block1-button-div .get-started-btn:hover {
  width: 180px;
}

/* block 2 */
.self-ordering-kiosk-block5 {
  margin-top: 50px;
  margin-left: 160px;
  margin-right: 160px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.self-ordering-kiosk-block5 h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
  text-align: center;
}
.self-ordering-kiosk-block5 h4 {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #525252;
}
.self-ordering-kiosk-block5-main-content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}
.self-ordering-kiosk-block5-single-card {
  height: 200px;
  width: 250px;
  background-color: #2954a5;
  perspective: 1000px;
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.self-ordering-kiosk-block5-flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}
.self-ordering-kiosk-block5-single-card:hover
  .self-ordering-kiosk-block5-flip-card-inner {
  transform: rotateY(180deg);
}
.self-ordering-kiosk-block5-flip-card-front h4 {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #ffffff;
  text-align: center;
}
.self-ordering-kiosk-block5-flip-card-front,
.self-ordering-kiosk-block5-flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.self-ordering-kiosk-block5-flip-card-back {
  background-color: #ffffff;
  border: 1px solid #2954a5;
  color: #2954a5;
  transform: rotateY(180deg);
  padding: 20px;
}
.self-ordering-kiosk-block5-flip-card-back h4 {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}

/* block 3 */
.handheld-pos-block3 {
  margin-top: 50px;
  height: 200px;
  background-color: #EBF8FA;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
}
.handheld-pos-block3 h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
  text-align: center;
}
.handheld-pos-block3 h4 {
  color: #525252;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
}

/* block 4 */
.handheld-pos-block4 {
  margin-top: 50px;
  margin-left: 160px;
  margin-right: 160px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.handheld-pos-block4 h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
  text-align: center;
}
.handheld-pos-block4-single {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  gap: 50px;
  margin-bottom: 20px;
}
.handheld-pos-block4-single-image img {
  height: 250px;
  width: 120%;
}
.handheld-pos-block4-single-content {
  width: 50%;
}
.handheld-pos-block4-single-content h4 {
  color: #525252;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
}
.handheld-pos-block4-single-content-point {
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
}
.handheld-pos-block4-single-content-point p {
  font-size: 14px;
  font-family: "poppins";
  color: #31302d;
}
b {
  font-weight: 600;
}

/* block 5 */

/* blcok 6 */
.handheld-pos-block6 {
  margin-top: 50px;
  margin-left: 160px;
  margin-right: 160px;
  border: 1px solid #2954a5;
  border-radius: 30px;
  /* height: 290px; */
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.handheld-pos-block6-image img {
  height: 320px;
  width: 120%;
}
.handheld-pos-block6-main-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
}
.handheld-pos-block6-main-content h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #2954a5;
  text-align: center;
}
.handheld-pos-block6-main-content h4 {
  color: #525252;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
}

/* block 7 */
.handheld-pos-block7 {
  margin-top: 50px;
  height: 180px;
  background-color: #EBF8FA;
  padding: 20px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.handheld-pos-block7-main-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.handheld-pos-block7-main-content p {
  font-size: 14px;
  font-family: "poppins";
  color: #31302d;
  text-align: center;
}
.handheld-pos-block7-main-content h4 {
  color: #525252;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  margin-left: 20px;
}
.handheld-pos-block7-main-content button {
  width: 150px;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-family: "poppins";
  border-radius: 5px;
  margin-left: 30px;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background-color: #2954a5;
  color: #fcfeff;
  border: none;
}
.handheld-pos-block7-main-content button:hover {
  width: 180px;
}

/* media queries */
/* media query at 950px */
@media (max-width: 950px) {
}

/* media query at 750px */
@media (max-width: 750px) {
  /* block 1 */
  .handheld-pos-block1-main-content {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
  }
  .handheld-pos-block1-main-header {
    width: 100%;
  }

  /* block 2 */
  .self-ordering-kiosk-block5-main-content {
    grid-template-columns: repeat(2, 1fr);
  }

  /* block 4 */
  .handheld-pos-block4-single {
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    align-items: center;
  }
  .handheld-pos-block4-single-content {
    width: 100%;
  }
  /* block 6 */
  .handheld-pos-block6 {
    /* height: 620px; */
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .handheld-pos-block6-image img {
    margin-left: 0;
    height: 290px;
    width: 100%;
  }
 
}

/* media query at 550px */
@media (max-width: 550px) {
  /* block 1 */
  .handheld-pos-block1 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .handheld-pos-block1-main-header h1 {
    font-size: 35px;
  }
  .handheld-pos-block1-main-header h4 {
    font-size: 14px;
  }
  .handheld-pos-block1-footer p {
    font-size: 12px;
  }

  .handheld-pos-block1-button-div {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    align-items: center;
    margin-left: 0px;
  }
  /* block 2 */
  .self-ordering-kiosk-block5 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .self-ordering-kiosk-block5 h2 {
    font-size: 25px;
  }
  .self-ordering-kiosk-block5 h4 {
    font-size: 14px;
  }

  .self-ordering-kiosk-block5-main-content {
    grid-template-columns: repeat(1, 1fr);
  }
  .self-ordering-kiosk-block5-single-card {
    width: 200px;
  }
  .self-ordering-kiosk-block5-flip-card-front h4 {
    font-size: 14px;
  }
  .self-ordering-kiosk-block5-flip-card-back h4 {
    font-size: 14px;
  }

  /* block 3 */
  .handheld-pos-block3 h2 {
    font-size: 25px;
  }
  .handheld-pos-block3 h4 {
    font-size: 14px;
  }
  /* block 4 */
  .handheld-pos-block4 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .handheld-pos-block4 h2 {
    font-size: 25px;
  }
  .handheld-pos-block4-single-image img {
    width: 100%;
  }
  .handheld-pos-block4-single-content h4 {
    font-size: 14px;
  }
  .handheld-pos-block4-single-content-point p {
    font-size: 12px;
  }

  /* block 6 */
  .handheld-pos-block6 {
    /* height: 700px; */
    margin-left: 30px;
    margin-right: 30px;
  }
  .handheld-pos-block6 h2 {
    font-size: 25px;
  }
  .handheld-pos-block6 h4 {
    font-size: 14px;
  }
  .handheld-pos-download {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
   /* block 7 */
   .handheld-pos-block7 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 250px;
    gap: 20px
  }

   .handheld-pos-block7 h4 {
    font-size: 14px;
  }
  .handheld-pos-block7 p {
    font-size: 12px;
  }
}

.marketplace-pattern1 {
  margin-top: 100px;
  margin-left: 30px;
  margin-bottom: -100px;
}

.marketplace-block1 {
  margin-top: 120px;
  margin-left: 80px;
  margin-right: 80px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.marketplace-block1-main-content {
  width: 50%;
}
.marketplace-block1-main-content h1 {
  color: #31302d;
  font-size: 50px;
  font-family: "poppins";
  font-weight: 500;
  margin-bottom: 20px;
}
.marketplace-block1-main-content h4 {
  color: #525252;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
}
.marketplace-block1-points {
  margin-top: 40px;
}
.marketplace-block1-single-point {
  background-color: #ffde59;
  height: 20px;
  border-radius: 20px;
  padding: 10px 20px;
  width: fit-content;
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: #31302d;
}
.marketplace-block1-main-content button {
  background-color: #2954a5;
  margin-top: 20px;
  padding: 15px 25px;
  border-radius: 20px;
  width: fit-content;
  color: #ffffff;
  border: none;
  cursor: pointer;
  font-size: 14px;
  font-family: "poppins";
}
.marketplace-block1-image img {
  height: 600px;
  box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}

.marketplace-pattern2 {
  display: flex;
  justify-content: flex-end;
  margin-bottom: -180px;
}
.marketplace-pattern3 {
  margin-left: 30px;
  margin-top: 50px;
  margin-bottom: -100px;
}

/* block 2 */
.marketplace-block2 {
  margin-top: 50px;
  margin-left: 80px;
  margin-right: 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.marketplace-block2 h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
  text-align: center;
}
.marketplace-block2-main-categories {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  justify-content: center;
  align-items: center;
  gap: 40px;
}
.marketplace-block2-category1,
.marketplace-block2-category2,
.marketplace-block2-category3,
.marketplace-block2-category4 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 60px;
}
.marketplace-block2-category2 {
  margin-top: 50px;
}
.marketplace-block2-category3 {
  margin-top: 100px;
}
.marketplace-block2-category4 {
  margin-top: 150px;
}
.marketplace-block2-single-category {
  width: 150px;
  height: 150px;
  background-color: #ffde59;
  border-radius: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
  color: #525252;
}
.marketplace-block2-single-category h4 {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}
.marketplace-block2-single-category img {
  width: 150px;
  height: 120px;
  margin-bottom: -80px;
}

/* block 3 */
.marketplace-block3 {
  margin-top: 150px;
  width: 100%;
  height: 800px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* block 4 */
.marketplace-block4 {
  margin-top: 50px;
}
.marketplace-block4-header {
  background-color: #EBF8FA;
  height: 80px;
  padding: 20px;
  color: #31302d;
  display: flex;
  justify-content: center;
  align-items: center;
}
.marketplace-block4-header h4 {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  width: 60%;
}
.marketplace-block4-main-content {
  margin-top: 50px;
  margin-left: 80px;
  margin-right: 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.marketplace-block4-main-content1,
.marketplace-block4-main-content2,
.marketplace-block4-main-content3 {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 20px;
}
.marketplace-block4-main-content2 {
  margin-left: 420px;
}
.marketplace-block4-main-content3 {
  margin-left: 620px;
}
.piggy-image {
  display: flex;
  justify-content: flex-end;
}
.piggy-image img {
  width: 250px;
  height: 250px;
  margin-top: -150px;
  margin-right: 230px;
}
.marketplace-block4-single {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 150px;
  border: 1px solid #2954a5;
  border-radius: 30px;
  padding: 20px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,
    rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.block4-img img {
  height: 350px;
  margin-top: -550px;
  margin-left: 80px;
}

/* block 5 */
.marketplace-block5 {
  margin-top: 100px;
  margin-left: 80px;
  margin-right: 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.marketplace-block5 h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
  text-align: center;
}
.marketplace-block5-main-content {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.marketplace-block5-image img {
  height: 400px;
  box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}
.number {
  font-family: 'Train One', cursive;
  margin-left: -40px;
  margin-bottom: -100px;
  font-size: 70px;
  color: #525252;
}
.marketplace-block5-single-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
  color: #2954a5;
  border: 1px solid #ffde59;
  padding: 20px;
}
.marketplace-block5-content h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #2954a5;
  text-align: center;
}
.marketplace-block5-content h4 {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  color: #525252;
}


.marketplace-block55 {
  margin-top: 50px;
  display: flex;
  padding: 20px;
  justify-content: space-around;
  align-items: center;
  background-color: #EBF8FA;
  color: #31302d;
  height: 300px;
}
.marketplace-block55-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.marketplace-block55-content h2 {
  font-family: "Poppins", sans-serif;
  font-size: 35px;
  font-weight: 500;
  text-align: center;
  color: #525252;
}
.marketplace-block55-content button {
  width: 150px;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-family: "poppins";
  border-radius: 5px;
  margin-left: 30px;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background-color: #2954a5;
  color: #fcfeff;
  border: none;
}
.marketplace-block55-content button:hover {
  width: 180px;
}
.marketplace-block55-image img {
  height: 350px;
}

/* block 6 */
.marketplace-block6 {
  margin-top: 100px;
  margin-bottom: 50px;
}
.marketplace-block6-customer {
  display: flex;
  align-items: center;
}
.marketplace-block6-seller {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
.marketplace-block6-customer-image {
  background-color: #2954a5;
  padding: 40px;
  width: 40%;
  border-top-right-radius: 45%;
  border-bottom-right-radius: 45%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.marketplace-block6-customer-image h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #ffffff;
  text-align: center;
}
.marketplace-block6-customer-content h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #ffffff;
  text-align: center;
}
.marketplace-block6-seller-content h2,
.marketplace-block6-seller-image h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
  text-align: center;
}
.marketplace-block6-customer-image img,
.marketplace-block6-seller-image img {
  height: 300px;
}
.marketplace-block6-customer-content {
  margin-left: 100px;
  margin-right: 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.marketplace-block6-customer-content button {
  background-color: #ffde59;
  padding: 15px 25px;
  border-radius: 20px;
  width: fit-content;
  color: #31302d;
  border: none;
  cursor: pointer;
  font-size: 14px;
  font-family: "poppins";
  font-weight: 600;
}
.marketplace-block6-seller-content button {
  background-color: #ffde59;
  padding: 15px 25px;
  border-radius: 20px;
  width: fit-content;
  color: #31302d;
  border: none;
  cursor: pointer;
  font-size: 14px;
  font-family: "poppins";
  font-weight: 600;
  margin-top: 20px;
}
.marketplace-block6-customer-content h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
}
.marketplace-block6-seller-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 60%;
}
.marketplace-block6-seller-image {
  border: 1px solid #ffde59;
  padding: 40px;
  width: 40%;
  border-top-left-radius: 45%;
  border-bottom-left-radius: 45%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
}

/* media queries */
/* media query at 950px */
@media (max-width: 1300px) {
  .block4-img img {
    margin-top: 0;
  }
}
@media (max-width: 950px) {
  .marketplace-block6-customer,
  .marketplace-block6-seller {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-left: 30px;
    margin-right: 30px;
  }
  .marketplace-block6-customer-image {
    background-color: #ffffff;
    justify-content: center;
    align-items: center;
    padding: 10px;
    margin: 0;
  }
  .marketplace-block6-seller-image {
    padding: 10px;
    margin: 0;
  }
  .marketplace-block6-seller-image img {
    width: 300px;
  }
  .marketplace-block6-customer-image img {
    width: 300px
  }
  .marketplace-block6-customer-image h2 {
    color: #31302d;
  }
  .marketplace-block6-seller {
    margin-top: 20px;
  }
  .marketplace-block6-customer-content button {
    margin-top: 0px;
    margin-left: 0px;
  }
  .marketplace-block6-customer-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0;
  }
  .marketplace-block6-seller-content {
    margin: 0;
  }
  
}

/* media query at 750px */
@media (max-width: 750px) {
  .marketplace-block1 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
  }
  .marketplace-block1-main-content {
    width: 100%;
  }
  /* block 2 */
  .marketplace-block2-main-categories {
    grid-template-columns: repeat(2, 1fr);
  }
  .marketplace-block2-category3 {
    margin-top: 0;
  }
  .marketplace-block2-category4 {
    margin-top: -150px;
  }
  /* block 3 */
  .marketplace-block3 {
    height: 600px;
  }
  /* block 4 */
  .marketplace-block4-main-content1,
  .marketplace-block4-main-content2,
  .marketplace-block4-main-content3 {
    flex-direction: column;
  }
  .marketplace-block4-main-content2,
  .marketplace-block4-main-content3 {
    margin-left: 0;
  }
  .marketplace-block4-main-content3 {
    margin-bottom: 20px;
  }
  .block4-img img {
    width: 70%;
  }
  .marketplace-block4-header {
    height: 100px;
    padding: 10px;
  }

  .marketplace-block55-image img {
    width: 100%
  }
  /* block 6 */
  .marketplace-block6-seller-image {
    border: 1px solid #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 0;
    padding: 0px;
  }
}

/* media query at 550px */
@media (max-width: 550px) {
  .marketplace-block1 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .marketplace-block1-main-content h1 {
    font-size: 35px;
  }
  .marketplace-block1-main-content h4 {
    font-size: 14px;
  }
  .marketplace-block1-image img {
    width: 80%;
  }
  /* block 2 */
  .marketplace-block2-main-categories {
    grid-template-columns: repeat(1, 1fr);
  }
  .marketplace-block2-category4 {
    margin-top: 0px;
  }
  /* block 4 */
  .marketplace-block4-header h4 {
    font-size: 14px;
  }
  .marketplace-block4-main-content {
    margin-left: 30px;
    margin-right: 30px;
  }

  /* block 5 */
  .marketplace-block5 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .marketplace-block5 h2 {
    font-size: 25px;
  }
  .marketplace-block5-main-content {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
  }
  .marketplace-block5-content h2 {
    font-size: 25px;
  }
  .marketplace-block5-content h4 {
    font-size: 14px;
  }
  .marketplace-block55 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    height: 520px;
  }
  .marketplace-block55-content h4 {
    font-size: 14px;
  }

  /* block 6 */
  .marketplace-block6 h2 {
    font-size: 25px;
  }
}

.marketplace-slider {
  width: 90%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.marketplace-slider h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #ffffff;
  text-align: center;
  background-color: #2954a5;
  height: 60px;
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.marketplace-slider img {
  height: 650px;
  width: 70%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 160px;
  margin-right: 160px;
  margin: auto;
}

@media(max-width: 850px) {
    .marketplace-slider {
        width: 100%;
    }
    .marketplace-slider h2 {
        height: 100px;
    }
}

@media(max-width: 550px) {
    .marketplace-slider h2 {
        font-size: 18px;
    }
    .marketplace-slider img {
        width: 100%;
        height: 300px;
        margin-left: 0px;
        margin-right: 0px;
      }
}
.careers-block1 {
  display: flex;
  align-items: center;
}
.careers-block1-image img {
  height: 700px;
}
.careers-block1-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.careers-block1-content h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
  text-align: center;
}
.careers-block1-content h1 {
  color: #31302d;
  font-size: 50px;
  font-family: "poppins";
  font-weight: 500;
}
.careers-block1-content button {
  width: 150px;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-family: "poppins";
  border-radius: 5px;
  margin-left: 30px;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background-color: #2954a5;
  color: #fcfeff;
  border: none;
}
.careers-block1-content button:hover {
  width: 180px;
}

/* block 2 */
.careers-block2 {
  margin-top: 50px;
  margin-left: 160px;
  margin-right: 160px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.careers-block2-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 60%;
}
.careers-block2-content h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
  text-align: center;
}
.careers-block2-content h4 {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #525252;
}
.careers-block2-content button {
  width: 150px;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-family: "poppins";
  border-radius: 5px;
  margin-left: 30px;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background-color: #2954a5;
  color: #fcfeff;
  border: none;
}
.careers-block2-content button:hover {
  width: 180px;
}
.careers-block2-image img {
  height: 300px;
}

/* block 3 */
.careers-block3 {
  margin-top: 50px;
  margin-left: 160px;
  margin-right: 160px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.careers-block3-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
}
.careers-button {
  width: 200px;
  background-color: #2954a5;
  color: #ffffff;
  padding: 20px 40px;
  height: 60px;
  font-size: 18px;
  font-family: "poppins";
  cursor: pointer;
  border: none;
  letter-spacing: 1;
}
.careers-button-active {
  border: 2px solid gainsboro;
  width: 200px;
  padding: 20px 40px;
  height: 60px;
  font-size: 18px;
  font-family: "poppins";
  cursor: pointer;
  color: #2954a5;
  background-color: #ffffff;
  letter-spacing: 1;
}
.careers-block-main-content {
  margin-top: 40px;
}


/* block 4 */
.careers-block4 {
  margin-top: 50px;
  color: #31302d;
}
.careers-block4-h2 {
  background-color: #EBF8FA;
  height: 70px;
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.careers-block4-h2 h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
  text-align: center;
}
.careers-block4-header {
  margin-left: 160px;
  margin-right: 160px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.careers-block4-header-image {
    position: relative;
}
.careers-block4-header-image img {
  height: 300px;
  
}
.careers-block4-header-content {
  width: 40%;
}
.careers-block4-header-content h4 {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #525252;
}


/* block 5 */
.careers-block5 {
  margin-top: 50px;
  margin-left: 160px;
  margin-right: 160px;
  margin-bottom: 50px;
}
.careers-block5-yellow-block {
  width: 200px;
  height: 1200px;
  background-color: #ffde59;
  margin-left: 500px;
}
.careers-block5-image {
  margin-top: -1000px;
  margin-left: 600px;
}
.careers-block5-image img {
  height: 400px;
  z-index: -1;
}
.careers-block5-header-block {
  width: 400px;
  height: 200px;
  background-color: #2954a5;
  margin-top: -500px;
  margin-left: 250px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}
.careers-block5-header-block h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #ffffff;
  text-align: center;
}
.careers-block5-main-content {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-top: 250px;
  margin-left: 160px;
  margin-right: 160px;
}
.careers-block5-single {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 180px;
  height: 180px;
  background-color: #ffffff;
  color: #31302d;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  padding: 20px;
}
.careers-block5-single h4 {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}

/* media queries */

/* media queries at 950px */
@media (max-width: 950px) {
}

/* media queries at 750px */
@media (max-width: 750px) {
    .careers-block1 {
        margin-top: 120px;
        margin-left: 80px;
        margin-right: 80px;
        justify-content: center;
    }
  .careers-block1-image img {
    display: none;
  }
  /* block 2 */
  .careers-block2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .careers-block2-content {
    width: 100%;
  }
  /* block 4 */
  .careers-block4-header {
    flex-direction: column;
    gap: 20px;
  }
  .careers-block4-header-content {
    width: 100%;
  }
  /* block 5 */
  .careers-block5 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .careers-block5-yellow-block {
    margin-left: 100px;
  }
  .careers-block5-image {
    margin-left: 120px;
  }
  .careers-block5-image img {
    height: 300px;
  }
  .careers-block5-header-block {
    margin-left: 20px;
    width: 200px;
  }
  .careers-block5-main-content {
    grid-template-columns: repeat(2, 1fr);
    margin-left: 30px;
    margin-right: 30px;
    gap: 10px;
  }
  .careers-block5-single {
    width: 150px;
    height: 150px;
    padding: 10px;
  }
}

/* media queries at 550px */
@media (max-width: 550px) {
  /* block 2 */
  .careers-block2 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .careers-block2-content h2 {
    font-size: 25px;
  }
  .careers-block2-content h4 {
    font-size: 14px;
  }

  /* block 3 */
  .careers-block3 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .careers-block3-buttons {
    flex-direction: column;
  }

  /* block 4 */
  .careers-block4-h2 h2 {
    font-size: 25px;
  }
  .careers-block4-header-content h4 {
    font-size: 14px;
  }
  .careers-block4-header {
    margin-left: 30px;
    margin-right: 30px;
  }

  /* block 5 */
  .careers-block5-header-block h2 {
    font-size: 25px;
  }
  .careers-block5-single h4 {
    font-size: 14px;
  }
  .careers-block5-header-block {
    margin-left: 100px;
  }
  .careers-block5-main-content {
    grid-template-columns: repeat(1, 1fr);
    margin-left: 30px;
    margin-right: 30px;
    gap: 10px;
    margin-top: 320px;
  }
  .careers-block5-image {
    margin-left: 30px;
  }
  .careers-block5-image img {
    height: 280px;
  }
  .careers-block5-header-block {
    background-color: #ffffff;
  }
  .careers-block5-header-block h2 {
    color: #31302d;
  }
}

.full-time-main-content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}
.full-time-single {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 200px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  position: relative;
}
.full-time-single h4 {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #525252;
}
.full-time-single p {
  font-size: 14px;
  font-family: "poppins";
  color: #31302d;
  text-align: center;
}
.full-time-single button {
    width: 150px;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  font-family: "poppins";
  cursor: pointer;
  border: 1px solid #ffde59;
  color: #31302d;
  border-radius: 30px;
  background-color: #ffffff;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.full-time-single button:hover {
    width: 180px
}
.full-time-single::before {
  position: absolute;
  width: 60px;
  height: 60px;
  content: "";
}
.full-time-single::before {
  left: 0;
  top: 0;
  border-left: 6px solid #ffde59;
  border-top: 6px solid #ffde59;
}

@media (max-width: 950px) {
    .full-time-main-content {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 40px;
      }
}

@media (max-width: 750px) {
    .full-time-main-content {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 40px;
      }
}
.internship-block h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
  text-align: center;
}

.become-seller-block1 {
  margin-top: 120px;
  margin-left: 160px;
  margin-right: 160px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
 
}
.become-seller-block1-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 60%;
}
.become-seller-block1-content h1 {
  color: #31302d;
  font-size: 50px;
  font-family: "poppins";
  font-weight: 500;
  text-align: center;
}

.become-seller-block1-content h4 {
  color: #525252;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}
.become-seller-block1-content button {
  width: 150px;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-family: "poppins";
  border-radius: 5px;
  margin-left: 30px;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background-color: #2954a5;
  color: #fcfeff;
  border: none;
}
.become-seller-block1-content button:hover {
  width: 180px;
}
.become-seller-block1-image img {
  height: 400px;
}

/* block 2 */
.become-seller-block2 {
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center
}
.become-seller-block2-header {
  background-color: #EBF8FA;
  height: 70px;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.become-seller-block2-header h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #31302d;
  text-align: center;
}
.become-seller-block2-main-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  margin-left: 160px;
  margin-right: 160px;
  gap: 10%;
}
.become-seller-block2-content-tag {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.become-seller-block2-content-tag h1 {
    color: #31302d;
    font-size: 50px;
    font-family: "poppins";
    font-weight: 500;
    text-align: center;
}
.become-seller-block2-content-tag button {
  width: 280px;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-family: "poppins";
  border-radius: 5px;
  margin-left: 30px;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background-color: #2954a5;
  color: #fcfeff;
  border: none;
}
.become-seller-block2-content-tag button:hover {
  width: 310px;
}
/* .become-seller-block2-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: 80px;
    margin-right: 80px;
    background-color: transparent;
}
.become-seller-block2-lower {
    display: flex;
    align-items: center;
    gap: 10px;
   

}


.become-seller-block2-lower img {
    width: 300px;
    height: 250px
}
.become-seller-block2-single {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 300px;
    padding: 20px;
    height: 250px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}
.become-seller-block2-single h4 {
    color: #2954a5;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 10px;
}
.become-seller-block2-single p {
    font-size: 14px;
  font-family: "poppins";
  color: #31302d;
  text-align: center;
} */

/* .become-seller-block2-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  
}
.become-seller-block2-section {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flip-card {
  background-color: transparent;
  width: 300px;
  height: 250px;
  border: 1px solid #f1f1f1;
  perspective: 1000px;
}
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  
}
.flip-card-back {
  background-color: #ffffff;
  color: #31302d;
  transform: rotateY(180deg);
}
.flip-card-front img, .flip-card-back img {
  width: 300px;
  height: 250px;
}
.flip-card-back h4, .flip-card-front h4 {
  color: #2954a5;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}
.flip-card-back p, .flip-card-front p {
  font-size: 14px;
  font-family: "poppins";
  color: #31302d;
  text-align: center;
} */
.become-seller-block2-content {
  background-color: transparent;
  width: 650px;
  height: 500px;
  perspective: 1000px;
}
.become-seller-block2-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}
.become-seller-block2-content:hover .become-seller-block2-inner {
  transform: rotateY(180deg);
}
.become-seller-block2-front , .become-seller-block2-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; 
  backface-visibility: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.become-seller-block2-row {
  display: flex;
  justify-content: center;
  align-items: center;
}
.become-seller-block2-column {
  width: 300px;
  height: 250px
}
.become-seller-block2-column img {
  width: 300px;
  height: 250px
}
.become-seller-block2-data {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
  width: 260px;
  height: 210px;
  padding: 20px;
}
.become-seller-block2-data h4 {
  color: #2954a5;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}
.become-seller-block2-data p {
  font-size: 14px;
  font-family: "poppins";
  color: #31302d;
  text-align: center;
}
.become-seller-block2-back {
  transform: rotateY(180deg);
}


/* block 3 */
.become-seller-block3 {
  margin-top: 50px;
  margin-left: 160px;
  margin-right: 160px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.become-seller-block3 h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #2954a5;
  text-align: center;
}
.become-seller-block3 h4 {
  color: #31302d;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 10px;
}
.become-seller-block3-main-steps {
  display: flex;
  justify-content: space-around;
  align-items: center;
  gap: 100px;
}
.become-seller-block3-step {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.become-seller-block3-step-icon {
  display: flex;
  align-items: center;
  gap: -10px
}
.become-seller-block3-step-icon h1 {
  font-family: 'Ubuntu', sans-serif;
  font-size: 70px;
  text-align: center;
  color: #2954a5;
  margin-left: 10px;
}
.become-seller-block3-step-icon img {
  width: 100px;
  height: 100px
}
.become-seller-block3-step h4 {
  color: #525252;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}

/* block 4 */
.become-seller-block4-heading {
  margin-top: 50px;
  background-color: #EBF8FA;
  height: 70px;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.become-seller-block4 {
 
  background-image: url("https://storage.googleapis.com/twinleaves_bucket/FrontEnd/Pallet_images/seller6.jpg");
  height: 800px;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: baseline;
  align-items: center;
}
.become-seller-block4-heading h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  text-align: center;
  
}
.become-seller-block4-main-content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  margin-left: 160px;
  margin-right: 160px;
  column-gap: 50px;
}
.become-seller-block4-single {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 200px;
}
.become-seller-block4-single img {
  height: 100px
}
.become-seller-block4-single h4 {
  color: #525252;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}
/* block 5 */
.become-seller-block5 {
  margin-top: 50px;
  background-image: url("https://storage.googleapis.com/twinleaves_bucket/FrontEnd/Pallet_images/fotor_2023-5-24_13_6_11.jpg");
  background-repeat: no-repeat;
  /* background-size: cover; */
  height: 800px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.become-seller-block5-header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: 160px;
  margin-right: 160px;
  
}
.become-seller-block5-header h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #2954a5;
  text-align: center;
  background-color: #ffffff;
  padding: 10px 20px;
}
.become-seller-block5-header button {
  background-color: #2954a5;
  margin-top: 20px;
  padding: 15px 25px;
  border-radius: 20px;
  width: 150px;
  color: #ffffff;
  border: none;
  cursor: pointer;
  font-size: 14px;
  font-family: "poppins";
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.become-seller-block5-header button:hover {
  width: 180px;
}
.become-seller-block5-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  margin-right: 80px;

}
.become-seller-block5-single {
  height: 60px;
  padding: 10px;
  width: 300px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
}
.become-seller-block5-single h4 {
  color: #525252;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}

/* block 6 */
.become-seller-block6 {
  margin-top: 50px;
  background-image: url("https://storage.googleapis.com/twinleaves_bucket/FrontEnd/Pallet_images/fotor_2023-5-24_15_44_38.jpg");
  height: 600px;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 50px;
}
.become-seller-block6-header {
  background-color: #ffffff;
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%
}
.become-seller-block6-header h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #2954a5;
}
.become-seller-block6-content {
  background-color: #2954a5;
  height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  
}
.become-seller-block6-call {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.become-seller-block6-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.become-seller-block6-icon h4 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 18px;
  color: #ffffff;
}
.become-seller-block6-call p {
  font-size: 14px;
  font-family: "poppins";
  color: #ffffff;
}

/* media queries */
/* media query at 950px */
@media (max-width: 950px) {
  .become-seller-block2-main-content {
    flex-direction: column;
    justify-content: center;
    gap: 20px;
  }
}

/* media query at 750px */
@media (max-width: 750px) {
  .become-seller-block1 {
    flex-direction: column;
    justify-content: center;
    gap: 20px;
  }
  .become-seller-block1-content {
    width: 100%;
  }

  /* block 2 */
  .flip-card {
    width: 200px;
    height: 200px;
  }
  .flip-card-front img, .flip-card-back img {
    width: 200px;
    height: 200px;
  }
  /* block 3 */
  .become-seller-block3-main-steps {
    gap: 50px;
  }
}

/* media query at 550px */
@media (max-width: 550px) {
  .become-seller-block1 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .become-seller-block1-content h1 {
    font-size: 35px;
  }
  .become-seller-block1-content h4 {
    font-size: 14px;
  }
  /* block 2 */
  .become-seller-block2-header h2 {
    font-size: 25px;
  }
  .become-seller-block2-main-content {
    margin-left: 30px;
    margin-right: 30px;
  }
  .become-seller-block2-section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
  }
  .become-seller-block2-content {
    width: 300px;
    height: 300px;
  }
  .become-seller-block2-column {
    width: 150px;
    height: 150px
  }
  .become-seller-block2-column img {
    width: 150px;
    height: 150px
  }
  .become-seller-block2-data {
    padding: 0;
    width: 150px;
    height: 150px
  }
  .become-seller-block2-data h4 {
    font-size: 14px;
  }
  .become-seller-block2-data p {
    font-size: 12px;
  }
  .become-seller-block2-content-tag h1 {
    font-size: 25px;
  }
  /* block 3 */
  .become-seller-block3-main-steps {
    flex-direction: column;
    justify-content: center;
    gap: 20px
  }

  /* block 4 */
  .become-seller-block4-heading h2 {
    font-size: 25px;
  }
  .become-seller-block4-main-content {
    margin-left: 30px;
    margin-right: 30px;
    grid-template-columns: repeat(1, 1fr);
    margin: auto;
  }
  .become-seller-block4 {
    height: 1200px;
  }
  .become-seller-block4-single {
    width: 150px
  }
  .become-seller-block4-single img {
    height: 80px;
  }
  .become-seller-block4-single h4 {
    font-size: 14px;
  }

  /* block 5 */
  
  .become-seller-block5 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    height: 900px;
  }
  .become-seller-block5-header {
    margin-left: 30px;
    margin-right: 30px;
  }
  .become-seller-block5-content {
    margin-left: 30px;
    margin-right: 30px;
  }
  .become-seller-block5-header h2 {
    font-size: 25px;
  }
  .become-seller-block5-single {
    width: 200px;
  }
  .become-seller-block5-single h4 {
    font-size: 14px;
  }
  /* block 6 */
  .become-seller-block6 {
    flex-direction: column;
  }
}

.solutionSectors {
    margin: 120px 0px 0px 80px;
  }
  
  .solutionSectors_inner {
    display: flex;
    justify-content: space-between;
    align-items: start;
  }
  
  .solutionSectors_inner_left_box {
    width: 40%;
  }
  
  .solutionSectors_inner_right_box {
    width: 50%;
  }
  
  .solutionSectors_inner_left_box h1 {
    font-size: 50px;
    font-family: "Montserrat", serif;
    color: #2954a5;
    font-weight: 500;
  }
  
  .solutionSectors_inner_left_box h4 {
    font-size: 18px;
    font-family: "Poppins", serif;
    color: #525252;
    line-height: 1.6;
    font-weight: 500;
  }
  
  .solutionSectors_inner_right_box {
    padding: 5px 5px 5px 10px;
    border: 5px solid #2954a5;
    border-right: none;
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }
  
  /* media queries  */
  /* 950px, 750px , 550px */
  @media screen and (max-width: 550px) {
    .solutionSectors {
      margin: 120px 30px;
    }
  
    .solutionSectors_inner {
      flex-wrap: wrap;
      row-gap: 20px;
    }
    .solutionSectors_inner_left_box h1 {
      font-size: 35px;
    }
    .solutionSectors_inner_left_box h4 {
      font-size: 14px;
    }
  
    .solutionSectors_inner_left_box {
      width: 100%;
    }
  
    .solutionSectors_inner_right_box {
      width: 100%;
    }
  }
  
  @media screen and (min-width: 551px) and (max-width: 750px) {
  }
  
  @media screen and (min-width: 751px) and (max-width: 950px) {
  }
  
.featuresDeliverExceptionalDining_header {
    margin-top: 50px;
    background-color: #2954a5;
    color: #ffffff;
    font-weight: 500;
    font-size: 35px;
    font-family: "Poppins", serif;
    height: 90px;
  
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .featuresDeliverExceptionalDining_inner {
    margin: 50px 80px;
  }
  
  /* media queries  */
  @media screen and (max-width: 550px) {
    .featuresDeliverExceptionalDining_inner {
      margin: 50px 30px;
    }
  
    .featuresDeliverExceptionalDining_header {
      font-size: 25px;
    }
  }
  
  @media screen and (min-width: 551px) and (max-width: 750px) {
  }
  
  @media screen and (min-width: 751px) and (max-width: 950px) {
  }
  
.carouselBox {
  display: flex;
  justify-content: space-evenly;
  /* align-items: center; */
  /* border: 1px solid; */
}

/* .carouselBox-inner-left {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    border: 1px solid;
    gap: 50px;
  } */
.carouselBox-inner-left {
  /* border: 1px solid; */
  width: 40%;
  display: flex;
  flex-direction: column;
  /* justify-content: space-between; */
  justify-content: center;
  /* align-items: center; */
}

.carouselBox-inner-left-single-img {
  width: 40%;
  display: flex;
  /* justify-content: space-between; */
  justify-content: center;
  align-items: center;
}
.carouselBox-inner-left-single-img img {
  width: 350px;
}

.carouselBox-inner-left-box1 {
  /* height: 40%; */
  display: flex;
  justify-content: flex-start;
  /* border: 1px solid; */
  padding-left: 50px;
}

.carouselBox-inner-left-box2 {
  /* height: 40%; */
  display: flex;
  justify-content: flex-end;
  /* border: 1px solid; */
  padding-right: 50px;
}

.carouselBox-inner-right {
  width: 50%;
}

/* list items inside slideshow */

.carouselBox li {
  display: flex;
  column-gap: 40px;
  margin-bottom: 40px;
}

.carouselBox li:nth-child(2) {
  margin-left: 40px;
}

.carouselBox li:nth-child(3) {
  margin-left: 80px;
}

.carouselBox li:nth-child(4) {
  margin-left: 120px;
}

/* end of list items inside slideshow  */

.carouselBox-inner-right h4 {
  font-size: 18px;
  color: #525252;
  font-family: "Poppins", serif;
  font-weight: 500;
}

.carouselBox-inner-right p {
  font-size: 14px;
  color: #31302d;
  font-family: "Roboto", serif;
}

/* text animation inside slideshow*/

@keyframes scale {
  100% {
    transform: scale(1);
  }
}

.carouselBox li {
  display: inline-block;
  opacity: 0;
  filter: blur(4px);
}

.carouselBox li:nth-child(1) {
  animation: fade-in 0.8s 0.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.carouselBox li:nth-child(2) {
  animation: fade-in 0.8s 0.2s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.carouselBox li:nth-child(3) {
  animation: fade-in 0.8s 0.3s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.carouselBox li:nth-child(4) {
  animation: fade-in 0.8s 0.4s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

@keyframes fade-in {
  100% {
    opacity: 1;
    filter: blur(0);
  }
}

/* end of text animation inside slideshow*/

/* media queries  */
@media screen and (max-width: 550px) {
  .carouselBox {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: wrap;
    /* align-items: center; */
    /* border: 1px solid; */
  }
  .carouselBox-inner-left {
    /* border: 1px solid; */
    width: 100%;
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
    justify-content: center;
    align-items: center;
  }
  .carouselBox-inner-right {
    width: 100%;
  }

  /* list items inside slideshow */
  .carouselBox li:nth-child(2) {
    margin-left: auto;
  }

  .carouselBox li:nth-child(3) {
    margin-left: auto;
  }

  .carouselBox li:nth-child(4) {
    margin-left: auto;
  }
  /* end of list items inside slideshow */
}

@media screen and (min-width: 551px) and (max-width: 750px) {
}

@media screen and (min-width: 751px) and (max-width: 950px) {
}

.solutions-restaurants-slider {
  width: 90%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.solutions-restaurants-slider h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #ffffff;
  text-align: center;
  background-color: #2954a5;
  height: 60px;
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* .solutions-restaurants-slider img {
      height: 650px;
      width: 70%;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-left: 160px;
      margin-right: 160px;
      margin: auto;
    } */

@media (max-width: 850px) {
  .solutions-restaurants-slider {
    width: 100%;
  }
  .solutions-restaurants-slider h2 {
    height: 100px;
  }
}

@media (max-width: 550px) {
  .solutions-restaurants-slider h2 {
    font-size: 18px;
  }
  /* .solutions-restaurants-slider img {
            width: 100%;
            height: 300px;
            margin-left: 0px;
            margin-right: 0px;
          } */
}

.restaurantsComprehensiveSolutions_header {
  margin-top: 50px;
  color: #2954a5;
  background-color: #ffffff;
  font-weight: 500;
  font-size: 35px;
  font-family: "Poppins", serif;
  height: 90px;

  display: flex;
  justify-content: center;
  align-items: center;
}

.restaurantsComprehensiveSolutions_inner {
  /* margin: 50px 80px; */
}

/* all images inside restaurantsComprehensiveSolutions_inner */
.restaurantsComprehensiveSolutions_inner img {
  width: 300px;
}

.restaurantsComprehensiveSolutions_inner h3 {
  font-size: 25px;
  font-family: "Poppins", serif;
  font-weight: 500;
  margin-bottom: 20px;
  /* color: #2954a5; */
}

.restaurantsComprehensiveSolutions_inner h4 {
  font-size: 18px;
  font-family: "Poppins", serif;
  /* color: #ffffff; */
  font-weight: 500;
  line-height: 1.6;
}

/* .restaurantsComprehensiveSolutions_inner_box */
.restaurantsComprehensiveSolutions_inner_box {
  display: flex;
  justify-content: space-between;
  /* border: 1px solid black; */
}

/* left  */
.restaurantsComprehensiveSolutions_inner_box_left {
  background-color: #2954a5;
  color: #ffffff;

  /* width: 75%; */
  width: 60%;

  display: flex;
  /* flex-direction: column; */
  justify-content: left;
  align-items: center;
  padding: 50px 0px;
}

.restaurantsComprehensiveSolutions_inner_box_without_outline {
  width: 40%;
}

/* left outline  */
.restaurantsComprehensiveSolutions_inner_box_left_outline {
  width: 60%;
  border: 2px solid white;
  border-top-right-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
  padding: 60px 30px 60px 80px;
  border-left: none;
  position: relative;
}

/* right  */
.restaurantsComprehensiveSolutions_inner_box_right {
  background-color: #2954a5;
  color: #ffffff;

  /* width: 75%; */
  width: 60%;

  display: flex;
  /* flex-direction: column; */
  justify-content: right;
  align-items: center;
  /* border: 1px solid black; */
  padding: 50px 0px;
}

/* right outline  */
.restaurantsComprehensiveSolutions_inner_box_right_outline {
  width: 60%;
  border: 2px solid white;
  border-top-left-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
  padding: 30px;
  padding: 60px 80px 60px 30px;
  border-right: none;
  position: relative;
}

@media screen and (max-width: 550px) {
  .restaurantsComprehensiveSolutions_header {
    font-size: 25px;
    text-align: center;
    padding: 0px 30px !important;
  }

  .restaurantsComprehensiveSolutions_inner_box {
    flex-wrap: wrap;
  }

  .restaurantsComprehensiveSolutions_inner_box:nth-child(odd) {
    /* flex-wrap: wrap; */
    flex-direction: column-reverse;
  }

  /* left  */
  .restaurantsComprehensiveSolutions_inner_box_left {
    width: 100%;
  }

  /* left outline  */
  .restaurantsComprehensiveSolutions_inner_box_left_outline {
    width: 80%;
    padding: 60px 30px 60px 30px;
  }

  /* right  */
  .restaurantsComprehensiveSolutions_inner_box_right {
    width: 100%;
  }

  /* right outline  */
  .restaurantsComprehensiveSolutions_inner_box_right_outline {
    width: 80%;
    padding: 60px 30px 60px 30px;
  }

  /* without outline  */
  .restaurantsComprehensiveSolutions_inner_box_without_outline {
    width: 100%;
    padding: 30px 0px;
  }

  /* all images inside restaurantsComprehensiveSolutions_inner */
  .restaurantsComprehensiveSolutions_inner img {
    width: 100%;
  }

  /* .restaurantsComprehensiveSolutions_inner h3 {
      font-size: 25px;
      font-family: "Poppins", serif;
      font-weight: 500;
      margin-bottom: 20px;
    } */

  .restaurantsComprehensiveSolutions_inner h4 {
    font-size: 14px;
    font-family: "Poppins", serif;
    /* color: #ffffff; */
    font-weight: 500;
    line-height: 1.6;
  }
}

@media screen and (min-width: 551px) and (max-width: 750px) {
}

@media screen and (min-width: 751px) and (max-width: 950px) {
}

.restaurants_comprehensive_solutions_form_section {
    margin: 50px 80px;
  }
  
  .restaurants_comprehensive_solutions_form_section_inner {
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 20px;
  }
  
  .restaurants_comprehensive_solutions_form_section_inner_right {
    padding: 10px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  
  .restaurants_comprehensive_solutions_form_section_inner_right p {
    font-size: 18px;
    font-family: "Poppins", serif;
    color: #525252;
    font-weight: 500;
  }
  
  .restaurants_comprehensive_solutions_form_section_inner_right img {
    width: 200px;
  }
  
  @media screen and (max-width: 550px) {
    .restaurants_comprehensive_solutions_form_section {
      margin: 50px 30px;
    }
  
    .restaurants_comprehensive_solutions_form_section_inner {
      flex-wrap: wrap;
    }
  
    .restaurants_comprehensive_solutions_form_section_inner_right {
      width: 100%;
      padding: 0px;
    }
    .restaurants_comprehensive_solutions_form_section_inner_right img {
      width: 100%;
    }
  }
  
  @media screen and (min-width: 551px) and (max-width: 750px) {
  }
  
  @media screen and (min-width: 751px) and (max-width: 950px) {
  }
  
.restaurants_comprehensive_solution_form {
}

.restaurants_comprehensive_solution_form h2 {
  font-size: 25px;
  font-weight: 500;
  font-family: "Poppins", serif;
}

.restaurants_comprehensive_solution_form h4 {
  font-family: "Poppins", serif;
  color: #525252;
  font-size: 18px;
  font-weight: 500;
}

.restaurants_comprehensive_solution_form_label_input_box {
  display: flex;
  justify-content: start;
  align-items: center;
  column-gap: 10px;
  margin-bottom: 10px;
  flex-wrap: wrap;

  /* display: "flex",
  justifyContent: "start",
  flexWrap: "wrap",
  alignItems: "center",
  marginBottom: "10px", */
}

.restaurants_comprehensive_solution_form_box label {
  width: 100px;
  font-size: 14px;
  font-family: "Roboto", serif;
  color: #31302d;
}

.restaurants_comprehensive_solution_form_box input {
  width: 100%;
}

.restaurants_comprehensive_solution_form_box .submit {
  color: #ffffff;
  background-color: #2954a5;
  font-size: 14px;
  font-family: "Roboto", serif;
  width: 120px;
  border-radius: 5px;
  padding: 10px 20px;
  border: none;
  font-weight: 500;
}

.restaurants_comprehensive_solution_form label {
  text-align: left;
}

@media screen and (max-width: 550px) {
  .restaurants_comprehensive_solution_form label {
    width: 100%;
    text-align: left;
  }
}

@media screen and (min-width: 551px) and (max-width: 750px) {
}

@media screen and (min-width: 751px) and (max-width: 950px) {
}

.kitchen_display_system {
  margin: 120px 80px;
  line-height: 1.6;
}

.kitchen-display-system-inner h1 {
  font-size: 50px;
  font-family: "Monsterrat", serif;
  /* color: #31302d; */
  color: #2954a5;
}

.kitchen-display-system-inner img {
  width: 250px;
}

.kitchen-display-system-inner_flexBox {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.kitchen-display-system-inner_flexBox_left {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30%;
}

.kitchen-display-system-inner_flexBox_right {
  width: 70%;
}

.kitchen-display-system-inner h4 {
  color: #525252;
  font-size: 18px;
  font-family: "Poppins", serif;
  font-weight: 500;
  margin-bottom: 5px;
}

.kitchen-display-system-inner p {
  color: #31302d;
  font-family: "Roboto", serif;
  font-size: 14px;
}

/* bottom div / last div */

.kitchen-display-system-inner_last {
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
}

.kitchen-display-system-inner_last_left {
  padding: 30px 30px;
  width: 50%;
  background-color: #2954a5;
  display: flex;
  justify-content: center;
  align-items: center;
}
.kitchen-display-system-inner_last_left p {
  color: #ffffff;
}

.kitchen-display-system-inner_last_right {
  padding: 30px 20px;
  width: 50%;
}

.kitchen-display-system-inner_last_right h3 {
  font-size: 25px;
  font-weight: 500;
  font-family: "Poppins", serif;
  margin-bottom: 10px;
}

.kitchen-display-system-inner_last_right a {
  text-decoration: none;
  color: #2954a5;
}

@media screen and (max-width: 550px) {
  .kitchen_display_system {
    margin: 120px 30px;
  }
  .kitchen-display-system-inner h1 {
    font-size: 35px;
  }

  .kitchen-display-system-inner_flexBox {
    flex-wrap: wrap;
  }

  .kitchen-display-system-inner_flexBox_left {
    width: 100%;
  }

  .kitchen-display-system-inner_flexBox_right {
    width: 100%;
  }

  /* bottom div / last div */
  .kitchen-display-system-inner_last {
    flex-wrap: wrap;
  }
  .kitchen-display-system-inner_last_left {
    width: 100%;
  }

  .kitchen-display-system-inner_last_right {
    width: 100%;
  }
}

@media screen and (min-width: 551px) and (max-width: 750px) {
}

@media screen and (min-width: 751px) and (max-width: 950px) {
}

.partners_portal_box_main {
  display: flex;
  justify-content: space-around;
  padding: 20px;
  gap: 20px;
  margin: 120px 80px;
}
.partners_portal_box_left {
  width: 50%;
}
.partners_portal_box_left h1 {
  font-size: 50px;
  font-family: "Montserrat", serif;
  /* color: #31302d; */
  color: #2954a5;
  font-weight: 500;
}

.partners_portal_box_left p {
  font-size: 18px;
  font-family: "Poppins", serif;
  color: #525252;
  font-weight: 500;
  line-height: 1.6;
}

.partners-portal-form-block1 {
  margin-top: 120px;
  margin-left: 80px;
  margin-right: 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.partners-portal-form-block1 h1 {
  color: #2954a5;
  /* font-size: 50px; */
  font-family: "poppins";
  font-weight: 500;
  text-align: center;
}
.partners-portal-form-block1 h4 {
  color: #525252;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  width: 60%;
}
.partners-portal-form-form {
  /* height: 800px; */
  height: auto;
  /* width: 60%; */
  width: 350px;
  border: 1px solid #007aff;
  border-radius: 1rem;
  padding: 2rem;
  /* box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
    rgba(60, 64, 67, 0.15) 0px 2px 6px 2px; */
}
.partners-portal-form-form h4 {
  /* color: #525252; */
  /* font-family: "Poppins", sans-serif; */
  font-size: 1.5rem;
  font-weight: 500;
  text-align: start;
  margin: 0;
  margin-top: 10px;
}
.partners-portal-form-single {
  margin-top: 20px;
}
.partners-portal-form-single p {
  margin-bottom: 10px;
}
.blue-color-span {
  color: #2954a5;
}
.partners-portal-form-form p {
  margin-top: 20px;
  margin-bottom: 4px;
  /* margin: 5px 0px 20px; */
  font-size: 14px;
  font-family: "poppins";
  color: #31302d;
}
/* helper text  */
.partners-portal-form-form .helper-text {
  margin: 5px 0px 20px;
  color: #525252;
  font-size: 13px;
}
.partners-portal-form-form .submit {
  width: 150px;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: block;
  font-size: 14px;
  font-family: "poppins";
  border-radius: 5px;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background-color: #007aff;
  color: #fcfeff;
  border: none;
  margin: 20px auto;
}
.partners-portal-form-form .prev {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 20px 5px 10px;
  font-size: 14px;
  font-family: "poppins";
  border-radius: 5px;
  border: none;
  background-color: #2954a5;
  opacity: 0.9;
  color: #ffffff;
  cursor: pointer;
}
.partners-portal-form-form .prev:hover {
  opacity: 1;
}
.partners-portal-form-form .next {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 10px 5px 20px;
  font-size: 14px;
  font-family: "poppins";
  border-radius: 5px;
  border: none;
  background-color: #007aff;
  opacity: 0.9;
  color: #ffffff;
  cursor: pointer;
}
.partners-portal-form-form .next:hover {
  opacity: 1;
}
.partners-portal-form-form .nextBox {
  display: flex;
  /* justify-content: space-between; */
  justify-content: flex-end;
}
.partners-portal-form-form .submit:hover {
  width: 180px;
}
.re-captcha-div {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}
/* media queries */
@media (max-width: 750px) {
  .partners-portal-form-block1 h4 {
    width: 100%;
  }
  .partners-portal-form-inner-block {
    display: flex;
    flex-direction: column;
  }
  .partners-portal-form-block2 {
    flex-direction: column-reverse;
    gap: 30px;
  }
  .partners-portal-form-form {
    width: 100%;
  }
}
@media (max-width: 550px) {
  .partners_portal_box_main {
    /* display: flex; */
    justify-content: center;
    align-items: center;
    padding: 0px;
    gap: 0px;
    margin: 120px 30px;
    flex-wrap: wrap;
  }
  .partners-portal-form-form {
    width: 300px;
  }
  .partners-portal-form-block1 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .partners-portal-form-block2-header {
    margin-left: -50px;
    margin-right: -50px;
  }
  .partners-portal-form-block1 h1 {
    font-size: 35px;
  }
  .partners-portal-form-block1 h4,
  .partners-portal-form-block2-header h4,
  .partners-portal-form-form h4 {
    font-size: 14px;
  }
  .partners-portal-form-section h3 {
    font-size: 18px;
  }
  .partners-portal-form-block2-header h2 {
    font-size: 25px;
  }

  /* .partners_portal_box_left { */
  .partners_portal_box_left {
    width: 100%;
    margin-bottom: 50px;
  }
  .partners_portal_box_left h1 {
    font-size: 35px;
  }
}

.form_heading_h1_new1 {
  font-size: 3rem !important;
  font-weight: 700 !important;
  margin: 0;
  color: #333 !important;
  text-align: left;
  text-transform: capitalize;
  margin-bottom: 1.5rem;
}

.seller_registration_landing {
  background-image: url("https://storage.googleapis.com/twinleaves_bucket/FrontEnd/Pallet_images/sellerRegistrationlandingPage.png");
  background-repeat: no-repeat;
  background-size: cover;
  /* object-fit: scale-down; */
  width: 100%;
  height: 100vh;
  object-fit: scale-down;
}

.seller_registration_landing_content {
  margin-top: 120px;
  margin-left: 80px;
  width: 50%;
  position: absolute;
}

.seller_registration_landing_content h1 {
  color: #ffffff;
  font-weight: 500;
  font-family: "Montserrat", serif;
  font-size: 50px;
}

.seller_registration_landing_content {
  color: #ffffff;
  font-size: 18px;
  font-family: "Poppins", serif;
  font-weight: 500;
}

.seller_registration_landing_highlight {
  color: #ffde59;
}

.seller_registration_get_started_btn {
  color: #2954a5;
  background-color: #ffffff;
  border-radius: 0.5rem;
  border: none;
  font-size: 14px;
  font-family: "poppins";
  padding: 10px 30px;
  cursor: pointer;
}

/* Breakpoints:  950px, 750px , 550px */

@media screen and (max-width: 550px) {
  .seller_registration_landing_content h1 {
    font-size: 35px;
  }
  .seller_registration_landing_content {
    margin:120px 30px;
    width: 80%;
  }
}

@media screen and (min-width: 551px) and(max-width:750px) {
}

@media screen and (min-width: 751px) and(max-width:950px) {
}

/* .seller_registration_main {
  margin: 120px 80px;
} */

/* Breakpoints:  950px, 750px , 550px */

.fw-bold{
  font-weight: bold;
}

@media screen and (max-width: 550px) {
}

@media screen and (min-width: 551px) and(max-width:750px) {
}

@media screen and (min-width: 751px) and(max-width:950px) {
}

.slide_1_signup_page_content {
  width: 400px;
  margin: auto;
}

.slide_1_signup_page_content h2 {
  text-align: center;
  font-weight: 500;
  font-family: "Poppins", serif;
  font-size: 35px;
}

.slide_1_signup_page_btn {
  background-color: #007AFF;
  color: #ffffff;
  border-radius: 0.5rem;
  border: none;
  font-size: 14px;
  font-family: "poppins";
  padding: 10px 30px;
  cursor: pointer;
  width: 100%;
}

.slide_1_signup_page_sign_in_link {
  color: #007AFF;
  text-decoration: none;
}

.prev_next_box {
  position: absolute;
  bottom: 0px;
  right: 80px;
  display: flex;
  gap: 20px;
}


/* page up animation  */
/* Define the animation */
@keyframes pageUp {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
/* Apply the animation to an element */
.page-up {
  animation-name: pageUp;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

/* page down animation  */
/* Define the animation */
@keyframes pageDown {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}
/* Apply the animation to an element */
.page-down {
  animation-name: pageDown;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

/* page right-to-left animation  */
@keyframes pageMoveLeft {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
/* Apply the animation to an element */
.page-move-left {
  animation-name: pageMoveLeft;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}

/* page left-to-right animation  */
@keyframes pageMoveRight {
  0% {
    transform: translateX(-30%);
  }
  100% {
    transform: translateX(0);
  }
}
/* Apply the animation to an element */
.page-move-right {
  animation-name: pageMoveRight;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  /* position: absolute; */
}

.slide_2_otp_page_content {
  width: 400px;
  margin: auto;
}

.slide_2_otp_page_content h2 {
  text-align: center;
  font-weight: 500;
  font-family: "Poppins", serif;
  font-size: 35px;
}

.slide_2_otp_page_btn {
  background-color: #007AFF;
  color: #ffffff;
  border-radius: 0.5rem;
  border: none;
  font-size: 14px;
  font-family: "poppins";
  padding: 10px 30px;
  cursor: pointer;
  width: 100%;
}

.slide_2_otp_page_sign_in_link {
  color: #007AFF;
  text-decoration: none;
}

/* page up animation  */
/* Define the animation */
@keyframes pageUp {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
/* Apply the animation to an element */
.page-up {
  animation-name: pageUp;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

/* page down animation  */
/* Define the animation */
@keyframes pageDown {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}
/* Apply the animation to an element */
.page-down {
  animation-name: pageDown;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

/* page right-to-left animation  */
@keyframes pageMoveLeft {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
/* Apply the animation to an element */
.page-move-left {
  animation-name: pageMoveLeft;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}


/* page left-to-right animation  */
@keyframes pageMoveRight {
  0% {
    transform: translateX(-30%);
  }
  100% {
    transform: translateX(0);
  }
}
/* Apply the animation to an element */
.page-move-right {
  animation-name: pageMoveRight;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}
.slide_3_tell_about_your_business_page_content {
  width: 400px;
  margin: auto;
}

.slide_3_tell_about_your_business_page_content h2 {
  text-align: center;
  font-weight: 500;
  font-family: "Poppins", serif;
  font-size: 35px;
}

.slide_3_tell_about_your_business_page_content_main {
  /* height: 400px; */
  height: 350px;
  overflow: hidden;
  overflow-y: scroll;
}

.slide_3_tell_about_your_business_page_content_main::-webkit-scrollbar {
  display: none;
}

.slide_3_tell_about_your_business_page_content_business_type {
  display: flex;
  justify-content: space-between;
  align-items: start;
  flex-wrap: wrap;
}

.slide_3_tell_about_your_business_page_content_business_pan_verify_btn {
  margin-top: 5px;
  margin-bottom: 10px;
  padding: 5px 10px;
  background-color: #007AFF;
  color: #ffffff;
  border: none;
  font-size: 14px;
  font-family: "poppins";
  cursor: pointer;
  border-radius: 0.5rem;
}

/* to remove default mui button disabled background color  */

.Mui-disabled {
  background-color: #ffffff !important;
}
/* .slide_3_tell_about_your_business_page_content_seller_name_and_email {
} */

/* page up animation  */
/* Define the animation */
@keyframes pageUp {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
/* Apply the animation to an element */
.page-up {
  animation-name: pageUp;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

/* page down animation  */
/* Define the animation */
@keyframes pageDown {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}
/* Apply the animation to an element */
.page-down {
  animation-name: pageDown;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

/* page right-to-left animation  */
@keyframes pageMoveLeft {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
/* Apply the animation to an element */
.page-move-left {
  animation-name: pageMoveLeft;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}

/* page left-to-right animation  */
@keyframes pageMoveRight {
  0% {
    transform: translateX(-30%);
  }
  100% {
    transform: translateX(0);
  }
}
/* Apply the animation to an element */
.page-move-right {
  animation-name: pageMoveRight;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}

/* media queries  */
@media screen and (max-width: 550px) {
  .slide_3_tell_about_your_business_page_content_business_type {
    flex-wrap: wrap;
    row-gap: 20px;
  }
}

@media screen and (min-width: 551px) and(max-width:750px) {
}

@media screen and (min-width: 751px) and(max-width:950px) {
}




.slide_4_select_categories_content {
  width: 400px;
  margin: auto;
}

.slide_4_select_categories_content h2 {
  text-align: center;
  font-weight: 500;
  font-family: "Poppins", serif;
  font-size: 35px;
}

#categoriesSelectBox {
  position: relative !important;
  /* width: 100% !important; */
  height: auto !important;
  /* padding: 0px 0px; */
  /* scroll-snap-type-x: none; */
  top: 0 !important;
  /* border-radius: 0px !important; */
  max-width: auto !important;
}

#menu- .css-1ka5eyc-MuiPaper-root-MuiMenu-paper-MuiPopover-paper {
  /* position: relative !important;
  height: auto !important;
  max-width: auto !important;
  top: 0 !important; */
  position: relative !important;
  max-width: fit-content !important;
  width: fit-content !important;
  top: 299px !important;
}

/* position: relative !important; */
/* width: 100% !important; */
/* height: 100vh !important; */
/* padding: 0px 0px; */
/* scroll-snap-type-x: none; */
/* top: 81px !important; */
/* border-radius: 0px !important; */
/* max-width: calc(100% - 0px) !important;



/* page up animation  */
/* Define the animation */
@keyframes pageUp {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
/* Apply the animation to an element */
.page-up {
  animation-name: pageUp;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

/* page down animation  */
/* Define the animation */
@keyframes pageDown {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}
/* Apply the animation to an element */
.page-down {
  animation-name: pageDown;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

/* page right-to-left animation  */
@keyframes pageMoveLeft {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
/* Apply the animation to an element */
.page-move-left {
  animation-name: pageMoveLeft;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}

/* page left-to-right animation  */
@keyframes pageMoveRight {
  0% {
    transform: translateX(-30%);
  }
  100% {
    transform: translateX(0);
  }
}
/* Apply the animation to an element */
.page-move-right {
  animation-name: pageMoveRight;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}

.slide_6_tell_more_about_your_business_2_content {
  width: 400px;
  margin: auto;
}

.slide_6_tell_more_about_your_business_2_content h2 {
  text-align: center;
  font-weight: 500;
  font-family: "Poppins", serif;
  font-size: 35px;
}

/* page up animation  */
/* Define the animation */
@keyframes pageUp {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
/* Apply the animation to an element */
.page-up {
  animation-name: pageUp;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

/* page down animation  */
/* Define the animation */
@keyframes pageDown {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}
/* Apply the animation to an element */
.page-down {
  animation-name: pageDown;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

/* page right-to-left animation  */
@keyframes pageMoveLeft {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
/* Apply the animation to an element */
.page-move-left {
  animation-name: pageMoveLeft;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}

/* page left-to-right animation  */
@keyframes pageMoveRight {
  0% {
    transform: translateX(-30%);
  }
  100% {
    transform: translateX(0);
  }
}
/* Apply the animation to an element */
.page-move-right {
  animation-name: pageMoveRight;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}

.slide_7_serviceability_content {
  width: 400px;
  margin: auto;
}

.slide_7_serviceability_content h2 {
  text-align: center;
  font-weight: 500;
  font-family: "Poppins", serif;
  font-size: 35px;
}

/* page up animation  */
/* Define the animation */
@keyframes pageUp {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
/* Apply the animation to an element */
.page-up {
  animation-name: pageUp;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

/* page down animation  */
/* Define the animation */
@keyframes pageDown {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}
/* Apply the animation to an element */
.page-down {
  animation-name: pageDown;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

/* page right-to-left animation  */
@keyframes pageMoveLeft {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
/* Apply the animation to an element */
.page-move-left {
  animation-name: pageMoveLeft;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}

/* page left-to-right animation  */
@keyframes pageMoveRight {
  0% {
    transform: translateX(-30%);
  }
  100% {
    transform: translateX(0);
  }
}
/* Apply the animation to an element */
.page-move-right {
  animation-name: pageMoveRight;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}
/* font family for number in modal page */

.fullfilled_by_pallet_modal_content {
  position: absolute;
  top: 50px;
  left: 10%;
  /* //   transform: "translate(-50%, -50%)", */
  width: 70%;
  /* background-color: "background.paper", */
  background-color: whitesmoke;
  border: 2px solid #2954a5;
  border: none;
  box-shadow: 24;
  padding: 32px;
}

.fullfilled_by_pallet_modal_content h2 {
  text-align: center;
  font-weight: 500;
  font-family: "Poppins", serif;
  font-size: 25px;
}

.fullfilled_by_pallet_modal_content h3 {
  color: #31302d;
  text-align: center;
  font-weight: 500;
  font-family: "Poppins", serif;
  font-size: 18px;
  padding-right: 150px;
}

.fullfilled_by_pallet_modal_content h4 {
  color: #525252;
  text-align: center;
  font-weight: 500;
  font-family: "Poppins", serif;
  font-size: 14px;
  /* border: 1px solid black; */
  /* padding: 10px ;
  margin-left: 0px; */
}

.fullfilled_by_pallet_modal_content_left {
  width: 60%;
}

.fullfilled_by_pallet_modal_content_left_number {
  font-family: "Slabo 13px", serif;
  font-size: 30px;
  font-weight: bold;
  width: 50px;
  text-align: center;
}

.fullfilled_by_pallet_modal_content_right {
  width: 40%;
}

@media screen and (max-width: 550px) {
  .fullfilled_by_pallet_modal_content {
    left: 6%;
  }
}

@media screen and (min-width: 551px) and(max-width:750px) {
}

@media screen and (min-width: 751px) and(max-width:950px) {
}

.slide_8_mode_of_shipping_content {
  /* background-color: #2954a5; */
  background-color: #007AFE;
  padding: 0px 80px;
  /* height: 100vh; */
  
  /* height: calc(100vh - 120px);
  position: relative; */
}

.slide_8_mode_of_shipping_content h2 {
  padding-top: 20px;
  color: #ffffff;
  text-align: center;
  font-weight: 500;
  font-family: "Poppins", serif;
  font-size: 35px;
}

.slide_8_mode_of_shipping_content_flexbox {
  display: flex;
  justify-content: space-around;
  text-align: center;
}

.slide_8_mode_of_shipping_content_flexbox_items {
  width: 30%;
}

.modeOfShippingBtn {
  padding: 10px 20px;
  border-radius: 1px 30px 1px;
  border: none;
  /* color: #2954a5; */
}
/* .slide_8_mode_of_shipping_content button p { */
/* color: #2954a5; */
/* } */
.seller_registration_form_submit_btn {
  padding: 10px 20px;
  border-radius: 0.5rem;
  border: none;
  font-size: 14px;
  background-color: #ffffff;
  margin-bottom: 20px;
}

/* page up animation  */
/* Define the animation */
@keyframes pageUp {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
/* Apply the animation to an element */
.page-up {
  animation-name: pageUp;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

/* page down animation  */
/* Define the animation */
@keyframes pageDown {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}
/* Apply the animation to an element */
.page-down {
  animation-name: pageDown;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

/* page right-to-left animation  */
@keyframes pageMoveLeft {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
/* Apply the animation to an element */
.page-move-left {
  animation-name: pageMoveLeft;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}

/* page left-to-right animation  */
@keyframes pageMoveRight {
  0% {
    transform: translateX(-30%);
  }
  100% {
    transform: translateX(0);
  }
}
/* Apply the animation to an element */
.page-move-right {
  animation-name: pageMoveRight;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}

/* media queries  */

@media screen and (max-width: 550px) {
  .slide_8_mode_of_shipping_content {
    padding: 0px 30px;
    height: auto;
  }
  .slide_8_mode_of_shipping_content_flexbox {
    display: flex;
    flex-wrap: wrap;
  }
  .slide_8_mode_of_shipping_content_flexbox_items {
    width: 100%;
  }
}

@media screen and (min-width: 551px) and(max-width:750px) {
}

@media screen and (min-width: 751px) and(max-width:950px) {
}

.slide_control_page_main {
  display: flex;
  /* margin-top: 120px; */
  /* margin-top: 70px; */
  /* overflow: hidden; */
  /* height: calc(100vh - 120px); */
  position: relative;
  margin-bottom: 50px;
  background: #F5F5F7;
  min-height: calc(100vh - 64px);
  align-items: flex-start;
}

/* slide_control_page_left */
.slide_control_page_left {
  /* width: 50%;
  padding: 0px 80px;
  padding-top: 50px;
  background-color: #2954a5; */

  padding: 60px;
  width: 60%;
  /* padding: 10px; */
  /* padding-top: 10px; */
  /* background-color: #2954a5; */
  /* height: 100vh !important; */
}

.slide_control_page_right {
  /* background-color: blue; */
  padding: 2.5rem 2rem;
  width: 40%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

/* White card — matches /forms/contact-sales .formCard */
.seller_form_card {
  background: #fff;
  border-radius: 20px;
  padding: 2.5rem;
  box-shadow: 0 4px 32px rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(0, 0, 0, 0.06);
  width: 100%;
  box-sizing: border-box;
}

.slide_control_page_left_in_0th_slide {
  width: 50%;
  padding: 0px 80px;
}

.slide_control_page_left_in_0th_slide h1 {
  font-weight: 500;
  font-family: "Montserrat", serif;
  font-size: 50px;
}

.slide_control_page_right_in_0th_slide {
  padding: 0px 80px 0px 0px;
  width: 50%;
}

.slide_control_page_left_in_0th_slide_highlight {
  color: #2954a5;
}

.slide_control_page_right_in_8th_slide {
  width: 100%;
}

.prev_next_box {
  position: absolute;
  top: 95%;
  right: 70px;
  /* display: flex; */
  gap: 20px;
  height: 30px;
  /* background-color: white; */
}

.prev_next_box {
  cursor: pointer;
}

.relative-position {
  position: relative;
}

.absolute-img {
  position: absolute;
  left: -20px;
  top: -50px;
}

@media screen and (max-width: 550px) {
  .slide_control_page_main {
    height: auto;
    flex-wrap: wrap;
  }
  .slide_control_page_left {
    /* width: 100%; */
    display: none;
  }
  .slide_control_page_right {
    /* width: 100%; */
    /* display: none; */
    padding: 0px 30px;
    /* padding-top: 50px; */
    width: 100%;
    padding-top: 20px;
  }
  .prev_next_box {
    right: 0;
    bottom: 0;
  }
  .seller_registration_landing_content h1 {
    font-size: 35px;
  }
  .seller_registration_landing_content {
    margin: 120px 30px;
    width: 80%;
  }
}

@media screen and (min-width: 551px) and(max-width:750px) {
}

@media screen and (min-width: 751px) and(max-width:950px) {
}

/* transition code  */
.slider-container {
  position: relative;
  height: 300px;
}

.slider-transition {
  transition: opacity 0.5s;
}

.slider-slide {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
}

.slider-transition:not(.slider-transition-appear) .slider-slide {
  opacity: 0;
}

.contact_sales_box_main {
  display: flex;
  justify-content: space-between;
  /* padding: 20px; */
  gap: 20px;
  /* margin: 120px 80px; */
  margin: 5rem 5rem;
}
@media (max-width: 1024px) {
  .contact_sales_box_main {
    margin-left: 3rem;
    margin-right: 3rem;
  }
}

@media (max-width: 600px) {
  .contact_sales_box_main {
    margin-left: 1rem;
    margin-right: 1rem;
  }
}
.contact_sales_box_left {
  width: 50%;
}

@media (max-width: 820px) {
  .contact_sales_box_main {
    justify-content: center;
    align-items: center;
    padding: 0px;
    flex-direction: column;
  }
  .contact_sales_box_left {
    width: 100%;
  }
}
.contact_sales_box_left h1 {
  font-size: 50px;
  font-family: "Montserrat", serif;
  /* color: #31302d; */
  color: #2954a5;
  font-weight: 500;
}

.form_heading-h1-new {
  font-size: 3rem !important;
  font-weight: 700 !important;
  margin: 0;
  color: #333 !important;
  text-align: left;
  text-transform: capitalize;
  margin-bottom: 1.5rem;
}

.form_heading-p-new {
  font-size: 1rem;
  margin: 0.25rem 0;
  color: #6B6B6B;
  text-align: left;
}

.contact-sales-form-block1 {
  margin-top: 120px;
  margin-left: 80px;
  margin-right: 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.contact-sales-form-block1 h1 {
  color: #2954a5;
  font-size: 50px;
  font-family: "poppins";
  font-weight: 500;
  text-align: center;
}
.contact-sales-form-block1 h4 {
  color: #525252;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  width: 60%;
}
.contact-sales-form-form2 {
  /* height: 800px; */
  height: auto;
  /* width: 60%; */
  width: 350px;
  border: 1px solid #007aff;
  border-radius: 1rem;
  padding: 30px;
  /* box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
    rgba(60, 64, 67, 0.15) 0px 2px 6px 2px; */
  box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 6px;
}
.form-sales-h4-new {
  font-size: 1.5rem;
  font-weight: 500;
  color: #333;
  margin: 0.75rem 0;
}
.contact-sales-form-form2 h4 {
  /* color: #525252;
  font-family: "Poppins", sans-serif;
  font-size: 25px;
  font-weight: 500;
  text-align: start;
  margin-top: 10px; */
}
.contact-sales-form-single {
  margin-top: 20px;
}
.contact-sales-form-single p {
  margin-bottom: 4px;
}
.blue-color-span {
  color: #2954a5;
}
.contact-sales-form-form2 p {
  margin-top: 20px;
  margin-bottom: 4px;
  /* margin: 5px 0px 20px; */
  font-size: 14px;
  font-family: "poppins";
  color: #31302d;
}
/* helper text  */
.contact-sales-form-form2 .helper-text {
  margin: 5px 0px 20px;
  color: #525252;
  font-size: 13px;
}
.contact-sales-form-form2 .submit {
  width: 150px;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: block;
  font-size: 14px;
  font-family: "poppins";
  border-radius: 5px;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background-color: #007aff;
  color: #fcfeff;
  border: none;
  margin: 20px auto;
}
.contact-sales-form-form2 .prev {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 20px 5px 10px;
  font-size: 14px;
  font-family: "poppins";
  border-radius: 5px;
  border: none;
  background-color: #2954a5;
  opacity: 0.9;
  color: #ffffff;
  cursor: pointer;
}
.contact-sales-form-form2 .prev:hover {
  opacity: 1;
}
.contact-sales-form-form2 .next {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 10px 5px 20px;
  font-size: 14px;
  font-family: "poppins";
  border-radius: 5px;
  border: none;
  background-color: #007aff;
  /* opacity: 0.9; */
  color: #ffffff;
  cursor: pointer;
}
.contact-sales-form-form2 .next:hover {
  opacity: 1;
}
.contact-sales-form-form2 .nextBox {
  display: flex;
  /* justify-content: space-between; */
  justify-content: flex-end;
}
.contact-sales-form-form2 .submit:hover {
  width: 180px;
}
.re-captcha-div {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}
/* media queries */
@media (max-width: 820px) {
  .contact-sales-form-block1 h4 {
    width: 100%;
  }
  .contact-sales-form-inner-block {
    display: flex;
    flex-direction: column;
  }
  .contact-sales-form-block2 {
    flex-direction: column-reverse;
    gap: 30px;
  }
  .contact-sales-form-form2 {
    width: 80%;
  }
}
@media (max-width: 550px) {
  /* .contact_sales_box_main {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px;
    gap: 0px;
    margin: 120px 30px;
    flex-wrap: wrap;
  } */
  /* .contact-sales-form-form2 {
    width: 300px;
  } */
  .contact-sales-form-block1 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .contact-sales-form-block2-header {
    margin-left: -50px;
    margin-right: -50px;
  }
  .contact-sales-form-block1 h1 {
    font-size: 35px;
  }
  .contact-sales-form-block1 h4,
  .contact-sales-form-block2-header h4,
  .contact-sales-form-form2 h4 {
    font-size: 14px;
  }
  .contact-sales-form-section h3 {
    font-size: 18px;
  }
  .contact-sales-form-block2-header h2 {
    font-size: 25px;
  }

  /* .contact_sales_box_left { */
  .contact_sales_box_left {
    width: 100%;
    margin-bottom: 50px;
  }
  .contact_sales_box_left h1 {
    font-size: 35px;
  }
}


.form-top-margin {
padding: 8px 5px;
border-radius: 4px;
}
/* ══════════════════════════════════════
   CONTACT SALES — SPLIT-SCREEN LAYOUT
══════════════════════════════════════ */

/* Page wrapper sits below fixed navbar (~64px) */
.bkKPXMDY_LVimkCNSujw {
  display: flex;
  min-height: calc(100vh - 64px);
  margin-top: 64px;
  font-family: 'Space Grotesk', sans-serif;
  overflow: hidden;
}

/* ── LEFT PANEL ── */
.uAKGOpSt3QYb1gQlk8tu {
  position: relative;
  width: 40%;
  flex-shrink: 0;
  background: #000;
  display: flex;
  align-items: flex-start;
  padding: 2rem 3.5rem 4rem;
  overflow: hidden;
}

.hWAklEeg7EEzAIoFbIiy {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle, rgba(255,255,255,0.07) 1px, transparent 1px);
  background-size: 30px 30px;
  pointer-events: none;
}

.jlmyD4gtZVRmKiNgtidi {
  position: absolute;
  width: 500px;
  height: 500px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(26,110,255,0.22) 0%, transparent 70%);
  bottom: -100px;
  left: -100px;
  pointer-events: none;
  animation: _hj_peyXUf_kltYA6Gh2 6s ease-in-out infinite alternate;
}
.GTNQD7xeg2mro7RkwVb6 {
  position: absolute;
  width: 350px;
  height: 350px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(123,111,255,0.15) 0%, transparent 70%);
  top: -50px;
  right: -80px;
  pointer-events: none;
  animation: _hj_peyXUf_kltYA6Gh2 8s ease-in-out infinite alternate-reverse;
}
@keyframes _hj_peyXUf_kltYA6Gh2 {
  from { transform: scale(1); opacity: 0.7; }
  to   { transform: scale(1.2); opacity: 1; }
}

.vQHghCU_b9MaZ18qWXwC {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding-top: 0.5rem;
  width: 100%;
}

.ZC6WHqcPi8ovJH7kaoIQ {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  background: rgba(26,110,255,0.12);
  border: 1px solid rgba(26,110,255,0.3);
  border-radius: 999px;
  padding: 0.3rem 0.85rem;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: #6EA8FF;
  width: fit-content;
  animation: dUhg3w1ROYiWfhHZsqsG 3s ease-in-out infinite;
}
@keyframes dUhg3w1ROYiWfhHZsqsG {
  0%, 100% { box-shadow: 0 0 0 0 rgba(26,110,255,0.3); }
  50%       { box-shadow: 0 0 0 5px rgba(26,110,255,0); }
}
.VXzNoGz4fc4YCn1s7HHJ {
  width: 5px; height: 5px;
  border-radius: 50%;
  background: #1A6EFF;
  animation: srgM7LqMMfLyly5QZdSg 2s ease-in-out infinite;
}
@keyframes srgM7LqMMfLyly5QZdSg { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; } }

.ndn162UmZ_abARMq9RBr {
  font-size: clamp(2rem, 3.5vw, 3rem);
  font-weight: 800;
  color: #fff;
  line-height: 1.12;
  margin: 0;
  letter-spacing: -0.02em;
}

.K4eeOuofzBeQbnwDthcK {
  background: linear-gradient(90deg, #1A6EFF, #7B6FFF, #10B981);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.zezgySmhOhNqKKwnPGQa {
  font-size: 0.95rem;
  color: rgba(255,255,255,0.6);
  line-height: 1.75;
  margin: 0;
  max-width: 380px;
}

/* Trust cards */
.HzBJWjHVTwrhEFEc00Ec {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.65rem;
}

.RvlOKEae63ku8m33ghec {
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 12px;
  padding: 0.9rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  transition: background 0.2s;
}
.RvlOKEae63ku8m33ghec:hover { background: rgba(255,255,255,0.08); }

.TdwvwmtPqTWABJLPRB5D {
  font-size: 1.25rem;
  font-weight: 800;
  color: #fff;
  letter-spacing: -0.01em;
}

.KUU95oJa5UbRfD9fycav {
  font-size: 0.7rem;
  font-weight: 600;
  color: rgba(255,255,255,0.5);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

/* Email row */
.HvGMTSkeCKEAlH3PCOyG {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  color: rgba(255,255,255,0.65);
  font-size: 0.88rem;
  font-weight: 600;
  margin-top: 0.5rem;
}

/* ── RIGHT PANEL ── */
.fPvXKJbYw9WJ0fRyvhb4 {
  flex: 1;
  background: #F5F5F7;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 4rem 3rem;
  overflow-y: auto;
}

.REE3CGdDVr3H8yZ9tXJa {
  width: 100%;
  max-width: 560px;
  background: #fff;
  border-radius: 20px;
  padding: 2.5rem 2.5rem;
  box-shadow: 0 4px 32px rgba(0,0,0,0.08);
  border: 1px solid rgba(0,0,0,0.06);
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
}

/* ── STEPPER ── */
.doOSeth3x0WALyzUYs2k {
  display: flex;
  align-items: center;
  gap: 0;
}

.TTV1fkt8M3lSGAi4gQdj {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.35rem;
  flex-shrink: 0;
}

.ynJcQkbnZMriaLnwBhp0 {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 2px solid #d0d0d8;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8rem;
  font-weight: 700;
  color: #aaa;
  background: #fff;
  transition: all 0.3s;
}

.KczXTQ0MveSlJ9LMSs8l {
  border-color: #1A6EFF;
  background: #1A6EFF;
  color: #fff;
  box-shadow: 0 0 0 4px rgba(26,110,255,0.15);
}

.lxy5Fm0nzor36hl_xGhU {
  border-color: #10B981;
  background: #10B981;
  color: #fff;
  box-shadow: 0 0 0 4px rgba(16,185,129,0.15);
}

._V1T4oW_fxUG3MairsN4 {
  font-size: 0.68rem;
  font-weight: 600;
  color: #aaa;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  transition: color 0.3s;
  white-space: nowrap;
}
.yFbrXv8zxXHbwzInzX2k { color: #1A6EFF; }

.WPPTpgeepSAcFjAKhT1s {
  flex: 1;
  height: 2px;
  background: #e0e0e8;
  margin: 0 0.5rem;
  margin-bottom: 1.4rem;
  transition: background 0.3s;
}
.crwi2TKPxARIqjHWwm8F { background: #10B981; }

/* ── STEP HEADING ── */
.Xn2hcGxk31CNWhMU2IiU { display: flex; flex-direction: column; gap: 0.3rem; }

._ZhJ6qVUHVaXyk4mSqH6 {
  font-size: 1.5rem;
  font-weight: 800;
  color: #0a0a0a;
  margin: 0;
  letter-spacing: -0.02em;
}

.gMt4FU0r4bIfqMfIqedT {
  font-size: 0.88rem;
  color: #888;
  margin: 0;
}

/* ── FIELDS ── */
.TyMM3LfHZqt5VreD1Vsb {
  display: flex;
  flex-direction: column;
  gap: 1.1rem;
}

.KPoQy4mNCq6WCQSu6aCm {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.85rem;
}

.mbs46Q0DAHxZP8s62dWK {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.Mog0gVUfOKnfDiZIN0Tc {
  font-size: 0.8rem;
  font-weight: 700;
  color: #333;
  letter-spacing: 0.01em;
}

.gB6eUeL0Uwf4QAEuk64h { color: #E53E3E; }

.wr9JUST5xLg54EvadgIg {
  font-size: 0.72rem;
  color: #aaa;
  font-weight: 500;
}

.xLzYBFowI7QRrqAv2GpI {
  font-size: 0.72rem;
  color: #999;
  line-height: 1.45;
}

._rvyg_IU0lJlOUG76OC2,
.APWwElMXtymXqNa95Kf2,
.KTxg3YQ3w0poQxtIMZ15 {
  width: 100%;
  padding: 0.65rem 0.9rem;
  border: 1.5px solid #e0e0e8;
  border-radius: 10px;
  font-size: 0.9rem;
  color: #111;
  font-family: inherit;
  background: #fff;
  transition: border-color 0.2s, box-shadow 0.2s;
  outline: none;
  appearance: none;
  box-sizing: border-box;
}

._rvyg_IU0lJlOUG76OC2::placeholder,
.KTxg3YQ3w0poQxtIMZ15::placeholder {
  color: #bbb;
  font-size: 0.88rem;
}

._rvyg_IU0lJlOUG76OC2:focus,
.APWwElMXtymXqNa95Kf2:focus,
.KTxg3YQ3w0poQxtIMZ15:focus {
  border-color: #1A6EFF;
  box-shadow: 0 0 0 3px rgba(26,110,255,0.12);
}

.APWwElMXtymXqNa95Kf2 {
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%270 0 12 12%27%3E%3Cpath d=%27M6 8L1 3h10z%27 fill=%27%23888%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.9rem center;
  padding-right: 2rem;
}

.APWwElMXtymXqNa95Kf2:disabled {
  background-color: #f5f5f5;
  color: #bbb;
  cursor: not-allowed;
}

.KTxg3YQ3w0poQxtIMZ15 {
  resize: vertical;
  min-height: 100px;
  line-height: 1.6;
}

/* ── LEGAL ── */
.IDs9FaqIRz6gJ_SZ5ol2 {
  font-size: 0.78rem;
  color: #999;
  text-align: center;
  margin: 0;
  line-height: 1.6;
}
.WTTR7l_Ip5lCrX6rKxj2 {
  color: #1A6EFF;
  cursor: pointer;
  font-weight: 600;
}
.WTTR7l_Ip5lCrX6rKxj2:hover { text-decoration: underline; }

/* ── NAVIGATION ── */
.GKtXh4H9yazZOO7AMTxV {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding-top: 0.25rem;
}

._G07szWxVDhNXqNqWvPS {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  background: transparent;
  color: #555;
  border: 1.5px solid #e0e0e8;
  border-radius: 10px;
  padding: 0.65rem 1.2rem;
  font-size: 0.88rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  transition: background 0.2s, border-color 0.2s, color 0.2s;
}
._G07szWxVDhNXqNqWvPS:hover { background: #f0f0f5; border-color: #c0c0cc; color: #333; }

.qEulxYDwDtwb6hVj3ZJ9 {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  background: linear-gradient(135deg, #1A6EFF, #7B6FFF);
  color: #fff;
  border: none;
  border-radius: 10px;
  padding: 0.65rem 1.5rem;
  font-size: 0.9rem;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
  transition: transform 0.2s, box-shadow 0.2s;
  box-shadow: 0 3px 16px rgba(26,110,255,0.3);
  margin-left: auto;
}
.qEulxYDwDtwb6hVj3ZJ9:hover { transform: translateY(-1px); box-shadow: 0 6px 24px rgba(26,110,255,0.45); }

.CBMzk9FXP6nLOFafGkaM {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  background: linear-gradient(135deg, #1A6EFF, #7B6FFF);
  color: #fff;
  border: none;
  border-radius: 10px;
  padding: 0.7rem 1.8rem;
  font-size: 0.92rem;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
  transition: transform 0.2s, box-shadow 0.2s, opacity 0.2s;
  box-shadow: 0 3px 16px rgba(26,110,255,0.3);
  margin-left: auto;
  min-width: 130px;
}
.CBMzk9FXP6nLOFafGkaM:hover:not(:disabled) { transform: translateY(-1px); box-shadow: 0 6px 24px rgba(26,110,255,0.45); }
.CBMzk9FXP6nLOFafGkaM:disabled { opacity: 0.7; cursor: not-allowed; }

/* ══════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════ */
@media (max-width: 1024px) {
  .uAKGOpSt3QYb1gQlk8tu { width: 44%; padding: 1.5rem 2.5rem 3rem; }
  .fPvXKJbYw9WJ0fRyvhb4 { padding: 3rem 2rem; }
  .REE3CGdDVr3H8yZ9tXJa { padding: 2rem 2rem; }
}

@media (max-width: 820px) {
  .bkKPXMDY_LVimkCNSujw { flex-direction: column; }
  .uAKGOpSt3QYb1gQlk8tu { width: 100%; padding: 1.5rem 2rem 2.5rem; }
  .ndn162UmZ_abARMq9RBr { font-size: 2rem; }
  .jlmyD4gtZVRmKiNgtidi { width: 300px; height: 300px; }
  .fPvXKJbYw9WJ0fRyvhb4 { padding: 2rem 1.5rem; }
  .REE3CGdDVr3H8yZ9tXJa { border-radius: 16px; }
}

@media (max-width: 540px) {
  .KPoQy4mNCq6WCQSu6aCm { grid-template-columns: 1fr; }
  .REE3CGdDVr3H8yZ9tXJa { padding: 1.5rem 1.25rem; }
  .HzBJWjHVTwrhEFEc00Ec { grid-template-columns: 1fr 1fr; gap: 0.5rem; }
  .RvlOKEae63ku8m33ghec { padding: 0.7rem 0.75rem; }
  .TdwvwmtPqTWABJLPRB5D { font-size: 1.1rem; }
}

/* ══════════════════════════════════════════════════
   Get Support — premium support page redesign
══════════════════════════════════════════════════ */

.l04qHp3Ean1f3L1OqEVb { width: 100%; background: #F8FAFF; min-height: 100vh; }

/* ══ HERO ═══════════════════════════════════════════ */
.Mczte9rQPL5F_4N5wQ7I {
  position: relative;
  background: #060C1A;
  overflow: hidden;
  padding: 5rem 5rem 4.5rem;
  display: flex;
  align-items: center;
}

.flOEeRsAR1m_8t1DfGb_ {
  position: absolute; inset: 0;
  background-image: radial-gradient(circle, rgba(255,255,255,0.05) 1px, transparent 1px);
  background-size: 30px 30px;
  animation: KXkgGgldR44xHDfXsWXZ 28s linear infinite;
  pointer-events: none;
}
@keyframes KXkgGgldR44xHDfXsWXZ { to { background-position: 30px 30px; } }

.jx9t78Pnq3REGmWxD8Jg {
  position: absolute; top: -60px; left: -60px;
  width: 420px; height: 420px;
  background: radial-gradient(circle, rgba(26,110,255,0.18) 0%, transparent 65%);
  animation: W7JprQ0Tap70pPg8rIGv 12s ease-in-out infinite alternate;
  pointer-events: none;
}
.En260wIq0ootoYeHz3LG {
  position: absolute; bottom: -60px; right: -30px;
  width: 360px; height: 360px;
  background: radial-gradient(circle, rgba(124,58,237,0.13) 0%, transparent 65%);
  animation: W7JprQ0Tap70pPg8rIGv 16s ease-in-out infinite alternate-reverse;
  pointer-events: none;
}
@keyframes W7JprQ0Tap70pPg8rIGv {
  from { transform: scale(1) translate(0,0); }
  to   { transform: scale(1.1) translate(20px,12px); }
}

.L3LQ5WGb6TE8QoolgaBn {
  position: relative; z-index: 1;
  max-width: 680px;
  animation: pwofBdipNNvZVUG6PcYQ 0.65s cubic-bezier(0.16,1,0.3,1) both;
}
@keyframes pwofBdipNNvZVUG6PcYQ {
  from { opacity:0; transform:translateY(18px); }
  to   { opacity:1; transform:translateY(0); }
}

._nbCkhcavr45PyGsEaxi {
  display: inline-flex; align-items: center; gap: 8px;
  background: rgba(26,110,255,0.14);
  border: 1px solid rgba(26,110,255,0.28);
  border-radius: 100px; padding: 5px 14px;
  font-size: 0.64rem; font-weight: 700;
  letter-spacing: 0.12em; color: #60A5FA;
  margin-bottom: 1.2rem;
}
.yVgKDP_x82s1rdEd5SU8 {
  width: 7px; height: 7px; border-radius: 50%; background: #22C55E;
  animation: blMT1txnvffvFjXY74lQ 2s ease-in-out infinite; flex-shrink: 0;
}
@keyframes blMT1txnvffvFjXY74lQ {
  0%,100% { box-shadow: 0 0 0 0 rgba(34,197,94,.5); }
  50%      { box-shadow: 0 0 0 5px rgba(34,197,94,0); }
}

.r3bg2qfsBe5fNxJ4FNum {
  font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
  font-size: clamp(2rem,4.5vw,3.2rem);
  font-weight: 800; color: #FFFFFF;
  letter-spacing: -0.05em; line-height: 1.1;
  margin: 0 0 1rem;
}
.ituS9rEm0YtVrMuWnqwA {
  background: linear-gradient(110deg, #60A5FA 0%, #A78BFA 55%, #34D399 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
  background-size: 200%;
  animation: qoYphaNIs6ixw0yikCce 5s ease-in-out infinite alternate;
}
@keyframes qoYphaNIs6ixw0yikCce { from{background-position:0%} to{background-position:100%} }

.Sm459iLDYZlCFdRDz_Lo {
  font-size: 0.92rem; color: rgba(255,255,255,0.58);
  line-height: 1.7; margin: 0 0 1.6rem; max-width: 560px;
}

.GU4Ki985npIR9rjA1F3Z {
  display: flex; align-items: center; gap: 0.8rem; flex-wrap: wrap;
}
.CePMxyWqNQsWqQlXnbTF {
  font-size: 0.72rem; font-weight: 600; color: rgba(255,255,255,0.5);
  display: flex; align-items: center; gap: 5px;
}
.WJdZVIKJAxPa169LbUCc { color: #22C55E; font-size: 0.55rem; }
.SqIMR4UrN4RdSDZhH4nD { width: 1px; height: 14px; background: rgba(255,255,255,0.15); }

/* ══ BODY ════════════════════════════════════════════ */
.t9SVVL8PfW4X9A4A5Sgk { padding: 3.5rem 5rem 5rem; }

.K9vZdgCAGUl9T0BUdIOT {
  max-width: 1100px; margin: 0 auto;
  display: grid; grid-template-columns: 1fr 1.5fr;
  gap: 3.5rem; align-items: start;
}

/* ── Context panel ── */
.Lbrtv6dokwkBuFeNY_f8 {
  position: sticky; top: 5rem;
  display: flex; flex-direction: column; gap: 0;
}

.N2yt7y1NANyh_8Oq3AHL {
  font-size: 0.62rem; font-weight: 700;
  letter-spacing: 0.14em; text-transform: uppercase;
  color: #1A6EFF; margin-bottom: 0.6rem;
}
.s3XeW5Oap5RSTNAdUAUE {
  font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
  font-size: clamp(1.25rem,2.5vw,1.6rem); font-weight: 800;
  color: #0F172A; letter-spacing: -0.04em; line-height: 1.2;
  margin: 0 0 0.7rem;
}
.NEPLJ_tZDlHDSccOTWQt {
  font-size: 0.84rem; color: #64748B; line-height: 1.7;
  margin: 0 0 1.8rem;
}

.GdROADtKSNz2SuNQwyDZ { display: flex; flex-direction: column; gap: 1rem; margin-bottom: 2rem; }

.MyzGrST8ByNOu6SnxDiE {
  display: flex; align-items: flex-start; gap: 0.8rem;
  padding: 0.9rem 1rem;
  background: #FFFFFF;
  border: 1.5px solid #E8EEF8;
  border-radius: 12px;
  transition: box-shadow 0.18s, transform 0.18s;
}
.MyzGrST8ByNOu6SnxDiE:hover { box-shadow: 0 4px 16px rgba(26,110,255,0.08); transform: translateX(3px); }

.fKFH5gf6LTV3cC9srM5K {
  font-size: 1.1rem; width: 36px; height: 36px;
  background: #EEF4FF; border-radius: 9px;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
._xPTvRrdHSXItmFPQUt3 { font-size: 0.82rem; font-weight: 700; color: #0F172A; margin-bottom: 2px; }
.n7_MljroPDx7YHfT1DoI  { font-size: 0.76rem; color: #64748B; line-height: 1.55; }

._1TlMTjUqLvI2rUcDEfX {
  background: #0F172A; border-radius: 14px; padding: 1.2rem 1.3rem;
  display: flex; flex-direction: column; gap: 0.3rem;
}
.baiYqJs722HZM90xd5Z3 {
  font-size: 0.6rem; font-weight: 700; letter-spacing: 0.12em;
  text-transform: uppercase; color: rgba(255,255,255,0.4);
}
.nSfF_gk7wmX1NJVx4SHx {
  font-size: 0.92rem; font-weight: 700; color: #60A5FA;
  text-decoration: none; transition: color 0.15s;
}
.nSfF_gk7wmX1NJVx4SHx:hover { color: #93C5FD; }
.kW_Db_em9bKc2oU6yhI6 {
  font-size: 0.72rem; color: rgba(255,255,255,0.38); line-height: 1.5; margin: 0.2rem 0 0;
}

/* ── Form card ── */
.Q7NNzAEELvVRaBA7oOw7 {
  background: #FFFFFF;
  border: 1.5px solid #E8EEF8;
  border-radius: 22px;
  padding: 2.2rem;
  box-shadow: 0 4px 28px rgba(0,0,0,0.05);
}

.BnRBLeAlyvK7SadNbwYT { margin-bottom: 1.6rem; }
.MDLMcWTmkn9AfEkaoW3g {
  font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
  font-size: 1.25rem; font-weight: 800; color: #0F172A;
  letter-spacing: -0.03em; margin: 0 0 3px;
}
.a39CmMMHJgJ0MIF2pBJf { font-size: 0.76rem; color: #94A3B8; margin: 0; }

/* Form layout */
.HHIPVMDwIDk2kfDEuwPp { display: flex; flex-direction: column; gap: 1.1rem; }

.hTxmkRQwlgADloBr2WFr {
  display: grid; grid-template-columns: 1fr 1fr; gap: 1rem;
}

.eaVdb0L4G_2bp70xTumI { display: flex; flex-direction: column; gap: 5px; }

.jzMA37SmoCvrokEAmWPr {
  font-size: 0.75rem; font-weight: 600; color: #374151;
}
.AYLppkHxBZLbkv2YkzJg { color: #EF4444; }
.loW52aQjonePiUPpvw80 { font-weight: 400; color: #94A3B8; }

.o3B95_AKC0g8xVFkyIjB {
  font-size: 0.68rem; color: #94A3B8;
  text-align: right; margin-top: 2px;
}

.XZ7WQr0JYeiScqUj4Tvo {
  font-size: 0.72rem; color: #94A3B8; line-height: 1.5; margin: 0;
}

.yJC8pP0CopZ0iBm4xHgG {
  display: flex; align-items: center; justify-content: center; gap: 8px;
  background: #1A6EFF; color: #FFFFFF;
  font-size: 0.9rem; font-weight: 700;
  padding: 0.85rem 2rem;
  border-radius: 100px; border: none;
  cursor: pointer; width: 100%;
  box-shadow: 0 4px 18px rgba(26,110,255,0.35);
  transition: box-shadow 0.18s, transform 0.18s, background 0.18s;
  margin-top: 0.2rem;
}
.yJC8pP0CopZ0iBm4xHgG:hover:not(:disabled) {
  box-shadow: 0 6px 28px rgba(26,110,255,0.5);
  transform: translateY(-1px);
}
.yJC8pP0CopZ0iBm4xHgG:disabled { opacity: 0.65; cursor: not-allowed; }

/* Success state */
.RbjXg33ZzoX7be0NrDTJ {
  display: flex; flex-direction: column;
  align-items: center; text-align: center;
  gap: 0.8rem; padding: 2rem 1rem;
}
.qjeTp0YHDSsEtVNYMh2m { font-size: 3rem; animation: p8DlzpkgGBNTsjcs5MwL 0.5s cubic-bezier(0.16,1,0.3,1) both; }
@keyframes p8DlzpkgGBNTsjcs5MwL { from{transform:scale(0.5) rotate(-10deg);opacity:0} to{transform:scale(1) rotate(0);opacity:1} }
.ZDawR2tR5NaCI_XbFTFR {
  font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
  font-size: 1.5rem; font-weight: 800; color: #0F172A;
  letter-spacing: -0.04em; margin: 0;
}
._sqZPVLDNT9vS21WtO5A { font-size: 0.85rem; color: #64748B; line-height: 1.65; margin: 0; max-width: 360px; }
.wAYeE4dC9wC_EkcK2EQt {
  margin-top: 0.5rem;
  background: transparent; color: #1A6EFF;
  border: 1.5px solid rgba(26,110,255,0.3);
  border-radius: 100px; padding: 0.6rem 1.5rem;
  font-size: 0.82rem; font-weight: 700;
  cursor: pointer; transition: background 0.18s, border-color 0.18s;
}
.wAYeE4dC9wC_EkcK2EQt:hover { background: #EEF4FF; border-color: #1A6EFF; }

/* Inline link */
.HreTdERd_mOuD7QVxwqX { color: #1A6EFF; text-decoration: none; font-weight: 600; }
.HreTdERd_mOuD7QVxwqX:hover { text-decoration: underline; }

/* ══ RESPONSIVE ══════════════════════════════════════ */
@media (max-width: 900px) {
  .K9vZdgCAGUl9T0BUdIOT { grid-template-columns: 1fr; }
  .Lbrtv6dokwkBuFeNY_f8 { position: static; }
}
@media (max-width: 640px) {
  .Mczte9rQPL5F_4N5wQ7I { padding: 3.5rem 1.5rem; }
  .t9SVVL8PfW4X9A4A5Sgk { padding: 2rem 1.2rem; }
  .hTxmkRQwlgADloBr2WFr { grid-template-columns: 1fr; }
  .Q7NNzAEELvVRaBA7oOw7 { padding: 1.5rem; border-radius: 16px; }
}

.pricing_table thead th {
  border-top: 1px solid rgba(224, 224, 224, 1);
  border-left: 1px solid rgba(224, 224, 224, 1);
  border-right: 1px solid rgba(224, 224, 224, 1);
}

/* remove the border from last td in tr and exclude the last and second last tr's last td */
.pricing_table
  tr
  td:last-child:not(.pricing_table tr:nth-last-child(2) td:last-child,.pricing_table tr:nth-last-child(1) td:last-child) {
  border-bottom: none;
}

/* set bottom border of second last tr last child td */


/* remove border from last tr's td  */
.pricing_table tr:last-child td {
  font-size: 10px;
  border-left: none;
  border-right: none;
}

/* set left border last tr first child td  */
.pricing_table tr:last-child td:first-child {
  border-left: 1px solid rgba(224, 224, 224, 1);
}

/* set right and bottom border of last tr last child td */
.pricing_table tr:last-child td:last-child { 
  border-right: 1px solid rgba(224, 224, 224, 1);
  border-bottom: 1px solid rgba(224, 224, 224, 1);
}

.pricing_table tr td {
  border-left: 1px solid rgba(224, 224, 224, 1);
  border-right: 1px solid rgba(224, 224, 224, 1);
  padding: 10px 20px;
}

/* make the text centered to all td in tr except */
.pricing_table tr td:not(td:nth-child(2)) {
  text-align: center;
}

/* set padding left and right of tr 2nd's td */
.pricing_table tr td:nth-child(2) {
  padding: 10px 0px;
}

/* set padding left and right of th 2nd's td */
.pricing_table tr th:nth-child(2) {
  padding: 10px 0px;
}

/* remove the border from these table cell below */
.pricing_table thead th:first-child {
  border-right: none !important;
}

.pricing_table thead th:nth-child(2) {
  border-left: none !important;
}

.pricing_table tr td:first-child {
  padding: 10px 0px;
  border-right: none !important;
}

.pricing_table tr td:nth-child(2) {
  border-left: none !important;
}

/* ::-webkit-scrollbar {
  display: none;
} */

.css-ahj2mt-MuiTypography-root {
  font-size: 14px !important;
}

/* pricing page get started btn  */
.pricing_page_get_started_btn,
.pricing_page_contact_us_btn {
  background-color: #2954a5;
  color: #ffffff;
  padding: 10px;
  border-radius: 3rem;
  border: 1px solid #2954a5;
}

.pricing_page_get_started_btn:hover,
.pricing_page_contact_us_btn:hover {
  cursor: pointer;
  background-color: #ffffff;
  color: #2954a5;
}

/* pricing page contact us btn  */
/* .pricing_page_contact_us_btn {
  background-color: #2954a5;
  color: #ffffff;
  padding: 10px;
  border-radius: 3rem;
  border: 1px solid #2954a5;
}

.pricing_page_contact_us_btn:hover {
  cursor: pointer;
  background-color: #ffffff;
  color: #2954a5;
} */

/* tmp  */
/* starter: <CloseIcon sx={{ color: "red" }} />,
standard: <CheckIcon sx={{ color: "#2954A5" }} />, */

.pricing_main {
  /* margin-left: 160px !important;
  margin-right: 160px !important;
  margin: 30px; */
  margin-top: 120px;
}
.pricing_main h1,
.pricing_main h2,
.pricing_main h3,
.pricing_main h4,
.pricing_main h5,
.pricing_main h6,
.pricing_main p,
.pricing_main span {
  font-family: "Poppins", sans-serif;
}

.monthly_div {
  font-size: 14px;
  font-weight: bold;
  padding: 10px;
  border: 1px solid #2954a5;
  border-top-left-radius: 3rem;
  border-bottom-left-radius: 3rem;
}

.annually_div {
  font-size: 14px;
  font-weight: bold;
  padding: 10px;
  border: 1px solid #2954a5;
  border-top-right-radius: 3rem;
  border-bottom-right-radius: 3rem;
}

.monthly_div,
.annually_div:hover {
  cursor: pointer;
}

strong {
  position: relative;
}

strong::before {
  /* Highlight color */
  background-color: yellow;

  content: "";
  position: absolute;
  width: calc(100% + 4px);
  height: 30%;
  left: -2px;
  bottom: 0;
  z-index: -1;
  transform: rotate(-2deg);
}

@media screen and (max-width: 600px) {
  .pricing_table_in_smartphone {
    overflow-x: scroll;
    /* to set sticky in small screen  */
    /* height: 100vh; */
  }

  .pricing_main {
    margin: 120px 30px 0px 30px !important;
  }
}

.jsH3tekSgLN1aMoWLGyz {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: wrap;
  overflow: hidden;
  width: 100%;
  margin: auto;
  gap: 20px;
  margin-bottom: 30px;
}

.b02lzmPZb1XT2Vmx5RDV {
  width: 750px;
  height: 650px;
  background: #a7d6ff;
  border-radius: 50% 50% 50% 50%;
  position: absolute;
  top: -40px;
  right: -300px;
  z-index: -100;
}
@media (width<900px) {
  .b02lzmPZb1XT2Vmx5RDV {
    right: -400px;
  }
}
@media (width<600px) {
  .b02lzmPZb1XT2Vmx5RDV {
    right: -450px;
  }
}

@media (width>1400px) {
  .b02lzmPZb1XT2Vmx5RDV {
    display: none;
  }
}

.aMfL9xs5fcxcLJHr6zun {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: Helvetica;
  background-color: #fbfbfc;
  border-radius: 21px;
  border: 1px solid #007aff;
  box-sizing: border-box;
  text-align: center;
  font-weight: bold;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
    rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  padding: 20px;
  margin: 50px 0 10px 0;
  gap: 10px;
}

@media (width<557px) {
  .aMfL9xs5fcxcLJHr6zun {
    padding: 10px;
  }
}

.rDoNZ0yY1xuKh5UKSga7 {
  font-size: 14px;
  color: #24223e;
  margin-left: 20px;
}

@media (width<1300px) {
  .rDoNZ0yY1xuKh5UKSga7 {
    margin-left: 0;
  }
}

.aMfL9xs5fcxcLJHr6zun img {
  height: 20px;
}

.KAWNvfunhm5LRYEU_eUg {
  color: #007aff;
  font-family: Helvetica;
}

.ZJxGcAMwbRN6Imr4T6jy {
  font-size: 18px;
  color: #007aff;
  font-family: Helvetica;
  font-weight: bold;
}
.aMlVflKzmi1rk2CXmRQz {
  font-weight: 500;
}

.JtqbmdZgHHMuTCEHRXwW {
  color: #7f7f7f;
  font-weight: 900;
  font-size: 14px;
}

.pGU49M0HgIKgouZi_3ua {
  display: flex;
  width: 100%;
  justify-content: space-evenly;
  align-items: center;
  gap: 5px;
}

@media (width<1300px) {
  .pGU49M0HgIKgouZi_3ua {
    flex-direction: column;
  }
}

.HllAbIjuTVVI0DS0K06A {
  font-family: helvetica;
  font-size: 34px;
  font-weight: 900;
  margin-bottom: 10px;
  color: #0d0d0d;
}
.vgeKPaeBicG8JuBxtpF6 {
  color: #002aff;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 15px;
  text-align: center;
}
.hsff9gD7igT1GdwvKyh3 {
  font-family: helvetica;
  font-size: 48px;
  font-weight: 900;
  margin-bottom: 16px;
  color: #0d0d0d;
}

@media (width<1300px) {
  .HllAbIjuTVVI0DS0K06A {
    text-align: center;
  }
  .hsff9gD7igT1GdwvKyh3{
    text-align: center;
  }
}

.sMv8BifKFjCkh23CWl9s {
  color: #007aff;
  font-family: Helvetica;
  font-weight: 900;
}
.mdnnSQ4F1cSIeMuuTwr8 {
  font-size: 14px;
  color: #24223e;
  text-align: center;
  line-height: 1.5;
}

.a6r2gsaPpDC_QwwOi7uE {
  font-size: 14px;
  color: #24223e;
}
.SpOucMcur_3dHSTqxwjF {
  font-size: 14px;
  color: #24223e;
}

.qCgYVeW8_WCawOAJ6ghh{
  position: relative;
}


.N3uE3QiyYXedRX9frIRf {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  align-items: center;
  margin-top: 50px;
  margin-bottom: 70px;
}

.WMomiuoxDgZ26InY0hRg {
  color: #002aff;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 15px;
  text-align: center;
}

.A1WLT1T5Hh6eegu_thfM {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  align-items: start;
  margin-top: 50px;
  margin-bottom: 120px;
}

.BorbQZnJC0NA0AmC1hfZ {
  cursor: pointer;
  border: none;
  background: none;
}

.EsfgZ5isXF_djPqHBW7h {
  width: 150px;
  height: 4px;
  background-color: #ff2d55;
}

.zhsPMf9TAf6VT9wrRf6i {
  padding: 50px 20px;
  border-radius: 26px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  background-color: #f2f2f2;
  align-items: start;
  margin-top: 30px;
  margin-bottom: 30px;
}

.r6yjbLCpRoxLjF1VcpRG {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}

@media (width<1300px) {
  .r6yjbLCpRoxLjF1VcpRG {
  }
}

.QHtIxK6hWBdnVtCKVwyx {
  font-size: 16px;
  color: #24223e;
  margin-top: 10px;
  line-height: 1.5;
}

.zTBdrdqthhx9xgPfdxk7 {
  font-size: 14px;
  color: #24223e;
  width: 80%;
  margin-top: 30px;
  text-align: center;
}

.c5jsjDZEDz_VBbdH0lJG {
  font-size: 14px;
  color: #24223e;
  font-weight: 500;
  cursor: pointer;
}

@media (width<1300px) {
  .A1WLT1T5Hh6eegu_thfM {
    justify-content: center;
    width: 100%;
    margin-top: 50px;
    margin-bottom: 50px;
  }
}

.jsrafpnJdDRTWCPkM2p3 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: Helvetica;
  font-size: 16px;
  gap: 10px;
  color: #24223e;
  margin-top: -50px;
  margin-bottom: 200px;
  font-weight: 500;
}

.yncckoN6Zgoriocdof6r {
  max-width: 600px;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  box-sizing: border-box;
  padding: 0 50px;
}

.MGz0oc_Y7fDg9QFK20rw {
  max-width: 700px;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  box-sizing: border-box;
  padding: 0 40px;
}

.huhVekzghQdVDtqOvHZz {
  max-width: 600px;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  box-sizing: border-box;
  margin-bottom: 10px;
}

@media (width<1300px) {
  .huhVekzghQdVDtqOvHZz {
    text-align: center;
    justify-content: center;
    align-items: center;
  }
}

.U5yCC2zzR7wUFzJY36CQ {
  max-width: 600px;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  box-sizing: border-box;
  /* padding: 50px ; */
  margin-bottom: 150px;
}
@media (width<1300px) {
  .U5yCC2zzR7wUFzJY36CQ {
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-bottom: 50px;
  }
}

@media (width<1300px) {
  .yncckoN6Zgoriocdof6r {
    justify-content: center;
    align-items: center;
  }
  .MGz0oc_Y7fDg9QFK20rw {
    justify-content: center;
    align-items: center;
  }
}

.HbeMp5LhkCBmFxmwl3cz {
  color: #002aff;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 10px;
  text-align: center;
}

.N0fewO1W2hCLfECUJ5FR {
  font-family: Helvetica;
  font-size: 34px;
  font-weight: 900;
  margin-bottom: 15px;
}

.MekLe9X9skP7dDcsIyT_ {
  text-align: end;
}

.bqa6DXYQBgImwLy3xJz7 {
  margin: 20px 0 20px 0;
}

.jOWvKKCbOdo2tvA8ZhWg {
  font-weight: 900;
}

.DRt0j_YGVpFh6oBhqBBy {
  font-weight: 900;
  margin-bottom: 20px;
}

.BXs4S3D5AhzumeH9yJCL {
  text-decoration: none;
  font-size: 14px;
  color: #007aff;
}

.ChiGpGkfPStq_byQ5bZC {
  position: relative;
  right: -12%;
  max-width: 700px;
}
.jPcjOz_avYgggrAo5GRF {
  position: relative;
  right: -8%;
  max-width: 600px;
}

.uDw0hD32FbKUsvM0NFDg {
  position: relative;
  max-width: 600px;
}

@media (width<1300px) {
  .ChiGpGkfPStq_byQ5bZC {
    right: 0;
    width: 80vw;
    margin-top: 20px;
  }
  .jPcjOz_avYgggrAo5GRF {
    right: 0;
    width: 90vw;
    margin-top: 20px;
  }
  .uDw0hD32FbKUsvM0NFDg {
    width: 80vw;
    margin-top: 20px;
  }
}

.SvqwYQKXFf1pu8vWOOgh {
  bottom: -15%;
  right: -40%;
  left: -20%;
  max-width: 1200px;
  height: 138px;
  background-color: #ffeeaa;
  border-radius: 26px;
  position: absolute;
  z-index: -101;
}

.OXWjwSbTsX1I7pNvM93Q {
  bottom: -15%;
  right: -40%;
  left: -20%;
  max-width: 1200px;
  height: 138px;
  background-color: #c7c7f1;
  border-radius: 26px;
  position: absolute;
  z-index: -101;
}

.qfoEoo66j5aDYNwIPPhL {
  bottom: -15%;
  right: -40%;
  left: -20%;
  max-width: 1200px;
  height: 138px;
  background-color: #ffb9c6;
  border-radius: 26px;
  position: absolute;
  z-index: -101;
}

.RixW0D1dkR6rNOy5lMxZ {
  bottom: -15%;
  right: -20%;
  left: -40%;
  max-width: 1200px;
  height: 138px;
  background-color: #c3f2cb;
  border-radius: 26px;
  position: absolute;
  z-index: -101;
}

.Qmn_3RuWyh3bDYS5J2Sp {
  bottom: -15%;
  right: -20%;
  left: -40%;
  max-width: 1200px;
  height: 138px;
  background-color: #c8edfd;
  border-radius: 26px;
  position: absolute;
  z-index: -101;
}

.CJfG9UbLMWpAuYXzsFDg {
  bottom: -15%;
  right: -40%;
  left: -40%;
  max-width: 1200px;
  height: 138px;
  background-color: #ffdcaa;
  border-radius: 26px;
  position: absolute;
  z-index: -101;
}

@media (width<1300px) {
  .SvqwYQKXFf1pu8vWOOgh,
  .Qmn_3RuWyh3bDYS5J2Sp,
  .RixW0D1dkR6rNOy5lMxZ,
  .qfoEoo66j5aDYNwIPPhL,
  .OXWjwSbTsX1I7pNvM93Q,
  .Qmn_3RuWyh3bDYS5J2Sp,
  .CJfG9UbLMWpAuYXzsFDg {
    max-width: 700px;
    left: -10%;
    right: -10%;
  }
}
@media (width<852px) {
  .ChiGpGkfPStq_byQ5bZC {
    left: 0;
  }
  .jPcjOz_avYgggrAo5GRF {
    left: 0;
  }
}

.THBLxAXGSZs1m_ZoEqQH {
  max-width: 100%;
}

.n5PvCzSR3dLoQxPqm9K0 {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
}

@media (width<1300px) {
  .n5PvCzSR3dLoQxPqm9K0 {
    justify-content: center;
    width: 100%;
  }
  .MekLe9X9skP7dDcsIyT_ {
    text-align: center;
  }
  .N0fewO1W2hCLfECUJ5FR {
    text-align: center;
  }
}

.DTVR055xkiSmbakvijAc {
  position: relative;
  width: 600px;
  left: -2%;
}

@media (width<1300px) {
  .DTVR055xkiSmbakvijAc {
    left: 0;
  }
}

@media (width<852px) {
  .DTVR055xkiSmbakvijAc {
    left: 0;
  }
}

.tQ5VCdJRuZB0ioe7TJbg {
  max-width: 600px;
  padding: 0 50px;
  box-sizing: border-box;
}

.AoRKiudCDEqUWLtyDmoe {
  margin-bottom: 20px;
}

@media (max-width: 1300px) {
  .oNhSL38pSyrxZIpchXGt {
    order: 2;
  }
}

.BwvXywADWr_dzwsBzHzW {
  margin-top: 100px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding: 0 50px;
  margin-bottom: 100px;
}

.t8DGd6EdZ80pnWIqhDwa {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 110%;
  height: 60px;
  gap: 20px;
  overflow: hidden;
  height: 100%;
}

.wHvI44CEfzAhZ2bNyhBX {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 110%;
  overflow: hidden;
  margin-left: -40px;
  height: 60px;
  gap: 20px;
  height: 100%;
}

.NOt9ySqwBaGcBjPiTVCv {
  background: #ffffff;
  border-radius: 10px;
  min-width: 170px;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.16);
  min-height: 50px;
  margin-bottom: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.W_zBoUu1Umv4WL_Vi64X {
  border-radius: 10px;
}

.sjCT3nAAW3x8KOoikrBU {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}

@media (width<1300px) {
  .sjCT3nAAW3x8KOoikrBU {
    margin-bottom: 100px;
  }
}

@media (width<800px) {
  .sjCT3nAAW3x8KOoikrBU {
    margin-bottom: 50px;
  }
}

@media (width<600px) {
  .sjCT3nAAW3x8KOoikrBU {
    width: 80%;
    margin-bottom: 50px;
  }
}

.WkJE9txHiLwCDsoHaEP_ {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: Helvetica;
  background-color: #fbfbfc;
  border-radius: 21px;
  border: 1px solid #007aff;
  box-sizing: border-box;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
    rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  width: 50%;
  height: 51px;
  padding: 30px;
  margin: 50px 0 10px 0;
}

@media (width<900px) {
  .WkJE9txHiLwCDsoHaEP_ {
    font-size: 16px;
    margin: 60px 0 10px 0;
  }
}

.qWVlQSv6UTRTekzOnSwm {
  display: flex;
  justify-content: space-around;
  width: 80%;
  margin-top: 50px;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

.DNIpPvXZ2DbqD1gfobMA {
  display: flex;
  gap: 10px;
}

.DNIpPvXZ2DbqD1gfobMA img {
  height: 20px;
}

.DNIpPvXZ2DbqD1gfobMA p {
  font-size: 14px;
}

.nChGNaRZOK5yhCArjo9l {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.add-card-btn {
    display: flex;
    flex: 1;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
}

.payment-type {
    display: flex;
    flex: 1;
    flex-direction: column;
    margin: 0 0 1rem 0;
}

.saved-card {
    margin: 1rem;
    padding: .5rem;
    border-bottom: 1px solid #e5e5e5;
}

.cvv-pay-btn {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: flex-end;
}

.add-card-container {
    margin: 1rem;
}

.card-form-inputs {
    display: flex;
    flex-direction: column;
    width: 90vw;
    align-self: center;
    margin: 0.2rem 0;
}
.add-card {
    flex: 1;
    display: flex;
    align-items: center;
    margin:0.5rem;
}
.btn{
    margin:.5rem 1rem !important;
    /* padding: .2rem .5rem; */
    color:'#fff' !important;
    font-size: 14 !important;
    font-weight: 700 !important;
    background-color: #0f8241 !important;
}
.btn:hover{
    background-color: #0f8241 !important;
}
.additional-methods{
    display: flex;
    flex:1 ;
    flex-direction: row ;
    align-items: center;
    justify-content: space-between;
    /* border-bottom: 2px rgb(213, 209, 209) dotted; */
    margin:.2rem 0;
    padding:0.5rem;
}
.additional-method-icon{
    display: flex;
    /* flex:0.1; */
}
.additional-method-text-view{
    display: flex;
    flex:0.8;
    flex-direction: column;
    margin:0 0.3rem;
}
.upi-container{
    flex:1;
    display: flex;
    flex-direction: column;
    margin: 1rem 0;
}
.add-upi-container{
    display: flex;
    flex:1;
    flex-direction: column;
    padding:1rem;
}
.upi-app-card{
    display: flex;
    flex: 1;
    flex-direction: column;
    /* align-items: center; */
    /* justify-content: space-between; */
    margin:0.2rem 0;
}
.checkBoxRow{
    display: flex;
    flex:1;
    align-items: center;
    margin-bottom: 1rem;
}
.saved-vpa-card{
    display: flex;
    flex:1;
    align-items: center;
    justify-content: space-between;
    padding:0.5rem;
    margin:0.5rem;
}

.bankCard{
    display: flex;
    flex: 1;
    padding: 0.3rem;
    align-items: center;
    justify-content: space-between;
    margin: 0.5rem;
}
.container{
    flex:1;
    display: flex;
    padding:1rem;
    flex-direction: column;
}
.bgColor{
    background-color: #F4F7FC;
}
.NyR_aQNLN2pwUWwbrL8h {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: wrap;
  overflow: hidden;
  width: 100%;
  margin: auto;
  gap: 20px;
  margin-bottom: 30px;
}

.lBxLhyzgRp3AqBDu6KWO {
  width: 750px;
  height: 650px;
  background: #a7d6ff;
  border-radius: 50% 50% 50% 50%;
  position: absolute;
  top: -40px;
  right: -300px;
  z-index: -100;
}
@media (width<900px) {
  .lBxLhyzgRp3AqBDu6KWO {
    right: -400px;
  }
}
@media (width<600px) {
  .lBxLhyzgRp3AqBDu6KWO {
    right: -450px;
  }
}

@media (width>1400px) {
  .lBxLhyzgRp3AqBDu6KWO {
    display: none;
  }
}

.l_2PnM0Rgdjil7nNU6ZX {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: Helvetica;
  background-color: #fbfbfc;
  border-radius: 21px;
  border: 1px solid #007aff;
  box-sizing: border-box;
  text-align: center;
  font-weight: bold;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
    rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  padding: 20px;
  margin: 50px 0 10px 0;
  gap: 10px;
}

@media (width<557px) {
  .l_2PnM0Rgdjil7nNU6ZX {
    padding: 10px;
  }
}

.cZeGH6Mg7TSFhlzCXRIX {
  font-size: 14px;
  color: #24223e;
  margin-left: 20px;
}

@media (width<1300px) {
  .cZeGH6Mg7TSFhlzCXRIX {
    margin-left: 0;
  }
}

.l_2PnM0Rgdjil7nNU6ZX img {
  height: 20px;
}

.Zaabr4BC4bws6AduAAzs {
  color: #007aff;
  font-family: Helvetica;
}

.VKyg4VL_FLdRsFwzVCj4 {
  font-size: 18px;
  color: #007aff;
  font-family: Helvetica;
  font-weight: bold;
}

.U5RhgfFefMK31kwmcBWd {
  font-weight: 500;
}

.JDQqtF5P2RuWgDw_HIKA {
  display: flex;
  width: 100%;
  justify-content: space-evenly;
  align-items: center;
  gap: 5px;
}

@media (width<1300px) {
  .JDQqtF5P2RuWgDw_HIKA {
    flex-direction: column;
  }
}

.SPCJtCPw8PrDQ1czHeMH {
  font-family: helvetica;
  font-size: 34px;
  font-weight: 900;
  margin-bottom: 10px;
  color: #0d0d0d;
}

.i72iFWkXYNbJIRQSmGav {
  font-family: helvetica;
  font-size: 48px;
  font-weight: 900;
  margin-bottom: 16px;
  color: #0d0d0d;
}

@media (width<1300px) {
  .SPCJtCPw8PrDQ1czHeMH,
  .i72iFWkXYNbJIRQSmGav,
  .RnYHxl80K1pGVP83jPuv {
    text-align: center;
  }
}

.NlO1TQKPBb6UXAj44kM8 {
  color: #007aff;
  font-family: Helvetica;
  font-weight: 900;
}
.RAP22NsBH7YCUxSuoclC {
  font-size: 14px;
  color: #24223e;
  text-align: center;
  line-height: 1.5;
}

.q5G1a_pGKMIwYku6reSF {
  font-size: 14px;
  color: #24223e;
}
.tXQWV5cbSoBNz74Vc3VM {
  font-size: 14px;
  color: #24223e;
}

.e731qKyVUn3VYr0wqBjg {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  align-items: center;
  margin-top: 50px;
  margin-bottom: 70px;
}

.QXH98i56CWUs4UvofMIe {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  align-items: start;
  margin-top: 50px;
  margin-bottom: 120px;
}

.xoHsXGMEd4HnoajAKg4d {
  padding: 50px 20px;
  border-radius: 26px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  background-color: #f2f2f2;
  align-items: start;
  margin-top: 30px;
  margin-bottom: 30px;
}

.wOT6okrs6gscE48_DyLW {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}

@media (width<1300px) {
  .wOT6okrs6gscE48_DyLW {
  }
}

.RnYHxl80K1pGVP83jPuv {
  font-size: 16px;
  color: #24223e;
  margin-top: 10px;
  line-height: 1.5;
}

.c001LlIo95hvONkZQ4WH {
  color: #7f7f7f;
  font-weight: 900;
  font-size: 14px;
}

.WbIi8dssj6fFtemvjy6y {
  font-size: 14px;
  color: #24223e;
  width: 80%;
  margin-top: 30px;
  text-align: center;
}

.ggvwwToSw80BZYwagNEh {
  font-size: 14px;
  color: #24223e;
  font-weight: 500;
  cursor: pointer;
}

@media (width<1300px) {
  .QXH98i56CWUs4UvofMIe {
    justify-content: center;
    width: 100%;
    margin-top: 50px;
    margin-bottom: 50px;
  }
}

.Tfu4p_I7NYWEcBQKxlK6 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: Helvetica;
  font-size: 16px;
  gap: 10px;
  color: #24223e;
  margin-top: -50px;
  margin-bottom: 200px;
  font-weight: 500;
}

.LPP0b6rS7FVCETmO_BvH {
  max-width: 700px;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  box-sizing: border-box;
  padding: 0 40px;
}
.MlS7fA2ebVKzbvOj1lDm {
  max-width: 600px;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  box-sizing: border-box;
  padding: 0 20px;
}

.y9RDc7axLMIvVluo6Ekg {
  max-width: 600px;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  box-sizing: border-box;
  margin-bottom: 10px;
}

@media (width<1300px) {
  .y9RDc7axLMIvVluo6Ekg {
    text-align: center;
    justify-content: center;
    align-items: center;
  }
}

.rQJuHgSulGtejTNCWkbs {
  max-width: 600px;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  box-sizing: border-box;
  /* padding: 50px ; */
  margin-bottom: 150px;
}
@media (width<1300px) {
  .rQJuHgSulGtejTNCWkbs {
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-bottom: 50px;
  }
}

@media (width<1300px) {
  .MlS7fA2ebVKzbvOj1lDm {
    justify-content: center;
    align-items: center;
  }
  .LPP0b6rS7FVCETmO_BvH {
    justify-content: center;
    align-items: center;
  }
}

.NSwG5EwPGhZEXzRzHlw2 {
  color: #002aff;
  font-size: 14px;
  margin-bottom: 10px;
  text-align: center;
  font-weight: 500;
}

.w1IywTLmOACaiLxVj8M_ {
  font-family: Helvetica;
  font-size: 34px;
  font-weight: 900;
  margin-bottom: 15px;
}

.eus88Fvl3TS6WHZcCFBr {
  text-align: end;
}

.Z2XVrBAPUA9Ki98a52Ww {
  margin: 20px 0 20px 0;
}

.dRAmIEYXzVf2JLUOTTTJ {
  font-weight: 900;
}

.w0yVHfDG8cl2M_ckOYeu {
  font-weight: 900;
  margin-bottom: 20px;
}

.AcTmeY9yvCmqXy7pXR4g {
  text-decoration: none;
  font-size: 14px;
  color: #007aff;
}

.IRjPzS6lm8RLlD_yUmhN {
  position: relative;
  right: -12%;
  max-width: 700px;
}
.d3H4CPiONcc_utH7U1Si {
  position: relative;
  right: -8%;
  max-width: 600px;
}

.pcd0k6Y5Yz1k1xmvg31Z {
  position: relative;
  max-width: 600px;
}



.SR5F81nvN7vXL07dSHl3{
position: relative;
}


@media (width<1300px) {
  .IRjPzS6lm8RLlD_yUmhN {
    right: 0;
    width: 70vw;
    margin-top: 20px;
  }
  .d3H4CPiONcc_utH7U1Si {
    right: 0;
    width: 90%;
    margin-top: 20px;
  }
  .pcd0k6Y5Yz1k1xmvg31Z {
    width: 80vw;
    margin-top: 20px;
  }
}

.uSoSJh9uQJK1j7ean1A3 {
  bottom: -15%;
  right: -40%;
  left: -20%;
  max-width: 1200px;
  height: 138px;
  background-color: #ffeeaa;
  border-radius: 26px;
  position: absolute;
  z-index: -101;
}

.sc3lmFI0PE11Sdm4bEJp {
  bottom: -15%;
  right: -40%;
  left: -20%;
  max-width: 1200px;
  height: 138px;
  background-color: #c7c7f1;
  border-radius: 26px;
  position: absolute;
  z-index: -101;
}

.raqlOBoA9qMdc2v59Yj1 {
  bottom: -15%;
  right: -40%;
  left: -20%;
  max-width: 1200px;
  height: 138px;
  background-color: #ffb9c6;
  border-radius: 26px;
  position: absolute;
  z-index: -101;
}

.F1rI76QmMdVoJLZWLi6Q {
  bottom: -15%;
  right: -20%;
  left: -40%;
  max-width: 1200px;
  height: 138px;
  background-color: #c3f2cb;
  border-radius: 26px;
  position: absolute;
  z-index: -101;
}

.B2Tp8NhH7QAdThZNBXnk {
  bottom: -15%;
  right: -20%;
  left: -40%;
  max-width: 1200px;
  height: 138px;
  background-color: #c8edfd;
  border-radius: 26px;
  position: absolute;
  z-index: -101;
}

.h2VqNadJMZNejQL0WzR9 {
  bottom: -15%;
  right: -20%;
  left: -40%;
  max-width: 1200px;
  height: 138px;
  background-color: #ffdcaa;
  border-radius: 26px;
  position: absolute;
  z-index: -101;
}

@media (width<1300px) {
  .uSoSJh9uQJK1j7ean1A3,
  .B2Tp8NhH7QAdThZNBXnk,
  .F1rI76QmMdVoJLZWLi6Q,
  .raqlOBoA9qMdc2v59Yj1,
  .sc3lmFI0PE11Sdm4bEJp,
  .B2Tp8NhH7QAdThZNBXnk,
  .h2VqNadJMZNejQL0WzR9 {
    max-width: 700px;
    left: -10%;
    right: -10%;
  }
}
@media (width<852px) {
  .IRjPzS6lm8RLlD_yUmhN {
    left: 0;
  }
  .d3H4CPiONcc_utH7U1Si {
    left: 0;
  }
}

.lAlWem6tyiCcScMQt7Lw {
  max-width: 100%;
}

.d7Au7DGnnq1TdHnaRx4W {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
}

@media (width<1300px) {
  .d7Au7DGnnq1TdHnaRx4W {
    justify-content: center;
    width: 100%;
  }
  .eus88Fvl3TS6WHZcCFBr {
    text-align: center;
  }
  .w1IywTLmOACaiLxVj8M_ {
    text-align: center;
  }
}

.zhcRQXVFXuwV5siWSS_k {
  position: relative;
  width: 600px;
  left: -2%;
}

@media (width<1300px) {
  .zhcRQXVFXuwV5siWSS_k {
    left: 0;
    width: 50vw;
  }
}

@media (width<852px) {
  .zhcRQXVFXuwV5siWSS_k {
    left: 0;
  }
}

.ufh1LFieYYdrlT5nTQis {
  max-width: 600px;
  padding: 0 50px;
  box-sizing: border-box;
}

.qsXvKT8AjKcaWV7l27mV {
  margin-bottom: 20px;
}

@media (max-width: 1300px) {
  .uxK1xonJRbEvq7ulRpdv {
    order: 2;
  }
}

.Pe06pz9BAZOAnTg1aDV4 {
  margin-top: 100px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding: 0 50px;
  margin-bottom: 100px;
}

.f0CTLREJ15V7A09kyi6g {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 110%;
  height: 60px;
  gap: 20px;
  overflow: hidden;
  height: 100%;
}

.i_NgT02YVbrnxqgYFIQo {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 110%;
  overflow: hidden;
  margin-left: -40px;
  height: 60px;
  gap: 20px;
  height: 100%;
}

.VaVA0gGliY3Kro2IzGgl {
  background: #ffffff;
  border-radius: 10px;
  min-width: 170px;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.16);
  min-height: 50px;
  margin-bottom: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hsQsHddWoa3eMA7cB1bA {
  border-radius: 10px;
}

.zOCgWG3qvr5dl9IYKHYO {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}

@media (width<1300px) {
  .zOCgWG3qvr5dl9IYKHYO {
    margin-bottom: 100px;
  }
}

@media (width<800px) {
  .zOCgWG3qvr5dl9IYKHYO {
    margin-bottom: 50px;
  }
}
@media (width<600px) {
  .zOCgWG3qvr5dl9IYKHYO {
    width: 80%;
    margin-bottom: 50px;
  }
}

.Yv0qlt3xU9tpXScHEpJj {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: Helvetica;
  background-color: #fbfbfc;
  border-radius: 21px;
  border: 1px solid #007aff;
  box-sizing: border-box;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
    rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  width: 50%;
  height: 51px;
  padding: 30px;
  margin: 50px 0 10px 0;
}

@media (width<900px) {
  .Yv0qlt3xU9tpXScHEpJj {
    font-size: 16px;
    margin: 60px 0 10px 0;
  }
}

.s89Jc9Q1EX41wUIW6nwm {
  display: flex;
  justify-content: space-around;
  width: 80%;
  margin-top: 50px;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

.Lwcve3T3FvfGkCJzPWX_ {
  display: flex;
  gap: 10px;
}

.Lwcve3T3FvfGkCJzPWX_ img {
  height: 20px;
}

.Lwcve3T3FvfGkCJzPWX_ p {
  font-size: 14px;
}

.lNMPdG9cwUXZgZz8SKIC {
  cursor: pointer;
  border: none;
  background: none;
}

._hcyETEUqI4JmgFe7qP_ {
  color: #002aff;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 15px;
  text-align: center;
}

.mcm3vmhGSUm1AQgQpCIN {
  width: 150px;
  height: 4px;
  background-color: #ff2d55;
}

.GMbw_FufIeVeUUUBqDC2 {
  color: #002aff;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 15px;
  text-align: center;
}

.K8S46CkycXZdk4q7gWxj {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.R00jl1VHl5R6w_KDglpe {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: wrap;
  overflow: hidden;
  width: 100%;
  margin: auto;
  gap: 20px;
  margin-bottom: 30px;
}

.eELWlpWPhOofJasujIn2 {
  width: 750px;
  height: 650px;
  background: #a7d6ff;
  border-radius: 50% 50% 50% 50%;
  position: absolute;
  top: -40px;
  right: -300px;
  z-index: -100;
}
@media (width<900px) {
  .eELWlpWPhOofJasujIn2 {
    right: -400px;
  }
}
@media (width<600px) {
  .eELWlpWPhOofJasujIn2 {
    right: -450px;
  }
}

@media (width>1400px) {
  .eELWlpWPhOofJasujIn2 {
    display: none;
  }
}

.ii1CNLnTHoE1MIKdtw5F {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: Helvetica;
  background-color: #fbfbfc;
  border-radius: 21px;
  border: 1px solid #007aff;
  box-sizing: border-box;
  text-align: center;
  font-weight: bold;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
    rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  padding: 20px;
  margin: 50px 0 10px 0;
  gap: 10px;
}

@media (width<557px) {
  .ii1CNLnTHoE1MIKdtw5F {
    padding: 10px;
  }
}

.OzFmW9HnxE6pX5A49pAf {
  font-size: 14px;
  color: #24223e;
  margin-left: 20px;
}

@media (width<1300px) {
  .OzFmW9HnxE6pX5A49pAf {
    margin-left: 0;
  }
}

.ii1CNLnTHoE1MIKdtw5F img {
  height: 20px;
}

.D_TYXc6uGtGFbUrT4K3L {
  width: 150px;
  height: 4px;
  background-color: #ffcc00;
}

.O9zoxz8zeWf_gkzrLQ3Q {
  position: relative;
}

.nLzB3DeFfQvm_bkX8wMe {
  color: #007aff;
  font-family: Helvetica;
}

.mF7v8v1KqGy2DFjF3vvu {
  font-family: helvetica;
  font-size: 34px;
  font-weight: 900;
  margin-bottom: 14px;
  color: #0d0d0d;
}

@media (width<1300px) {
  .mF7v8v1KqGy2DFjF3vvu {
    text-align: center;
  }
}

.tuD2YnI0MpqONfpRFFdJ {
  color: #007aff;
  font-family: Helvetica;
  font-weight: 900;
  display: block;
}
.CTGt1sIM5GdjiKN4FnYs {
  font-size: 14px;
  color: #24223e;
  text-align: center;
}

.pK4seKi7vhHQzocnTCnc {
  font-size: 14px;
  color: #24223e;
}
.L6kfJQhAxk8BZVbYFh5H {
  font-size: 14px;
  color: #24223e;
}

.m9pL1H0NtDTqAZopSEzw {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  align-items: center;
  margin-top: 50px;
  margin-bottom: 70px;
}

.eL7GNuFTGhU9ceK4PyaH {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  align-items: start;
  margin-top: 50px;
  margin-bottom: 70px;
}

.c0AQtmP7QrCEBqBzWxSS {
  color: #002aff;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 15px;
  text-align: center;
}

.lfS3dnXVfx1pMjye7vog {
  font-size: 14px;
  color: #24223e;
  width: 80%;
  line-height: 1.5;
  margin-top: 10px;
  text-align: center;
}
@media (width<1300px) {
  .eL7GNuFTGhU9ceK4PyaH {
    justify-content: center;
    width: 100%;
    margin-top: 50px;
    margin-bottom: 50px;
  }
}

.WZAEUtyf4vfoIfFoGUtL {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: Helvetica;
  font-size: 16px;
  gap: 10px;
  color: #24223e;
  margin-top: -50px;
  margin-bottom: 200px;
  font-weight: 500;
}

.MNVbjOEsVaBPRWbVMukg {
  max-width: 600px;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  box-sizing: border-box;
  padding: 0 50px;
}
.r9kEPaRocxKPY4CtEqBQ {
  max-width: 700px;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  box-sizing: border-box;
  padding: 0 50px;
}

@media (width<1300px) {
  .MNVbjOEsVaBPRWbVMukg {
    justify-content: center;
    align-items: center;
  }
  .r9kEPaRocxKPY4CtEqBQ {
    justify-content: center;
    align-items: center;
  }
}

.Exwc1X4tXO0acPmuoAPv {
  color: #002aff;
  font-size: 14px;
  margin-bottom: 25px;
  text-align: center;
  font-weight: 500;
}

.xeOgGkV4KpAQ768CRF7Q {
  font-family: Helvetica;
  font-size: 34px;
  font-weight: 900;
  margin-bottom: 15px;
}

.UWLWJ4lmSeyH4xuMEU3U {
  text-align: end;
}

.F7X6KeYfEb_Ul5I6Aumx {
  margin: 20px 0 20px 0;
}

.SJjQHvVuvLnajU3km1bU {
  font-weight: 900;
}

.BCNXMEihmIsjXG2_u0Xs {
  font-weight: 900;
  margin-bottom: 20px;
}

.ZXSNIvj7GQjEEL0pNfuA {
  text-decoration: none;
  font-size: 14px;
  color: #007aff;
}

.VKT1BQelSBNdG1zQSELY {
  position: relative;
  right: -12%;
  max-width: 700px;
}

.dDTZ0A9U4q9u4xu8sNVf {
  position: relative;
  right: -8%;
  max-width: 600px;
}

.eTgy4asgJf65BVbKP3y_ {
  position: relative;
  max-width: 600px;
}

@media (width<1300px) {
  .VKT1BQelSBNdG1zQSELY {
    right: 0;
    width: 80vw;
    margin-top: 20px;
  }
  .dDTZ0A9U4q9u4xu8sNVf {
    right: 0;
    width: 90vw;
    margin-top: 20px;
  }
  .eTgy4asgJf65BVbKP3y_ {
    width: 80vw;
    margin-top: 20px;
  }
}

.vvb42EuRdrq_iDe3RujC {
  bottom: -15%;
  right: -40%;
  left: -20%;
  max-width: 1200px;
  height: 138px;
  background-color: #ffeeaa;
  border-radius: 26px;
  position: absolute;
  z-index: -101;
}

.HelXGG_wSijTzARfYZk_ {
  bottom: -15%;
  right: -20%;
  left: -40%;
  max-width: 1200px;
  height: 138px;
  background-color: #c7c7f1;
  border-radius: 26px;
  position: absolute;
  z-index: -101;
}

.W3f508DbZAV2_aAHctKR {
  bottom: -15%;
  right: -40%;
  left: -20%;
  max-width: 1200px;
  height: 138px;
  background-color: #ffb9c6;
  border-radius: 26px;
  position: absolute;
  z-index: -101;
}

.SHYjCJ1nehJFe4oo4jvz {
  bottom: -15%;
  right: -20%;
  left: -40%;
  max-width: 1200px;
  height: 138px;
  background-color: #c3f2cb;
  border-radius: 26px;
  position: absolute;
  z-index: -101;
}
.VP2OFGzr3YdRwN93Jf6c {
  bottom: -15%;
  right: -40%;
  left: -20%;
  max-width: 1200px;
  height: 138px;
  background-color: #5ac8fa;
  border-radius: 26px;
  position: absolute;
  z-index: -101;
}

.BLLBhwTaEUd43KMJJU1B {
  bottom: -15%;
  right: -20%;
  left: -40%;
  max-width: 1200px;
  height: 138px;
  background-color: #ffdcaa;
  border-radius: 26px;
  position: absolute;
  z-index: -101;
}

@media (width<1300px) {
  .BLLBhwTaEUd43KMJJU1B,
  .VP2OFGzr3YdRwN93Jf6c,
  .SHYjCJ1nehJFe4oo4jvz,
  .W3f508DbZAV2_aAHctKR,
  .HelXGG_wSijTzARfYZk_,
  .vvb42EuRdrq_iDe3RujC {
    max-width: 700px;
    left: -10%;
    right: -10%;
  }
}
@media (width<852px) {
  .VKT1BQelSBNdG1zQSELY {
    left: 0;
  }
  .dDTZ0A9U4q9u4xu8sNVf {
    left: 0;
  }
}

.AX3_9N_1o_A4v8GS_4UT {
  max-width: 100%;
}

.XZsNTUW17JP76HIHUKzv {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
}

@media (width<1300px) {
  .XZsNTUW17JP76HIHUKzv {
    justify-content: center;
    width: 100%;
  }
  .UWLWJ4lmSeyH4xuMEU3U {
    text-align: center;
  }
  .xeOgGkV4KpAQ768CRF7Q {
    text-align: center;
  }
}

.dzh4jUkzLjALV5bhSOLL {
  position: relative;
  width: 600px;
  left: -2%;
}

@media (width<1300px) {
  .dzh4jUkzLjALV5bhSOLL {
    left: 0;
  }
}

@media (width<852px) {
  .dzh4jUkzLjALV5bhSOLL {
    left: 0;
  }
}

.ZJ7En1KKMkFEzpS6c2nh {
  max-width: 600px;
  padding: 0 50px;
  box-sizing: border-box;
}

.dfUgjETpIPBWO73qvcjw {
  margin-bottom: 20px;
}

@media (max-width: 1200px) {
  .Hz_XFo4ddjFMY7jIk1cY {
    order: 2;
  }
}

.OtMTlzgFzLMN48wQ_eXl {
  margin-top: 100px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding: 0 50px;
  margin-bottom: 100px;
  position: relative;
}

.OtMTlzgFzLMN48wQ_eXl::before,
.OtMTlzgFzLMN48wQ_eXl::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100px;
  pointer-events: none;
}

.OtMTlzgFzLMN48wQ_eXl::before {
  left: 0;
  background: linear-gradient(
    to right,
    rgb(255, 255, 255, 1),
    rgba(255, 255, 255, 0)
  );
  z-index: 1;
}

.OtMTlzgFzLMN48wQ_eXl::after {
  right: 0;
  background: linear-gradient(
    to left,
    rgba(255, 255, 255, 1),
    rgba(255, 255, 255, 0)
  );
}

.piRY39fRIqxiPORcl4xq {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.Wdc3q6pr_7m8dTnWgrD8 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: Helvetica;
  background-color: #fbfbfc;
  border-radius: 21px;
  border: 1px solid #007aff;
  box-sizing: border-box;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
    rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  width: 50%;
  height: 51px;
  padding: 30px;
  margin: 50px 0 10px 0;
}

@keyframes PjIJE_l2091f8KkgOcfg {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes _Uv7nL8TP7wgOXWa46K1 {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}

.R00jl1VHl5R6w_KDglpe {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: wrap;
  overflow: hidden;
  width: 100%;
  margin: auto;
  gap: 20px;
  margin-bottom: 30px;
}

.eELWlpWPhOofJasujIn2 {
  width: 750px;
  height: 650px;
  background: #a7d6ff;
  border-radius: 50% 50% 50% 50%;
  position: absolute;
  top: -40px;
  right: -300px;
  z-index: -100;
}
@media (width<900px) {
  .eELWlpWPhOofJasujIn2 {
    right: -400px;
  }
}
@media (width<600px) {
  .eELWlpWPhOofJasujIn2 {
    right: -450px;
  }
}

@media (width>1400px) {
  .eELWlpWPhOofJasujIn2 {
    display: none;
  }
}

.ixb5JA3WrQ3W0uPxOuKw {
  font-size: 16px;
  line-height: 1.5;
  color: #24223e;
}

.OzFmW9HnxE6pX5A49pAf {
  font-size: 14px;
  color: #24223e;
  margin-left: 20px;
}

@media (width<1200px) {
  .OzFmW9HnxE6pX5A49pAf {
    margin-left: 0;
  }
}

.ii1CNLnTHoE1MIKdtw5F img {
  height: 20px;
}

.vNpp9Xlcg8adv0Oqy9As {
  color: #7f7f7f;
  font-weight: 900;
  font-size: 14px;
}

.OOpNKGonuRnaabbgGEss {
  color: #007aff;
  font-family: Helvetica;
  font-size: 18px;
  font-weight: bold;
}

.KemCd7ToLbS6zYeS7LdA {
  font-weight: 500;
}

.nLzB3DeFfQvm_bkX8wMe {
  color: #007aff;
  font-family: Helvetica;
}
.K1KffaWUkGNdDQoeNKlV {
  font-family: helvetica;
  font-size: 48px;
  font-weight: 900;
  margin-bottom: 16px;
  color: #0d0d0d;
}
@media (width<1300px) {
  .K1KffaWUkGNdDQoeNKlV {
    text-align: center;
  }
}
.mF7v8v1KqGy2DFjF3vvu {
  font-family: helvetica;
  font-size: 34px;
  font-weight: 900;
  margin-bottom: 10px;
  color: #0d0d0d;
}

@media (width<1200px) {
  .mF7v8v1KqGy2DFjF3vvu {
    text-align: center;
  }
}

.tuD2YnI0MpqONfpRFFdJ {
  color: #007aff;
  font-family: Helvetica;
}
.CTGt1sIM5GdjiKN4FnYs {
  font-size: 14px;
  color: #24223e;
  text-align: center;
}

.pK4seKi7vhHQzocnTCnc {
  font-size: 14px;
  color: #24223e;
}
.L6kfJQhAxk8BZVbYFh5H {
  font-size: 14px;
  color: #24223e;
}

.eL7GNuFTGhU9ceK4PyaH {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  align-items: start;
  margin-top: 50px;
  margin-bottom: 120px;
}

.lfS3dnXVfx1pMjye7vog {
  font-size: 14px;
  color: #24223e;
  width: 80%;
  margin-top: 30px;
  line-height: 1.5;
}
@media (width<1300px) {
  .eL7GNuFTGhU9ceK4PyaH {
    justify-content: center;
    width: 100%;
    margin-top: 50px;
    margin-bottom: 50px;
  }
}

.WZAEUtyf4vfoIfFoGUtL {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: Helvetica;
  font-size: 16px;
  gap: 10px;
  color: #24223e;
  margin-top: -50px;
  margin-bottom: 200px;
  font-weight: 500;
}

.MNVbjOEsVaBPRWbVMukg {
  max-width: 600px;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  box-sizing: border-box;
  padding: 0 50px;
}

@media (width<1300px) {
  .MNVbjOEsVaBPRWbVMukg {
    justify-content: center;
    align-items: center;
  }
  .r9kEPaRocxKPY4CtEqBQ {
    justify-content: center;
    align-items: center;
  }
}

.Exwc1X4tXO0acPmuoAPv {
  color: #002aff;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 15px;
  text-align: center;
}

.xeOgGkV4KpAQ768CRF7Q {
  font-family: Helvetica;
  font-size: 34px;
  font-weight: 900;
  margin-bottom: 15px;
}

.UWLWJ4lmSeyH4xuMEU3U {
  text-align: end;
}

.F7X6KeYfEb_Ul5I6Aumx {
  margin: 20px 0 20px 0;
}

.SJjQHvVuvLnajU3km1bU {
  font-weight: 900;
}

.BCNXMEihmIsjXG2_u0Xs {
  font-weight: 900;
  margin-bottom: 20px;
}

.ZXSNIvj7GQjEEL0pNfuA {
  text-decoration: none;
  font-size: 14px;
  color: #007aff;
}

.VKT1BQelSBNdG1zQSELY {
  position: relative;
  right: -12%;
  max-width: 700px;
}

.eTgy4asgJf65BVbKP3y_ {
  position: relative;
  max-width: 600px;
}

@media (width<1300px) {
  .VKT1BQelSBNdG1zQSELY {
    right: 0;
    width: 80vw;
    margin-top: 20px;
  }
  .dDTZ0A9U4q9u4xu8sNVf {
    right: 0;
    width: 90vw;
    margin-top: 20px;
  }
  .eTgy4asgJf65BVbKP3y_ {
    width: 80vw;
    margin-top: 20px;
  }
}

@media (width<852px) {
  .VKT1BQelSBNdG1zQSELY {
    left: 0;
  }
}

.AX3_9N_1o_A4v8GS_4UT {
  max-width: 100%;
}

.XZsNTUW17JP76HIHUKzv {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
}

@media (width<1300px) {
  .XZsNTUW17JP76HIHUKzv {
    justify-content: center;
    width: 100%;
  }
  .UWLWJ4lmSeyH4xuMEU3U {
    text-align: center;
  }
  .xeOgGkV4KpAQ768CRF7Q {
    text-align: center;
  }
}

.dzh4jUkzLjALV5bhSOLL {
  position: relative;
  width: 600px;
  left: -2%;
}

@media (width<1300px) {
  .dzh4jUkzLjALV5bhSOLL {
    left: 0;
  }
}

@media (width<852px) {
  .dzh4jUkzLjALV5bhSOLL {
    left: 0;
  }
}

.ZJ7En1KKMkFEzpS6c2nh {
  max-width: 600px;
  padding: 0 50px;
  box-sizing: border-box;
}

.dfUgjETpIPBWO73qvcjw {
  margin-bottom: 20px;
}

@media (max-width: 1300px) {
  .Hz_XFo4ddjFMY7jIk1cY {
    order: 2;
  }
}

.OtMTlzgFzLMN48wQ_eXl {
  margin-top: 100px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding: 0 50px;
  margin-bottom: 100px;
}

.piRY39fRIqxiPORcl4xq {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

@media (width<1300px) {
  .piRY39fRIqxiPORcl4xq {
    margin-bottom: 100px;
  }
}

@media (width<800px) {
  .piRY39fRIqxiPORcl4xq {
    margin-bottom: 50px;
  }
}

@media (width<600px) {
  .piRY39fRIqxiPORcl4xq {
    width: 80%;
    margin-bottom: 50px;
  }
}
.Wdc3q6pr_7m8dTnWgrD8 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: Helvetica;
  background-color: #fbfbfc;
  border-radius: 21px;
  border: 1px solid #007aff;
  box-sizing: border-box;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
    rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  width: 50%;
  height: 51px;
  padding: 30px;
  margin: 50px 0 10px 0;
}

/* @keyframes slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-101.6%);
  }
}

@keyframes slide2 {
  from {
    transform: translateX(-101.6%);
  }
  to {
    transform: translateX(0);
  }
} */

@keyframes PjIJE_l2091f8KkgOcfg {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes _Uv7nL8TP7wgOXWa46K1 {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}

.Hg2QumYO_JDIRpQQeoy5 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: relative;
}

.i1nFTzDPiuuNdqstTY0k {
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
}

.cqAykFjbENDXRTfrtteK {
  display: flex;
  align-items: center;
  width: 100%;
  overflow: hidden;
  height: 60px;
  padding: 15px;
  gap: 20px;
  height: 100%;
  animation: 40s PjIJE_l2091f8KkgOcfg linear infinite;
  flex-shrink: 0;
}

.Ldm90KApA8KrYS0lKtJ4 {
  display: flex;
  align-items: center;
  width: 100%;
  overflow: hidden;
  height: 60px;
  gap: 20px;
  padding: 15px;
  height: 100%;
  animation: 40s _Uv7nL8TP7wgOXWa46K1 linear infinite;
  flex-shrink: 0;
}

.FbVbc1pQhbj3iwbSb_zt {
  background: #ffffff;
  border-radius: 10px;
  min-width: 60px;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.16);
  min-height: 50px;
  margin-bottom: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.xi7bQcJOpPDhCfU7kW7n {
  border-radius: 10px;
  width: 60%;
}

@media (width<900px) {
  .Wdc3q6pr_7m8dTnWgrD8 {
    font-size: 14px;
    width: 60%;
    margin: 20px 0 10px 0;
  }
}
@media (width<600px) {
  .Wdc3q6pr_7m8dTnWgrD8 {
    font-size: 12px;
    width: 70%;
    margin: 20px 0 10px 0;
  }
}

.SbA5Wn6bUm93PSD6rEYO {
  display: flex;
  justify-content: space-around;
  width: 80%;
  margin-top: 50px;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

.FbqUQz2uhaBp59c5Eu6o {
  display: flex;
  gap: 10px;
}

.FbqUQz2uhaBp59c5Eu6o img {
  height: 20px;
}

.FbqUQz2uhaBp59c5Eu6o p {
  font-size: 14px;
}

.i1nFTzDPiuuNdqstTY0k {
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
}

.NWZ7MTHcrBH6grMh8o9f {
  width: 20px;
  flex-shrink: 0;
}

@media (width<900px) {
  .Wdc3q6pr_7m8dTnWgrD8 {
    font-size: 14px;
    width: 60%;
    margin: 20px 0 10px 0;
  }
}
@media (width<600px) {
  .Wdc3q6pr_7m8dTnWgrD8 {
    font-size: 12px;
    width: 70%;
    margin: 20px 0 10px 0;
  }
}

.SbA5Wn6bUm93PSD6rEYO {
  display: flex;
  justify-content: space-around;
  width: 80%;
  margin-top: 50px;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

.FbqUQz2uhaBp59c5Eu6o {
  display: flex;
  gap: 10px;
}

.FbqUQz2uhaBp59c5Eu6o img {
  height: 20px;
}

.FbqUQz2uhaBp59c5Eu6o p {
  font-size: 14px;
}

.T3KFCmu1Y63ekVffUGz4 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.iKOBY1c4RrCFMMQWygao {
  color: #002aff;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 15px;
  text-align: center;
}
.Or0YGhkWHb32zbERCtfB {
  cursor: pointer;
  border: none;
  background: none;
}

.bC1KJIszlI7seMA135oU {
  color: #002aff;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 15px;
}

@charset "UTF-8";
/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the Hippocratic License 2.1 - http://firstdonoharm.dev
 *
 * Copyright (c) 2022 Animate.css
 */
:root {
  --animate-duration: 1s;
  --animate-delay100ms: 100ms;
  --animate-delay200ms: 200ms;
  --animate-delay300ms: 300ms;
  --animate-delay300ms: 320ms;
  --animate-delay300ms: 330ms;
  --animate-delay400ms: 400ms;
  --animate-delay500ms: 500ms;
  --animate-delay600ms: 600ms;
  --animate-delay700ms: 700ms;
  --animate-delay800ms: 800ms;
  --animate-delay900ms: 900ms;
  --animate-delay1100ms: 1100ms;
  --animate-delay1200ms: 1200ms;
  --animate-repeat: 1;
}
.animate__animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animate__animated.animate__infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animate__animated.animate__repeat-1 {
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: var(--animate-repeat);
  animation-iteration-count: var(--animate-repeat);
}
.animate__animated.animate__repeat-2 {
  -webkit-animation-iteration-count: calc(1 * 2);
  animation-iteration-count: calc(1 * 2);
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
  animation-iteration-count: calc(var(--animate-repeat) * 2);
}
.animate__animated.animate__repeat-3 {
  -webkit-animation-iteration-count: calc(1 * 3);
  animation-iteration-count: calc(1 * 3);
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
  animation-iteration-count: calc(var(--animate-repeat) * 3);
}
.animate__animated.animate__delay-100ms {
  -webkit-animation-delay: 100ms;
  animation-delay: 100ms;
  -webkit-animation-delay: var(--animate-delay100ms);
  animation-delay: var(--animate-delay100ms);
}
.animate__animated.animate__delay-200ms {
  -webkit-animation-delay: 200ms;
  animation-delay: 200ms;
  -webkit-animation-delay: var(--animate-delay200ms);
  animation-delay: var(--animate-delay200ms);
}
.animate__animated.animate__delay-300ms {
  -webkit-animation-delay: 300ms;
  animation-delay: 300ms;
  -webkit-animation-delay: var(--animate-delay300ms);
  animation-delay: var(--animate-delay300ms);
}
.animate__animated.animate__delay-320ms {
  -webkit-animation-delay: 320ms;
  animation-delay: 320ms;
  -webkit-animation-delay: var(--animate-delay320ms);
  animation-delay: var(--animate-delay320ms);
}
.animate__animated.animate__delay-330ms {
  -webkit-animation-delay: 330ms;
  animation-delay: 330ms;
  -webkit-animation-delay: var(--animate-delay330ms);
  animation-delay: var(--animate-delay330ms);
}
.animate__animated.animate__delay-400ms {
  -webkit-animation-delay: 400ms;
  animation-delay: 400ms;
  -webkit-animation-delay: var(--animate-delay400ms);
  animation-delay: var(--animate-delay400ms);
}
.animate__animated.animate__delay-500ms {
  -webkit-animation-delay: 500ms;
  animation-delay: 500ms;
  -webkit-animation-delay: var(--animate-delay500ms);
  animation-delay: var(--animate-delay500ms);
}
.animate__animated.animate__delay-600ms {
  -webkit-animation-delay: 600ms;
  animation-delay: 600ms;
  -webkit-animation-delay: var(--animate-delay600ms);
  animation-delay: var(--animate-delay600ms);
}
.animate__animated.animate__delay-700ms {
  -webkit-animation-delay: 700ms;
  animation-delay: 700ms;
  -webkit-animation-delay: var(--animate-delay700ms);
  animation-delay: var(--animate-delay700ms);
}
.animate__animated.animate__delay-800ms {
  -webkit-animation-delay: 800ms;
  animation-delay: 800ms;
  -webkit-animation-delay: var(--animate-delay800ms);
  animation-delay: var(--animate-delay800ms);
}
.animate__animated.animate__delay-900ms {
  -webkit-animation-delay: 900ms;
  animation-delay: 900ms;
  -webkit-animation-delay: var(--animate-delay900ms);
  animation-delay: var(--animate-delay900ms);
}
.animate__animated.animate__delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-delay: var(--animate-delay);
  animation-delay: var(--animate-delay);
}
.animate__animated.animate__delay-1100ms {
  -webkit-animation-delay: 1100ms;
  animation-delay: 1100ms;
  -webkit-animation-delay: var(--animate-delay1100ms);
  animation-delay: var(--animate-delay1100ms);
}
.animate__animated.animate__delay-1200ms {
  -webkit-animation-delay: 1200ms;
  animation-delay: 1200ms;
  -webkit-animation-delay: var(--animate-delay1200ms);
  animation-delay: var(--animate-delay1200ms);
}

.animate__animated.animate__delay-2s {
  -webkit-animation-delay: calc(1s * 2);
  animation-delay: calc(1s * 2);
  -webkit-animation-delay: calc(var(--animate-delay) * 2);
  animation-delay: calc(var(--animate-delay) * 2);
}
.animate__animated.animate__delay-3s {
  -webkit-animation-delay: calc(1s * 3);
  animation-delay: calc(1s * 3);
  -webkit-animation-delay: calc(var(--animate-delay) * 3);
  animation-delay: calc(var(--animate-delay) * 3);
}
.animate__animated.animate__delay-4s {
  -webkit-animation-delay: calc(1s * 4);
  animation-delay: calc(1s * 4);
  -webkit-animation-delay: calc(var(--animate-delay) * 4);
  animation-delay: calc(var(--animate-delay) * 4);
}
.animate__animated.animate__delay-5s {
  -webkit-animation-delay: calc(1s * 5);
  animation-delay: calc(1s * 5);
  -webkit-animation-delay: calc(var(--animate-delay) * 5);
  animation-delay: calc(var(--animate-delay) * 5);
}
.animate__animated.animate__faster {
  -webkit-animation-duration: calc(1s / 2);
  animation-duration: calc(1s / 2);
  -webkit-animation-duration: calc(var(--animate-duration) / 2);
  animation-duration: calc(var(--animate-duration) / 2);
}
.animate__animated.animate__fast {
  -webkit-animation-duration: calc(1s * 0.8);
  animation-duration: calc(1s * 0.8);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.8);
  animation-duration: calc(var(--animate-duration) * 0.8);
}
.animate__animated.animate__slow {
  -webkit-animation-duration: calc(1s * 1.1);
  animation-duration: calc(1s * 1.1);
  -webkit-animation-duration: calc(var(--animate-duration) * 1.1);
  animation-duration: calc(var(--animate-duration) * 1.1);
}
.animate__animated.animate__slower {
  -webkit-animation-duration: calc(1s * 2);
  animation-duration: calc(1s * 2);
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2);
}
.animate__animated.animate__slowest {
  -webkit-animation-duration: calc(1s * 3);
  animation-duration: calc(1s * 3);
  -webkit-animation-duration: calc(var(--animate-duration) * 3);
  animation-duration: calc(var(--animate-duration) * 3);
}
@media print, (prefers-reduced-motion: reduce) {
  .animate__animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }

  .animate__animated[class*="Out"] {
    opacity: 0;
  }
}
/* Attention seekers  */
@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }

  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
@keyframes bounce {
  from,
  20%,
  53%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }

  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
.animate__bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}
.animate__flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
@-webkit-keyframes shakeX {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shakeX {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.animate__shakeX {
  -webkit-animation-name: shakeX;
  animation-name: shakeX;
}
@-webkit-keyframes shakeY {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}
@keyframes shakeY {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}
.animate__shakeY {
  -webkit-animation-name: shakeY;
  animation-name: shakeY;
}
@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.animate__headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.animate__swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.animate__jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.animate__heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: calc(1s * 1.3);
  animation-duration: calc(1s * 1.3);
  -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
  animation-duration: calc(var(--animate-duration) * 1.3);
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
/* Back entrances */
@-webkit-keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInDown {
  -webkit-animation-name: backInDown;
  animation-name: backInDown;
}
@-webkit-keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInUp {
  -webkit-animation-name: backInUp;
  animation-name: backInUp;
}
/* Back exits */
@-webkit-keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(700px) scale(0.7);
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(700px) scale(0.7);
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutDown {
  -webkit-animation-name: backOutDown;
  animation-name: backOutDown;
}
@-webkit-keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutLeft {
  -webkit-animation-name: backOutLeft;
  animation-name: backOutLeft;
}
@-webkit-keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutRight {
  -webkit-animation-name: backOutRight;
  animation-name: backOutRight;
}
@-webkit-keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(-700px) scale(0.7);
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(-700px) scale(0.7);
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutUp {
  -webkit-animation-name: backOutUp;
  animation-name: backOutUp;
}
/* Bouncing entrances  */
@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__bounceIn {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
/* Bouncing exits  */
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.animate__bounceOut {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
.animate__bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
.animate__bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
/* Fading entrances  */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
.animate__fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInTopLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInTopLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInTopLeft {
  -webkit-animation-name: fadeInTopLeft;
  animation-name: fadeInTopLeft;
}
@-webkit-keyframes fadeInTopRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInTopRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInTopRight {
  -webkit-animation-name: fadeInTopRight;
  animation-name: fadeInTopRight;
}
@-webkit-keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInBottomLeft {
  -webkit-animation-name: fadeInBottomLeft;
  animation-name: fadeInBottomLeft;
}

.animatecharacter {
  background-image: linear-gradient(
    -225deg,
    #ffffff 0%,
    #80d0ff 50%,
    #007aff 100%
  );
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 2s linear infinite;
}

@keyframes textclip {
  to {
    background-position: -200% center;
  }
}

@-webkit-keyframes fadeInBottomRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInBottomRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInBottomRight {
  -webkit-animation-name: fadeInBottomRight;
  animation-name: fadeInBottomRight;
}
/* Fading exits */
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}
.animate__fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.animate__fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.animate__fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.animate__fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.animate__fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.animate__fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.animate__fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.animate__fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes fadeOutTopLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
}
@keyframes fadeOutTopLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
}
.animate__fadeOutTopLeft {
  -webkit-animation-name: fadeOutTopLeft;
  animation-name: fadeOutTopLeft;
}
@-webkit-keyframes fadeOutTopRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
}
@keyframes fadeOutTopRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
}
.animate__fadeOutTopRight {
  -webkit-animation-name: fadeOutTopRight;
  animation-name: fadeOutTopRight;
}
@-webkit-keyframes fadeOutBottomRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
}
@keyframes fadeOutBottomRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
}
.animate__fadeOutBottomRight {
  -webkit-animation-name: fadeOutBottomRight;
  animation-name: fadeOutBottomRight;
}
@-webkit-keyframes fadeOutBottomLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}
@keyframes fadeOutBottomLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}
.animate__fadeOutBottomLeft {
  -webkit-animation-name: fadeOutBottomLeft;
  animation-name: fadeOutBottomLeft;
}
/* Flippers */
@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1)
      translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1)
      translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95)
      translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1)
      translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1)
      translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95)
      translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animate__animated.animate__flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.animate__flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.animate__flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.animate__flipOutX {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.animate__flipOutY {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}
/* Lightspeed */
@-webkit-keyframes lightSpeedInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes lightSpeedInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__lightSpeedInRight {
  -webkit-animation-name: lightSpeedInRight;
  animation-name: lightSpeedInRight;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes lightSpeedInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__lightSpeedInLeft {
  -webkit-animation-name: lightSpeedInLeft;
  animation-name: lightSpeedInLeft;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOutRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOutRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutRight {
  -webkit-animation-name: lightSpeedOutRight;
  animation-name: lightSpeedOutRight;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes lightSpeedOutLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOutLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutLeft {
  -webkit-animation-name: lightSpeedOutLeft;
  animation-name: lightSpeedOutLeft;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
/* Rotating entrances */
@-webkit-keyframes rotateIn {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
/* Rotating exits */
@-webkit-keyframes rotateOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.animate__rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes rotateOutDownLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateOutDownRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
@-webkit-keyframes rotateOutUpLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.animate__rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateOutUpRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.animate__rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
/* Specials */
@-webkit-keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.animate__hinge {
  -webkit-animation-duration: calc(1s * 2);
  animation-duration: calc(1s * 2);
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2);
  -webkit-animation-name: hinge;
  animation-name: hinge;
  -webkit-transform-origin: top left;
  transform-origin: top left;
}
@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.animate__jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.animate__rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
/* Zooming entrances */
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}
.animate__zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
/* Zooming exits */
@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}
.animate__zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}
.animate__zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
  -webkit-transform-origin: left center;
  transform-origin: left center;
}
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}
.animate__zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
  -webkit-transform-origin: right center;
  transform-origin: right center;
}
@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
/* Sliding entrances */
@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
/* Sliding exits */
@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.animate__slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.animate__slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.animate__slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

.DmrRLpp8tnXDxUa3gGeO {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.uDzpEV9scKAJbk6zCjxV {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  align-items: center;
  margin-top: 80px;
  margin-bottom: 70px;
}

.gsxUHqebJsFMDzp4CDQN {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 50px;
}

.b1pyywEjyGHaetl2ioDR {
  max-width: 600px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding: 0 50px;
}

.KtzGpfoWPL16_hri6U5y {
  max-width: 600px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}

.gpMjmAxNsespd1TGVxgv {
  font-family: helvetica;
  font-size: 48px;
  font-weight: 900;
  color: #24223e;
  margin-bottom: 20px;
  text-align: center;
}
.AbWt0VjuCmWlE6Wnb7BA {
  font-family: helvetica;
  font-size: 34px;
  font-weight: 900;
  margin-bottom: 30px;
  color: #24223e;
}


.K2rsRCPaCU8HoF8qxUgN {
  font-family: helvetica;
  font-size: 48px;
  font-weight: 900;
  color: #24223e;
  margin-bottom: 30px;
  padding: 30px;
}

.aBlEtiJISwhCI9ijb7h5 {
  font-family: helvetica;
  font-weight: 900;
  color: #24223e;
  padding: 30px;
  font-size: 34px;
  margin-bottom: 30px;
  text-align: center;
}

._s_rG7Sv4QexX6bTJGrj {
  color: #007aff;
  font-family: Helvetica;
  font-weight: 900;
}

.x0bsT6BrHZrkZ1BUfdbL {
  font-size: 14px;
  font-family: Roboto;
}

.yUp7c3Ic6EfJa9aNKZ8H {
  font-size: 16px;
  font-family: Roboto;
  color: #24223e;
  text-align: center;
  width: 100%;
  margin-bottom: 20px;
}

.VChZqu3_wzgHWlwpD0xy {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  font-family: Helvetica;
  background-color: #fbfbfc;
  border-radius: 21px;
  border: 1px solid #007aff;
  box-sizing: border-box;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
    rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  height: 51px;
  padding: 30px;
  margin: 50px 0 10px 0;
}

.YpK0h3NAY8ZwtAbk1dgV {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  font-family: Helvetica;
  background-color: #fbfbfc;
  border-radius: 21px;
  border: 1px solid #007aff;
  box-sizing: border-box;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
    rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  width: 90%;
  height: 51px;
  padding: 30px;
  /* margin: 0 0 10px 0; */
}
@media (width<557px) {
  .VChZqu3_wzgHWlwpD0xy {
    font-size: 16px;
    margin: 20px 0 10px 0;
  }
}

.mW2ax_aHUoN0AecYXR07 {
  color: #007aff;
  font-family: Helvetica;
}

.R6bbEhJQ5JTI9zck_ydo {
  max-width: 100%;
}

.llxfTV617iCiXn8FAfRO {
  font-size: 14px;
  font-family: Roboto;
  color: #24223e;
  margin-left: 20px;
}

@media (width<1200px) {
  .llxfTV617iCiXn8FAfRO {
    margin-left: 0;
  }
}

.bOQwsi4Yfr38n0RMf7Bm {
  display: flex;
  justify-content: center;
  margin-bottom: 100px;
}

.ZSaRO8pI9GsIqKXggBFQ {
  width: 70%;
}

@media(width<600px){
  .ZSaRO8pI9GsIqKXggBFQ {
    width: 90%;
  }
}

.o4_qR5OXDcvpTIzOKLMh {
  position: absolute;
  top: 16px;
  left: 40px;
}

.zg3Y5emj7sQ7ACeXxUEL {
  width: 94%;
}

.Uh0yE6rAvEsXuCmTSwCV {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

@media (width<1000px) {
  .Uh0yE6rAvEsXuCmTSwCV {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (width<700px) {
  .Uh0yE6rAvEsXuCmTSwCV {
    grid-template-columns: repeat(1, 300px);
  }
}
@media (width<450px) {
  .Uh0yE6rAvEsXuCmTSwCV {
    grid-template-columns: repeat(1, 250px);
  }
}

.A37VkCWj_rcO2ApVwxGS {
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.FMZsA9bWBhgFwcjxD4ul {
  border: 1px solid #007aff;
  width: 20%;
  border-radius: 50%;
}

.FJEZ5bODXRa5yACdngv7 {
  width: 100%;
}

.ycavPJ4iN3Sk9bjf4AkS {
  text-align: center;
  font-size: 24px;
  color: #24223e;
  font-family: Helvetica;
  padding: 20px;
  font-weight: 700;
}

.e1IZ_dRAS0ur_KkCxE6Z {
  text-align: center;
  font-size: 14px;
  color: #424242;
  font-family: Roboto;
}

.V1d4NUSObM61AixpqI9S {
  display: flex;
  align-items: center;
  position: relative;
  justify-content: space-evenly;
  gap: 100px;
}

.WT7jWNbcFESGWs5fhn3w {
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #007aff;
  font-size: 12px;
  font-family: Roboto;
  background-color: #c8edfd;
  border-radius: 50%;
  position: relative;
}
.RGxCWmNT0B9UfZLid_05 {
  width: 100px;
  height: 100px;
  background-color: #c8edfd;
  border-radius: 50%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #007aff;
  font-size: 12px;
  font-family: Roboto;
}

@media (width<1000px) {
  .V1d4NUSObM61AixpqI9S {
    flex-direction: column;
    align-items: start;
    /* gap: 120px; */
  }
  .WT7jWNbcFESGWs5fhn3w {
    transform: rotate(90deg);
  }
  .x0bsT6BrHZrkZ1BUfdbL {
    text-align: center;
  }
  .EPZ9MYIwlkSOFWOBb7Sd {
    transform: rotate(270deg);
  }
  .WT7jWNbcFESGWs5fhn3w {
    width: 50px;
    height: 50px;
  }
  .RGxCWmNT0B9UfZLid_05 {
    width: 50px;
    height: 50px;
  }
  .V1d4NUSObM61AixpqI9S {
    gap: 0px;
  }
}

.WT7jWNbcFESGWs5fhn3w::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: calc(100% + 100px);
  height: 1px;
  background-color: #2c3e50;
  left: 100%;
  z-index: -1;
}

@media (width<1000px) {
  .WT7jWNbcFESGWs5fhn3w::before {
    width: calc(100% + 20px);
  }
}

.zMApxN7D5XyJoWqyAMpE {
  display: flex;
  justify-content: space-around;
  width: 90%;
  margin-top: 50px;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  padding-bottom: 10px;
}

.Apz3iFUzHJN_ezCSHizY {
  display: flex;
  gap: 10px;
}

.Apz3iFUzHJN_ezCSHizY img {
  height: 20px;
}

.Apz3iFUzHJN_ezCSHizY p {
  font-size: 14px;
  font-family: Roboto;
}

.U1x2Obya0xj7MLfkWmqE {
  display: flex;
  flex-direction: column;
  height: 180px;
  gap: 10px;
  align-items: center;
}

@media (width<1000px) {
  .U1x2Obya0xj7MLfkWmqE {
    flex-direction: row;
    height: 120px;
  }
  .Mriy6a2qOFhAnvNuKIoq {
    display: flex;
    flex-direction: column;
  }
}

.eSkrvJ10Om7WqkveZDtS {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
  margin-bottom: 70px;
}

.XAIjsJAmL7fvagmRU6Rr {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.V7X_SeutFTBgGhbU3Ekk {
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #007aff;
}
.VGeaqiub_X2ErCE2GKAj {
  font-size: 48px;
  font-family: Helvetica;
  font-weight: 900;
  color: #24223e;
  text-align: center;
  margin-bottom: 25px;
  padding: 10px;
}

.h4hXa4jaMeHLpXYg79dM {
  margin-top: -35px;
}

.e3x1kOqQk9tv5vQyyDDw {
  width: 50%;
}
.V00uxbcZnjNGQa_dLrTV {
  font-size: 48px;
  font-family: Helvetica;
  font-weight: 900;
  color: #007aff;
}



.uDcG0CRUKN4fCjX8yPzk {
  font-size: 16px;
  width: 560px;
  text-align: center;
  color: #24223e;
  margin-top: 10px;
}

@media (width<600px) {
  .uDcG0CRUKN4fCjX8yPzk {
    width: 90%;
  }
  .VGeaqiub_X2ErCE2GKAj {
    font-size: 34px;
  }
  .V00uxbcZnjNGQa_dLrTV {
    font-size: 34px;
  }
}

.l2l4qOBpNcGoh5KoK4ng {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: Helvetica;
  background-color: #fbfbfc;
  border-radius: 21px;
  border: 1px solid #007aff;
  box-sizing: border-box;
  font-size: 24px;
  font-weight: bold;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
    rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  height: 51px;
  padding: 20px;
  margin: 50px 0 50px 0;
}

.yOZHtQi3HbQUEgRuBWYe {
  color: #007aff;
  font-size: 18px;
  font-family: Helvetica;
  font-weight: bold;
}

.ptkUCfzrMPCj7j17wC0y {
  max-width: 100%;
}

.z70jycMKSpaasl9fQDl7 {
  display: flex;
  justify-content: center;
}
.FrmBJpH94fZZkwXrlFaB {
  width: 70%;
}

@media (width<600px) {
  .FrmBJpH94fZZkwXrlFaB {
    width: 90%;
  }
}

.fDkW4QzCn1r4kHSy1sgg {
  margin-bottom: 100px;
  padding: 0 100px;
}

.rxUHEHJ6uLLjeZMrKcCV {
  margin-bottom: 100px;
}
.CS1utbp96E9UDdZPNbp8 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
  margin-bottom: 50px;
  padding: 10px;
}
.tU6q4K_sK8uMJ9TkRauD {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  margin-top: 50px;
  margin-bottom: 50px;
  padding: 10px;
}

.yAZc7IZPHfm99k2QVW81 {
  font-size: 34px;
  font-family: Helvetica;
  font-weight: 900;
  color: #0d0d0d;
  text-align: center;
}

.PyIidTzCw8HTBM39SeNu {
  font-size: 34px;
  color: #007aff;
  font-family: Helvetica;
  font-weight: 900;
}

.BQpgDxzTZT0M_867Ppgs {
  font-size: 16px;
  color: #24223e;
  margin-top: 10px;
  text-align: center;
}

@media (width<600px) {
  .yAZc7IZPHfm99k2QVW81,
  .PyIidTzCw8HTBM39SeNu {
    font-size: 24px;
  }
}

.UiImQ9JvgLVd_1fwRtmh {
  font-size: 16px;
  color: #24223e;
  margin-top: 10px;
  text-align: start;
}
._WqmcbGqL7u6Zpl_Uada {
  display: flex;
  padding: 0 20px;
}

@media (width<1000px) {
  ._WqmcbGqL7u6Zpl_Uada {
    padding: 0;
  }
  .fDkW4QzCn1r4kHSy1sgg {
    padding: 0;
  }
  .tU6q4K_sK8uMJ9TkRauD {
    align-items: center;
  }
}

.GpmTF7ESWGNiDgumbkIc {
  display: none;
}

@media (width<1100px) {
  ._WqmcbGqL7u6Zpl_Uada {
    display: none;
  }
  .GpmTF7ESWGNiDgumbkIc {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

.JbRzVaaAh9RVTJlz96WL {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100px;
}

.KoG15FygKUO5sUMyn_g2 {
  font-size: 24px;
  font-weight: 600;
  color: #0d0d0d;
  font-family: Helvetica;
  margin-bottom: 5px;
}

@media (width<600px) {
  .KoG15FygKUO5sUMyn_g2 {
    font-size: 18px;
  }
}

.nasFZlhuyIE0ikT2MLQX {
  font-size: 14px;
  color: #24223e;
}

.vnREPH8_UP2OMIxmH5jg {
  padding-right: 10px;
}

.RGB1HUjwylChRpSoMLBK {
  font-size: 24px;
  font-weight: 600;
  color: #0d0d0d;
  font-family: Helvetica;
  margin-bottom: 10px;
  margin-top: 20px;
}

.Ut3dQV5X3BnyM3LKBfnP {
  font-size: 14px;
  color: #24223e;
}

@media (width<1100px) {
  ._WqmcbGqL7u6Zpl_Uada {
    flex-direction: column;
    justify-content: center;
  }

  .vnREPH8_UP2OMIxmH5jg {
    width: 90%;
  }
  .Ut3dQV5X3BnyM3LKBfnP {
    margin-bottom: 60px;
  }
}

.QA_teXLWmctaYoh7H2Cu {
  width: 100%;
  display: flex;
}

.GyjwNU8HzilgRtnqGTHM {
  width: 90%;
  margin: auto;
}

.pbTSBRdEbcgZCqGuTp34 {
  margin-top: 100px;
}
.RFZUvTtY6muuhlmUgmXY {
  margin-top: 50px;
}

.YqH72oxqGe5_kuhw0orQ {
  background-color: #c8edfd;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 200px;
}

.hG_xcdF7pjxQsm5fa3Vr {
  position: relative;
  width: 80%;
  bottom: -100px;
  border-radius: 30px;
}
.U8OPj0t_mdrdrkphO0pS {
  width: 100%;
}

.TRTUJPzkVWGINYPgXWfe {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  padding: 15px;
}

.CeE7QC_rtngUCpBcQ9sx {
  font-size: 34px;
  font-family: Helvetica;
  font-weight: 900;
  color: #0d0d0d;
  text-align: center;
  margin-bottom: 20px;
}

@media (width<800px) {
  .CeE7QC_rtngUCpBcQ9sx {
    font-size: 24px;
  }
}

.g2z_QJM3dypMSXTPwI4d {
  font-size: 16px;
  color: #24223e;
  text-align: center;
  width: 80%;
}

.Mb9PttDYtK26gRm0vvlQ {
  background-color: #f0f0f0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 200px;
  margin-top: 100px;
}

.GUcprGXXcOgkk6VE4rvb {
  position: relative;
  width: 80%;
  bottom: -100px;
}
.mMOAf4n0c8rPf_G7cat3 {
  width: 100%;
}
@media (width<600px) {
  .GUcprGXXcOgkk6VE4rvb {
    width: 90%;
  }
}

.W4EHUES80NZkKX4UEyh4 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 90%;
  box-sizing: border-box;
  padding: 15px;
  margin-top: 30px;
}

.RX8b9zLR_2eH54wjYcdA {
  font-size: 34px;
  font-family: Helvetica;
  font-weight: 900;
  color: #0d0d0d;
  text-align: center;
  margin-bottom: 20px;
}

.H76JNhspFQfgynqEZSTP {
  font-size: 34px;
  font-family: Helvetica;
  font-weight: 900;
  color: #007aff;
  text-align: center;
  margin-bottom: 20px;
}

@media (width<600px) {
  .RX8b9zLR_2eH54wjYcdA,
  .H76JNhspFQfgynqEZSTP {
    font-size: 24px;
  }
}
.vRcPNyWoYerKApSFebBI {
  font-size: 16px;
  color: #24223e;
  text-align: center;
  width: 80%;
}

.cqfh8iui905wC3wvPD0R {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
  margin-bottom: 70px;
}

.pV20PSvcZdKfiqxWVTk7 {
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #007aff;
}
._nvnl19L3997WtU733su {
  font-size: 48px;
  font-family: Helvetica;
  font-weight: 900;
  color: #24223e;
  text-align: center;
  margin-bottom: 25px;
  padding: 10px;
}

.rN9b_ho2vJR7I6ByCazo {
  margin-top: -35px;
}

.WSyWLP0QQiyajgalIokW {
  width: 50%;
}
.CKfZ5z6pb8Dj3aHEGe6F {
  font-size: 48px;
  font-family: Helvetica;
  font-weight: 900;
  color: #007aff;
}


.qFILwUztoxZZt_afW3wt {
  font-size: 16px;
  width: 560px;
  text-align: center;
  color: #24223e;
  margin-top: 10px;
}

@media (width<600px) {
  .qFILwUztoxZZt_afW3wt {
    width: 90%;
  }
  ._nvnl19L3997WtU733su {
    font-size: 34px;
  }
  .CKfZ5z6pb8Dj3aHEGe6F {
    font-size: 34px;
  }
}

.vmvC3clbkQUWwtL9qUre {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: Helvetica;
  background-color: #fbfbfc;
  border-radius: 21px;
  border: 1px solid #007aff;
  box-sizing: border-box;
  font-size: 24px;
  font-weight: bold;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
    rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  height: 51px;
  padding: 20px;
  margin: 50px 0 50px 0;
}

.RUHkp9kZEKIWvROUs6cO {
  color: #007aff;
  font-size: 18px;
  font-family: Helvetica;
  font-weight: bold;
}

.PCks51VelkInScONMxpg {
  max-width: 100%;
}

.gmpF8xHTehONZutMi7Nr {
  display: flex;
  justify-content: center;
}
.jUF0TimFC0aIS4XmZU53 {
  width: 70%;
}

@media (width<600px) {
  .jUF0TimFC0aIS4XmZU53 {
    width: 90%;
  }
}

.DbDfmHv6MSPF0cmH0qGj {
  margin-bottom: 100px;
  padding: 0 100px;
}

.lNaEdGK64JJ0JVdd5SZN {
  margin-bottom: 100px;
}
.ofVcyMrD5K9xcW8ddtDA {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
  margin-bottom: 50px;
  padding: 10px;
}
.DHS2w0e8j1a05vzNTpiH {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  margin-top: 50px;
  margin-bottom: 50px;
  padding: 10px;
}

.FWz1dUEJeuk4QfQAS5gT {
  font-size: 34px;
  font-family: Helvetica;
  font-weight: 900;
  color: #0d0d0d;
  text-align: center;
}

.KFLCxoz80W9Omf6j3DRg {
  font-size: 34px;
  color: #007aff;
  font-family: Helvetica;
  font-weight: 900;
}

@media (width<600px) {
  .FWz1dUEJeuk4QfQAS5gT,
  .KFLCxoz80W9Omf6j3DRg {
    font-size: 24px;
  }
}

.OKoCWuSuXQA3e04ctQK2 {
  font-size: 16px;
  color: #24223e;
  margin-top: 10px;
  text-align: center;
}

.UZTBzzEgdAtAyV6OXBmA {
  font-size: 16px;
  color: #24223e;
  margin-top: 10px;
  text-align: start;
}
.z26rojVfJySBsGxhuZpL {
  display: flex;
  padding: 0 20px;
}

@media (width<1000px) {
  .z26rojVfJySBsGxhuZpL {
    padding: 0;
  }
  .DbDfmHv6MSPF0cmH0qGj {
    padding: 0;
  }
  .DHS2w0e8j1a05vzNTpiH {
    align-items: center;
  }
}

.Unc4ODWD43oNjWvxiJ6K {
  display: none;
}

@media (width<1100px) {
  .z26rojVfJySBsGxhuZpL {
    display: none;
  }
  .Unc4ODWD43oNjWvxiJ6K {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

.DNiGx7oRU86N8ZrHvOG2 {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100px;
}

.FZEa1qYCELf34I4J5JL2 {
  font-size: 24px;
  font-weight: 600;
  color: #0d0d0d;
  font-family: Helvetica;
  margin-bottom: 5px;
}

@media (width<600px) {
  .FZEa1qYCELf34I4J5JL2 {
    font-size: 18px;
  }
}
.moHrY2G7ftFjCzb1Uwgd {
  font-size: 14px;
  color: #24223e;
}

.nOXrYWmSt45QMzMXH8dl {
  padding-right: 10px;
}

.q3Uvn2bO_i6finvzokvd {
  font-size: 24px;
  font-weight: 600;
  color: #0d0d0d;
  font-family: Helvetica;
  margin-bottom: 10px;
  margin-top: 20px;
}

.CXEb_w1smkY63M8ZQ7ey {
  font-size: 14px;
  color: #24223e;
}

@media (width<1100px) {
  .z26rojVfJySBsGxhuZpL {
    flex-direction: column;
    justify-content: center;
  }

  .nOXrYWmSt45QMzMXH8dl {
    width: 90%;
  }
  .CXEb_w1smkY63M8ZQ7ey {
    margin-bottom: 60px;
  }
}

.TP2cGzCFA4gIfLGuvm6L {
  width: 100%;
  display: flex;
}
.DIxc7ZLf81jt5h_zap0a {
  width: 100%;
  display: flex;
}

.gCftPdX7TI8n64jGeVjt {
  width: 90%;
  margin: auto;
}
.Xr75OoiWv7tl15UQO7fc {
  width: 76%;
  margin: auto;
}

@media (width<1000px) {
  .Xr75OoiWv7tl15UQO7fc {
    width: 90%;
  }
}

.TQMO0cxC75CngSLHZNSa {
  margin-top: 100px;
}
.pxXDgcdo0nyiLZA3F2t_ {
  margin-top: 50px;
}

.H9g76tvWFDU9BuEE3rLz {
  background-color: #c8edfd;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 100px;
}

@media (width<1000px) {
  .H9g76tvWFDU9BuEE3rLz {
    min-height: 800px;
  }
}
@media (width<600px) {
  .H9g76tvWFDU9BuEE3rLz {
    min-height: 720px;
  }
}

.e9VnQcJb03qXWJTLJiS2 {
  position: relative;
  width: 80%;
  bottom: -100px;
  border-radius: 30px;
}
.kpKxjvLLa4QROWAGgwTV {
  width: 100%;
}

.pfq3bqC0571VMZzaDsng {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  padding: 50px;
}

.n_0MxZectzW1kzV4f1gS {
  font-size: 34px;
  font-family: Helvetica;
  font-weight: 900;
  color: #0d0d0d;
  text-align: center;
  margin-bottom: 20px;
}

@media (width<600px) {
  .n_0MxZectzW1kzV4f1gS {
    font-size: 24px;
  }
}

.kG1nIq_iMMq_5oBEISCS {
  font-size: 16px;
  color: #24223e;
  text-align: center;
}

.NfI9wdCwtUrigKwQiDDk {
  background-color: #f0f0f0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 200px;
  margin-top: 100px;
}

.MVh2sDHlD9Otl9pmvAou {
  position: relative;
  width: 80%;
  bottom: -100px;
}
.dUGpzhgV0D6_CIqRYkWY {
  width: 100%;
}
@media (width<800px) {
  .MVh2sDHlD9Otl9pmvAou {
    width: 90%;
  }
}

.Bc95cn0EvXK1jgpoobnV {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  padding: 15px;
  margin-top: 20px;
}

.x4SKUUkcHokZmcL_Ir0Z {
  font-size: 34px;
  font-family: Helvetica;
  font-weight: 900;
  color: #0d0d0d;
  text-align: center;
  margin-bottom: 20px;
}

@media (width<600px) {
  .x4SKUUkcHokZmcL_Ir0Z {
    font-size: 24px;
  }
}

.WkFfCiZfD62mfaEQg6Sh {
  font-size: 16px;
  color: #24223e;
  text-align: center;
}

.gHl40NHmniD8UUQZo8wU {
  display: flex;
}

@media (width<1000px) {
  .gHl40NHmniD8UUQZo8wU {
    flex-wrap: wrap;
    justify-content: center;
  }
}

.un7pgeCSS6d2Hv4lxc6K {
  width: 65%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mvUeb0fegc294a8WpN4g {
  width: 70%;
}

.BnDQEYufpqAnJoW6oOns {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 36px;
  margin-top: 50px;
}

.kzyONIUggdoeSqDe4bUA {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.Vaew5fJulJrA6yOQHTN_ {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
}

.YqKFysxpSFgJpqOCXsLy {
  font-size: 14px;
  color: #24223e;
}

@media (width>1000px) {
  .YqKFysxpSFgJpqOCXsLy {
    visibility: hidden;
    opacity: 0;
    transition: opacity 1.8s ease-in-out;
  }
  .kzyONIUggdoeSqDe4bUA:hover .YqKFysxpSFgJpqOCXsLy {
    visibility: visible;
    opacity: 1;
    position: relative;
  }
}

.N3JwxNISHvMXitV7N0sc {
  font-size: 24px;
  font-weight: 600;
  color: #0d0d0d;
  font-family: Helvetica;
  margin-bottom: 5px;
}

@media (width<600px) {
  .N3JwxNISHvMXitV7N0sc {
    font-size: 18px;
  }
}

.NmWBv9JHwAbPlEiy06uq {
  font-size: 14px;
  color: #24223e;
}

@media (width>1000px) {
  .YqKFysxpSFgJpqOCXsLy {
    visibility: hidden;
    opacity: 0;
    transition: opacity 1.8s ease-in-out;
  }
  .kzyONIUggdoeSqDe4bUA:hover .YqKFysxpSFgJpqOCXsLy {
    visibility: visible;
    opacity: 1;
    position: relative;
  }
}

.jRqG567_pczLdwiZr4Gy {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.lzfbDPrLvr67637aiibm {
  font-family: helvetica;
  text-align: center;
  font-size: 34px;
  font-weight: 900;
  margin-bottom: 30px;
  color: #24223e;
}
@media (width<600px) {
  .lzfbDPrLvr67637aiibm {
    font-size: 24px;
  }
}

.MMMc30RC_E0YJDXIlrpN {
  color: #007aff;
  font-family: Helvetica;
  font-weight: 900;
}

.k4tnaSW6sWBMGsGcxOSa {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

@media (width<1000px) {
  .k4tnaSW6sWBMGsGcxOSa {
    grid-template-columns: repeat(2, 300px);
  }
}

@media (width<700px) {
  .k4tnaSW6sWBMGsGcxOSa {
    grid-template-columns: repeat(1, 250px);
  }
}

.yCg9rjy1VTdAqjISI_il {
  padding: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

@media (width<700px) {
  .yCg9rjy1VTdAqjISI_il {
    padding: 20px;
  }
}

@media (width<600px) {
  .k4tnaSW6sWBMGsGcxOSa {
    grid-template-columns: repeat(1, 220px);
  }
}

.feXnt6lYIrPqTcQD7z4Y {
  text-align: center;
  font-size: 24px;
  color: #24223e;
  font-family: Helvetica;
  padding: 20px;
}

._Br5oJbJL6eKr769GJoo {
  text-align: center;
  font-size: 14px;
  color: #424242;
  font-family: Roboto;
}
.twcrLkVGSwdF_aaYKSV_ {
  width: 30%;
  margin-bottom: 30px;
}

.b87ggFh4z8_M_fxmDFvD {
  width: 100%;
}

.EjG3I54eQbM1ZOMbAkDA {
  font-size: 16px;
  color: #424242;
  text-align: center;
}

/* retail business card */
.NrNp2qWaFU0KnLqNWep1 {
  border-radius: 1rem;
  box-shadow: 0px 9px 38px 6px rgba(112, 160, 255, 0.18);
  background-color: #fff;
  display: flex;
  min-width: 300px;
  width: 350px;
  flex-direction: column;
  justify-content: start;
  padding: 1rem;
  gap: 1rem;
  box-sizing: border-box;
}

.z585w5v80YLTjUry_578 {
  height: 150px;
  width: 100%;
  overflow: hidden;
  border-radius: 1rem;
  background-color: #d9d9d9;
}

.IRAOFMJHkgTGbMVzez57 {
  height: 100%;
  width: auto;
  object-fit: cover;
}

.h_GGJz6WMNJgbzbOZXlJ {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.N4y833RFQpR4BnoWM7SS {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 600;
  color: #333;
}
.LnawVBmuVxGRMNkaNDNk {
  margin: 0;
  font-size: 1rem;
  color: #6b6b6b;
}

/* key highlights cards */
.E9kclBzX2ILD6_gnQBYg {
  border-radius: 1rem;
  box-shadow: 0px 9px 38px 6px rgba(112, 160, 255, 0.18);
  background-color: #fff;
  display: flex;
  min-width: 300px;
  width: 350px;
  max-width: 100%;
  justify-content: start;
  padding: 1rem;
  gap: 1rem;
  box-sizing: border-box;
}

.G3sfW0mnXdQpSIudS5bN {
  height: 130px;
  width: 180px;
  overflow: hidden;
  border-radius: 1rem;
  padding: 0.8rem;
  box-sizing: border-box;
  background: var(--Blue, #e8f0ff);
}

.ZDMEVl95LK3e86f9HSLV {
  height: 100%;
  width: auto;
  object-fit: cover;
}

.KO5tKcDtQbDW3oTRsTQU {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.fMGP411hYcu5fMUiWQ0c {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 600;
  color: #333;
}
._mg7JDj9g0cBb64oxhkX {
  margin: 0;
  font-size: 1rem;
  color: #6b6b6b;
}
.FySg1j4wApHfMxTyMPY3 {
  color: #333;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
  width: 80%;
}

@media (max-width: 1024px) {
  .FySg1j4wApHfMxTyMPY3  {
    width: 90%;
  }
}
.HDTGlcx8mnYThpV6zCIX {
  color: var(--Black-4, #6B6B6B);
  text-align: center;
  font-size: 1rem;
  margin: 0;
  margin-top: -1rem;
  width: 85%;
}

@media (max-width: 1024px) {
  .HDTGlcx8mnYThpV6zCIX  {
    width: 90%;
  }
}
.BB3DwLwUkv2vNDEMljSW {
  justify-content: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  gap: 2rem;
}

.SmXNylw4toy5eopHTdAh {
  display: flex;
  width: 100%;
  flex-direction: column;
  text-align: center;
  justify-content: start;
  align-items: center;
  gap: 1rem;
}

@media (max-width: 991px) {
  .SmXNylw4toy5eopHTdAh {
    max-width: 100%;
  }
}

.zUaaKm7Ui3iSPVNdlw8u {
  color: #333333;
  font-size: 2rem;
  font-weight: 700;
  width: 70%;
  text-align: center;
}

@media (max-width: 991px) {
  .zUaaKm7Ui3iSPVNdlw8u {
    width: 90%;
  }
}

.AH5_2b8mRxEYlnMyhugI {
  color: var(--Black-4, #6b6b6b);
  font-size: 1rem;
  font-weight: normal;
  width: 70%;
  text-align: center;
}

@media (max-width: 991px) {
  .AH5_2b8mRxEYlnMyhugI {
    width: 90%;
  }
}

.CyUjmsTy764r7S0Hs7Xn {
  border-radius: 1rem;
  box-shadow: 0px 8px 23px 6px rgba(0, 0, 0, 0.08);
  display: flex;
  width: 100%;
  box-sizing: border-box;
  flex-direction: column;
  justify-content: start;
  padding: 2rem;
  margin-top: 1rem;
  gap: 1rem;
  background-color: var(--White, #fff);
}

@media (max-width: 991px) {
  .CyUjmsTy764r7S0Hs7Xn {
    padding: 1rem;
  }
}

/* Step Container & Steps */
.oy1v4DY1Eh4Fd83Zt5On {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.TS1fu1wnyB5pgoswF5mL {
  display: flex;
  align-items: center;
}

.Y4umwoHr8iLIVq41W39u {
  width: 3rem;
  height: 3rem;
  background-color: #e0e0e0;
  border-radius: 50%;
  text-align: center;
  line-height: 3rem;
  font-size: 1.5rem;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0px 18px 18px 6px rgba(10, 62, 140, 0.12);
  color: #fff;
}

.Y4umwoHr8iLIVq41W39u:hover {
  background-color: #0056b3;
}

.cdI2ZsewcMJDTP2JsK8N {
  background-color: var(--Blue-4, #007aff);
  border: 2px solid #0056b3;
  color: #fff;
}

/* Horizontal line between steps */
.tabAiX9o3jvdvd_Dmeo8 {
  height: 6px;
  width: 40px;
  background: var(--Blue-4, #007aff);
  border-radius: 3px;
}

@media (max-width: 991px) {
  .Y4umwoHr8iLIVq41W39u {
    width: 2rem;
    height: 2rem;
    font-size: 1rem;
    line-height: 2rem;
  }

  .tabAiX9o3jvdvd_Dmeo8 {
    width: 20px;
    height: 4px;
  }
}

.TRVOcZ8RUl0eiaVQaUHW {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: start;
  gap: 1rem;
}

@media (max-width: 991px) {
  .TRVOcZ8RUl0eiaVQaUHW {
    max-width: 100%;
  }
}

.TaZSx1PrEQPG1mBGDTBU {
  color: var(--Black-5, #333);
  font-size: 1.5rem;
  font-weight: 600;
}

@media (max-width: 991px) {
  .TaZSx1PrEQPG1mBGDTBU {
    max-width: 100%;
  }
}

.eGWB9VkKDrhOX1SzVLw1 {
  color: var(--Black-4, #6b6b6b);
  font-size: 1rem;
  font-weight: normal;
}

@media (max-width: 991px) {
  .eGWB9VkKDrhOX1SzVLw1 {
    max-width: 100%;
  }
}

.HasLmw2hU3vlWmw08Fk3 {
  border-radius: 1rem;
  background-color: #d9d9d9;
  display: flex;
  min-height: 331px;
  width: 100%;
}

@media (max-width: 991px) {
  .HasLmw2hU3vlWmw08Fk3 {
    max-width: 100%;
  }
}
@keyframes bUTQw3PszFZgRiYbbARP {
  0% {
    opacity: 0;
    transform: translateY(5px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.zPswkWgkua8CpzsytBOw {
  animation: bUTQw3PszFZgRiYbbARP 0.4s ease;
}

/* home section */
.ZnBPFhIYszZDHsmoc7uD {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  margin-top: 5rem;
}

.Adyv5HGeDN0nXUGEKdwG {
  font-size: 3rem;
  font-weight: 700;
  margin: 0;
  color: #333;
  text-align: center;
  max-width: 70%;
}

.BVv3tuvnpHUzlc7lgUk_ {
  font-size: 1rem;
  margin: 0;
  color: #6B6B6B;
  text-align: center;
  max-width: 70%;
}

.pjx5cJsZQLez7kAwv7nI {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  font-size: 1rem;
  padding: 0.75rem 1rem;
  border-radius: 30px;
  background: #007aff;
  color: #fff;
  box-shadow: 0px 18px 18px 6px rgba(10, 62, 140, 0.12);  
}

.pjx5cJsZQLez7kAwv7nI:hover {
  cursor: pointer;
}

.FNXOk9HAPfFvYwKMBPwU {
  overflow: hidden;
  width: 90%;
  height: 100%;
  min-height: 450px;
  border-radius: 16px;
  background-color: #D9D9D9;
}

.q_S7uYKhGEuJynK_e08x {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 820px) {
  .Adyv5HGeDN0nXUGEKdwG {
    max-width: 80%;
  }
  .BVv3tuvnpHUzlc7lgUk_ {
    max-width: 80%;
  }
}

@media screen and (max-width: 600px) {
  .Adyv5HGeDN0nXUGEKdwG {
    max-width: 100%;
  }
  .BVv3tuvnpHUzlc7lgUk_ {
    max-width: 100%;
  }
}

/* key highlights section */
.V6ydIeGKYys59oEpqV1O {
  margin-top: 5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3rem;
}

.Vkqim8NpJv5t3LgDomQ5 {
  color: #333;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
}

.kCJb6JPWTtan2U4V2jQS {
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-wrap: wrap;
  gap: 2rem;
}

/* section 3 */
.n8zJ9P0bz0WsvoINlHyq {
  margin: 5rem auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  width: 75%;
}

@media (max-width: 600px) {
  .n8zJ9P0bz0WsvoINlHyq {
    width: 95%;
  }
}

/* retail business section */
.xI0kZPEFx53sAFHWCW4c {
  margin-top: 5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3rem;
}

.ba7xwNrM5blfPsuytGz_ {
  color: #333;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
  width: 50%;
}

.NXn1_04fLAQydgSz08VC {
  display: flex;
  gap: 2rem;
  align-items: stretch;
  justify-content: center;
  flex-wrap: wrap;
}

@media (max-width: 600px) {
  .ba7xwNrM5blfPsuytGz_ {
    width: 80%;
  }
}

/* section 6 */
.aTLDp7oKtC3HzKFindlQ {
  margin: 5rem auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}

.XP7wtqB4rnYor_H61riw {
  color: #333;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
  width: 70%;
}

.JSf7KFLMpFjWQyegceGg {
  font-size: 1rem;
  margin: 0;
  color: #6B6B6B;
  text-align: center;
  max-width: 70%;
}

.BCNwWGpcKPBDqQm443Dw {
  margin-top: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  row-gap: 1rem;
  column-gap: 3rem;
  flex-wrap: wrap;
  color: #010509;
  font-size: 1.25rem;
  cursor: pointer;
}

.BCNwWGpcKPBDqQm443Dw p {
  margin: 0;
  transition: color 0.25s linear; 
}

.BCNwWGpcKPBDqQm443Dw p:hover {
  /* cursor: pointer; */
  color: #007AFF;
}

@media (max-width: 600px) {
  .XP7wtqB4rnYor_H61riw {
    width: 90%;
  }
  .JSf7KFLMpFjWQyegceGg {
    max-width: 90%;
  }
  .BCNwWGpcKPBDqQm443Dw {
    flex-direction: column;
    row-gap: 0.5rem;
  }
}

.uzcW_rckrTKmJkdm31IO {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}

@media (max-width: 820px) {
  .uzcW_rckrTKmJkdm31IO {
    grid-template-columns: 1fr;
  }
}
/* home section */
.fXR10N3o6HSuUxxQ_x4M {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  margin-top: 5rem;
}

.sJDu8_DoYywwaIqnWIlQ {
  font-size: 3rem;
  font-weight: 700;
  margin: 0;
  color: #333;
  text-align: center;
  max-width: 70%;
  text-transform: capitalize;
}

.iw6XSbIyLpujR_a_Tkvw {
  font-size: 1rem;
  margin: 0;
  color: #6B6B6B;
  text-align: center;
  max-width: 70%;
}

.qPOg_Z6sbWmWb535oGv8 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  font-size: 1rem;
  padding: 0.75rem 1rem;
  border-radius: 30px;
  background: #007aff;
  color: #fff;
  box-shadow: 0px 18px 18px 6px rgba(10, 62, 140, 0.12);
  transition: box-shadow 0.3s ease;
}

.qPOg_Z6sbWmWb535oGv8:hover {
  cursor: pointer;
  box-shadow:
    0 0 10px rgba(0, 122, 255, 0.7),
    0 0 20px rgba(0, 122, 255, 0.5),
    0 0 30px rgba(0, 122, 255, 0.3);
}

.zdekJ56ycSOd5zlMk3pg {
  overflow: hidden;
  width: 90%;
  border-radius: 0.75rem;
  box-shadow: 0px 8px 23px 6px rgba(0, 0, 0, 0.08);
  /* Remove fixed height to let image determine container size */
  display: flex;
  align-items: center;
  justify-content: center;
}

.Vzwyr4TtO2lWqt3IbaC5 {
  width: 100%;
  height: auto; /* Changed from 100% to auto */
  object-fit: cover;
  display: block; /* Remove any default inline spacing */
  border-radius: 0.75rem; /* Match parent border-radius */
}

@media screen and (max-width: 820px) {
  .sJDu8_DoYywwaIqnWIlQ {
    max-width: 80%;
  }

  .iw6XSbIyLpujR_a_Tkvw {
    max-width: 80%;
  }
}

@media screen and (max-width: 600px) {
  .sJDu8_DoYywwaIqnWIlQ {
    max-width: 100%;
  }

  .iw6XSbIyLpujR_a_Tkvw {
    max-width: 100%;
  }
}

/* New container for background + images */
._2y1wwQY5nUkOy_FRefF7 {
  position: relative;
  width: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Optional background color block (40% of image size) */
.xHih4yye7mim0fClQQ5_ {
  position: absolute;
  top: 23%;
  right: 85%;
  width: 20%;
  /* border-radius: 1rem; */
  z-index: 1;
  opacity: 0.5;
}

/* overlay small image on top-right of the main image */
.aGc400ppRLn5NH2GEDxg {
  position: absolute;
  top: 23%;
  right: 85%;
  width: 20%;
  height: auto;
  border-radius: 0.5rem;
  z-index: 2;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 600px) {
  .aGc400ppRLn5NH2GEDxg {
    display: none;
  }
}
.um579Wm0aPErsinylXYG {
  display: flex;
  gap: 1rem;
  border-radius: 1rem;
  background: var(--White, #FFF);
  box-shadow: 0px 8px 23px 6px rgba(0, 0, 0, 0.08);
  padding: 1rem;
  align-items: stretch;
  box-sizing: border-box;
  box-shadow: 0px 8px 23px 6px rgba(0, 0, 0, 0.08);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.um579Wm0aPErsinylXYG:hover {
  transform: translateY(-5px);
  /* transform: scale(1.03);  */
  /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
  box-shadow: 0px 9px 38px 6px rgba(112, 160, 255, 0.18);
}

.vICljCuQ_q0oVDlBcBhs {
  min-height: 100px;
  width: 3.2rem;
  box-sizing: border-box;
  border-radius: 1rem;
  /* background-color: #D9D9D9; */
  overflow: hidden;
}

.emV8MS6Qbmp5PpNhfp5V {
  height: 2.5rem;
  width: 2.5rem;
  object-fit: cover;
}

.Y3i1wXKrSdulAVHMZZoK {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}

.LyveXX8OqhjpRW_8hKDQ {
  color: var(--Black-5, #333);
  font-size: 1.5rem;
  font-weight: 500;
}

.i13fO1XrGYif01GiVHRw {
  color: var(--Black-4, #6B6B6B);
  font-size: 1rem;
  font-weight: normal;
}
.rzk3xPsOgBOR1_pyWMX_ {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
  box-sizing: border-box;
  border-radius: 1rem;
  background: var(--White, #FFF);
  box-shadow: 0px 8px 23px 6px rgba(0, 0, 0, 0.08);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.rzk3xPsOgBOR1_pyWMX_:hover {
  transform: translateY(-5px);
  /* transform: scale(1.03);  */
  /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
  box-shadow: 0px 9px 38px 6px rgba(112, 160, 255, 0.18);
}

.JKUPoDI92oniUpMIS00J {
  color: var(--Black-5, #333);
  font-size: 1.5rem;
  font-weight: 500;
}

.kiXNjMEWXsAAPncvA6v2 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  box-sizing: border-box;
  background: #E8F0FF;
  border-radius: 0.5rem;
  padding: 1rem 0.5rem;
}

.ySjx_UHKjT1cpKl0NFwQ {
  display: flex;
  gap: 0.5rem;
  box-sizing: border-box;
}

.ySjx_UHKjT1cpKl0NFwQ svg {
  color: #007AFF;
  font-size: 24px;
}

.EKCV3aPunkc3Wj11NAWv {
  color: var(--Black-4, #6B6B6B);
  font-size: 1rem;
  font-weight: normal;
}

.LMZYVSRQeyYbYvLebZVn {
  color: var(--Black-4, #6B6B6B);
  font-size: 1rem;
  font-weight: normal;
  width: 70%;
  text-align: center;
}

@media (max-width: 600px) {
  .LMZYVSRQeyYbYvLebZVn {
    width: 90%;
  }
}

.Of91pviyiwsjnqIgP46e {
  width: 100%;
  box-sizing: border-box;
  border-radius: 1rem;
  overflow: hidden;
  /* Removed min-height and background-color to eliminate spacing */
  display: flex;
  align-items: center;
  justify-content: center;
}

.SHg8xz25RDB6pr4W4BTa {
  object-fit: cover;
  height: auto;
  width: 100%;
  display: block; /* Remove any default inline spacing */
  border-radius: 1rem; /* Match parent border-radius */
  box-shadow: 0px 8px 23px 6px rgba(0, 0, 0, 0.08);
}

.OAZfEizeTe4hFQHTH6YR {
  font-weight: 500;
  margin-bottom: 0.5rem;
  font-size: 1rem;
  color: #333;
}
/* ══════════════════════════════════════════════════
   Product Page — Apple-flow template
   Sections: hero → position → metrics → bento →
             spotlight-dark → spotlight-light →
             for-who → closing CTA
══════════════════════════════════════════════════ */

/* ─── Global ─── */
.HIp0JFm0K78OUGKxfkVZ {
  width: calc(100% + 10rem);
  margin-left: -5rem;
  background: #000000;
  overflow-x: hidden;
  font-family: 'Space Grotesk', -apple-system, system-ui, sans-serif;
}

/* ─── Shared CTAs ─── */
.bxbS0OlH_qaivHo7bmwR {
  display: inline-flex; align-items: center; gap: 6px;
  color: #FFFFFF; font-size: 0.95rem; font-weight: 700;
  padding: 0.9rem 2.2rem; border-radius: 100px; border: none;
  cursor: pointer; transition: opacity .2s, transform .2s;
  letter-spacing: -0.01em;
}
.bxbS0OlH_qaivHo7bmwR:hover { opacity: .88; transform: translateY(-2px); }

.AwgZ1evZkzxOuSkC1U5Y {
  display: inline-flex; align-items: center; gap: 4px;
  color: rgba(255,255,255,.55); font-size: 0.88rem; font-weight: 600;
  background: none; border: none; cursor: pointer;
  transition: color .18s; letter-spacing: -0.01em;
}
.AwgZ1evZkzxOuSkC1U5Y:hover { color: #FFFFFF; }

/* ══ HERO ═════════════════════════════════════════ */
._GgyDc9DnjPdBuiLvZUt {
  position: relative; background: #000000;
  min-height: 90vh; display: flex; flex-direction: column;
  justify-content: center; overflow: hidden; padding: 6rem 8rem 5rem;
}

.Z8nV0D5KHvjtRodeZ_G5 {
  position: absolute; inset: 0;
  background-image: radial-gradient(circle, rgba(255,255,255,.03) 1px, transparent 1px);
  background-size: 32px 32px;
  animation: MKNETeQ94vfu3bpkSVLM 40s linear infinite; pointer-events: none;
}
@keyframes MKNETeQ94vfu3bpkSVLM { to { background-position: 32px 32px; } }

.YiAWbnEjvrMUJc5Q6JBN {
  position: absolute; inset: 0; pointer-events: none;
}

.BpJDO0jPcQFtS1PafLvA {
  position: relative; z-index: 1;
  display: grid; grid-template-columns: 1fr 380px;
  gap: 5rem; align-items: center;
  max-width: 1280px; margin: 0 auto; width: 100%;
  animation: ZwxvNqr79vnRM9YwLQhm 0.7s cubic-bezier(.16,1,.3,1) both;
}
@keyframes ZwxvNqr79vnRM9YwLQhm { from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} }

.q7Ay7q_scxv7dIBIu9eT { display: flex; flex-direction: column; gap: 0; }

.j1_S8ttd7aySXXokcVa5 {
  display: inline-flex; align-items: center; gap: 7px;
  border: 1px solid; border-radius: 100px;
  padding: 6px 14px; font-size: 0.62rem; font-weight: 700;
  letter-spacing: 0.12em; margin-bottom: 1.8rem; width: fit-content;
}
.vqhEejTqakluIri6oTTV {
  width: 6px; height: 6px; border-radius: 50%; flex-shrink: 0;
  animation: XzROSOGdO5Dpq3sJZyxQ 2s ease-in-out infinite;
}
@keyframes XzROSOGdO5Dpq3sJZyxQ {
  0%,100% { box-shadow: 0 0 0 0 rgba(255,255,255,.4); }
  50%      { box-shadow: 0 0 0 5px rgba(255,255,255,0); }
}

.NTlQnnpJ4wvBdcXt3Egj {
  font-size: clamp(3.2rem, 6.5vw, 5.5rem);
  font-weight: 800; color: #FFFFFF;
  letter-spacing: -0.065em; line-height: 1.04;
  margin: 0 0 1.4rem;
}
.vHUyGtpFcl3H0aHT4nSt {
  background: linear-gradient(105deg, var(--ac, #60A5FA) 0%, #A78BFA 50%, #34D399 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
  background-size: 200%; animation: UTX3kdaH_7bPREl8W3kK 5s ease-in-out infinite alternate;
}
@keyframes UTX3kdaH_7bPREl8W3kK { from{background-position:0%} to{background-position:100%} }

.K47dLXht7ynXa6EK26Ai {
  font-size: 1.02rem; color: rgba(255,255,255,.5); line-height: 1.72;
  margin: 0 0 2.2rem; max-width: 520px; letter-spacing: -0.01em;
}

.GSqQf5mDq5YM5LqFSRHb { display: flex; align-items: center; gap: 1.2rem; }

/* Hero card */
.Yl2O76KObFjLUlPqVVz7 {}
.ExgOYbUuk8yUEf4v_3kt {
  position: relative; overflow: hidden;
  background: rgba(255,255,255,.07);
  border: 1px solid; border-radius: 24px;
  padding: 2rem; animation: OsVXZ9BkABNfSklLWOQY 0.6s cubic-bezier(.16,1,.3,1) 0.15s both;
  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
}
@keyframes OsVXZ9BkABNfSklLWOQY { from{opacity:0;transform:translateX(20px)} to{opacity:1;transform:translateX(0)} }
.f2_LRdWyCihkn3Xygwxz {
  position: absolute; inset: 0; pointer-events: none;
}
.QjROGxz001scRmK4Wk6k {
  position: relative; z-index: 1;
  display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem;
}
.bzA8IPs_i8ONBfHKH9dr { display: flex; flex-direction: column; gap: 4px; }
.Umg5K7ZlHOHNItSHYZjb { font-size: 1.4rem; margin-bottom: 4px; }
.GsehvVVftoacJKKbLH69 {
  font-family: 'Space Grotesk', system-ui, sans-serif;
  font-size: 1.3rem; font-weight: 800; letter-spacing: -0.04em; line-height: 1;
}
.vKoqmxjuHblkQ4EH7YeQ { font-size: 0.68rem; color: rgba(255,255,255,.38); font-weight: 500; }

/* ══ POSITIONING STATEMENT ════════════════════════ */
.ytUfY50KFksrnRGbG1Cg {
  background: #FFFFFF; padding: 5rem 8rem;
}
.cC7hDr6nNkGUNVfbe_Ie {
  max-width: 800px; margin: 0 auto;
  display: flex; flex-direction: column; align-items: flex-start; gap: 1.5rem;
}
.yZVB6SmSxUHGIICVqoY8 {
  font-size: clamp(1.1rem, 2vw, 1.4rem); font-weight: 600;
  color: #1D1D1F; letter-spacing: -0.025em; line-height: 1.55;
  margin: 0;
}
.Rdf5FmBStJ76lioAhlFY {
  width: 48px; height: 4px; border-radius: 2px; opacity: 0.8;
}

/* ══ METRICS STRIP ════════════════════════════════ */
._0wRrMcSjFDGnqLcLdy3m {
  background: #F5F5F7; padding: 0;
  border-top: 1px solid #E5E5E7;
  border-bottom: 1px solid #E5E5E7;
}
.XH49Ckupo7j6JUkHnBM2 {
  max-width: 1280px; margin: 0 auto;
  display: grid; grid-template-columns: repeat(4,1fr);
}
.qHIuCwr6z8gE_0rfznpe {
  padding: 2.8rem 3rem; border-right: 1px solid #E5E5E7;
  display: flex; flex-direction: column; gap: 6px;
}
.qHIuCwr6z8gE_0rfznpe:last-child { border-right: none; }
._V_QwnHShH4eoUUh1lXA {
  font-family: 'Space Grotesk', system-ui, sans-serif;
  font-size: clamp(1.4rem, 2.5vw, 2rem); font-weight: 800;
  letter-spacing: -0.05em; line-height: 1;
}
.r0w9zm3wTeWGsNVqyEih {
  font-size: 0.75rem; color: #86868B; font-weight: 500;
  letter-spacing: -0.01em;
}

/* ══ BENTO GRID ═══════════════════════════════════ */
.RAaoJcg7gXgdt9gVYWKy {
  background: #F5F5F7; padding: 6rem 8rem;
}
.y7DIDVg9ixE2YWsU_arX { max-width: 1280px; margin: 0 auto; }
.edg1CJN3KQIOYYB893w9 { margin-bottom: 2.5rem; }
.UM7ADgIzqozVKftaRThs {
  font-size: 0.62rem; font-weight: 700; letter-spacing: 0.14em;
  text-transform: uppercase; margin-bottom: 0.5rem;
}
.HKe7QqJD9ViqpD9cEs1g {
  font-size: clamp(1.8rem, 3.5vw, 2.8rem); font-weight: 800;
  color: #1D1D1F; letter-spacing: -0.05em; line-height: 1.08; margin: 0;
}

.GRu0L4K9r3cPdNQi7Sjv {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: minmax(200px, auto);
  gap: 14px;
}
.s3U_jlDjOzwCgZKyQJtI {
  position: relative; overflow: hidden;
  background: #FFFFFF; border-radius: 20px;
  padding: 2rem; display: flex; flex-direction: column; gap: 0.8rem;
  transition: box-shadow .22s, transform .22s;
  border: 1px solid rgba(0,0,0,.06);
}
.s3U_jlDjOzwCgZKyQJtI:hover {
  box-shadow: 0 12px 40px rgba(0,0,0,.1);
  transform: translateY(-4px);
}
.s3U_jlDjOzwCgZKyQJtI::after {
  content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 3px;
  background: var(--accent); transform: scaleX(0); transform-origin: left;
  transition: transform .25s ease;
}
.s3U_jlDjOzwCgZKyQJtI:hover::after { transform: scaleX(1); }

.AtIga5Bcsp0gKFriDLgW { grid-column: span 2; }
.sQLpB5ajJmj8f7PLLBfm { grid-row: span 2; }

.qLs2odRM0kkAw4WP7Lyg {
  position: absolute; inset: 0; pointer-events: none; border-radius: 20px;
}
.D7GXyL0EpPr05dJB2vFp {
  width: 48px; height: 48px; border-radius: 13px;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0; position: relative; z-index: 1;
}
.t9dX1xQdqdPGNUAQ4j3a { font-size: 1.4rem; }
.T9ReHmKOBaHmtrjhOjcC {
  font-size: 1rem; font-weight: 700; color: #1D1D1F;
  letter-spacing: -0.02em; position: relative; z-index: 1;
}
.qOR7vQ9yYCIn4TeGrq5T {
  font-size: 0.83rem; color: #6E6E73; line-height: 1.62;
  margin: 0; position: relative; z-index: 1;
}

/* ══ SPOTLIGHT DARK ═══════════════════════════════ */
.pEtS7LhctX9HD13wPN_a {
  position: relative; background: #000000;
  padding: 9rem 8rem; overflow: hidden;
}
.L_WV_yfsshDzTh03X0Kt {
  position: absolute; inset: 0; pointer-events: none;
}
.Js3oXLO9fpIp2eSCaM3F {
  position: relative; z-index: 1;
  max-width: 1280px; margin: 0 auto;
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 6rem; align-items: center;
}
.jzh_tSGO501jv6nqBLJy { display: flex; flex-direction: column; gap: 1rem; }
.m1PxBbcBouYIhizHTWa2 {
  font-size: 0.62rem; font-weight: 700; letter-spacing: 0.14em;
  text-transform: uppercase;
}
.hRJLs8zN_WP_Pn7p9dtR {
  font-size: clamp(2rem, 4vw, 3.2rem); font-weight: 800;
  color: #FFFFFF; letter-spacing: -0.055em; line-height: 1.08; margin: 0;
}
.h6dLqQ3ni2oMYZhaWvl3 {
  font-size: 0.92rem; color: rgba(255,255,255,.5); line-height: 1.78; margin: 0;
  max-width: 480px;
}
._nIuxIDDyCMqt3mlK7eh {
  list-style: none; padding: 0; margin: 0;
  display: flex; flex-direction: column; gap: 0.55rem;
}
.fsE9nhMYNjjfOVk39ivo {
  display: flex; align-items: flex-start; gap: 8px;
  font-size: 0.84rem; color: rgba(255,255,255,.55); line-height: 1.5;
}
.vbKJHsGue4mEzXhZ78dl { font-weight: 900; font-size: 0.82rem; flex-shrink: 0; margin-top: 1px; }
.a6KT56gwDIJflOapV8Rw {
  display: inline-flex; align-items: center; gap: 6px;
  background: none; border: 1.5px solid; border-radius: 100px;
  padding: 8px 20px; font-size: 0.84rem; font-weight: 700;
  cursor: pointer; width: fit-content; transition: background .18s;
  letter-spacing: -0.01em;
}
.a6KT56gwDIJflOapV8Rw:hover { background: rgba(255,255,255,.07); }

/* Spotlight visual container */
.CuMvxFCvmwFJYlqGvJSG {
  display: flex; align-items: center; justify-content: center;
  min-height: 320px;
}

/* ══ SPOTLIGHT LIGHT ══════════════════════════════ */
.JbbEKeG_zWzTPrqmNISD {
  background: #FFFFFF; padding: 9rem 8rem;
}
.JbbEKeG_zWzTPrqmNISD .Js3oXLO9fpIp2eSCaM3F {
  grid-template-columns: 1fr 1fr;
}
.A6e1L9ElQ09nrt4wmTAS {
  display: flex; align-items: center; justify-content: center;
  min-height: 320px;
}
.I2LzeUTIKfT8BiQFLSUy {
  width: 100%; height: 320px; border-radius: 22px;
  border: 1.5px solid; display: flex; align-items: center; justify-content: center;
  background: #F5F5F7; overflow: hidden;
}
.UopJjdvld5TAGNvU1uzb {
  font-size: 0.62rem; font-weight: 700; letter-spacing: 0.14em;
  text-transform: uppercase;
}
.jIBNH6JnEsxThUTgec2O {
  font-size: clamp(2rem, 4vw, 3.2rem); font-weight: 800;
  color: #1D1D1F; letter-spacing: -0.055em; line-height: 1.08; margin: 0;
}
.Vffrc9TC0Ge505ugji81 {
  font-size: 0.92rem; color: #6E6E73; line-height: 1.78; margin: 0;
  max-width: 480px;
}
.mlANSiDnfVaykwoj5TRA {
  list-style: none; padding: 0; margin: 0;
  display: flex; flex-direction: column; gap: 0.55rem;
}
.mlANSiDnfVaykwoj5TRA .fsE9nhMYNjjfOVk39ivo {
  color: #1D1D1F;
}
.oGbKEJ8tEJaLfZpPAcZO {
  display: inline-flex; align-items: center; gap: 6px;
  color: #FFFFFF; font-size: 0.88rem; font-weight: 700;
  padding: 0.8rem 2rem; border-radius: 100px; border: none;
  cursor: pointer; width: fit-content; transition: opacity .18s, transform .18s;
  letter-spacing: -0.01em;
}
.oGbKEJ8tEJaLfZpPAcZO:hover { opacity: .88; transform: translateY(-2px); }

/* ══ FOR WHO ══════════════════════════════════════ */
.Ei8kg6Ftkd_GFID_Wrm2 {
  background: #F5F5F7; padding: 6rem 8rem;
  border-top: 1px solid #E5E5E7;
}
.HND21Uy1OAr9dEkzkN7c { max-width: 1280px; margin: 0 auto; }
.D9g9SoL_DT9ui8GHdmGE { margin-bottom: 2.5rem; }
.tfT56HMSNelgTVvYKyNw {
  font-size: 0.62rem; font-weight: 700; letter-spacing: 0.14em;
  text-transform: uppercase; margin-bottom: 0.5rem;
}
.XAeG_CD4qf6qJSdkXkie {
  font-size: clamp(1.8rem, 3vw, 2.5rem); font-weight: 800;
  color: #1D1D1F; letter-spacing: -0.05em; line-height: 1.1; margin: 0;
}
.dFtNWwzKqnNNEvLHST6I {
  display: grid; grid-template-columns: repeat(4,1fr); gap: 14px;
}
.jo_fz19wS1nwJkx1ZcMI {
  background: #FFFFFF; border-radius: 18px; padding: 1.6rem;
  display: flex; flex-direction: column; gap: 0.5rem;
  border: 1px solid rgba(0,0,0,.06);
  transition: box-shadow .2s, transform .2s;
  position: relative; overflow: hidden;
}
.jo_fz19wS1nwJkx1ZcMI::before {
  content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px;
  background: var(--accent); transform: scaleX(0); transform-origin: left;
  transition: transform .22s ease;
}
.jo_fz19wS1nwJkx1ZcMI:hover::before { transform: scaleX(1); }
.jo_fz19wS1nwJkx1ZcMI:hover { box-shadow: 0 8px 28px rgba(0,0,0,.08); transform: translateY(-3px); }

.wFAJt_IvAwDdXh62djNi {
  width: 46px; height: 46px; border-radius: 13px;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.3rem; flex-shrink: 0;
}
.QL3P1sH4_EGCDNvYEoyw { font-size: 0.88rem; font-weight: 700; color: #1D1D1F; }
.GFix0wTMovLJrty2BGZ4 { font-size: 0.76rem; color: #6E6E73; line-height: 1.6; margin: 0; }

/* ══ CLOSING CTA ═════════════════════════════════ */
.NhzmG5TJs3xlwE4qzAnH {
  position: relative; background: #000000;
  padding: 9rem 8rem; text-align: center; overflow: hidden;
}
.G3W8_rAyD3hu6x9dAig8 {
  position: absolute; inset: 0; pointer-events: none;
}
.d2BkGFxRTP6ciV2wN35T {
  position: relative; z-index: 1;
  max-width: 620px; margin: 0 auto;
  display: flex; flex-direction: column; align-items: center; gap: 1rem;
}
.ft12j0XJb0QzJvlIYrQD {
  display: inline-flex; align-items: center; gap: 6px;
  border: 1px solid; border-radius: 100px; padding: 5px 14px;
  font-size: 0.62rem; font-weight: 700; letter-spacing: 0.12em;
}
.wr6N0dquty_dDFwHneui {
  font-size: clamp(2.5rem, 5vw, 4rem); font-weight: 800;
  color: #FFFFFF; letter-spacing: -0.065em; line-height: 1.05; margin: 0;
}
.CartoJ_1GFjv30kcrLcR {
  font-size: 0.9rem; color: rgba(255,255,255,.45); line-height: 1.72;
  margin: 0; max-width: 440px; letter-spacing: -0.01em;
}
.QrdQuA3tiMvllQOShF0J {
  display: flex; align-items: center; gap: 1.2rem;
  flex-wrap: wrap; justify-content: center; margin-top: 0.5rem;
}

/* ══ ABSTRACT VISUALS ════════════════════════════ */

/* Circles */
.OBjzCQZPmN7hCwKZ7iN2 {
  position: relative; width: 280px; height: 280px;
  display: flex; align-items: center; justify-content: center;
}
.nRe1gpmVMHLyAlRUK1vY,._aEEbnkD_Y4JI_A3Uptl,.WrKe0dw3llznQvDTVEkl {
  position: absolute; border-radius: 50%; border: 1.5px solid;
}
.nRe1gpmVMHLyAlRUK1vY { width: 130px; height: 130px; animation: doktxmRh90nJkuy_J10B 8s linear infinite; }
._aEEbnkD_Y4JI_A3Uptl { width: 200px; height: 200px; animation: doktxmRh90nJkuy_J10B 14s linear infinite reverse; }
.WrKe0dw3llznQvDTVEkl { width: 270px; height: 270px; animation: doktxmRh90nJkuy_J10B 20s linear infinite; }
@keyframes doktxmRh90nJkuy_J10B { to { transform: rotate(360deg); } }
.T2qWOmxBiEEnFJCyjT0l {
  width: 50px; height: 50px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  z-index: 1;
}
.aYEgfD2feFo__4PPgNYU {
  width: 80px; height: 80px; border-radius: 50%;
  position: absolute; animation: xHHNVVCyKfhnkwnoBlK9 2s ease-in-out infinite;
}
@keyframes xHHNVVCyKfhnkwnoBlK9 {
  0%,100% { transform: scale(1); opacity: 0.5; }
  50%      { transform: scale(1.4); opacity: 0; }
}

/* Grid dots */
.pfJbySGf7brrur5rj0t9 {
  display: grid; grid-template-columns: repeat(5,1fr);
  gap: 14px; padding: 2rem;
}
.ClQPcMnoWYhP_Fhftgl3 {
  width: 12px; height: 12px; border-radius: 50%;
  animation: WYMMfE2BHtjSbt9ZPk12 2s ease-in-out infinite;
}
@keyframes WYMMfE2BHtjSbt9ZPk12 {
  0%,100% { transform: scale(1); }
  50%      { transform: scale(1.3); }
}

/* Flow */
.g7MeCPyXiRWVOoI0b67J {
  display: flex; flex-direction: column; gap: 0.8rem; width: 260px; padding: 1rem;
}
.gMiVDx47m7EiVCO6OlIt { display: flex; flex-direction: column; gap: 0.3rem; align-items: flex-start;
  animation: GMTSzwKJsGmHuKV5u2xw 0.4s cubic-bezier(.16,1,.3,1) calc(var(--i) * 0.1s) both;
}
@keyframes GMTSzwKJsGmHuKV5u2xw { from{opacity:0;transform:translateX(-10px)} to{opacity:1;transform:translateX(0)} }
.inPBIU0ZALv_sVBEFEpL {
  height: 36px; border-radius: 10px; display: flex; align-items: center;
  padding: 0 12px; transition: width .5s;
}
.RxW9aeNFsGyT8MqwA41w { width: 100%; height: 4px; border-radius: 2px; background: rgba(255,255,255,.2); }
.QQPXZWYw06YwINgJTimY { font-size: 1.1rem; padding-left: 12px; opacity: 0.6; }

/* Wave */
.GdCdBWdUMIKbqcUpLPoi {
  display: flex; align-items: flex-end; gap: 10px;
  height: 160px; padding: 1rem 2rem;
}
.MQh9w4BaOLRC102sLUJ8 {
  width: 28px; border-radius: 6px 6px 0 0;
  height: var(--h, 60%);
  animation: gtw1oJW6gHDJtXuPJVNj 1.6s ease-in-out infinite;
  animation-delay: var(--delay, 0s);
  flex-shrink: 0;
}
@keyframes gtw1oJW6gHDJtXuPJVNj {
  0%,100% { transform: scaleY(1); }
  50%      { transform: scaleY(1.2); }
}

/* ══ RESPONSIVE ══════════════════════════════════ */
@media (max-width: 1024px) {
  .HIp0JFm0K78OUGKxfkVZ { width: calc(100% + 6rem); margin-left: -3rem; }
}
@media (max-width: 600px) {
  .HIp0JFm0K78OUGKxfkVZ { width: calc(100% + 2rem); margin-left: -1rem; }
}
@media (max-width: 1200px) {
  ._GgyDc9DnjPdBuiLvZUt, .ytUfY50KFksrnRGbG1Cg, ._0wRrMcSjFDGnqLcLdy3m,
  .RAaoJcg7gXgdt9gVYWKy, .pEtS7LhctX9HD13wPN_a, .JbbEKeG_zWzTPrqmNISD,
  .Ei8kg6Ftkd_GFID_Wrm2, .NhzmG5TJs3xlwE4qzAnH { padding-left: 4rem; padding-right: 4rem; }

  .BpJDO0jPcQFtS1PafLvA    { grid-template-columns: 1fr; }
  .Yl2O76KObFjLUlPqVVz7   { display: none; }
  .XH49Ckupo7j6JUkHnBM2 { grid-template-columns: repeat(2,1fr); }
  .qHIuCwr6z8gE_0rfznpe  { border-right: none; border-bottom: 1px solid #E5E5E7; }
  .qHIuCwr6z8gE_0rfznpe:nth-child(odd) { border-right: 1px solid #E5E5E7; }
  .GRu0L4K9r3cPdNQi7Sjv   { grid-template-columns: repeat(2,1fr); }
  .AtIga5Bcsp0gKFriDLgW   { grid-column: span 2; }
  .Js3oXLO9fpIp2eSCaM3F { grid-template-columns: 1fr; gap: 3rem; }
  .JbbEKeG_zWzTPrqmNISD .Js3oXLO9fpIp2eSCaM3F { grid-template-columns: 1fr; }
  .dFtNWwzKqnNNEvLHST6I  { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 768px) {
  ._GgyDc9DnjPdBuiLvZUt        { padding: 5rem 1.5rem 4rem; min-height: auto; }
  .ytUfY50KFksrnRGbG1Cg, ._0wRrMcSjFDGnqLcLdy3m, .RAaoJcg7gXgdt9gVYWKy,
  .pEtS7LhctX9HD13wPN_a, .JbbEKeG_zWzTPrqmNISD, .Ei8kg6Ftkd_GFID_Wrm2, .NhzmG5TJs3xlwE4qzAnH {
    padding-left: 1.5rem; padding-right: 1.5rem;
  }
  .NTlQnnpJ4wvBdcXt3Egj   { font-size: 2.6rem; }
  .XH49Ckupo7j6JUkHnBM2 { grid-template-columns: 1fr 1fr; }
  .qHIuCwr6z8gE_0rfznpe  { border-right: none; border-bottom: 1px solid #E5E5E7; }
  .qHIuCwr6z8gE_0rfznpe:nth-child(odd) { border-right: 1px solid #E5E5E7; }
  .GRu0L4K9r3cPdNQi7Sjv   { grid-template-columns: 1fr; }
  .AtIga5Bcsp0gKFriDLgW, .sQLpB5ajJmj8f7PLLBfm { grid-column: auto; grid-row: auto; }
  .A6e1L9ElQ09nrt4wmTAS { display: none; }
  .dFtNWwzKqnNNEvLHST6I  { grid-template-columns: 1fr; }
  .wr6N0dquty_dDFwHneui { font-size: 2.2rem; }
}

.Wib5yb_P0jEmO6IZr757 {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  box-sizing: border-box;
  border-radius: 1rem;
  background: var(--White, #FFF);
  box-shadow: 0px 8px 23px 6px rgba(0, 0, 0, 0.08);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.ETHuNIHs9gIJtPIbjWFD {
  width: 30px; /* adjust as needed */
  height: 30px;
  object-fit: contain;
  border-radius: 8px; /* optional */
}

.Wib5yb_P0jEmO6IZr757:hover {
  transform: translateY(-5px);
  /* transform: scale(1.03);  */
  /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
  box-shadow: 0px 9px 38px 6px rgba(112, 160, 255, 0.18);
}

.igGJm8xfxyKNi0fnBYFQ {
  width: 8px;
  border-radius: 8px;
  height: 90%;
  background-color: #007AFF;
  box-sizing: border-box;
  min-height: 2.5rem;
}

.A7fh_s4nJEPvlRK_BdMA {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  box-sizing: border-box;
  width: 100%;
}
.UD8NIKB8tzGa2M9aGAmv {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}


.okYIqUduX9K6bNSRXXtV {
  color: var(--Black-5, #333);
  font-size: 1.5rem;
  font-weight: 500;
}

.x5EUx5z7KtNwnZ_ZuvOK {
  color: var(--Black-4, #6B6B6B);
  font-size: 1rem;
  font-weight: normal;
}
.mC0zyBz2aCs4t3IyeX5D {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  box-sizing: border-box;
  border-radius: 1rem;
  background: var(--White, #FFF);
  box-shadow: 0px 8px 23px 6px rgba(0, 0, 0, 0.08);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.mC0zyBz2aCs4t3IyeX5D:hover {
  transform: translateY(-5px);
  /* transform: scale(1.03);  */
  /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
  box-shadow: 0px 9px 38px 6px rgba(112, 160, 255, 0.18);
}

.SycgRN1VdsiyiGCcPgpW {
  height: 4rem;
  width: 4rem;
  border-radius: 8px;
  background-color: #E8F0FF;
  box-sizing: border-box;
  color: #007AFF;
  display: flex;
  align-items: center;
  justify-content: center;
}

.SycgRN1VdsiyiGCcPgpW svg {
  font-size: 1.5rem;
}

.vsS57DF0JpfC2Z6HXpxw {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  box-sizing: border-box;
  width: 100%;
}

.pBbe6uemTWSaTKqEKLrW {
  color: var(--Black-5, #333);
  font-size: 1.5rem;
  font-weight: 500;
}

.zNZ3QvEwPFY0Dy4XxwmA {
  color: var(--Black-4, #6B6B6B);
  font-size: 1rem;
  font-weight: normal;
}
.tSsga3nwju_1r7o8brV8 {
  border-radius: 1rem;
  box-shadow: 0px 9px 38px 6px rgba(112, 160, 255, 0.18);
  background-color: #fff;
  display: flex;
  min-width: 300px;
  width: 400px;
  max-width: 100%;
  justify-content: start;
  padding: 1rem;
  gap: 1rem;
  box-sizing: border-box;
}

.v3BZL5ys7YpFP3kvu1LO {
  /* height: 150px; */
  width: 200px;
  min-width: 150px;
  overflow: hidden;
  border-radius: 1rem;
  box-sizing: border-box;
  background: #e8f0ff;
}

.vhLeQIBWpWhLUtqoH6bo {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.Ft3LC1LQiRIgB6iWasME {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.L6I1MHzOy0ksT1pvnh8K {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 600;
  color: #333;
}
.QVggcx_9fnrAywRvTzP0 {
  margin: 0;
  font-size: 1rem;
  color: #6b6b6b;
}

@media (max-width: 600px) {
  .tSsga3nwju_1r7o8brV8 {
    width: 95%;
  }
}

/* card 2 */
.mORTseDp5lvB0lwXLbQg {
  border-radius: 1rem;
  box-shadow: 0px 9px 38px 6px rgba(112, 160, 255, 0.18);
  background-color: #fff;
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: start;
  padding: 1rem;
  gap: 1rem;
  box-sizing: border-box;
}

.S0gZfylEUz3YRw1dCDNj {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 600;
  color: #333;
}

.h6R5Yv0qDJ3JdqCkf_Fs {
  margin: 0;
  font-size: 1rem;
  color: #6b6b6b;
}

/* card 3 */
.WK4ztbHFlyzD2BnKaF73 {
  border-radius: 1rem;
  box-shadow: 0px 9px 38px 6px rgba(112, 160, 255, 0.18);
  background-color: #fff;
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: start;
  padding: 1rem;
  gap: 1rem;
  box-sizing: border-box;
}

.D8EpxjFdVper7Kod8sWH {
  height: 150px;
  width: 100%;
  overflow: hidden;
  border-radius: 1rem;
  background-color: #d9d9d9;
}

.h54ix48XtXV0LKh8psF0 {
  height: 100%;
  width: auto;
  object-fit: cover;
}

.VT4qKP4S1gd8A_ufZpYC {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.QAgr4lHzJMXRVYGmG6cw {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 600;
  color: #333;
}
.pHd4CbL10fWoutMgirKw {
  margin: 0;
  font-size: 1rem;
  color: #6b6b6b;
}
/* home section */
._71diXx7JqMan8Uk7v2BA {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  margin-top: 5rem;
}

.kEOhA8zw_huWmuPK4u4t {
  font-size: 3rem;
  font-weight: 700;
  margin: 0;
  color: #333;
  text-align: center;
  max-width: 70%;
}

.Tp3D8qEYJjcoEUu3yhSy {
  font-size: 1rem;
  margin: 0;
  color: #6B6B6B;
  text-align: center;
  max-width: 70%;
}

.U8o_bzqQqyKYdrgRTvQZ {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  font-size: 1rem;
  padding: 0.75rem 1rem;
  border-radius: 30px;
  background: #007aff;
  color: #fff;
  box-shadow: 0px 18px 18px 6px rgba(10, 62, 140, 0.12);
}

.U8o_bzqQqyKYdrgRTvQZ:hover {
  cursor: pointer;
}

.Ibiydjlh9AlLDQJmojVJ {
  overflow: hidden;
  width: 90%;
  height: 100%;
  min-height: 450px;
  border-radius: 16px;
  background-color: #D9D9D9;
}

.Rmp3Li1uSmzjbkM8W5B0 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 820px) {
  .kEOhA8zw_huWmuPK4u4t {
    max-width: 80%;
  }

  .Tp3D8qEYJjcoEUu3yhSy {
    max-width: 80%;
  }
}

@media screen and (max-width: 600px) {
  .kEOhA8zw_huWmuPK4u4t {
    max-width: 100%;
  }

  .Tp3D8qEYJjcoEUu3yhSy {
    max-width: 100%;
  }
}

/* section 2 */
.NGgBHYsLBKkRKSBN4iXI {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  margin-top: 5rem;
}

.BE3uKIVtE1vIICbX6oCw {
  color: #333;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
  width: 60%;
}

.CuCJlWUdNIw14FcOUMLu {
  margin: 0;
  font-size: 1rem;
  color: #6b6b6b;
  text-align: center;
  width: 60%;
}

.fZbcd5XfpMGC7oen6VlO {
  margin-top: 2rem;
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-wrap: wrap;
  gap: 2rem;
}

@media screen and (max-width: 820px) {

  .BE3uKIVtE1vIICbX6oCw,
  .CuCJlWUdNIw14FcOUMLu {
    width: 80%;
  }
}

@media screen and (max-width: 600px) {

  .BE3uKIVtE1vIICbX6oCw,
  .CuCJlWUdNIw14FcOUMLu {
    width: 95%;
  }
}

/* section 3 */
.EJfp7oVMOVtEWnVKXlAS {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  margin-top: 5rem;
}

.TrQLAQ_J7Ldw6Ga3b05W {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.v44DpElFCvt1KAyr6oWd {
  color: #333;
  margin: 0;
  font-size: 1.75rem;
  font-weight: 500;
}

.hBDaWH9N2oNSwYqhVfpD {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: stretch;
  gap: 2rem;
}

.rHwX7AlcEj1vLLifT_1H {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
  background-image: linear-gradient(to top, #7BBAFF 60%, transparent 40%);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 0 5rem 5rem;
}

.F11mAj0fvPdjLlFr3LVP {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;

  background-image: linear-gradient(to top, #7BBAFF 60%, transparent 40%);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 0 5rem 5rem;
}

.EKdT_h93gkLQOQezYWkL {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;

  background-image: linear-gradient(to top, #7BBAFF 60%, transparent 40%);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 0 5rem 5rem;
}

@media (max-width: 820px) {
  .rHwX7AlcEj1vLLifT_1H,
  .EKdT_h93gkLQOQezYWkL {
    grid-template-columns: 1fr 1fr;
    background-image: linear-gradient(to top, #7BBAFF 70%, transparent 30%);
    padding: 0 3rem 5rem;
  }

  .F11mAj0fvPdjLlFr3LVP {
    grid-template-columns: 1fr;
    padding: 0 3rem 5rem;
  }
}

@media (max-width: 600px) {
  .rHwX7AlcEj1vLLifT_1H,
  .EKdT_h93gkLQOQezYWkL,
  .F11mAj0fvPdjLlFr3LVP {
    grid-template-columns: 1fr;
    padding: 0 2.25rem 3rem;
  }
}

@media screen and (max-width: 1024px) {
  .hBDaWH9N2oNSwYqhVfpD {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 600px) {
  .hBDaWH9N2oNSwYqhVfpD {
    grid-template-columns: 1fr;
  }
}

/* section 4 */
.afoTnnTDVhSC9W_9gO4G {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  margin-top: 5rem;
}

.oqAeXa_36Ak0Kat3nSvo {
  margin-top: 2rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  align-items: stretch;
}

@media screen and (max-width: 1024px) {
  .oqAeXa_36Ak0Kat3nSvo {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 600px) {
  .oqAeXa_36Ak0Kat3nSvo {
    grid-template-columns: 1fr;
  }
}

.C3ubbexqc8dQmq5NimR1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  margin-top: 5rem;
  margin-bottom: 5rem;
}

.UP5RuT24SgSfFeWNjSNW {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}

@media (max-width: 820px) {
  .UP5RuT24SgSfFeWNjSNW {
    grid-template-columns: 1fr;
  }
}

._11o5Xe5aTrSm6Lh6R23D {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}

@media (max-width: 1024px) {
  ._11o5Xe5aTrSm6Lh6R23D {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 600px) {
  ._11o5Xe5aTrSm6Lh6R23D {
    grid-template-columns: 1fr;
  }
}
/* ══════════════════════════════════════════════════
   Pallet Rise — Franchise expansion platform
   Accent: #10B981 (emerald)
══════════════════════════════════════════════════ */

.E7jW1xD7V6rKhWFXPw9N {
  width: calc(100% + 10rem);
  margin-left: -5rem;
  background: #000;
  overflow-x: hidden;
  font-family: 'Space Grotesk', -apple-system, system-ui, sans-serif;
}
.Oh9xhXd9ApWiBM0Kwahw { font-size:.62rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; margin-bottom:.5rem; }
.tyVMiwDTeqHwgcLoKFGr { font-size:clamp(2rem,4vw,3rem); font-weight:800; letter-spacing:-.05em; line-height:1.08; margin:0 0 .8rem; }
.Qv3As9a4oxUg7Dw4KjZA { opacity:1 !important; transform:none !important; }

.A3dnYTyFMwENa_RvcHFx {
  display:inline-flex; align-items:center; gap:6px;
  background:#10B981; color:#fff; font-size:.92rem; font-weight:700;
  padding:.9rem 2.2rem; border-radius:100px; border:none; cursor:pointer;
  box-shadow:0 0 30px #10B98144; transition:opacity .2s,transform .2s; letter-spacing:-.01em;
}
.A3dnYTyFMwENa_RvcHFx:hover { opacity:.88; transform:translateY(-2px); }
.WB_UXpQYRUPwSfli9kfg {
  display:inline-flex; align-items:center;
  color:rgba(255,255,255,.5); font-size:.86rem; font-weight:600;
  background:none; border:none; cursor:pointer; transition:color .18s;
}
.WB_UXpQYRUPwSfli9kfg:hover { color:#fff; }

/* ══ HERO (full-width centered) ══════════════════ */
.K0Dw8EZgGqM7qIzGTMSk {
  position:relative; background:#000; overflow:hidden;
  padding:7rem 8rem 4rem; text-align:center;
}
.podgqE8OXRWz0HhTRZAh {
  position:absolute; inset:0;
  background-image:radial-gradient(circle,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:30px 30px; animation:EprrdfxQW95xdMaLHHe4 50s linear infinite; pointer-events:none;
}
@keyframes EprrdfxQW95xdMaLHHe4 { to { background-position:30px 30px; } }
.j_ssu4F3LJGzGhZmr4z9 {
  position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(ellipse at 50% 30%,#10B98118,transparent 55%);
}

.ZQjvi4yEIIVYNy6WOuvK {
  position:relative; z-index:1;
  display:flex; flex-direction:column; align-items:center; gap:0;
  max-width:900px; margin:0 auto;
  animation:cCbZ9aggzuJylzOzxhaM .7s cubic-bezier(.16,1,.3,1) both;
}
@keyframes cCbZ9aggzuJylzOzxhaM { from{opacity:0;transform:translateY(22px)} to{opacity:1;transform:none} }

.rY8hqlzofnGDI3V4IbBs {
  display:inline-flex; align-items:center; gap:7px;
  border:1px solid #10B98135; border-radius:100px; background:#10B98112;
  color:#10B981; padding:6px 14px; font-size:.62rem; font-weight:700;
  letter-spacing:.12em; margin-bottom:1.8rem; width:fit-content;
}
.oK_y80Us_2NevqJdrrvL {
  width:6px; height:6px; border-radius:50%; background:#10B981; flex-shrink:0;
  animation:UeqaubYXcrJTNkfdF_8k 2s ease-in-out infinite;
}
@keyframes UeqaubYXcrJTNkfdF_8k { 0%,100%{box-shadow:0 0 0 0 #10B98160} 50%{box-shadow:0 0 0 5px transparent} }

.rmmOSo5_NdDmsNiXr7bD {
  font-size:clamp(3.8rem,9vw,7rem); font-weight:800; color:#fff;
  letter-spacing:-.08em; line-height:.94; margin:0 0 1.4rem;
}
.bJUIY1UXdmKEMpDRR_bg {
  background:linear-gradient(105deg,#10B981 0%,#34D399 40%,#6EE7B7 100%);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
  background-size:200%; animation:_hEL3tIqUQll5bEyjMR0 5s ease-in-out infinite alternate;
}
@keyframes _hEL3tIqUQll5bEyjMR0 { from{background-position:0%} to{background-position:100%} }

.F6RgQyH6_mJJiMMpKr4t {
  font-size:1rem; color:rgba(255,255,255,.48); line-height:1.72;
  margin:0 0 2.2rem; max-width:520px;
}
.nE_iDTIh2xNOJLKsekQ5 { display:flex; align-items:center; gap:1.2rem; flex-wrap:wrap; justify-content:center; margin-bottom:3rem; }

/* ─── Franchise network SVG ─── */
.Nm52hNx9vqJkFPp6J537 {
  width:100%; max-width:700px; display:flex; flex-direction:column; align-items:center;
  gap:1rem; animation:QAOawxFQ8U8kFW3THtSq .8s cubic-bezier(.16,1,.3,1) .3s both;
}
@keyframes QAOawxFQ8U8kFW3THtSq { from{opacity:0;transform:scale(.95)} to{opacity:1;transform:scale(1)} }

.UvnqbtMdyfCyJbLrilNO { width:100%; height:auto; overflow:visible; }

.W2cox243mZkgWruQXncG {
  stroke-dasharray:5 4; stroke-dashoffset:0;
  animation:PfKOhLq6WmEY8hxlcOtr .8s cubic-bezier(.16,1,.3,1) var(--delay,0s) both, rnE7qLIBZQGoi1KcMiSF 4s linear var(--delay,0s) infinite;
  transform-origin:330px 180px;
}
@keyframes PfKOhLq6WmEY8hxlcOtr { from{opacity:0;stroke-dashoffset:200} to{opacity:1;stroke-dashoffset:0} }
@keyframes rnE7qLIBZQGoi1KcMiSF { to { stroke-dashoffset:-36; } }

.aeluyhbDzK5vp1Bev3gB {
  animation:Q0ygOEXXXxOnhu43nCuL .5s cubic-bezier(.16,1,.3,1) var(--delay,0s) both;
}
@keyframes Q0ygOEXXXxOnhu43nCuL { from{opacity:0;transform:scale(.5)} to{opacity:1;transform:scale(1)} }

.V7rp5UCtctUz3ux6YgON { animation:GJf35CNqnUhJ5IASBN8W 4s ease-in-out infinite; }
@keyframes GJf35CNqnUhJ5IASBN8W { 0%,100%{filter:drop-shadow(0 0 20px #10B98180)} 50%{filter:drop-shadow(0 0 35px #10B981B0)} }

.GTqxckeWU9m3r7ljNcjT {
  font-size:.72rem; font-weight:600; color:rgba(255,255,255,.3);
  letter-spacing:.08em; text-transform:uppercase;
}

/* ══ COMPLEXITY SECTION ═══════════════════════════ */
.NJqu9R5oN_7W0jtcDtfw {
  background:#F5F5F7; padding:7rem 8rem;
  opacity:0; transform:translateY(28px);
  transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);
}
._qzFbQwq1fPrNCo_9Ovd { max-width:1280px; margin:0 auto; }
._qzFbQwq1fPrNCo_9Ovd .tyVMiwDTeqHwgcLoKFGr { color:#1D1D1F; }

.hqfQGnLTwKSMKf1eHw5c { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:2.5rem; }
.YZrKC5PjIIjRaffZ2Xf5 {
  background:#fff; border-radius:18px; padding:1.6rem;
  border:1px solid rgba(0,0,0,.06);
  display:flex; flex-direction:column; gap:.7rem;
  transition:box-shadow .2s,transform .2s;
}
.YZrKC5PjIIjRaffZ2Xf5:hover { box-shadow:0 10px 30px rgba(0,0,0,.08); transform:translateY(-4px); }
.QOmSEJpqa0hyAk90YaT5 { width:44px; height:44px; border-radius:12px; display:flex; align-items:center; justify-content:center; font-size:1.2rem; }
.PWqfIu3QL23pqTWRAjBK { font-size:.8rem; color:#6E6E73; line-height:1.55; }
.twVQ5eaj0zrv7_MVGXBi { font-size:.8rem; color:#1D1D1F; line-height:1.55; font-weight:600; }
.UfHHQMOwZoKYl6rxKjph { color:#EF4444; font-weight:700; margin-right:4px; }
.xXjjjJdsii5F5s8WhjPP { font-weight:700; margin-right:4px; }

/* ══ SUPERPOWERS BENTO ════════════════════════════ */
.SCLI9SY1bkjkyzgMUQUH {
  position:relative; background:#060C1A; padding:7rem 8rem; overflow:hidden;
  opacity:0; transform:translateY(28px);
  transition:opacity .7s .1s cubic-bezier(.16,1,.3,1),transform .7s .1s cubic-bezier(.16,1,.3,1);
}
.HoioSCA_jtAZEvpzaHNC { position:absolute; inset:0; background:radial-gradient(ellipse at 50% 40%,#10B98112,transparent 60%); pointer-events:none; }
.cZMSbc0xUs5L9LbRdAB9 { position:relative; z-index:1; max-width:1280px; margin:0 auto; }
.ItD28ncSGgx4z5HbXxZL { font-size:clamp(2.2rem,4vw,3.2rem); font-weight:800; color:#fff; letter-spacing:-.06em; line-height:1.05; margin:0 0 2.5rem; }

.GvAeQdhkNL0DlDJEdv3A {
  display:grid; grid-template-columns:repeat(3,1fr);
  grid-auto-rows:minmax(180px,auto); gap:14px;
}
.ebPyHUH6hvtUuEmzT_Xm {
  position:relative; overflow:hidden;
  background:rgba(255,255,255,.06); border-radius:20px;
  border:1px solid rgba(16,185,129,.15);
  padding:2rem; display:flex; flex-direction:column; gap:.8rem;
  transition:background .2s, border-color .2s, transform .2s;
}
.ebPyHUH6hvtUuEmzT_Xm:hover { background:rgba(16,185,129,.08); border-color:rgba(16,185,129,.35); transform:translateY(-4px); }
.ebPyHUH6hvtUuEmzT_Xm::after {
  content:""; position:absolute; bottom:0; left:0; right:0; height:3px;
  background:var(--ac,#10B981); transform:scaleX(0); transform-origin:left;
  transition:transform .25s;
}
.ebPyHUH6hvtUuEmzT_Xm:hover::after { transform:scaleX(1); }
.xvX_OjP7w0FmCIqpZGI2 { grid-column:span 2; }
.XuLnkXkNJitj2xw916ty { grid-row:span 2; }
.OG6AjcCLaxPcmM7FO4Y5 { position:absolute; inset:0; background:radial-gradient(circle at 20% 20%,rgba(16,185,129,.08),transparent 60%); pointer-events:none; }
.DYljXQEFqx7Yb_IcMzb9 { width:48px; height:48px; border-radius:13px; display:flex; align-items:center; justify-content:center; font-size:1.4rem; position:relative; z-index:1; }
.Qt3JO1FrL81EYStM8UOF { font-size:1rem; font-weight:700; color:#fff; letter-spacing:-.02em; position:relative; z-index:1; }
.H20BukTtsDnb6FLu1dyi { font-size:.82rem; color:rgba(255,255,255,.48); line-height:1.65; margin:0; position:relative; z-index:1; }

/* ══ JOURNEY ══════════════════════════════════════ */
.vo5jrL1fXx_HaG4Q1S7u {
  background:#fff; padding:7rem 8rem;
  opacity:0; transform:translateY(28px);
  transition:opacity .7s .1s cubic-bezier(.16,1,.3,1),transform .7s .1s cubic-bezier(.16,1,.3,1);
}
.ECkPY3pKXC15Rk1oePLh { max-width:1280px; margin:0 auto; }
.ECkPY3pKXC15Rk1oePLh .tyVMiwDTeqHwgcLoKFGr { color:#1D1D1F; }

.DcLKh36ttmBHs4am3PB7 {
  position:relative; display:grid; grid-template-columns:repeat(4,1fr);
  gap:0; margin-top:3rem;
}
.B0cvGJM8pEC6Ckg4PjGC {
  position:absolute; top:28px; left:calc(12.5% + 20px); right:calc(12.5% + 20px);
  height:1.5px; background:linear-gradient(90deg,#10B981,#10B981);
  opacity:.25;
}

.ieVGu5GPJf321aQ8ACHt {
  display:flex; flex-direction:column; align-items:center; text-align:center;
  padding:0 1rem;
  animation:BLw8CCRRucuV2aX7ccYS .5s cubic-bezier(.16,1,.3,1) var(--delay,0s) both;
}
@keyframes BLw8CCRRucuV2aX7ccYS { from{opacity:0;transform:translateY(16px)} to{opacity:1;transform:none} }

.vJBLx4TpTCaRuPTHRg9_ {
  width:56px; height:56px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-size:.82rem; font-weight:800; color:#fff;
  margin-bottom:1.2rem; position:relative; z-index:1;
  box-shadow:0 0 20px rgba(16,185,129,.3);
  transition:box-shadow .2s;
}
.vJBLx4TpTCaRuPTHRg9_:hover { box-shadow:0 0 35px rgba(16,185,129,.6); }

.WIc4eIvXu_GvZUxYcCGx {}
.UR_lsduKQOvqn4MWsSlL { font-size:1rem; font-weight:800; color:#1D1D1F; letter-spacing:-.02em; margin-bottom:.4rem; }
.EJ8jXFyABeyMeH8NS325 { font-size:.78rem; color:#6E6E73; line-height:1.62; margin:0; }

/* ══ BRAND CONTROL SPOTLIGHT ══════════════════════ */
.JChl_x1nm2y7PkszL65t {
  position:relative; background:#000; padding:8rem 8rem; overflow:hidden;
  opacity:0; transform:translateY(28px);
  transition:opacity .7s .1s cubic-bezier(.16,1,.3,1),transform .7s .1s cubic-bezier(.16,1,.3,1);
}
.pt2fWrnh0R6LzJy6TTB_ { position:absolute; inset:0; background:radial-gradient(ellipse at 20% 50%,#10B98116,transparent 55%); pointer-events:none; }
._x7kKiptc5bvOe5a_ytg {
  position:relative; z-index:1; max-width:1280px; margin:0 auto;
  display:grid; grid-template-columns:1fr 1fr; gap:6rem; align-items:center;
}
.pxqsJZ0Mjut0Cj4u7mSg { display:flex; flex-direction:column; gap:.8rem; }
.AeXjzeeujz9gITUsR81m { font-size:clamp(2.2rem,4.5vw,3.5rem); font-weight:800; color:#fff; letter-spacing:-.065em; line-height:1.04; margin:0; }
.ryacjHz6T94NkHr14FEN { font-size:.9rem; color:rgba(255,255,255,.45); line-height:1.75; margin:0; max-width:440px; }
.IlVYg9DZFdlOdIs0PiLw { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:.6rem; font-size:.84rem; color:rgba(255,255,255,.55); }
.IlVYg9DZFdlOdIs0PiLw li { display:flex; gap:8px; align-items:flex-start; line-height:1.5; }
.rqXdHHReSdt5m6Y7P0g8 {
  background:none; border:1.5px solid; border-radius:100px;
  padding:8px 20px; font-size:.84rem; font-weight:700;
  cursor:pointer; width:fit-content; transition:background .18s; font-family:inherit;
}
.rqXdHHReSdt5m6Y7P0g8:hover { background:rgba(16,185,129,.12); }

.PqjLfIvikdC8AWkDp_QW { display:flex; align-items:center; justify-content:center; }
.MOfOPFvMx25cwFRsoP0a {
  position:relative; background:rgba(255,255,255,.05);
  border:1px solid rgba(16,185,129,.2); border-radius:22px;
  padding:2rem; width:100%; display:flex; flex-direction:column; gap:14px;
  overflow:hidden;
}
.WedwSAWfl6hi0eO12kQQ { position:absolute; inset:0; background:radial-gradient(circle at 50% 30%,rgba(16,185,129,.1),transparent 60%); pointer-events:none; }
.UlcKLVTwF9AfeFb7ybAA {
  position:relative; z-index:1;
  display:flex; align-items:center; gap:10px;
  background:rgba(255,255,255,.06); border:1px solid rgba(16,185,129,.15);
  border-radius:12px; padding:10px 14px;
  font-size:.82rem; font-weight:700; color:rgba(255,255,255,.75);
  animation:PJ5bDyXV_7ZvStkkwt8t 5s ease-in-out infinite;
  animation-delay:var(--delay,0s);
  transition:background .2s;
}
.UlcKLVTwF9AfeFb7ybAA:hover { background:rgba(16,185,129,.1); }
@keyframes PJ5bDyXV_7ZvStkkwt8t { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-3px)} }
.zdWdmLfviiHi5_WTE0WX { width:8px; height:8px; border-radius:50%; flex-shrink:0; }
.kPs_3ipUiBZyScMJj2K2 {
  margin-left:auto; font-size:.68rem; font-weight:700;
  padding:3px 8px; border-radius:8px; background:rgba(16,185,129,.12);
  white-space:nowrap;
}

/* ══ CLOSING CTA ══════════════════════════════════ */
.Xf39sNC1_oLLGo38Tnc9 { position:relative; background:#000; padding:9rem 8rem; text-align:center; overflow:hidden; }
.Upv_0yR12d6V7A1SP4fj { position:absolute; inset:0; background:radial-gradient(ellipse at 50% 40%,#10B98128,transparent 60%); pointer-events:none; }
.r06Jh6YKMVLakx7mzL6A { position:relative; z-index:1; max-width:560px; margin:0 auto; display:flex; flex-direction:column; align-items:center; gap:1rem; }
.OXDKPaJahoWRzM6q7bSG { border:1px solid #10B98130; border-radius:100px; padding:5px 14px; font-size:.62rem; font-weight:700; letter-spacing:.12em; color:#10B981; background:#10B9810F; }
.svL3klZK5nw0UXJIJ6zt { font-size:clamp(2.8rem,6vw,4.5rem); font-weight:800; color:#fff; letter-spacing:-.07em; line-height:1.02; margin:0; }
.gvMYSuFtYwP5fZsGdtEr { font-size:.88rem; color:rgba(255,255,255,.42); line-height:1.72; margin:0 0 .5rem; max-width:400px; }

/* ══ RESPONSIVE ═══════════════════════════════════ */
@media (max-width: 1024px) {
  .E7jW1xD7V6rKhWFXPw9N { width: calc(100% + 6rem); margin-left: -3rem; }
}
@media (max-width: 600px) {
  .E7jW1xD7V6rKhWFXPw9N { width: calc(100% + 2rem); margin-left: -1rem; }
}
@media (max-width:1100px) {
  .K0Dw8EZgGqM7qIzGTMSk,.NJqu9R5oN_7W0jtcDtfw,.SCLI9SY1bkjkyzgMUQUH,.vo5jrL1fXx_HaG4Q1S7u,.JChl_x1nm2y7PkszL65t,.Xf39sNC1_oLLGo38Tnc9 { padding-left:3rem; padding-right:3rem; }
  .hqfQGnLTwKSMKf1eHw5c { grid-template-columns:repeat(2,1fr); }
  .GvAeQdhkNL0DlDJEdv3A { grid-template-columns:repeat(2,1fr); }
  .xvX_OjP7w0FmCIqpZGI2 { grid-column:span 2; }
  .XuLnkXkNJitj2xw916ty { grid-row:auto; }
  .DcLKh36ttmBHs4am3PB7 { grid-template-columns:repeat(2,1fr); gap:2rem; }
  .B0cvGJM8pEC6Ckg4PjGC { display:none; }
  ._x7kKiptc5bvOe5a_ytg { grid-template-columns:1fr; gap:3rem; }
}
@media (max-width:768px) {
  .K0Dw8EZgGqM7qIzGTMSk { padding:5rem 1.5rem 4rem; }
  .rmmOSo5_NdDmsNiXr7bD { font-size:3.2rem; }
  .NJqu9R5oN_7W0jtcDtfw,.SCLI9SY1bkjkyzgMUQUH,.vo5jrL1fXx_HaG4Q1S7u,.JChl_x1nm2y7PkszL65t,.Xf39sNC1_oLLGo38Tnc9 { padding-left:1.5rem; padding-right:1.5rem; }
  .hqfQGnLTwKSMKf1eHw5c,.GvAeQdhkNL0DlDJEdv3A { grid-template-columns:1fr; }
  .xvX_OjP7w0FmCIqpZGI2 { grid-column:auto; }
  .DcLKh36ttmBHs4am3PB7 { grid-template-columns:1fr; }
}

/* ══════════════════════════════════════════════════
   Pallet IQ — /pallet-iq
   Premium LIGHT theme — no dark sections
   Accent: #1A6EFF (blue) → #7B6FFF (violet)
══════════════════════════════════════════════════ */

.eQFsBhUiQbh_rCX5zDc9 {
  width: calc(100% + 10rem);
  margin-left: -5rem;
  background: #FFFFFF;
  overflow-x: hidden;
  font-family: 'Space Grotesk', -apple-system, system-ui, sans-serif;
}
@media (max-width: 1024px) { .eQFsBhUiQbh_rCX5zDc9 { width: calc(100% + 6rem); margin-left: -3rem; } }
@media (max-width: 600px)  { .eQFsBhUiQbh_rCX5zDc9 { width: calc(100% + 2rem); margin-left: -1rem; } }

/* ── HERO ──────────────────────────────────────── */
.jYG1wFlH3GxEQtEVCGiR {
  position: relative;
  min-height: 92vh;
  display: flex; align-items: center;
  background: #FFFFFF;
  overflow: hidden;
  padding: 5rem 8rem;
}
/* ── Desktop-only: tighten the top gap below the header ── */
@media (min-width: 769px) {
  .jYG1wFlH3GxEQtEVCGiR {
    padding-top: 2.5rem;
    align-items: flex-start;
  }
}

/* Subtle dot grid */
.xgVajz9PNi8VPPIxa8XG {
  position: absolute; inset: 0;
  background-image: radial-gradient(circle, rgba(26,110,255,.07) 1px, transparent 1px);
  background-size: 30px 30px;
  pointer-events: none;
  animation: O9sBstzWEmHT0xZl0BrT 80s linear infinite;
}
@keyframes O9sBstzWEmHT0xZl0BrT { to { background-position: 30px 30px; } }

/* Soft gradient blobs */
.PtjlVJYofGNomMilOsZ2 {
  position: absolute; top: -200px; right: 100px;
  width: 700px; height: 700px; border-radius: 50%;
  background: radial-gradient(circle, rgba(26,110,255,.08) 0%, transparent 65%);
  pointer-events: none; animation: VOYX1anP17THBhzlx8Es 20s ease-in-out infinite alternate;
}
.vZF6S9fzPjOotLuglIHL {
  position: absolute; bottom: -100px; left: -100px;
  width: 500px; height: 500px; border-radius: 50%;
  background: radial-gradient(circle, rgba(123,111,255,.07) 0%, transparent 65%);
  pointer-events: none; animation: VOYX1anP17THBhzlx8Es 28s ease-in-out infinite alternate-reverse;
}
@keyframes VOYX1anP17THBhzlx8Es { from{transform:scale(1) translate(0,0)} to{transform:scale(1.1) translate(16px,-16px)} }

.xvoqAEUx9uTKR_XEUgMo {
  position: relative; z-index: 2;
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 5rem; align-items: center;
  max-width: 1280px; margin: 0 auto; width: 100%;
}

/* Left */
.xaRMEfD042nNFr2iNoXr { display: flex; flex-direction: column; gap: 1.4rem; }

.aGg8qJ8ybDImRdIBzeK4 {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 6px 14px; border-radius: 100px;
  border: 1px solid rgba(26,110,255,.2);
  background: rgba(26,110,255,.06);
  font-size: .62rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #1A6EFF;
  width: fit-content;
}
.zPilVIohC_Z1jsLTvik8 {
  width: 6px; height: 6px; border-radius: 50%; background: #1A6EFF;
  animation: ftSS3GJ8uSPQTUy543dz 2s ease-in-out infinite;
}
@keyframes ftSS3GJ8uSPQTUy543dz { 0%,100%{box-shadow:0 0 0 0 rgba(26,110,255,.6)} 50%{box-shadow:0 0 0 5px transparent} }

.ExysiajZ5hm8NGut9Y27 {
  font-size: clamp(2.8rem, 5.5vw, 5rem);
  font-weight: 800; color: #0F172A;
  letter-spacing: -.065em; line-height: .97; margin: 0;
}
.PriXUbhw4fF99NLQAxpX {
  background: linear-gradient(120deg, #1A6EFF 0%, #7B6FFF 50%, #1A6EFF 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
  background-size: 250%; animation: fEYwbs7hbVOVZUlKnKZJ 4s ease-in-out infinite alternate;
  display: block;
}
@keyframes fEYwbs7hbVOVZUlKnKZJ { from{background-position:0%} to{background-position:100%} }

.HCtrqgqBJGsh4OAht1Cq {
  font-size: 1rem; color: #64748B; line-height: 1.75; margin: 0; max-width: 440px;
}

.ecuQPw_LU3gJpWWZfFV4 {
  display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; margin-top: .4rem;
}
.jWhhxx0fysw69QdsYzUq {
  display: inline-flex; align-items: center; gap: 7px;
  background: linear-gradient(135deg, #1A6EFF, #7B6FFF);
  color: #fff; font-size: .9rem; font-weight: 700;
  padding: .9rem 2.2rem; border-radius: 100px; border: none; cursor: pointer;
  box-shadow: 0 6px 32px rgba(26,110,255,.35);
  transition: transform .2s, box-shadow .2s;
}
.jWhhxx0fysw69QdsYzUq:hover { transform: translateY(-2px); box-shadow: 0 10px 40px rgba(26,110,255,.45); }
.pEG_ZMSG9gJVMMq5J5ZA {
  display: inline-flex; align-items: center; gap: 7px;
  background: transparent; border: 1.5px solid #E2E8F0;
  color: #475569; font-size: .86rem; font-weight: 600;
  padding: .84rem 1.8rem; border-radius: 100px; cursor: pointer;
  transition: border-color .18s, color .18s;
}
.pEG_ZMSG9gJVMMq5J5ZA:hover { border-color: #1A6EFF; color: #1A6EFF; }

.rNgtQv2BmVbt5DWlNQSx {
  display: flex; align-items: center; gap: .6rem; margin-top: .2rem;
}
.UmdGAcpU6UvETjcdjiZm { display: flex; }
.feKcR3faHHNzaiO23e23 {
  width: 28px; height: 28px; border-radius: 50%;
  background: linear-gradient(135deg, #1A6EFF, #7B6FFF);
  border: 2px solid #fff; margin-left: -8px;
  display: flex; align-items: center; justify-content: center;
  font-size: .5rem; font-weight: 800; color: #fff;
}
.feKcR3faHHNzaiO23e23:first-child { margin-left: 0; }
.blFN7oq7yMsUdYqgilhN { font-size: .76rem; color: #94A3B8; }
.blFN7oq7yMsUdYqgilhN strong { color: #0F172A; }

/* Right */
.X8UPI50do_YrBO3sGG8b {
  display: flex; justify-content: flex-end;
  animation: v_nNd0wMvtlPld9tHocw .8s cubic-bezier(.16,1,.3,1) both;
}
@keyframes v_nNd0wMvtlPld9tHocw { from{opacity:0;transform:translateY(28px) scale(.96)} to{opacity:1;transform:none} }

/* ── STATS STRIP ───────────────────────────────── */
.GuklE_kgHKHZDNJ3zjDv {
  background: linear-gradient(135deg, #1A6EFF 0%, #7B6FFF 100%);
  padding: 0;
}
.L5Vg0mss4WmggEmWH3C_ {
  max-width: 1280px; margin: 0 auto;
  display: grid; grid-template-columns: repeat(4,1fr);
  padding: 0 8rem;
}
.ymlneEFcqFTPGwsMPKWs {
  padding: 2.2rem 2.5rem;
  border-right: 1px solid rgba(255,255,255,.15);
  display: flex; flex-direction: column; gap: 4px;
}
.ymlneEFcqFTPGwsMPKWs:last-child { border-right: none; }
.AR77JNQv57KvFb0LNcXO { font-size: clamp(1.8rem, 3vw, 2.4rem); font-weight: 900; color: #fff; letter-spacing: -.055em; line-height: 1; }
.CpLqFL0QcxVOP5hwQHqg { font-size: .72rem; color: rgba(255,255,255,.65); font-weight: 500; letter-spacing: -.01em; }

/* ── AUTOPILOT INTRO ────────────────────────────── */
.M4rQpl1JmtNZs2Oymk8o {
  background: #F8FAFF;
  padding: 7rem 8rem;
  border-top: 1px solid #EEF2FF;
}
.V2NQSEnSwUrRn_y5h9cQ { max-width: 1280px; margin: 0 auto; }
.qEx_s5bKRvAswqISHazD {
  display: grid; grid-template-columns: 1fr 1fr; gap: 5rem;
  margin-bottom: 4rem; align-items: end;
}
.RE2qB9kA7AGnUAvNAIcs {}
.uHPIezGvWoEvbvdfAYTw {
  font-size: .62rem; font-weight: 700; letter-spacing: .14em;
  text-transform: uppercase; color: #1A6EFF; margin-bottom: .7rem; display: block;
}
.SsOebSX8jsWwJxTTl_fO {
  font-size: clamp(2rem, 4vw, 3.2rem); font-weight: 800;
  color: #0F172A; letter-spacing: -.065em; line-height: 1.06; margin: 0;
}
.XVChj19mviNUdtw4acmz {
  font-size: .9rem; color: #64748B; line-height: 1.75; margin: 1rem 0 0; max-width: 480px;
}
.aosjHcNYZFNBKZMclRem {}
.qBbfkWDEGBwGyC4ub48h {
  font-size: .9rem; color: #64748B; line-height: 1.8; margin: 0; max-width: 440px;
}

/* How autopilot works — 3 steps */
.I9mNftWCs91nKXhywL3d {
  display: grid; grid-template-columns: repeat(3,1fr);
  gap: 2px; background: #EEF2FF; border-radius: 20px; overflow: hidden;
  border: 1px solid #EEF2FF;
}
.LKzWRvfmPOSBLNt9SwEe {
  background: #fff; padding: 2.5rem;
  display: flex; flex-direction: column; gap: .7rem; position: relative;
  transition: background .18s;
}
.LKzWRvfmPOSBLNt9SwEe:hover { background: #F8FAFF; }
.KDiX5mYcgP61xnHkic0e {
  font-size: 3rem; font-weight: 900; letter-spacing: -.08em;
  color: rgba(26,110,255,.1); line-height: 1;
}
.AeLKSwo1SqhtVF9YCQIK { font-size: 1.8rem; }
.dFVXAFzXlLepsOAi3aE1 { font-size: 1rem; font-weight: 800; color: #0F172A; letter-spacing: -.025em; }
.zxD34Kmt2tpYG8NWiMtb { font-size: .82rem; color: #64748B; line-height: 1.7; margin: 0; }

/* ── AGENTS GRID ───────────────────────────────── */
.dJLy_Maw1tSJMk6se0Bz { background: #fff; padding: 7rem 8rem; }
.o_sCso7o1Y8g7bfHLszq { max-width: 1280px; margin: 0 auto; }
.riVq_w40T4EZvhwv4cZ8 { margin-bottom: 3rem; }

.VkVAgpCd4sgS5p5QAqPh {
  display: grid; grid-template-columns: repeat(4,1fr); gap: 16px;
}
.gEFAEdugieczrzs8ys_K {
  background: #F8FAFF; border: 1px solid #EEF2FF; border-radius: 20px;
  padding: 1.8rem 1.6rem;
  display: flex; flex-direction: column; gap: .7rem;
  transition: background .2s, border-color .2s, transform .2s, box-shadow .2s;
  position: relative; overflow: hidden;
}
.gEFAEdugieczrzs8ys_K::before {
  content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px;
  background: var(--accent, linear-gradient(90deg, #1A6EFF, #7B6FFF));
  transform: scaleX(0); transform-origin: left; transition: transform .25s;
}
.gEFAEdugieczrzs8ys_K:hover::before { transform: scaleX(1); }
.gEFAEdugieczrzs8ys_K:hover {
  background: #fff; border-color: rgba(26,110,255,.2);
  transform: translateY(-4px); box-shadow: 0 12px 40px rgba(26,110,255,.1);
}
.miWs7puTZzRKGNJFumml {
  width: 48px; height: 48px; border-radius: 14px;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.4rem; flex-shrink: 0;
  background: var(--icon-bg, rgba(26,110,255,.1));
}
.qDHXJqlrSI6fUtVDi6TD { font-size: .95rem; font-weight: 800; color: #0F172A; letter-spacing: -.025em; }
.fx9nzL2qsZLt5GU1oG_g { font-size: .78rem; color: #64748B; line-height: 1.6; margin: 0; }
.W8fgMraMUyx75RkooFgA {
  display: flex; flex-wrap: wrap; gap: 5px; margin-top: auto; padding-top: .8rem;
  border-top: 1px solid #F1F5F9;
}
.w1A8i6_98hu_QTFfT4Zl {
  font-size: .6rem; font-weight: 600; padding: 3px 8px; border-radius: 100px;
  background: rgba(26,110,255,.07); color: #1A6EFF; letter-spacing: .02em;
}

/* ── CAPABILITIES BENTO ────────────────────────── */
.MjUCy_C5fB0AKnJI5WDm {
  background: #F8FAFF; padding: 7rem 8rem;
  border-top: 1px solid #EEF2FF;
}
.UW7Xpm0vPPtiMU933sme { max-width: 1280px; margin: 0 auto; }
.wllVUWhalsSTnVZsSlq4 { margin-bottom: 3rem; }

.zHWFbPJTOtDEyhIV3Yy5 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  gap: 16px;
}
.hUOVoUv7zUy7AqMpSEun {
  background: #fff; border: 1px solid #EEF2FF; border-radius: 22px;
  padding: 2.2rem; display: flex; flex-direction: column; gap: .8rem;
  transition: box-shadow .2s, transform .2s;
}
.hUOVoUv7zUy7AqMpSEun:hover { box-shadow: 0 10px 40px rgba(26,110,255,.1); transform: translateY(-3px); }
.hUOVoUv7zUy7AqMpSEun.dNZaNycw9mm3jpWFE28l { grid-column: span 2; }
.cOqDu0YtExFX2dmRITsw {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 4px 12px; border-radius: 100px; width: fit-content;
  font-size: .6rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
  background: rgba(26,110,255,.07); color: #1A6EFF; border: 1px solid rgba(26,110,255,.14);
}
.AUitKTL7xWLHE9TjMk7O { font-size: 2rem; }
.F5jcP98Jy0KB56ckb74H { font-size: 1.05rem; font-weight: 800; color: #0F172A; letter-spacing: -.03em; }
.ATGH8kyAWDDPjCK4B1Eq { font-size: .84rem; color: #64748B; line-height: 1.7; margin: 0; }
._2QZ7JokR7uN1mk9jUZQ {
  list-style: none; padding: 0; margin: .4rem 0 0;
  display: flex; flex-direction: column; gap: .4rem;
}
.qe8On0kHBLNh6C541yJz {
  display: flex; gap: 8px; font-size: .8rem; color: #475569;
}
.PC7bbMIuvvLUyM3qTUSB { color: #1A6EFF; font-weight: 900; flex-shrink: 0; font-size: .75rem; margin-top: 2px; }

/* Live metric card inside bento */
.zWdDYkVAMKU4Dj5tWEBw {
  display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin-top: .4rem;
}
.mSuxNsEUN5MiCRNdyjXC {
  background: #F8FAFF; border-radius: 12px; padding: .9rem .8rem;
  display: flex; flex-direction: column; gap: 3px;
  border: 1px solid #EEF2FF;
}
.yeLGbkUaWWVdcvvsXyyx { font-size: 1.1rem; font-weight: 900; color: #0F172A; letter-spacing: -.04em; }
.Y2kDcXvnAzN4n0ySxHpR { font-size: .6rem; color: #94A3B8; font-weight: 500; }
.l72h9v7Zj9AFyzKbLtMq { font-size: .64rem; font-weight: 700; color: #10B981; }

/* ── RESULTS ────────────────────────────────────── */
.u2AD1D4SsHR4HOFruGfp { background: #fff; padding: 7rem 8rem; }
.bUKkxEHW8LKL2H4sFQnK { max-width: 1280px; margin: 0 auto; }
.wR_viHIDVn5UcmWSb83M {
  display: grid; grid-template-columns: repeat(4,1fr);
  gap: 2px; background: #F1F5F9; border-radius: 22px; overflow: hidden; margin-top: 3rem;
}
.kvqEFFqeIii4FYky5zpr {
  background: #fff; padding: 3rem 2.5rem;
  display: flex; flex-direction: column; gap: .5rem;
  transition: background .18s;
}
.kvqEFFqeIii4FYky5zpr:hover { background: #F8FAFF; }
.B1NM6xC8iyQjHFqYofR_ {
  font-size: clamp(2.2rem, 4vw, 3.5rem); font-weight: 900;
  background: linear-gradient(120deg, #1A6EFF, #7B6FFF);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
  letter-spacing: -.075em; line-height: 1;
}
.hOHj79HteekgnQar_6Vf { font-size: .86rem; font-weight: 700; color: #0F172A; letter-spacing: -.02em; }
.aY97god_rwGJseGavpin { font-size: .75rem; color: #94A3B8; margin: 0; line-height: 1.5; }

/* ── CLOSING CTA ────────────────────────────────── */
._Hs24HQBnEdaCkxgz9mz {
  position: relative;
  background: linear-gradient(135deg, #1A6EFF 0%, #7B6FFF 100%);
  padding: 8rem 8rem; text-align: center; overflow: hidden;
}
.q7JcUHUvXLhSrhRonR54 {
  position: absolute; inset: 0;
  background-image: radial-gradient(circle, rgba(255,255,255,.1) 1px, transparent 1px);
  background-size: 26px 26px; pointer-events: none;
}
.Zbae0dWGbUPWRr2XDDfB {
  position: relative; z-index: 1;
  max-width: 640px; margin: 0 auto;
  display: flex; flex-direction: column; align-items: center; gap: 1.2rem;
}
.RgAQoXJ_7zVoBX9GTjEL {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 6px 16px; border-radius: 100px;
  background: rgba(255,255,255,.15); border: 1px solid rgba(255,255,255,.25);
  font-size: .62rem; font-weight: 700; letter-spacing: .12em; color: #fff;
}
.TZfLstYdtNy0GXjrqH1c {
  font-size: clamp(2.4rem,5vw,4rem); font-weight: 800; color: #fff;
  letter-spacing: -.07em; line-height: 1.02; margin: 0;
}
._HJdr69P2EaIggvxAHnC {
  font-size: .92rem; color: rgba(255,255,255,.72); line-height: 1.75; margin: 0;
}
.deHiFm97tr4q_kVZiD40 { display: flex; gap: 1rem; flex-wrap: wrap; justify-content: center; margin-top: .5rem; }
.nBKugf9mc_MRwtVYfpsb {
  background: #fff; color: #1A6EFF;
  font-size: .95rem; font-weight: 800;
  padding: .95rem 2.4rem; border-radius: 100px; border: none; cursor: pointer;
  box-shadow: 0 4px 20px rgba(0,0,0,.15);
  transition: transform .2s, box-shadow .2s;
}
.nBKugf9mc_MRwtVYfpsb:hover { transform: translateY(-2px); box-shadow: 0 8px 30px rgba(0,0,0,.2); }
.HxP9FJpGFiUU5IuyMwfT {
  background: transparent; border: 1.5px solid rgba(255,255,255,.4);
  color: rgba(255,255,255,.85); font-size: .88rem; font-weight: 600;
  padding: .88rem 2rem; border-radius: 100px; cursor: pointer;
  transition: border-color .18s, color .18s;
}
.HxP9FJpGFiUU5IuyMwfT:hover { border-color: #fff; color: #fff; }

/* ── SCROLL REVEAL ──────────────────────────────── */
.t_wg4ASXJnPlFH6h1q1U { opacity: 0; transform: translateY(24px); }
.NP0G6UDC__kw2WTc7fWz { opacity: 1; transform: none; transition: opacity .65s ease, transform .65s ease; }

/* ── RESPONSIVE ─────────────────────────────────── */
@media (max-width: 1024px) {
  .jYG1wFlH3GxEQtEVCGiR,.M4rQpl1JmtNZs2Oymk8o,.dJLy_Maw1tSJMk6se0Bz,.MjUCy_C5fB0AKnJI5WDm,.u2AD1D4SsHR4HOFruGfp,._Hs24HQBnEdaCkxgz9mz {
    padding-left: 3rem; padding-right: 3rem;
  }
  .L5Vg0mss4WmggEmWH3C_ { padding: 0 3rem; }
  .xvoqAEUx9uTKR_XEUgMo { grid-template-columns: 1fr; gap: 3rem; }
  .X8UPI50do_YrBO3sGG8b { justify-content: flex-start; }
  .qEx_s5bKRvAswqISHazD { grid-template-columns: 1fr; gap: 2rem; }
  .VkVAgpCd4sgS5p5QAqPh { grid-template-columns: repeat(2,1fr); }
  .zHWFbPJTOtDEyhIV3Yy5 { grid-template-columns: 1fr; }
  .hUOVoUv7zUy7AqMpSEun.dNZaNycw9mm3jpWFE28l { grid-column: span 1; }
  .wR_viHIDVn5UcmWSb83M { grid-template-columns: repeat(2,1fr); }
  .L5Vg0mss4WmggEmWH3C_ { grid-template-columns: repeat(2,1fr); }
  .ymlneEFcqFTPGwsMPKWs:nth-child(2) { border-right: none; }
  .ymlneEFcqFTPGwsMPKWs:nth-child(1),.ymlneEFcqFTPGwsMPKWs:nth-child(2) { border-bottom: 1px solid rgba(255,255,255,.15); }
  .I9mNftWCs91nKXhywL3d { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
  .jYG1wFlH3GxEQtEVCGiR { padding: 4rem 1.5rem; min-height: auto; }
  .M4rQpl1JmtNZs2Oymk8o,.dJLy_Maw1tSJMk6se0Bz,.MjUCy_C5fB0AKnJI5WDm,.u2AD1D4SsHR4HOFruGfp,._Hs24HQBnEdaCkxgz9mz {
    padding-left: 1.5rem; padding-right: 1.5rem;
  }
  .L5Vg0mss4WmggEmWH3C_ { padding: 0 1.5rem; }
  .VkVAgpCd4sgS5p5QAqPh { grid-template-columns: 1fr; }
  .wR_viHIDVn5UcmWSb83M { grid-template-columns: 1fr; }
  .L5Vg0mss4WmggEmWH3C_ { grid-template-columns: 1fr; }
  .ymlneEFcqFTPGwsMPKWs { border-right: none; border-bottom: 1px solid rgba(255,255,255,.15); }
  .ymlneEFcqFTPGwsMPKWs:last-child { border-bottom: none; }
}

/* ══════════════════════════════════════════════════
   Pallet IQ Chat Widget — standalone CSS
   Used on /pallet-iq page hero
   Prefixed: piq-
══════════════════════════════════════════════════ */

/* ── Shell ── */
.piq-shell {
  background: rgba(6,10,30,0.92);
  border-radius: 22px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 40px 100px rgba(0,0,0,0.28), 0 8px 32px rgba(26,110,255,0.18);
  width: 100%;
  max-width: 480px;
  display: flex;
  flex-direction: column;
}

/* ── Topbar ── */
.piq-topbar {
  display: flex; align-items: center; justify-content: space-between;
  padding: 14px 18px;
  background: rgba(255,255,255,0.03);
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.piq-topbar-left { display: flex; align-items: center; gap: 10px; }
.piq-logo-wrap {
  width: 30px; height: 30px; border-radius: 9px;
  background: linear-gradient(135deg, #1A6EFF, #7B6FFF);
  display: flex; align-items: center; justify-content: center;
  font-size: 0.7rem; font-weight: 900; color: #fff;
}
.piq-topbar-title { font-size: 0.8rem; font-weight: 700; color: rgba(225,235,255,0.9); }
.piq-topbar-sub { font-size: 0.6rem; color: rgba(180,200,240,0.42); }
.piq-topbar-right { display: flex; align-items: center; gap: 6px; }
.piq-live-pill {
  display: flex; align-items: center; gap: 5px;
  padding: 3px 10px; border-radius: 100px;
  background: rgba(52,211,153,0.1); border: 1px solid rgba(52,211,153,0.2);
  font-size: 0.58rem; color: #34D399; font-weight: 600;
}
.piq-live-dot {
  width: 6px; height: 6px; border-radius: 50%; background: #34D399;
  animation: piqPulse 1.5s ease-in-out infinite;
}
@keyframes piqPulse { 0%,100%{box-shadow:0 0 0 0 rgba(52,211,153,0.7);}50%{box-shadow:0 0 0 4px rgba(52,211,153,0);} }

/* ── Greeting ── */
.piq-greeting-wrap { padding: 16px 18px 8px; }
.piq-greeting { font-size: 0.88rem; font-weight: 700; color: rgba(225,235,255,0.95); }
.piq-greeting-sub { font-size: 0.65rem; color: rgba(180,200,240,0.42); margin-top: 3px; line-height: 1.5; }

/* ── Quick prompts ── */
.piq-quick { display: flex; gap: 6px; padding: 0 18px 12px; flex-wrap: wrap; }
.piq-quick-chip {
  padding: 4px 10px; border-radius: 100px;
  border: 1px solid rgba(26,110,255,0.22);
  background: rgba(26,110,255,0.07);
  font-size: 0.6rem; color: rgba(160,190,255,0.7);
  white-space: nowrap; cursor: pointer;
  transition: background 0.18s, border-color 0.18s;
}
.piq-quick-chip:hover { background: rgba(26,110,255,0.15); border-color: rgba(26,110,255,0.4); }

/* ── Chat body ── */
.piq-chat-body {
  flex: 1; overflow: hidden;
  display: flex; flex-direction: column; gap: 8px;
  padding: 8px 18px; min-height: 200px;
}

/* User bubble */
.piq-user-row {
  display: flex; align-items: flex-start; gap: 8px;
  animation: piqFadeUp 0.3s ease both;
  justify-content: flex-end;
}
.piq-user-av {
  width: 24px; height: 24px; border-radius: 50%;
  background: linear-gradient(135deg, #1A6EFF, #7B6FFF);
  display: flex; align-items: center; justify-content: center;
  font-size: 0.52rem; font-weight: 800; color: #fff; flex-shrink: 0; margin-top: 2px;
}
.piq-user-bubble {
  background: rgba(26,110,255,0.18); border: 1px solid rgba(26,110,255,0.25);
  border-radius: 14px 14px 4px 14px;
  padding: 8px 12px; font-size: 0.7rem; color: rgba(215,228,255,0.92);
  line-height: 1.5; max-width: 80%;
}

/* AI row */
.piq-ai-row {
  display: flex; align-items: flex-start; gap: 8px;
  animation: piqFadeUp 0.35s ease both;
}
.piq-ai-av {
  width: 26px; height: 26px; border-radius: 9px;
  background: linear-gradient(135deg, #1A6EFF, #9B59FF);
  display: flex; align-items: center; justify-content: center;
  font-size: 0.45rem; font-weight: 900; color: #fff; flex-shrink: 0; margin-top: 2px;
  letter-spacing: -0.02em;
}
.piq-ai-bubble {
  flex: 1; background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 4px 14px 14px 14px;
  padding: 10px 12px; overflow: hidden;
}
.piq-ai-text {
  font-size: 0.7rem; color: rgba(205,220,255,0.88); line-height: 1.6; margin-bottom: 8px;
}

/* Typing dots */
.piq-dots { display: flex; gap: 5px; padding: 4px 0; }
.piq-dots span {
  width: 6px; height: 6px; border-radius: 50%;
  background: rgba(26,110,255,0.5);
  animation: piqDotBounce 1.2s ease-in-out infinite;
}
.piq-dots span:nth-child(2) { animation-delay: 0.2s; }
.piq-dots span:nth-child(3) { animation-delay: 0.4s; }
@keyframes piqDotBounce { 0%,100%{transform:translateY(0);opacity:0.4;}50%{transform:translateY(-5px);opacity:1;} }

/* ── Mini charts ── */
.piq-chart-wrap { background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.06); border-radius: 10px; padding: 8px 10px; animation: piqFadeUp 0.4s 0.1s ease both; }

/* Bar chart */
.piq-bars { display: flex; align-items: flex-end; gap: 4px; height: 60px; }
.piq-bar-col { display: flex; flex-direction: column; align-items: center; flex: 1; gap: 3px; }
.piq-bar {
  width: 100%; border-radius: 3px 3px 0 0;
  background: linear-gradient(to top, var(--bc, #1A6EFF), rgba(26,110,255,0.3));
  height: 0; animation: piqBarRise 0.5s cubic-bezier(0.16,1,0.3,1) forwards;
}
@keyframes piqBarRise { to { height: var(--bar-h, 50%); } }
.piq-bar-lbl { font-size: 0.44rem; color: rgba(180,200,240,0.38); }

/* Stock bars */
.piq-stock-list { display: flex; flex-direction: column; gap: 6px; }
.piq-stock-row { animation: piqFadeUp 0.3s ease both; }
.piq-stock-info { display: flex; justify-content: space-between; margin-bottom: 3px; }
.piq-stock-name { font-size: 0.62rem; color: rgba(200,218,255,0.8); }
.piq-stock-qty { font-size: 0.62rem; font-weight: 700; color: #EC4899; }
.piq-stock-bar-bg { height: 5px; background: rgba(255,255,255,0.06); border-radius: 3px; overflow: hidden; }
.piq-stock-bar { height: 100%; border-radius: 3px; background: #EC4899; width: 0; animation: piqBarGrow 0.5s ease forwards; }

/* Donut */
.piq-donut-wrap { display: flex; align-items: center; gap: 12px; }
.piq-donut-svg { flex-shrink: 0; display: block; }
.piq-donut-arc { transform-origin: center; animation: piqArcDraw 0.7s cubic-bezier(0.16,1,0.3,1) both; }
@keyframes piqArcDraw { from { stroke-dashoffset: 500; } }
.piq-donut-legend { display: flex; flex-direction: column; gap: 5px; }
.piq-legend-row { display: flex; align-items: center; gap: 6px; }
.piq-legend-dot { width: 7px; height: 7px; border-radius: 50%; flex-shrink: 0; }
.piq-legend-name { font-size: 0.6rem; color: rgba(180,200,240,0.55); flex: 1; }
.piq-legend-val { font-size: 0.6rem; font-weight: 700; color: rgba(220,235,255,0.85); }

/* Stat chip */
.piq-stat-chip {
  display: flex; align-items: center; gap: 6px; margin-top: 8px;
  padding: 4px 8px; background: rgba(26,110,255,0.08); border-radius: 7px;
}
.piq-stat-val { font-size: 0.76rem; font-weight: 900; color: #EEF2FF; }
.piq-stat-lbl { font-size: 0.58rem; color: rgba(180,200,240,0.42); flex: 1; }
.piq-stat-delta { font-size: 0.6rem; color: #34D399; font-weight: 700; }

/* ── Input bar ── */
.piq-input-bar { padding: 12px 18px 16px; }
.piq-input-pill {
  display: flex; align-items: center; justify-content: space-between;
  padding: 9px 14px;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.1); border-radius: 100px;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.piq-input-pill--flash {
  border-color: rgba(26,110,255,0.45);
  box-shadow: 0 0 0 4px rgba(26,110,255,0.09);
}
.piq-input-text { flex: 1; overflow: hidden; }
.piq-input-placeholder { font-size: 0.65rem; color: rgba(180,200,240,0.3); }
.piq-input-typed { font-size: 0.68rem; color: rgba(215,228,255,0.9); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
.piq-input-faded { opacity: 0.45; }
.piq-cursor {
  display: inline-block; width: 1.5px; height: 0.8em;
  background: #1A6EFF; margin-left: 1px; vertical-align: middle;
  animation: piqBlink 0.85s step-end infinite;
}
@keyframes piqBlink { 0%,100%{opacity:1;}50%{opacity:0;} }
.piq-input-actions { display: flex; align-items: center; gap: 6px; flex-shrink: 0; margin-left: 8px; }
.piq-mic { font-size: 0.7rem; }
.piq-send {
  width: 22px; height: 22px; border-radius: 50%;
  background: rgba(26,110,255,0.2);
  display: flex; align-items: center; justify-content: center;
  font-size: 0.6rem; color: rgba(26,110,255,0.5); font-weight: 800;
  transition: background 0.18s, color 0.18s;
}
.piq-send--on { background: #1A6EFF; color: #fff; }

@keyframes piqFadeUp { from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;} }
@keyframes piqBarGrow { to { width: var(--w, 50%); } }

/* ══════════════════════════════════════════════════
   Pallet HQ — Multi-store command center
   Accent: #6366F1 (indigo)
══════════════════════════════════════════════════ */

.z3inaz6pcT83d8DmK8sQ {
  width: calc(100% + 10rem);
  margin-left: -5rem;
  background: #000;
  overflow-x: hidden;
  font-family: 'Space Grotesk', -apple-system, system-ui, sans-serif;
}
.DWsmRL1zu0ZlTALSRsdp { font-size:.62rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; margin-bottom:.5rem; }
.YJfwV__Wjg7YwZC3OvyV { font-size:clamp(2rem,4vw,3rem); font-weight:800; letter-spacing:-.05em; line-height:1.08; margin:0 0 .8rem; }
.th3UHLAIKFMFQM0ZU3Hw { opacity:1 !important; transform:none !important; }

.G7YmmnZ0xoxTaseGJmj9 {
  display:inline-flex; align-items:center; gap:6px;
  background:#6366F1; color:#fff; font-size:.92rem; font-weight:700;
  padding:.9rem 2.2rem; border-radius:100px; border:none; cursor:pointer;
  box-shadow:0 0 30px #6366F144; transition:opacity .2s,transform .2s; letter-spacing:-.01em;
}
.G7YmmnZ0xoxTaseGJmj9:hover { opacity:.88; transform:translateY(-2px); }
.jNTQKIH1hRaNTSo1aSCQ {
  display:inline-flex; align-items:center;
  color:rgba(255,255,255,.5); font-size:.86rem; font-weight:600;
  background:none; border:none; cursor:pointer; transition:color .18s;
}
.jNTQKIH1hRaNTSo1aSCQ:hover { color:#fff; }

/* ══ HERO ═════════════════════════════════════════ */
.E1xU_oFnZS4TKqVGThY2 {
  position:relative; background:#000; min-height:92vh;
  display:flex; align-items:center; overflow:hidden; padding:5rem 8rem 5rem;
}
.QbxziZWe6lic33B50epv {
  position:absolute; inset:0;
  background-image:radial-gradient(circle,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:30px 30px; animation:O6S4owy9xkWR2n088gkq 50s linear infinite; pointer-events:none;
}
@keyframes O6S4owy9xkWR2n088gkq { to { background-position:30px 30px; } }
.vJZt4jerrXfARPf1aO6Z {
  position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(ellipse at 65% 50%,#6366F118,transparent 55%);
}

.OQW1KBnXveOlzVLTlsQF {
  position:relative; z-index:1; max-width:1280px; margin:0 auto; width:100%;
  display:grid; grid-template-columns:1fr 480px; gap:4rem; align-items:center;
}

.DP3GIUHbnOez8VhaxXTt { display:flex; flex-direction:column; gap:0; animation:rrqZXqbowpnLkd_Or2GO .7s cubic-bezier(.16,1,.3,1) both; }
@keyframes rrqZXqbowpnLkd_Or2GO { from{opacity:0;transform:translateY(22px)} to{opacity:1;transform:none} }

.QZEYbEtWxCUDyD5l22Vp {
  display:inline-flex; align-items:center; gap:7px;
  border:1px solid #6366F135; border-radius:100px; background:#6366F112;
  color:#6366F1; padding:6px 14px; font-size:.62rem; font-weight:700;
  letter-spacing:.12em; margin-bottom:1.8rem; width:fit-content;
}
.pkFrZZJMnQzqkPnkW49n {
  width:6px; height:6px; border-radius:50%; background:#6366F1; flex-shrink:0;
  animation:cVrKji4GzaWsWplcRfzM 2s ease-in-out infinite;
}
@keyframes cVrKji4GzaWsWplcRfzM { 0%,100%{box-shadow:0 0 0 0 #6366F160} 50%{box-shadow:0 0 0 5px transparent} }

.MKgkE8RCuv5XT5qR39ME {
  font-size:clamp(3.2rem,7vw,5.8rem); font-weight:800; color:#fff;
  letter-spacing:-.075em; line-height:.97; margin:0 0 1.4rem;
}
.wM2xiZeihEwAA5m3ORgC {
  background:linear-gradient(105deg,#6366F1 0%,#818CF8 40%,#C084FC 100%);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
  background-size:200%; animation:YZYQzRw5AQ1T8r_gp0mA 5s ease-in-out infinite alternate;
}
@keyframes YZYQzRw5AQ1T8r_gp0mA { from{background-position:0%} to{background-position:100%} }

.zD8R4rBnnIvKE5LXJXU3 {
  font-size:1rem; color:rgba(255,255,255,.48); line-height:1.72;
  margin:0 0 2rem; max-width:480px;
}
.ji7oOAprMJgqyM6JUAjx { display:flex; align-items:center; gap:1.2rem; flex-wrap:wrap; margin-bottom:2rem; }

.PFHswu9OqG13wuKO0Ej6 {
  display:flex; align-items:center; gap:0;
  border:1px solid rgba(255,255,255,.08); border-radius:16px;
  overflow:hidden; background:rgba(255,255,255,.04);
  width:fit-content;
}
.zhrs8I_O0faUpD803aeA { padding:1rem 1.5rem; }
.dtlTLpSJ456Fgbbu49Gi { font-size:1.1rem; font-weight:800; color:#fff; letter-spacing:-.04em; margin-bottom:2px; }
.OKO9QOw0sMbSQUDx0mli { font-size:.62rem; color:rgba(255,255,255,.35); font-weight:500; }
.MTcJVdXocPTLv_hZHl59 { width:1px; background:rgba(255,255,255,.08); align-self:stretch; }

/* ─── Dashboard mosaic ─── */
.WBPNWCa0YUjhGoHgzzxz {
  position:relative; width:480px; height:420px; flex-shrink:0;
  animation:cGUSF0JNDsbL5JIMX5dd .65s cubic-bezier(.16,1,.3,1) .18s both;
}
@keyframes cGUSF0JNDsbL5JIMX5dd { from{opacity:0;transform:translateX(22px)} to{opacity:1;transform:none} }

/* shared card base */
.cfwiNHy2rxMLAdgTveas,.vl8HPxpqN8SWJPv0qVEc,.XczIOfv5bvpnnpGdl5tg {
  position:absolute; background:rgba(14,14,32,.9);
  border-radius:18px; backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
}

/* Card 1: main */
.cfwiNHy2rxMLAdgTveas {
  top:0; left:0; width:100%; border:1px solid rgba(99,102,241,.3);
  padding:1.4rem; animation:x4m8vFpFM6GVuurar9DL 6s ease-in-out infinite;
}
@keyframes x4m8vFpFM6GVuurar9DL { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-6px)} }

/* Card 2: top-right floating */
.vl8HPxpqN8SWJPv0qVEc {
  top:-30px; right:-20px; width:170px;
  border:1px solid rgba(99,102,241,.2);
  padding:1rem; animation:uI6r46SQng5IxkXbUGYs 7s ease-in-out 1s infinite;
  z-index:2;
}
@keyframes uI6r46SQng5IxkXbUGYs { 0%,100%{transform:rotate(4deg) translateY(0)} 50%{transform:rotate(4deg) translateY(-8px)} }

/* Card 3: bottom-left floating */
.XczIOfv5bvpnnpGdl5tg {
  bottom:-30px; left:-20px; width:200px;
  border:1px solid rgba(99,102,241,.2);
  padding:1rem; animation:Y8UN26ledR4tzGE9FTRA 8s ease-in-out .5s infinite;
  z-index:2;
}
@keyframes Y8UN26ledR4tzGE9FTRA { 0%,100%{transform:rotate(-3deg) translateY(0)} 50%{transform:rotate(-3deg) translateY(-6px)} }

.XgGku6fH8_g0CfMoBDDY {
  display:flex; justify-content:space-between; align-items:center;
  margin-bottom:.8rem;
}
.MC9mrg32C_ZwZwnpCDTs { font-size:.7rem; font-weight:700; color:rgba(255,255,255,.55); letter-spacing:.08em; }
.Sz1j4dkIHLUxG5Pf2Hrm { display:flex; align-items:center; gap:4px; font-size:.62rem; font-weight:700; color:#10B981; }
.agxHMC3kaGNyMjB3nMoT { width:5px; height:5px; border-radius:50%; background:#10B981; animation:cVrKji4GzaWsWplcRfzM 2s infinite; }

.pw0uXVftVZiiDS1YvhU5 { display:flex; align-items:center; justify-content:space-between; margin-bottom:.8rem; }
.wzg2XC755LFnL25j0oNx { font-size:2.2rem; font-weight:800; color:#fff; letter-spacing:-.06em; line-height:1; }
.oSFnysBxwYKLL4HDnEwJ { font-size:.62rem; color:rgba(255,255,255,.35); margin-top:2px; }
.dG56s4wyjG6uD8zJc8z7 { font-size:.65rem; font-weight:700; padding:3px 8px; border-radius:8px; }

.jBtGzs3CLh3BnGy1y3wd { display:flex; gap:5px; align-items:flex-end; height:50px; }
.lA6FXU0jh3n93k78JHrk {
  flex:1; border-radius:3px 3px 0 0; background:#6366F1;
  height:var(--h,60%); animation:KttB8CS6_8vgX9om2GBy .6s cubic-bezier(.16,1,.3,1) calc(var(--delay,0s)) both;
}
@keyframes KttB8CS6_8vgX9om2GBy { from{height:0;opacity:0} to{height:var(--h,60%);opacity:1} }
.rwGKaUJVVNsqbsWkzRSE { font-size:.62rem; color:rgba(255,255,255,.3); margin-top:.6rem; border-top:1px solid rgba(255,255,255,.06); padding-top:.6rem; }

.fnexcIGevmmPZivE_rpI { font-size:.68rem; font-weight:700; color:rgba(255,255,255,.45); letter-spacing:.07em; margin-bottom:.6rem; }
.osc_bsGaBSYVXoiSGujo { font-size:1.4rem; font-weight:800; color:#fff; letter-spacing:-.05em; line-height:1; }
.ykJjMkcxBPjENRY0TQGr { font-size:.65rem; color:#10B981; font-weight:700; margin:.2rem 0 .5rem; }
.WaJWnlc7jzN3z9grJotV { display:flex; gap:3px; align-items:flex-end; height:32px; }
.RT9VJHzxK69YJFPG77js {
  flex:1; border-radius:2px 2px 0 0; background:#6366F180;
  height:var(--h,60%); animation:KttB8CS6_8vgX9om2GBy .5s cubic-bezier(.16,1,.3,1) var(--delay,0s) both;
}

.PXGW6ghxYZFam1MrZwgH { display:flex; flex-direction:column; gap:.5rem; }
.HazMmOIEiVoaTmqyplWx { display:flex; justify-content:space-between; align-items:center; }
.CN1vwbABx1RDo10LhOV4 { font-size:.68rem; font-weight:700; color:rgba(255,255,255,.8); }
.d_FwSyRaka_dsV7rwhXZ { font-size:.58rem; color:rgba(255,255,255,.3); }
.B2DLrqGP5ohOTvkxtdjg { font-size:.58rem; font-weight:700; color:#EF4444; background:rgba(239,68,68,.12); padding:2px 6px; border-radius:6px; white-space:nowrap; }

/* ══ PROBLEM / SOLUTION ═══════════════════════════ */
.sc1iqgLNwUtUfNEN8UTl {
  background:#fff; padding:7rem 8rem;
  opacity:0; transform:translateY(28px);
  transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);
}
.hMekb6pPKHBWmkgRFjVs {
  max-width:1280px; margin:0 auto;
  display:grid; grid-template-columns:1fr 1px 1fr; gap:4rem; align-items:start;
}
.PiPUMV9C6YhHmkWC3tgz,.FumGPRSC0wW49qrQwCK7 { display:flex; flex-direction:column; gap:.8rem; }
.__xCHdvbn0MZ8fnK6GTV { font-size:clamp(1.5rem,3vw,2.2rem); font-weight:800; color:#1D1D1F; letter-spacing:-.05em; line-height:1.1; margin:0; }
.jBMnpvJJXRdzHxM8zvea { font-size:clamp(1.5rem,3vw,2.2rem); font-weight:800; color:#1D1D1F; letter-spacing:-.05em; line-height:1.1; margin:0; }
.mN3u7hFG_vibcRGbLYgW,.KYq_oLF0azLvxEOXcB71 { font-size:.88rem; color:#6E6E73; line-height:1.72; margin:0; }
.ug9VoUS1qOAbTi68kKXD,.A8Z8RYw2Ut1KmH_NnIu_ { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:.4rem; }
.OKOpS5xoKdQqpAqinovx,.wo5eWqsrtTK8396SdHHQ { display:flex; gap:7px; font-size:.84rem; align-items:flex-start; }
.HgYYHmUwrtKswVENt1ar { color:#EF4444; font-weight:900; flex-shrink:0; }
.Bl9YUep_aJR3True7pKh { font-weight:900; flex-shrink:0; }
.RZVBc6ntNjSMKRGvmTUY { background:#E5E5E7; align-self:stretch; }

/* ══ CAPABILITIES TABS ════════════════════════════ */
.sBvTb5uaOj53gAROJdrT {
  background:#000; padding:7rem 8rem;
  opacity:0; transform:translateY(28px);
  transition:opacity .7s .1s cubic-bezier(.16,1,.3,1),transform .7s .1s cubic-bezier(.16,1,.3,1);
}
.kPaRRm1x7fJuZV0CjLF1 { max-width:1280px; margin:0 auto; }
.eom_13DCW_TdTvTaTMKw { margin-bottom:2.5rem; }
.eom_13DCW_TdTvTaTMKw .YJfwV__Wjg7YwZC3OvyV { color:#fff; }

.dLtyrw8wolWN8zr055nm { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:1.5rem; }
.lBWG06iR6tPLvtYAMHSj {
  display:flex; align-items:center; gap:6px;
  background:rgba(255,255,255,.07); border:1.5px solid rgba(255,255,255,.1);
  color:rgba(255,255,255,.5); font-size:.82rem; font-weight:700;
  padding:.6rem 1.2rem; border-radius:100px; cursor:pointer;
  transition:all .18s; font-family:inherit;
}
.qicxhngE_C5jpQs8bvb8 { background:var(--ac,#6366F1) !important; border-color:transparent !important; color:#fff !important; }
.lBWG06iR6tPLvtYAMHSj:hover:not(.qicxhngE_C5jpQs8bvb8) { border-color:var(--ac,#6366F1); color:var(--ac,#6366F1); }

.R0EJiujw9NfpDz67DLD1 {
  background:rgba(255,255,255,.06); border:1px solid rgba(99,102,241,.15);
  border-radius:22px; padding:2.5rem; animation:TMuDcAUJaEenI_mpsSDl .35s cubic-bezier(.16,1,.3,1) both;
}
@keyframes TMuDcAUJaEenI_mpsSDl { from{opacity:0;transform:translateX(-10px)} to{opacity:1;transform:none} }
.R0EJiujw9NfpDz67DLD1 > div { display:grid; grid-template-columns:1fr 260px; gap:3rem; align-items:center; }

.mRty61UEKAcVcabohgID { display:flex; flex-direction:column; gap:.8rem; }
._7G9mjfjDdCrvtjOOmWFr { width:52px; height:52px; border-radius:14px; display:flex; align-items:center; justify-content:center; font-size:1.5rem; }
.w_FJHAbkj8w9qJpuVBOl { font-size:1.5rem; font-weight:800; color:#fff; letter-spacing:-.04em; margin:0; line-height:1.1; }
.DzJeA4MkdCzSulW0QkW2 { font-size:.88rem; color:rgba(255,255,255,.48); line-height:1.72; margin:0; }
.mOcDLGtTfOYgjGimS8S6 { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:.4rem; font-size:.84rem; color:rgba(255,255,255,.65); }
.mOcDLGtTfOYgjGimS8S6 li { display:flex; gap:7px; align-items:flex-start; }

._2gSl5_uyolo8cNwlLuQ {}
.O_QV4X5gfCdsD5eiQ7Pk {
  position:relative; overflow:hidden; height:200px;
  background:rgba(255,255,255,.04); border-radius:18px; border:1.5px solid;
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px;
}
.rPsJ7XwzUnd2PMNclSM2 { position:absolute; inset:0; }
.Dj0JUXzkNg7gVx4eRDCY { font-size:2.5rem; position:relative; z-index:1; }
.rnYxq6zEqqcTbfqSiNLO { font-size:.8rem; font-weight:700; color:#fff; position:relative; z-index:1; }
.n_d__wS7VuHK14zNJg3Y { font-size:.7rem; font-weight:700; color:#6366F1; padding:3px 10px; border-radius:100px; background:rgba(99,102,241,.12); position:relative; z-index:1; }

/* ══ SCALE CARDS ══════════════════════════════════ */
.EeT_9zEcOc3Kvbw3SwHU {
  background:#F5F5F7; padding:6rem 8rem;
  opacity:0; transform:translateY(28px);
  transition:opacity .7s .1s cubic-bezier(.16,1,.3,1),transform .7s .1s cubic-bezier(.16,1,.3,1);
}
.ma8Ea6SPIzjh2R4deQM8 { max-width:1280px; margin:0 auto; }
.ma8Ea6SPIzjh2R4deQM8 .YJfwV__Wjg7YwZC3OvyV { color:#1D1D1F; }
.Ytrq7iYbOstiPfSP2Dtq { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:2.5rem; }
.S0JZTEZvCY8ObsWF_mRe {
  background:#fff; border-radius:18px; padding:1.8rem;
  border:1px solid rgba(0,0,0,.06); position:relative; overflow:hidden;
  transition:box-shadow .2s,transform .2s;
}
.S0JZTEZvCY8ObsWF_mRe::before {
  content:""; position:absolute; top:0; left:0; right:0; height:3px;
  background:var(--ac,#6366F1); transform:scaleX(0); transform-origin:left; transition:transform .22s;
}
.S0JZTEZvCY8ObsWF_mRe:hover::before { transform:scaleX(1); }
.S0JZTEZvCY8ObsWF_mRe:hover { box-shadow:0 10px 30px rgba(0,0,0,.08); transform:translateY(-4px); }
.jJVukLgWfiuFYOxerr4A { width:46px; height:46px; border-radius:13px; display:flex; align-items:center; justify-content:center; font-size:1.3rem; margin-bottom:.8rem; }
.mjr3MUj4LeYa3MPPTVNn { font-size:.92rem; font-weight:700; color:#1D1D1F; margin-bottom:.4rem; }
.DZ4semCP4uCFO4Kv8VWW { font-size:.76rem; color:#6E6E73; line-height:1.62; margin:0; }

/* ══ AI SECTION ═══════════════════════════════════ */
.iwLAr0aBxksmz4b46XQ7 {
  position:relative; background:#000; padding:8rem 8rem; overflow:hidden;
  opacity:0; transform:translateY(28px);
  transition:opacity .7s .1s cubic-bezier(.16,1,.3,1),transform .7s .1s cubic-bezier(.16,1,.3,1);
}
.KK9W0pRWQYEMX4W_PDeA { position:absolute; inset:0; background:radial-gradient(ellipse at 20% 50%,#6366F116,transparent 55%); pointer-events:none; }
.Ce6IH1ikZaky3sZOOaSM { position:relative; z-index:1; max-width:1280px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:6rem; align-items:center; }
.CtRQxwXP6OqBtOCQSexz { display:flex; flex-direction:column; gap:.8rem; }
.Hd3inDBMGHyjsn95QVAN { font-size:clamp(2.5rem,5vw,4rem); font-weight:800; color:#fff; letter-spacing:-.07em; line-height:1.02; margin:0; }
.KNXKz64OwwgACcG1JTye { font-size:.9rem; color:rgba(255,255,255,.45); line-height:1.75; margin:0; max-width:420px; }
.lHGfpgVYYgKvOMSG6bNP { background:none; border:1.5px solid; border-radius:100px; padding:8px 20px; font-size:.84rem; font-weight:700; cursor:pointer; width:fit-content; transition:background .18s; font-family:inherit; }
.lHGfpgVYYgKvOMSG6bNP:hover { background:rgba(99,102,241,.12); }

.DsrD5kPFORl4RBaK60mS { display:flex; flex-direction:column; gap:14px; }
.ie8r8zxwZXed_nBpKPDz {
  background:rgba(255,255,255,.06); border:1px solid rgba(99,102,241,.18);
  border-radius:18px; padding:1.4rem;
  animation:ePJhIrBImGe_LchSGQVW 6s ease-in-out infinite;
  animation-delay:var(--delay,0s); transition:background .2s;
}
.ie8r8zxwZXed_nBpKPDz:hover { background:rgba(99,102,241,.1); }
@keyframes ePJhIrBImGe_LchSGQVW { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-5px)} }
.JJhinKPXlDtigsf5hPRh { font-size:1.4rem; margin-bottom:.4rem; display:block; }
.b05jSORehAjniGSapBvV { font-size:.92rem; font-weight:700; color:#fff; letter-spacing:-.02em; margin-bottom:.3rem; }
.U6ahVBBGRo2yorCjUUv8 { font-size:.78rem; color:rgba(255,255,255,.42); line-height:1.65; margin:0; }

/* ══ METRICS ══════════════════════════════════════ */
.fiAVFIEGqTVloC2Zwany {
  background:#fff; padding:0; border-top:1px solid #E5E5E7;
  opacity:0; transform:translateY(28px);
  transition:opacity .7s .1s cubic-bezier(.16,1,.3,1),transform .7s .1s cubic-bezier(.16,1,.3,1);
}
.Y3qkdkwIMrGJyaFZQuWA { max-width:1280px; margin:0 auto; display:grid; grid-template-columns:repeat(4,1fr); }
.ZV9wHLQeVkUIuAklZjsR { padding:3rem; border-right:1px solid #E5E5E7; }
.ZV9wHLQeVkUIuAklZjsR:last-child { border-right:none; }
.LvwKKOadWDsLQkRcJWlg { font-size:clamp(1.8rem,3vw,2.5rem); font-weight:800; letter-spacing:-.05em; line-height:1; margin-bottom:.4rem; }
.Mguzz6ubGcppwU2ibwuR { font-size:.75rem; color:#86868B; font-weight:500; }

/* ══ CLOSING CTA ══════════════════════════════════ */
.NXB8RU8WxSKsqDNP2evP { position:relative; background:#000; padding:9rem 8rem; text-align:center; overflow:hidden; }
.eqQD3IjbbtTJN9bYOJ9p { position:absolute; inset:0; background:radial-gradient(ellipse at 50% 40%,#6366F128,transparent 60%); pointer-events:none; }
.qWISsi0jwyQa5RolnghG { position:relative; z-index:1; max-width:560px; margin:0 auto; display:flex; flex-direction:column; align-items:center; gap:1rem; }
.dDI4glONSeZ7q5b3Rv5N { border:1px solid #6366F130; border-radius:100px; padding:5px 14px; font-size:.62rem; font-weight:700; letter-spacing:.12em; color:#6366F1; background:#6366F10F; }
.gqj7mXDlmZldeZl4MLs1 { font-size:clamp(2.8rem,6vw,4.5rem); font-weight:800; color:#fff; letter-spacing:-.07em; line-height:1.02; margin:0; }
.lEzqgHieAdcJEV2aa8Ng { font-size:.88rem; color:rgba(255,255,255,.42); line-height:1.72; margin:0 0 .5rem; }

/* ══ RESPONSIVE ═══════════════════════════════════ */
@media (max-width: 1024px) {
  .z3inaz6pcT83d8DmK8sQ { width: calc(100% + 6rem); margin-left: -3rem; }
}
@media (max-width: 600px) {
  .z3inaz6pcT83d8DmK8sQ { width: calc(100% + 2rem); margin-left: -1rem; }
}
@media (max-width:1100px) {
  .E1xU_oFnZS4TKqVGThY2,.sc1iqgLNwUtUfNEN8UTl,.sBvTb5uaOj53gAROJdrT,.EeT_9zEcOc3Kvbw3SwHU,.iwLAr0aBxksmz4b46XQ7,.fiAVFIEGqTVloC2Zwany,.NXB8RU8WxSKsqDNP2evP { padding-left:3rem; padding-right:3rem; }
  .OQW1KBnXveOlzVLTlsQF { grid-template-columns:1fr; }
  .WBPNWCa0YUjhGoHgzzxz { display:none; }
  .hMekb6pPKHBWmkgRFjVs { grid-template-columns:1fr; }
  .RZVBc6ntNjSMKRGvmTUY { display:none; }
  .R0EJiujw9NfpDz67DLD1 > div { grid-template-columns:1fr; }
  ._2gSl5_uyolo8cNwlLuQ { display:none; }
  .Ytrq7iYbOstiPfSP2Dtq { grid-template-columns:repeat(2,1fr); }
  .Ce6IH1ikZaky3sZOOaSM { grid-template-columns:1fr; gap:3rem; }
  .Y3qkdkwIMrGJyaFZQuWA { grid-template-columns:repeat(2,1fr); }
  .ZV9wHLQeVkUIuAklZjsR:nth-child(2) { border-right:none; }
  .ZV9wHLQeVkUIuAklZjsR:nth-child(1),.ZV9wHLQeVkUIuAklZjsR:nth-child(2) { border-bottom:1px solid #E5E5E7; }
}
@media (max-width:768px) {
  .E1xU_oFnZS4TKqVGThY2 { padding:5rem 1.5rem 4rem; min-height:auto; }
  .MKgkE8RCuv5XT5qR39ME { font-size:3rem; }
  .sc1iqgLNwUtUfNEN8UTl,.sBvTb5uaOj53gAROJdrT,.EeT_9zEcOc3Kvbw3SwHU,.iwLAr0aBxksmz4b46XQ7,.NXB8RU8WxSKsqDNP2evP { padding-left:1.5rem; padding-right:1.5rem; }
  .Ytrq7iYbOstiPfSP2Dtq { grid-template-columns:1fr; }
  .Y3qkdkwIMrGJyaFZQuWA { grid-template-columns:1fr; }
  .ZV9wHLQeVkUIuAklZjsR { border-right:none; border-bottom:1px solid #E5E5E7; }
}

/* ══════════════════════════════════════════════════
   Pallet Retail OS — Bespoke Apple-flow page
   Accent: #0066FF (electric blue)
══════════════════════════════════════════════════ */

/* ─── Shared ─── */
.gWbyjcY7p5zLV__uqDEO {
  width: calc(100% + 10rem);
  margin-left: -5rem;
  background: #000;
  overflow-x: hidden;
  font-family: 'Space Grotesk', -apple-system, system-ui, sans-serif;
}

._mnN_Uax5BjcCKkVCwAq { font-size:.62rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; margin-bottom:.5rem; }
.RAL45pfOvgRU_IXWdst9 { font-size:clamp(2rem,4vw,3rem); font-weight:800; letter-spacing:-.05em; line-height:1.08; margin:0 0 .8rem; }
.a_uOIX62P3wTfP0nAW5w { font-size:.9rem; color:#6E6E73; line-height:1.75; margin:0; max-width:560px; }

.xAECNmtFvIOg7IzL8THU { opacity:1 !important; transform:none !important; }

/* ─── Shared CTAs ─── */
.A8RK81x4Jq1LIrnKyqBJ {
  display:inline-flex; align-items:center; gap:6px;
  background:#0066FF; color:#fff; font-size:.92rem; font-weight:700;
  padding:.9rem 2.2rem; border-radius:100px; border:none; cursor:pointer;
  box-shadow:0 0 30px #0066FF44; transition:opacity .2s,transform .2s;
  letter-spacing:-.01em;
}
.A8RK81x4Jq1LIrnKyqBJ:hover { opacity:.88; transform:translateY(-2px); }
.PskKdCQn80aKCFJ7Yftw {
  display:inline-flex; align-items:center;
  color:rgba(255,255,255,.5); font-size:.86rem; font-weight:600;
  background:none; border:none; cursor:pointer; transition:color .18s;
}
.PskKdCQn80aKCFJ7Yftw:hover { color:#fff; }

/* ══ HERO ═════════════════════════════════════════ */
.KXNGanCmpnZr3uN8t3KU {
  position:relative; background:#000; min-height:92vh;
  display:flex; align-items:center; overflow:hidden;
  padding:5rem 8rem 5rem;
}
.nHrpdtyTlOfvEzElp3S5 {
  position:absolute; inset:0;
  background-image:radial-gradient(circle,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:30px 30px;
  animation:DYtH_IuRAxeC1VKjtICQ 50s linear infinite; pointer-events:none;
}
@keyframes DYtH_IuRAxeC1VKjtICQ { to { background-position:30px 30px; } }
.DrEeUH9hHmyTszJR80jW {
  position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(ellipse at 65% 50%,#0066FF1A 0%,transparent 55%);
}

.fJO3N_fuGyq8fxc1qjhk {
  position:relative; z-index:1; max-width:1280px; margin:0 auto; width:100%;
  display:grid; grid-template-columns:1fr 460px; gap:4rem; align-items:center;
}

.yBXYLGMsYNrrsR58Ulp9 { display:flex; flex-direction:column; gap:0; animation:haV0GRuS0NKaMwm3JLzc .7s cubic-bezier(.16,1,.3,1) both; }
@keyframes haV0GRuS0NKaMwm3JLzc { from{opacity:0;transform:translateY(22px)} to{opacity:1;transform:none} }

.ELwpeYDBzRbDsogKt8sx {
  display:inline-flex; align-items:center; gap:7px;
  border:1px solid #0066FF35; border-radius:100px;
  background:#0066FF12; color:#0066FF;
  padding:6px 14px; font-size:.62rem; font-weight:700; letter-spacing:.12em;
  margin-bottom:1.8rem; width:fit-content;
}
.EKWcuQeBN4drdpbzOY3y {
  width:6px; height:6px; border-radius:50%; background:#0066FF; flex-shrink:0;
  animation:j2RNgMWQjMaM7DsGd6fN 2s ease-in-out infinite;
}
@keyframes j2RNgMWQjMaM7DsGd6fN { 0%,100%{box-shadow:0 0 0 0 #0066FF60} 50%{box-shadow:0 0 0 5px transparent} }

._a8RYQ4YYMQYRVi3yKz1 {
  font-size:clamp(3.8rem,8vw,6.5rem); font-weight:800; color:#fff;
  letter-spacing:-.075em; line-height:.96; margin:0 0 1.4rem;
}
.kHqhaUYpuk7QcEb8A8yQ {
  background:linear-gradient(105deg,#0066FF 0%,#60A5FA 40%,#A78BFA 100%);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
  background-size:200%; animation:arMtxbMCgeb4Zr1Q5gk1 5s ease-in-out infinite alternate;
}
@keyframes arMtxbMCgeb4Zr1Q5gk1 { from{background-position:0%} to{background-position:100%} }

.yyC_yL4Jqz15isxKxt6V {
  font-size:1rem; color:rgba(255,255,255,.48); line-height:1.72;
  margin:0 0 2.2rem; max-width:480px;
}
.FkHj_LOIA51OyJLDu6Ay { display:flex; align-items:center; gap:1.2rem; flex-wrap:wrap; }

/* ─── Orbital ring visual ─── */
.WBRVYQFmSv3hJzjvWSR5 {
  position:relative; width:450px; height:450px; flex-shrink:0;
  animation:Fzqj4Omray1ZAjIqe3Hy .65s cubic-bezier(.16,1,.3,1) .18s both;
}
@keyframes Fzqj4Omray1ZAjIqe3Hy { from{opacity:0;transform:translateX(22px)} to{opacity:1;transform:none} }

.AOgNl3B_8jkm23wcxJZ_ {
  position:absolute; top:50%; left:50%;
  width:200px; height:200px; transform:translate(-50%,-50%);
  border-radius:50%; background:radial-gradient(circle,#0066FF50,transparent 70%);
  animation:XiH72oLxXsRznwOlgZUK 3.5s ease-in-out infinite;
}
@keyframes XiH72oLxXsRznwOlgZUK { 0%,100%{opacity:.5;transform:translate(-50%,-50%) scale(1)} 50%{opacity:.9;transform:translate(-50%,-50%) scale(1.15)} }

.cZKii3hil_aQ5vXlB1l1,.w1JCQQDSjfGaymtWyVqT,.BDvXHKyq9VkGFsvQkcmk {
  position:absolute; top:50%; left:50%; border-radius:50%;
  border:1px dashed rgba(0,102,255,.2);
}
.cZKii3hil_aQ5vXlB1l1 { width:180px; height:180px; margin:-90px; animation:BfBGJ8jB07zm9jsBsf1Y 12s linear infinite; }
.w1JCQQDSjfGaymtWyVqT { width:290px; height:290px; margin:-145px; animation:BfBGJ8jB07zm9jsBsf1Y 20s linear infinite reverse; border-style:solid; border-color:rgba(0,102,255,.1); }
.BDvXHKyq9VkGFsvQkcmk { width:400px; height:400px; margin:-200px; animation:BfBGJ8jB07zm9jsBsf1Y 30s linear infinite; }
@keyframes BfBGJ8jB07zm9jsBsf1Y { to { transform:rotate(360deg); } }

.GhC6RwSjBGoM6W0aC4tf {
  position:absolute; top:50%; left:50%;
  width:72px; height:72px; transform:translate(-50%,-50%);
  background:#0066FF; border-radius:20px; z-index:2;
  display:flex; align-items:center; justify-content:center; font-size:1.7rem;
  box-shadow:0 0 50px #0066FF70, 0 0 100px #0066FF30;
  animation:q1RPkVu2xvuQHgKrIhLD 4s ease-in-out infinite;
}
@keyframes q1RPkVu2xvuQHgKrIhLD { 0%,100%{box-shadow:0 0 50px #0066FF70,0 0 100px #0066FF30} 50%{box-shadow:0 0 70px #0066FF90,0 0 130px #0066FF50} }

.ue48GWyDe6jlgCvDAs3n { position:absolute; inset:0; width:100%; height:100%; z-index:0; }
.M5gEOtlnh8nlQ6s2AkYJ {
  stroke-dasharray:4 4; stroke-dashoffset:0;
  animation:WiZcjZxwpsThkYRmIItA 4s linear infinite;
}
@keyframes WiZcjZxwpsThkYRmIItA { to { stroke-dashoffset:-32; } }

.zhh2jXGhCTz1ZhMGkHJN {
  position:absolute; z-index:2;
  display:flex; flex-direction:column; align-items:center; gap:3px;
  background:rgba(255,255,255,.07); border:1px solid rgba(0,102,255,.3);
  border-radius:12px; padding:8px 10px;
  width:72px; animation:sLiR7UbC_Zg4ggSwzDH7 5s ease-in-out infinite, kzD89BLvvEMvKAmTyhd3 .5s cubic-bezier(.16,1,.3,1) both;
  backdrop-filter:blur(8px); cursor:default;
  transition:background .2s, border-color .2s;
}
.zhh2jXGhCTz1ZhMGkHJN:hover { background:rgba(0,102,255,.15); border-color:rgba(0,102,255,.6); }
@keyframes sLiR7UbC_Zg4ggSwzDH7 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-6px)} }
@keyframes kzD89BLvvEMvKAmTyhd3 { from{opacity:0;transform:scale(.6)} to{opacity:1;transform:scale(1)} }

.cCULW6QTGGmf3Uq7SXB8 { font-size:1.1rem; }
.yOIEQimk1m3ku_zjmZdJ { font-size:.58rem; font-weight:700; color:rgba(255,255,255,.55); letter-spacing:.08em; white-space:nowrap; }

/* ══ CONNECTIVITY STRIP ═══════════════════════════ */
.lu494J76QrjdCLpOCTTX {
  background:#060C1A; padding:6rem 8rem;
  border-top:1px solid rgba(255,255,255,.05);
  opacity:0; transform:translateY(28px);
  transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);
}
.xRjQRQLRe4VILbN_zaH4 { max-width:760px; margin:0 auto; text-align:center; }
.yss0VlxWfZSNDChpSQd6 { color:#0066FF; }
.Yida8K91HmeJhqMqV_q2 { font-size:clamp(2.2rem,4vw,3.2rem); font-weight:800; color:#fff; letter-spacing:-.06em; line-height:1.06; margin:0 0 1rem; }
.a8SlM7r6cNmiAKhV_bZJ { font-size:.92rem; color:rgba(255,255,255,.45); line-height:1.75; margin:0 0 2.5rem; }
.RSoMTln3rr4xjgm2wDop { display:flex; flex-wrap:wrap; gap:10px; justify-content:center; }
.YkkV4DuszpkP9vwqaI8P {
  background:rgba(255,255,255,.07); border:1px solid rgba(0,102,255,.25);
  color:rgba(255,255,255,.7); font-size:.78rem; font-weight:600;
  padding:6px 16px; border-radius:100px;
  animation:pnIO2dmQWEI_6ztGRjrb .5s cubic-bezier(.16,1,.3,1) both;
  transition:background .2s, color .2s;
}
.YkkV4DuszpkP9vwqaI8P:hover { background:rgba(0,102,255,.15); color:#fff; }
@keyframes pnIO2dmQWEI_6ztGRjrb { from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:none} }

/* ══ PILLARS / TABS ═══════════════════════════════ */
.U_uUSchtULKshjERmiky {
  background:#F5F5F7; padding:6rem 8rem;
  opacity:0; transform:translateY(28px);
  transition:opacity .7s .1s cubic-bezier(.16,1,.3,1),transform .7s .1s cubic-bezier(.16,1,.3,1);
}
.U6rNXxV2FrH6tJcmrTYw { max-width:1280px; margin:0 auto; }
.mVPUL1SG_YmNwuDVR5UD { margin-bottom:2.5rem; }
.mVPUL1SG_YmNwuDVR5UD .RAL45pfOvgRU_IXWdst9 { color:#1D1D1F; }

.rYjrHIyppdrBKx2hk1kg { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:1.5rem; }
.F_S2YgmxilRDDPUO11B2 {
  display:flex; align-items:center; gap:6px;
  background:#fff; border:1.5px solid #E5E5E7;
  color:#6E6E73; font-size:.82rem; font-weight:700;
  padding:.6rem 1.2rem; border-radius:100px; cursor:pointer;
  transition:all .18s; font-family:inherit;
}
.aHuNzBBCDKv_YVBE8gwm {
  background:var(--ac,#0066FF) !important; border-color:transparent !important;
  color:#fff !important;
}
.F_S2YgmxilRDDPUO11B2:hover:not(.aHuNzBBCDKv_YVBE8gwm) { border-color:var(--ac,#0066FF); color:var(--ac,#0066FF); }

.ESkm18bcBtBJxefsK0rj { background:#fff; border-radius:22px; padding:2.5rem; border:1px solid rgba(0,0,0,.06); }
.JkQhWnruLFNK3uP4Wcdg { display:grid; grid-template-columns:1fr 260px; gap:3rem; align-items:center; animation:jjcyFwXxdvgxh8gmKd9r .35s cubic-bezier(.16,1,.3,1) both; }
@keyframes jjcyFwXxdvgxh8gmKd9r { from{opacity:0;transform:translateX(-10px)} to{opacity:1;transform:none} }

.Z6f9QxtShMPaezh7Zmgt { display:flex; flex-direction:column; gap:.8rem; }
.j1SATQ6vg5Qa1gyJZLmX { width:52px; height:52px; border-radius:14px; display:flex; align-items:center; justify-content:center; font-size:1.5rem; }
.vLdVJRBCB3RjQg5q20xq { font-size:1.5rem; font-weight:800; color:#1D1D1F; letter-spacing:-.04em; margin:0; line-height:1.1; }
.MzplkFHEpS9wnWreLBAJ { font-size:.88rem; color:#6E6E73; line-height:1.72; margin:0; }
.h68NMIN3BxWcScLzixhk { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:.4rem; font-size:.84rem; color:#1D1D1F; }
.h68NMIN3BxWcScLzixhk li { display:flex; gap:7px; align-items:flex-start; }
.pg9htrmlex9XkOd5YEwg { font-weight:900; flex-shrink:0; }

.kQYZIqsEYmAQn2hE4L8i {}
.bWRPGoRp2VLMERB5YuUt {
  position:relative; overflow:hidden; height:200px;
  background:#F5F5F7; border-radius:18px; border:1.5px solid;
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px;
}
.eDglv9sAzK9Wy_jZ89fg { position:absolute; inset:0; }
.sbI3V8ICzx3eJ4GtgpnO { font-size:2.5rem; position:relative; z-index:1; }
.RxifXmQSKi54as_AZa4O { font-size:.8rem; font-weight:700; color:#1D1D1F; position:relative; z-index:1; }
.bR9eaqjgbsyHyrnSQP24 { font-size:.7rem; font-weight:700; position:relative; z-index:1; padding:3px 10px; border-radius:100px; background:rgba(0,102,255,.1); }

/* ══ PALLET IQ ════════════════════════════════════ */
.PFW69DcceygMZOI2bNrI {
  position:relative; background:#000; padding:8rem 8rem; overflow:hidden;
  opacity:0; transform:translateY(28px);
  transition:opacity .7s .1s cubic-bezier(.16,1,.3,1),transform .7s .1s cubic-bezier(.16,1,.3,1);
}
._319dCxp0kB2fgQqqDfo { position:absolute; inset:0; background:radial-gradient(ellipse at 20% 50%,#0066FF16,transparent 55%); pointer-events:none; }
.WiIdmuLR_RpPVgOwUhMm { position:relative; z-index:1; max-width:1280px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:6rem; align-items:center; }
.Ya0VSR3hRX_KeNB8pVW5 { display:flex; flex-direction:column; gap:.8rem; }
.mgOLGXeaG_yRbReoPDNm { font-size:clamp(2.5rem,5vw,4rem); font-weight:800; color:#fff; letter-spacing:-.07em; line-height:1.02; margin:0; }
.nl2bCo5gMOOgpoSsfv2A { font-size:.9rem; color:rgba(255,255,255,.48); line-height:1.75; margin:0; max-width:420px; }
.m2oGj8DW8tu7YUYOoSVH { background:none; border:1.5px solid; border-radius:100px; padding:8px 20px; font-size:.84rem; font-weight:700; cursor:pointer; width:fit-content; transition:background .18s; font-family:inherit; }
.m2oGj8DW8tu7YUYOoSVH:hover { background:rgba(0,102,255,.12); }

.nazc6fpjlMMpALDPJ5jX { display:flex; flex-direction:column; gap:14px; }
.IQNYZSl1fT831BoBwQK6 {
  background:rgba(255,255,255,.06); border:1px solid rgba(0,102,255,.18);
  border-radius:18px; padding:1.4rem;
  animation:ytMF0ib0eDpmQrxnd4Sw 6s ease-in-out infinite;
  animation-delay:var(--delay,0s);
  transition:background .2s;
}
.IQNYZSl1fT831BoBwQK6:hover { background:rgba(0,102,255,.1); }
@keyframes ytMF0ib0eDpmQrxnd4Sw { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-5px)} }
.OCW4e1Lri5r3e1AyQUws { font-size:1.4rem; margin-bottom:.4rem; display:block; }
.YxJPAJlqi1wNEFnqBt6E { font-size:.92rem; font-weight:700; color:#fff; letter-spacing:-.02em; margin-bottom:.3rem; }
.b1ho8xMmv2q5vVaRrQbh { font-size:.78rem; color:rgba(255,255,255,.45); line-height:1.65; margin:0; }

/* ══ INDUSTRIES ═══════════════════════════════════ */
.DJX9Nw2GzZoeKZ5dsTa4 {
  background:#F5F5F7; padding:6rem 8rem;
  opacity:0; transform:translateY(28px);
  transition:opacity .7s .1s cubic-bezier(.16,1,.3,1),transform .7s .1s cubic-bezier(.16,1,.3,1);
}
.MsI0RMpCjz8eiib7uKU6 { max-width:1280px; margin:0 auto; }
.nVWwBUg9EPLxOa2h0rwr { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:2rem; }
.mWUvfDVmbO0Th6mG6PKf {
  background:#fff; border-radius:18px; padding:1.6rem;
  border:1px solid rgba(0,0,0,.06); position:relative; overflow:hidden;
  transition:box-shadow .2s,transform .2s;
}
.mWUvfDVmbO0Th6mG6PKf::before {
  content:""; position:absolute; top:0; left:0; right:0; height:3px;
  background:var(--ac,#0066FF); transform:scaleX(0); transform-origin:left;
  transition:transform .22s ease;
}
.mWUvfDVmbO0Th6mG6PKf:hover::before { transform:scaleX(1); }
.mWUvfDVmbO0Th6mG6PKf:hover { box-shadow:0 10px 30px rgba(0,0,0,.08); transform:translateY(-4px); }
.fgWVu0ZFBa7C0gchLKXQ { width:46px; height:46px; border-radius:13px; display:flex; align-items:center; justify-content:center; font-size:1.3rem; margin-bottom:.8rem; }
.PmJ69olQQeq_VNbaKH1v { font-size:.9rem; font-weight:700; color:#1D1D1F; margin-bottom:.4rem; }
.NhhJecbVeW2EAJVhjr2n { font-size:.75rem; color:#6E6E73; line-height:1.6; margin:0; }

/* ══ ADVANTAGE STRIP ══════════════════════════════ */
.V6B8OrV2RyzEUH1zUwl4 {
  background:#fff; padding:6rem 8rem;
  border-top:1px solid #E5E5E7;
  opacity:0; transform:translateY(28px);
  transition:opacity .7s .1s cubic-bezier(.16,1,.3,1),transform .7s .1s cubic-bezier(.16,1,.3,1);
}
.K8kCxWZ5455n10iErlZ6 { max-width:1280px; margin:0 auto; }
.t8gymb2QCIZP_1Jm2Vby { font-size:clamp(2rem,3.5vw,2.8rem); font-weight:800; color:#1D1D1F; letter-spacing:-.055em; margin:0 0 3rem; }
.iPKckLmKI0QQSaAljbcP { display:grid; grid-template-columns:repeat(3,1fr); gap:0; border:1px solid #E5E5E7; border-radius:20px; overflow:hidden; }
.vNBdSbr_m1k7EbJ6euQ7 {
  padding:2.5rem; border-right:1px solid #E5E5E7; border-bottom:1px solid #E5E5E7;
  transition:background .2s;
}
.vNBdSbr_m1k7EbJ6euQ7:nth-child(3n) { border-right:none; }
.vNBdSbr_m1k7EbJ6euQ7:nth-child(n+4) { border-bottom:none; }
.vNBdSbr_m1k7EbJ6euQ7:hover { background:#F5F5F7; }
.uTPEeTdFmB1Hj4ox1P3h { font-size:clamp(2rem,4vw,3rem); font-weight:800; letter-spacing:-.05em; line-height:1; margin-bottom:.4rem; }
.mQuvF6SvryFEQbnBq9p3 { font-size:.78rem; color:#86868B; font-weight:500; }

/* ══ CLOSING CTA ══════════════════════════════════ */
.S5soqKKww9p2LkEaxtUb { position:relative; background:#000; padding:9rem 8rem; text-align:center; overflow:hidden; }
.InVVGSrOcunBVNCZsnRT { position:absolute; inset:0; background:radial-gradient(ellipse at 50% 40%,#0066FF2A,transparent 60%); pointer-events:none; }
.MFZmyij0mUTG3oY40HaT { position:relative; z-index:1; max-width:560px; margin:0 auto; display:flex; flex-direction:column; align-items:center; gap:1rem; }
.bJ98AmfdElXgb9P0glVl { border:1px solid #0066FF30; border-radius:100px; padding:5px 14px; font-size:.62rem; font-weight:700; letter-spacing:.12em; color:#0066FF; background:#0066FF0F; }
.C2oBHwWN2CgwUoCjsiTs { font-size:clamp(2.8rem,6vw,4.5rem); font-weight:800; color:#fff; letter-spacing:-.07em; line-height:1.02; margin:0; }
.r4lq6X4BxmGsphOnuGYw { font-size:.88rem; color:rgba(255,255,255,.42); line-height:1.72; margin:0 0 .5rem; max-width:400px; }

/* ══ RESPONSIVE ═══════════════════════════════════ */
@media (max-width: 1024px) {
  .gWbyjcY7p5zLV__uqDEO { width: calc(100% + 6rem); margin-left: -3rem; }
}
@media (max-width: 600px) {
  .gWbyjcY7p5zLV__uqDEO { width: calc(100% + 2rem); margin-left: -1rem; }
}
@media (max-width:1100px) {
  .KXNGanCmpnZr3uN8t3KU,.lu494J76QrjdCLpOCTTX,.U_uUSchtULKshjERmiky,.PFW69DcceygMZOI2bNrI,.DJX9Nw2GzZoeKZ5dsTa4,.V6B8OrV2RyzEUH1zUwl4,.S5soqKKww9p2LkEaxtUb { padding-left:3rem; padding-right:3rem; }
  .fJO3N_fuGyq8fxc1qjhk { grid-template-columns:1fr; }
  .WBRVYQFmSv3hJzjvWSR5 { display:none; }
  .WiIdmuLR_RpPVgOwUhMm { grid-template-columns:1fr; gap:3rem; }
  .nVWwBUg9EPLxOa2h0rwr { grid-template-columns:repeat(2,1fr); }
  .iPKckLmKI0QQSaAljbcP { grid-template-columns:repeat(2,1fr); }
  .vNBdSbr_m1k7EbJ6euQ7:nth-child(3n) { border-right:1px solid #E5E5E7; }
  .vNBdSbr_m1k7EbJ6euQ7:nth-child(2n) { border-right:none; }
  .JkQhWnruLFNK3uP4Wcdg { grid-template-columns:1fr; }
  .kQYZIqsEYmAQn2hE4L8i { display:none; }
}
@media (max-width:768px) {
  .KXNGanCmpnZr3uN8t3KU { padding:5rem 1.5rem 4rem; min-height:auto; }
  .lu494J76QrjdCLpOCTTX,.U_uUSchtULKshjERmiky,.PFW69DcceygMZOI2bNrI,.DJX9Nw2GzZoeKZ5dsTa4,.V6B8OrV2RyzEUH1zUwl4,.S5soqKKww9p2LkEaxtUb { padding-left:1.5rem; padding-right:1.5rem; }
  ._a8RYQ4YYMQYRVi3yKz1 { font-size:3rem; }
  .nVWwBUg9EPLxOa2h0rwr { grid-template-columns:1fr; }
  .iPKckLmKI0QQSaAljbcP { grid-template-columns:1fr; }
  .vNBdSbr_m1k7EbJ6euQ7 { border-right:none; }
  .rYjrHIyppdrBKx2hk1kg { flex-direction:column; }
}

/* ══════════════════════════════════════════════════
   Shared Solution Page Template — all /solutions/* pages
══════════════════════════════════════════════════ */

.wN6TfQNIAtE9OWy3wx5o {
  width: calc(100% + 10rem);
  margin-left: -5rem;
  background: #F8FAFF;
  overflow-x: hidden;
}

/* ── Shared ── */
.HTJ4AaPPrHiJPhBHrTC2 { max-width: 1180px; margin: 0 auto; width: 100%; box-sizing: border-box; }

.c7oCUZ87o616P4dcRALi {
  font-size: 0.6rem; font-weight: 700; letter-spacing: 0.14em;
  text-transform: uppercase; color: var(--accent, #1A6EFF); margin-bottom: 0.55rem;
}
.pK4rvlW7H4pYBWrii_xJ {
  font-size: 0.6rem; font-weight: 700; letter-spacing: 0.14em;
  text-transform: uppercase; color: rgba(255,255,255,0.35); margin-bottom: 0.55rem;
}

.AmzOCmzbQtNndfAvPFjT { margin-bottom: 2.2rem; }
.EpoRcQPQvHuydF2ammwl {
  font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
  font-size: clamp(1.65rem, 3vw, 2.4rem); font-weight: 800;
  color: #0F172A; letter-spacing: -0.04em; line-height: 1.1; margin: 0;
}
.KUvUQYoKpoXXgObc2uU4 {
  font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
  font-size: clamp(1.65rem, 3vw, 2.4rem); font-weight: 800;
  color: #FFFFFF; letter-spacing: -0.04em; line-height: 1.1; margin: 0;
}

/* CTAs */
.MBl2FnXg1I5AemvPQH00 {
  display: inline-flex; align-items: center; gap: 6px;
  color: #FFFFFF; font-size: 0.88rem; font-weight: 700;
  padding: 0.8rem 1.8rem; border-radius: 100px; border: none;
  cursor: pointer; transition: opacity 0.18s, transform 0.18s;
}
.MBl2FnXg1I5AemvPQH00:hover { opacity: 0.88; transform: translateY(-2px); }

.RSOWIE33lY9EHmYNy8U7 {
  display: inline-flex; align-items: center; gap: 6px;
  color: rgba(255,255,255,0.58); font-size: 0.85rem; font-weight: 600;
  padding: 0.76rem 1.4rem; border-radius: 100px;
  border: 1.5px solid rgba(255,255,255,0.16); background: none;
  cursor: pointer; transition: border-color 0.18s, color 0.18s;
}
.RSOWIE33lY9EHmYNy8U7:hover { border-color: rgba(255,255,255,0.38); color: #FFFFFF; }

.X1ihthhpvFTZBoJmYTxg {
  display: inline-flex; align-items: center; gap: 6px;
  background: transparent; font-size: 0.85rem; font-weight: 700;
  padding: 0.76rem 1.5rem; border-radius: 100px;
  border: 1.5px solid; cursor: pointer;
  transition: background 0.18s;
}
.X1ihthhpvFTZBoJmYTxg:hover { background: rgba(0,0,0,0.04); }

/* ══ HERO ═══════════════════════════════════════════ */
.oLQ1hGD2BuOensVyRh4E {
  position: relative; background: #060C1A; overflow: hidden;
  padding-bottom: 0;
}

.eyL5JqEEZYtWiMC1VX0F {
  position: absolute; inset: 0;
  background-image: radial-gradient(circle, rgba(255,255,255,0.04) 1px, transparent 1px);
  background-size: 28px 28px;
  animation: vXCPKYdnx76LWZytdyay 32s linear infinite; pointer-events: none;
}
@keyframes vXCPKYdnx76LWZytdyay { to { background-position: 28px 28px; } }

.FuYluNkMEo6P88VXZGQN {
  position: absolute; top: -80px; left: -60px;
  width: 480px; height: 480px;
  background: radial-gradient(circle, var(--accent-orb-1, rgba(59,130,246,0.16)) 0%, transparent 60%);
  animation: s1YT3ZtOjV3X8DdxfWLH 14s ease-in-out infinite alternate; pointer-events: none;
}
.b_XwXEjeayM_jFJnfkro {
  position: absolute; bottom: -40px; right: -40px;
  width: 360px; height: 360px;
  background: radial-gradient(circle, rgba(139,92,246,0.1) 0%, transparent 60%);
  animation: s1YT3ZtOjV3X8DdxfWLH 18s ease-in-out infinite alternate-reverse; pointer-events: none;
}
@keyframes s1YT3ZtOjV3X8DdxfWLH {
  from { transform: scale(1) translate(0,0); }
  to   { transform: scale(1.1) translate(16px, 12px); }
}

.iw_jgfgEgZeMDkwbly3Q {
  position: relative; z-index: 1;
  display: grid; grid-template-columns: 1fr 380px;
  gap: 4rem; align-items: flex-start;
  padding: 4rem 5rem 0;
  animation: HjrLWxcL7h25aWrsOvdy 0.55s cubic-bezier(0.16,1,0.3,1) both;
}
@keyframes HjrLWxcL7h25aWrsOvdy { from{opacity:0;transform:translateY(14px)} to{opacity:1;transform:translateY(0)} }

.r3F_ZFQvDBMJQU0G4BD4 { display: flex; flex-direction: column; gap: 0; }

.p2TQeDOoEYuS5kYXdZIj {
  display: inline-flex; align-items: center; gap: 7px;
  background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.12);
  border-radius: 100px; padding: 5px 13px;
  font-size: 0.6rem; font-weight: 700; letter-spacing: 0.11em;
  color: rgba(255,255,255,0.72); margin-bottom: 1.2rem; width: fit-content;
}
.j38Cb7kUlkEwrDNxdrvt {
  width: 6px; height: 6px; border-radius: 50%;
  animation: i3_urRvHoH5h0yHgpdgF 2s ease-in-out infinite;
}
@keyframes i3_urRvHoH5h0yHgpdgF {
  0%,100% { box-shadow: 0 0 0 0 rgba(255,255,255,0.4); }
  50%      { box-shadow: 0 0 0 5px rgba(255,255,255,0); }
}

.GKQIjDWIaUSGKLqZB_U3 {
  font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
  font-size: clamp(2.1rem, 4.5vw, 3.5rem); font-weight: 800;
  color: #FFFFFF; letter-spacing: -0.055em; line-height: 1.08;
  margin: 0 0 1.1rem;
}
.KgPFhKsoIjGGi7sEaFBQ {
  background: linear-gradient(110deg, var(--ac,#60A5FA) 0%, #A78BFA 50%, #34D399 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
  background-size: 200%; animation: DM_MxZIjdgiJopr9kz_t 5s ease-in-out infinite alternate;
}
@keyframes DM_MxZIjdgiJopr9kz_t { from{background-position:0%} to{background-position:100%} }

.B3V04u1zwZWNy_SLJ59h {
  font-size: 0.95rem; color: rgba(255,255,255,0.6); line-height: 1.72;
  margin: 0 0 0.7rem; max-width: 560px;
}
.T4mri6nWUHHK1V4MBnJM {
  font-size: 0.82rem; color: rgba(255,255,255,0.38); line-height: 1.7;
  margin: 0 0 1.8rem; max-width: 540px;
}

.oR8p9vxSikegn278SH8O { display: flex; align-items: center; gap: 0.8rem; flex-wrap: wrap; margin-bottom: 1.5rem; }

.WJ6ENAwg__leBlUz3TAU { display: flex; flex-wrap: wrap; gap: 0.4rem; }
.t_Q9BTtkQAppGkLUpjiV {
  display: flex; align-items: center; gap: 5px;
  background: rgba(255,255,255,0.055); border: 1px solid;
  border-radius: 100px; padding: 4px 11px;
  font-size: 0.68rem; font-weight: 600; color: rgba(255,255,255,0.52);
}
.OqH4CGS3RKZQqzyD3bAc { width: 5px; height: 5px; border-radius: 50%; flex-shrink: 0; }

/* Hero right card */
.sehT06LVLMvLnmN07UTx { padding-top: 0.5rem; padding-bottom: 3rem; }
.sRovZBUvI2pWzcXXcKLv {
  background: rgba(255,255,255,0.07); border: 1.5px solid rgba(255,255,255,0.1);
  border-top: 3px solid; border-radius: 18px; padding: 1.4rem;
  display: flex; flex-direction: column; gap: 0.8rem;
  animation: op8eyjM3vUJEMIqRcG1w 0.4s cubic-bezier(0.16,1,0.3,1) 0.1s both;
}
@keyframes op8eyjM3vUJEMIqRcG1w { from{opacity:0;transform:translateX(14px)} to{opacity:1;transform:translateX(0)} }

.UBMaUMFsGCOCd5HTg2y_ {
  font-size: 0.58rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase;
}
.qTZC2rrRpWjWw4usjV7I {
  font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
  font-size: 1.05rem; font-weight: 800; color: #FFFFFF; line-height: 1.25;
}
.xfWdR5GomBja2CCphRP1 { display: flex; flex-direction: column; gap: 0.45rem; }
.MNoymkqb7JMnVfSI9OzA { display: flex; align-items: flex-start; gap: 7px; }
.a2PJC2n_n3T8kE7OGEQ4 { font-size: 0.72rem; font-weight: 900; flex-shrink: 0; margin-top: 1px; }
.d10JiuoLNNZa0fbb69uu { font-size: 0.78rem; color: rgba(255,255,255,0.58); line-height: 1.4; }
.SklEtvdk8fCIMWGqoPd1 { border-top: 1px solid rgba(255,255,255,0.1); padding-top: 0.8rem; }
.JuKk4byNcYkWdBxZyhEv {
  display: inline-flex; align-items: center; gap: 6px;
  background: none; border: 1.5px solid; border-radius: 100px;
  padding: 7px 16px; font-size: 0.76rem; font-weight: 700; cursor: pointer;
  transition: background 0.18s;
}
.JuKk4byNcYkWdBxZyhEv:hover { background: rgba(255,255,255,0.07); }

/* Stats strip */
.wiZeq6SkjuhBbn7QOddR {
  position: relative; z-index: 1;
  display: grid; grid-template-columns: repeat(4, 1fr);
  border-top: 1px solid rgba(255,255,255,0.07); margin-top: 2.5rem;
}
.b3GUtbOP5xr7CR6puA9r {
  padding: 1.4rem 5rem; border-right: 1px solid rgba(255,255,255,0.07);
  display: flex; flex-direction: column; gap: 4px;
}
.b3GUtbOP5xr7CR6puA9r:last-child { border-right: none; }
.r3Y_XCBhqAmv71eU3DEF {
  font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
  font-size: 1.4rem; font-weight: 800; letter-spacing: -0.04em; line-height: 1;
}
.TvfWBmg23BYcnxUY99Jq { font-size: 0.66rem; color: rgba(255,255,255,0.36); font-weight: 500; }

/* ══ VALUE SECTION ═══════════════════════════════════ */
.CDNnPMh99b2gE_ep3amI { padding: 5rem; background: #FFFFFF; }
.CDNnPMh99b2gE_ep3amI .HTJ4AaPPrHiJPhBHrTC2 {
  max-width: 1180px; margin: 0 auto;
}
.IwCh38M4zS385hSlGzVS {
  display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; align-items: flex-start;
}
.lrKvL_FJJEUUczYl_qXo {}
.ooZaA5CgwWrQ5NpBjhFm {
  font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
  font-size: clamp(1.4rem,2.8vw,2.1rem); font-weight: 800;
  color: #0F172A; letter-spacing: -0.04em; line-height: 1.15; margin: 0.4rem 0 1rem;
}
.tW4nTOnX0zb0_McYBzpK {
  font-size: 0.9rem; color: #475569; line-height: 1.75;
  border-left: 3px solid; padding-left: 1rem; margin: 0;
}
.muH38Qpc9VUD3wh_Sz4M { display: flex; flex-direction: column; gap: 1.2rem; }
.ICOqN2SFydbwp_MzWCWW { font-size: 0.88rem; color: #475569; line-height: 1.8; margin: 0; }
.IAYgmpORJZdWcWUJCr10 {
  display: inline-flex; align-items: center; gap: 6px;
  background: none; border: 1.5px solid; border-radius: 100px;
  padding: 8px 18px; font-size: 0.82rem; font-weight: 700; cursor: pointer;
  transition: background 0.18s; width: fit-content;
}
.IAYgmpORJZdWcWUJCr10:hover { background: #F8FAFF; }

/* ══ FEATURES ════════════════════════════════════════ */
.VyQfZ2u1MTm9bE9PpNML {
  position: relative; padding: 5rem; background: #08101F; overflow: hidden;
}
.Ok1s44SKvQXVzSsOA26s {
  position: absolute; inset: 0;
  background-image:
    radial-gradient(circle at 15% 60%, rgba(59,130,246,0.1) 0%, transparent 45%),
    radial-gradient(circle at 80% 25%, rgba(139,92,246,0.07) 0%, transparent 45%);
  pointer-events: none;
}
.VyQfZ2u1MTm9bE9PpNML .HTJ4AaPPrHiJPhBHrTC2 { position: relative; z-index: 1; max-width: 1180px; margin: 0 auto; }

.jrX58t5bYs2Ough2SHEK {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px;
  background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.06);
  border-radius: 18px; overflow: hidden;
}
.lYBXgQz9O0tASToRE0SM {
  position: relative; overflow: hidden;
  background: #0B1220; padding: 1.6rem 1.4rem;
  display: flex; flex-direction: column; gap: 0.55rem;
  animation: vnS1j7q9QJmsUY0RPUZg 0.4s cubic-bezier(0.16,1,0.3,1) calc(var(--i,0) * 0.06s) both;
  transition: background 0.2s;
}
.lYBXgQz9O0tASToRE0SM:hover { background: #0F182E; }
@keyframes vnS1j7q9QJmsUY0RPUZg { from{opacity:0;transform:translateY(8px)} to{opacity:1;transform:translateY(0)} }

.VFDb_k1fqJBWyAXuBN8K {
  position: absolute; bottom: 0; left: 0; right: 0; height: 2px;
  transform: scaleX(0); transform-origin: left;
  transition: transform 0.25s ease;
}
.lYBXgQz9O0tASToRE0SM:hover .VFDb_k1fqJBWyAXuBN8K { transform: scaleX(1); }

.DfEEJ5Lw70n2DQsFZ1cw {
  width: 44px; height: 44px; border-radius: 12px;
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.qWiTNuna3AgjJY7G2ATQ { font-size: 1.3rem; }
.mdLVMlJuF8TZmaGm0M9y {
  font-size: 0.88rem; font-weight: 700; color: #FFFFFF; line-height: 1.3;
}
._RZR2H_cgarJ6p_TG5GF { font-size: 0.76rem; color: rgba(255,255,255,0.44); line-height: 1.65; margin: 0; }

/* ══ PROCESS ═════════════════════════════════════════ */
.nWcpgVTuYtdxtmIXY_AM { padding: 5rem; background: #FFFFFF; }
.nWcpgVTuYtdxtmIXY_AM .HTJ4AaPPrHiJPhBHrTC2 { max-width: 1180px; margin: 0 auto; }

.Q8zapb6Vjp1GGUY3s4Kp {
  display: grid; grid-template-columns: 280px 1fr; gap: 3rem; align-items: flex-start;
}
.ASQSpTOOKEHc3FHLmipQ { display: flex; flex-direction: column; gap: 0.3rem; }
.lfQlhU82XoAZnzAgsN24 {
  display: flex; align-items: center; gap: 0.8rem;
  background: none; border: none; border-left: 3px solid transparent;
  padding: 0.75rem 1rem; cursor: pointer; text-align: left;
  transition: border-color 0.18s, color 0.18s; border-radius: 0 8px 8px 0;
}
.lfQlhU82XoAZnzAgsN24:hover { background: #F8FAFF; }
.PFLSr8wDkxhRogVbvs33 { background: #F8FAFF; }

._v6X2snuy5gamC5g0cKJ {
  width: 30px; height: 30px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 0.7rem; font-weight: 800;
  background: #F1F5F9; color: #64748B; flex-shrink: 0;
  transition: background 0.18s, color 0.18s;
}
.qkbuzoB8utJO5m3p9T_Q { font-size: 0.82rem; font-weight: 600; color: #334155; }

.ZVGBIdZOXQKqMeLxTAKd {
  background: #F8FAFF; border: 1.5px solid #E8EEF8;
  border-top: 3px solid; border-radius: 18px; padding: 2rem;
  animation: IAZCR_dm3JY29tz8VMZS 0.28s cubic-bezier(0.16,1,0.3,1) both;
}
@keyframes IAZCR_dm3JY29tz8VMZS { from{opacity:0;transform:translateY(6px)} to{opacity:1;transform:translateY(0)} }

.jHadfsuFtz9exqvjWZOA {
  font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
  font-size: 2.5rem; font-weight: 900; letter-spacing: -0.06em; line-height: 1;
  margin-bottom: 0.5rem; opacity: 0.25;
}
.J1pWqrqko6dM__CL8kq5 {
  font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
  font-size: 1.4rem; font-weight: 800; color: #0F172A;
  letter-spacing: -0.03em; margin: 0 0 0.6rem;
}
.OId8dKxb2Xv1IXfkq_fX { font-size: 0.9rem; color: #475569; line-height: 1.8; margin: 0; }

/* ══ FOR WHO ══════════════════════════════════════════ */
.Wwz0QlMs2XGzsnwceWRC {
  position: relative; padding: 5rem; overflow: hidden;
  background: #07101E;
}
.fIVuFar_7OHbTcj9_3oD {
  position: absolute; inset: 0;
  background-image: radial-gradient(circle at 50% 50%, rgba(139,92,246,0.08) 0%, transparent 60%);
  pointer-events: none;
}
.Wwz0QlMs2XGzsnwceWRC .HTJ4AaPPrHiJPhBHrTC2 { position: relative; z-index: 1; max-width: 1180px; margin: 0 auto; }

.di_sh7nMvsTY9gOLcQxQ { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.2rem; }
.bzcu0WISHRU6Uivcmf8e {
  background: rgba(255,255,255,0.05); border: 1.5px solid rgba(255,255,255,0.08);
  border-radius: 18px; padding: 1.6rem;
  display: flex; flex-direction: column; gap: 0.5rem;
  transition: background 0.18s, transform 0.18s;
}
.bzcu0WISHRU6Uivcmf8e:hover { background: rgba(255,255,255,0.08); transform: translateY(-4px); }

.x71SvCEsefjBjjCVYC1t {
  width: 46px; height: 46px; border-radius: 13px;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.4rem; flex-shrink: 0;
}
.IVlxsb7K73AmhZBRHgwn { font-size: 0.84rem; font-weight: 700; }
.BEI6tqn5_8BODDBdInAg { font-size: 0.78rem; color: rgba(255,255,255,0.45); line-height: 1.65; margin: 0; }

/* ══ RELATED PRODUCTS ════════════════════════════════ */
.XIUhlDkF64S4UiwyT7kz { padding: 5rem; background: #F8FAFF; }
.XIUhlDkF64S4UiwyT7kz .HTJ4AaPPrHiJPhBHrTC2 { max-width: 1180px; margin: 0 auto; }

.Dn1bDYv91OceLZ8jOEkQ {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
}
.qb8Ddr8lGM7oZvRD3D_g {
  background: #FFFFFF; border: 1.5px solid #E8EEF8;
  border-radius: 16px; padding: 1.3rem 1.2rem;
  display: flex; flex-direction: column; gap: 0.3rem;
  cursor: pointer; position: relative; overflow: hidden;
  transition: box-shadow 0.18s, transform 0.18s;
}
.qb8Ddr8lGM7oZvRD3D_g::before {
  content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px;
  background: var(--accent); transform: scaleY(0); transform-origin: top;
  transition: transform 0.22s ease;
}
.qb8Ddr8lGM7oZvRD3D_g:hover::before { transform: scaleY(1); }
.qb8Ddr8lGM7oZvRD3D_g:hover { box-shadow: 0 4px 20px rgba(0,0,0,0.07); transform: translateY(-3px); }

.E109A66Rs4vI6HWPH9gl { font-size: 0.86rem; font-weight: 800; }
.lYpMmoKiWnrP3cdQpn1o { font-size: 0.76rem; color: #64748B; line-height: 1.5; flex: 1; }
.yH9IPLOdQReMYOWdC_4k { font-size: 1rem; font-weight: 700; align-self: flex-end; margin-top: 0.3rem; }

/* ══ CLOSING ══════════════════════════════════════════ */
.Du1HUGDhge2vJL92QZTp {
  position: relative; padding: 6.5rem 5rem;
  text-align: center; background: #FFFFFF; overflow: hidden;
}
.WIYT4KMpbHYD5GYTioHV {
  position: absolute; top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 700px; height: 500px; pointer-events: none;
}
._VqcU9Ndrjy2VILlqyLN {
  position: relative; z-index: 1;
  max-width: 600px; margin: 0 auto;
  display: flex; flex-direction: column; align-items: center; gap: 0.9rem;
}
.JKGOVGiA46yXbNA_C8q1 {
  display: inline-flex; align-items: center; gap: 6px;
  border: 1px solid; border-radius: 100px; padding: 5px 14px;
  font-size: 0.6rem; font-weight: 700; letter-spacing: 0.11em;
}
.rWVUCvjTmDAfly9GOWeZ {
  font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
  font-size: clamp(1.8rem,3.5vw,2.8rem); font-weight: 800;
  color: #0F172A; letter-spacing: -0.05em; line-height: 1.1; margin: 0;
}
.EZzrhmVi0UDVv1PsfEo7 {
  font-size: 0.88rem; color: #64748B; line-height: 1.72;
  margin: 0; max-width: 480px;
}
._nav30TjzjHC0mw61AaS {
  display: flex; align-items: center; gap: 1rem;
  flex-wrap: wrap; justify-content: center; margin-top: 0.4rem;
}

/* ══ RESPONSIVE ══════════════════════════════════════ */
@media (max-width: 1024px) {
  .wN6TfQNIAtE9OWy3wx5o { width: calc(100% + 6rem); margin-left: -3rem; }
}
@media (max-width: 600px) {
  .wN6TfQNIAtE9OWy3wx5o { width: calc(100% + 2rem); margin-left: -1rem; }
}
@media (max-width: 1100px) {
  .iw_jgfgEgZeMDkwbly3Q        { grid-template-columns: 1fr; padding: 3rem 2.5rem 0; }
  .sehT06LVLMvLnmN07UTx        { display: none; }
  .wiZeq6SkjuhBbn7QOddR       { grid-template-columns: repeat(2,1fr); }
  .IwCh38M4zS385hSlGzVS       { grid-template-columns: 1fr; gap: 2rem; }
  .jrX58t5bYs2Ough2SHEK     { grid-template-columns: repeat(2,1fr); }
  .Q8zapb6Vjp1GGUY3s4Kp    { grid-template-columns: 1fr; }
  .ASQSpTOOKEHc3FHLmipQ      { flex-direction: row; flex-wrap: wrap; }
  .lfQlhU82XoAZnzAgsN24       { border-left: none; border-bottom: 3px solid transparent; border-radius: 8px 8px 0 0; }
  .PFLSr8wDkxhRogVbvs33 { border-bottom-color: inherit; }
  .di_sh7nMvsTY9gOLcQxQ       { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 768px) {
  .oLQ1hGD2BuOensVyRh4E,.CDNnPMh99b2gE_ep3amI,.VyQfZ2u1MTm9bE9PpNML,.nWcpgVTuYtdxtmIXY_AM,.Wwz0QlMs2XGzsnwceWRC,.XIUhlDkF64S4UiwyT7kz,.Du1HUGDhge2vJL92QZTp {
    padding-left: 1.5rem; padding-right: 1.5rem;
  }
  .iw_jgfgEgZeMDkwbly3Q        { padding: 2rem 1.5rem 0; }
  .wiZeq6SkjuhBbn7QOddR       { grid-template-columns: 1fr 1fr; }
  .b3GUtbOP5xr7CR6puA9r             { padding: 1.1rem 1.5rem; }
  .jrX58t5bYs2Ough2SHEK     { grid-template-columns: 1fr; }
  .di_sh7nMvsTY9gOLcQxQ       { grid-template-columns: 1fr; }
  .Dn1bDYv91OceLZ8jOEkQ     { grid-template-columns: 1fr 1fr; }
  .Q8zapb6Vjp1GGUY3s4Kp    { grid-template-columns: 1fr; }
}

.s7ncgRAqvV2woLAwtn4W {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}

@media (max-width: 820px) {
  .s7ncgRAqvV2woLAwtn4W {
    grid-template-columns: 1fr;
  }
}

.akTbOeNtweKlho109yOP {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}

@media (max-width: 820px) {
  .akTbOeNtweKlho109yOP {
    grid-template-columns: 1fr;
  }
}
.p0_oCu_qpjO9U2RAaIJ7 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}

@media (max-width: 1024px) {
  .p0_oCu_qpjO9U2RAaIJ7 {
    grid-template-columns: 1fr;
  }
}

.fd7iQ4kgSBeRTOADneCA {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}

@media (max-width: 820px) {
  .fd7iQ4kgSBeRTOADneCA {
    grid-template-columns: 1fr;
  }
}
.QSNQ9hZweCFQOysG2Oy0 {
  border-radius: 1rem;
  background: var(--White, #FFF);
  box-shadow: 0px 8px 23px 6px rgba(0, 0, 0, 0.08);
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  box-sizing: border-box;
  box-shadow: 0px 8px 23px 6px rgba(0, 0, 0, 0.08);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.QSNQ9hZweCFQOysG2Oy0:hover {
  transform: translateY(-5px);
  /* transform: scale(1.03);  */
  /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
  box-shadow: 0px 9px 38px 6px rgba(112, 160, 255, 0.18);
}

.TFYEJ5POiBLxiQOcKe6K {
  color: var(--Black-5, #333);
  font-size: 1.5rem;
  font-weight: 500;
  margin: 0;
}

.xwkkVe6jUj6aHsXzTEI9 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}

.DQhztbYecObVFgtmU8ey {
  display: flex;
  gap: 0.5rem;
}

.e1aGnMxKPK8bXuY3gbeu {
  cursor: pointer;
  display: flex;
  align-items: center;
  color: #007AFF;
  font-size: 1.25rem;
  transition: transform 0.2s ease-in-out;
}

.e1aGnMxKPK8bXuY3gbeu:hover {
  transform: scale(1.15);
}

.YPCkgxX74BqSM0QH3yya {
  width: 28px;
  height: 28px;
  object-fit: contain;
  cursor: pointer;
  transition: transform 0.2s ease-in-out;
}

.YPCkgxX74BqSM0QH3yya:hover {
  transform: scale(1.15);
}

.wlshkrkYrsUHuvNQrBgy {
  color: var(--Black-4, #6B6B6B);
  font-size: 1rem;
  font-weight: normal;
}

.o9jMTduBb1ZB9Q3eWqbw {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
  background-color: #E8F0FF;
  padding: 1rem;
  border-radius: 1rem;
}

@media (max-width: 1024px) {
  .o9jMTduBb1ZB9Q3eWqbw {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .o9jMTduBb1ZB9Q3eWqbw {
    grid-template-columns: 1fr;
  }
}

.lp9QTmsGMwGY2GUz0Lp9 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  background-color: #E8F0FF;
  padding: 1rem;
  border-radius: 1rem;
}

@media (max-width: 820px) {
  .lp9QTmsGMwGY2GUz0Lp9 {
    grid-template-columns: 1fr;
  }
}

.plwkg3hVyvztlVYkOJc3 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
  background-color: #E8F0FF;
  padding: 1rem;
  border-radius: 1rem;
}

@media (max-width: 820px) {
  .plwkg3hVyvztlVYkOJc3 {
    grid-template-columns: 1fr;
  }
}

.BpK4POBHzmjv76ICv7Q8 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  background-color: #E8F0FF;
  padding: 1rem;
  border-radius: 1rem;
}

.ctKxY8TR39pZZb2LijEg {
  display: flex;
  align-items: stretch;
  flex-direction: column;
  gap: 1rem;
  color: #6B6B6B;
  font-size: 1rem;
}

.uRIBvEJLumv2bopc4G84 {
  display: flex;
  align-items: center;
  gap: 1rem;
  color: #333;
  font-size: 1.25rem;
  font-weight: 500;
}

.f1DajBawc8XwoggpFiRM {
  color: #007AFF;
  height: 1.5rem;
  width: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.f1DajBawc8XwoggpFiRM svg {
  font-size: 1.25rem;
}
/* ══════════════════════════════════════════════════
   Industry Page Template — all /industries/* pages
══════════════════════════════════════════════════ */

.mbETzFvz6SHGqCrR3OIR {
  width: calc(100% + 10rem);
  margin-left: -5rem;
  background: #F8FAFF;
  overflow-x: hidden;
}

/* ── Shared layout ── */
.CPJ83rmzCUSOkD1DtoYM { max-width: 1180px; margin: 0 auto; width: 100%; box-sizing: border-box; }

.o_fYISiFTavkrBAl0rYq {
  font-size: 0.59rem; font-weight: 700; letter-spacing: 0.15em;
  text-transform: uppercase; color: var(--accent, #1A6EFF); margin-bottom: 0.5rem;
}
.uoaOz5aiQyJixIDEqm2Q {
  font-size: 0.59rem; font-weight: 700; letter-spacing: 0.15em;
  text-transform: uppercase; color: rgba(255,255,255,0.32); margin-bottom: 0.5rem;
}

.rLobrbEy8Jmfm5qTI5Mq { margin-bottom: 2.4rem; }
.ihO4Hw3D0un73naZMSyE {
  font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
  font-size: clamp(1.65rem,3vw,2.4rem); font-weight: 800;
  color: #0F172A; letter-spacing: -0.04em; line-height: 1.1; margin: 0 0 0.4rem;
}
.eKwY722UU_U5OXGaPUP6 {
  font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
  font-size: clamp(1.65rem,3vw,2.4rem); font-weight: 800;
  color: #FFFFFF; letter-spacing: -0.04em; line-height: 1.1; margin: 0 0 0.4rem;
}
.RQufOIhQkJutcj3nc8uO    { font-size: 0.86rem; color: #64748B; line-height: 1.7; margin: 0; }
.lsLNUnnxiINLxheoveXV { font-size: 0.86rem; color: rgba(255,255,255,0.44); line-height: 1.7; margin: 0; }

/* CTAs */
.dkRnOIEVCNuGXMBZxeQ1 {
  display: inline-flex; align-items: center; gap: 6px;
  color: #FFF; font-size: 0.88rem; font-weight: 700;
  padding: 0.8rem 1.8rem; border-radius: 100px; border: none;
  cursor: pointer; transition: opacity .18s, transform .18s;
}
.dkRnOIEVCNuGXMBZxeQ1:hover { opacity: .88; transform: translateY(-2px); }

.QqOcvYXRnhv_70iNqGNw {
  display: inline-flex; align-items: center; gap: 6px;
  color: rgba(255,255,255,.55); font-size: 0.85rem; font-weight: 600;
  padding: 0.76rem 1.4rem; border-radius: 100px;
  border: 1.5px solid rgba(255,255,255,.15); background: none;
  cursor: pointer; transition: border-color .18s, color .18s;
}
.QqOcvYXRnhv_70iNqGNw:hover { border-color: rgba(255,255,255,.36); color: #FFF; }

.REiZiBuCcpn6uoM7Qaid {
  display: inline-flex; align-items: center; gap: 6px;
  background: transparent; font-size: 0.85rem; font-weight: 700;
  padding: 0.76rem 1.5rem; border-radius: 100px; border: 1.5px solid;
  cursor: pointer; transition: background .18s;
}
.REiZiBuCcpn6uoM7Qaid:hover { background: rgba(0,0,0,.04); }

/* ══ HERO ═══════════════════════════════════════════ */
.Dz2nsry1_ztEqbKrCj9B {
  position: relative; background: #060C1A;
  overflow: hidden; padding-bottom: 0;
}

.JQeIsQPoOjSKJwld8oXz {
  position: absolute; inset: 0;
  background-image: radial-gradient(circle, rgba(255,255,255,.038) 1px, transparent 1px);
  background-size: 28px 28px;
  animation: ySOoZqx9mDdZk_M2Cs57 34s linear infinite; pointer-events: none;
}
@keyframes ySOoZqx9mDdZk_M2Cs57 { to { background-position: 28px 28px; } }

.sE3hsSYxeGaztaSI8Qoo {
  position: absolute; top: -100px; left: -60px;
  width: 520px; height: 520px;
  animation: vTmlwtcTiAPILVzmkeMg 14s ease-in-out infinite alternate; pointer-events: none;
}
.Kdw28IHqxhXlSvSU15bG {
  position: absolute; bottom: 0; right: -80px;
  width: 380px; height: 380px;
  background: radial-gradient(circle, rgba(139,92,246,.08) 0%, transparent 60%);
  animation: vTmlwtcTiAPILVzmkeMg 19s ease-in-out infinite alternate-reverse; pointer-events: none;
}
@keyframes vTmlwtcTiAPILVzmkeMg {
  from { transform: scale(1) translate(0,0); }
  to   { transform: scale(1.1) translate(18px,12px); }
}

.KHNeISiCOFuG_d1itU82 {
  position: relative; z-index: 1;
  display: grid; grid-template-columns: 1fr 360px;
  gap: 4rem; align-items: flex-start;
  padding: 4rem 5rem 0;
  animation: xa7G2AQEc7euTS6xSmhm 0.5s cubic-bezier(.16,1,.3,1) both;
}
@keyframes xa7G2AQEc7euTS6xSmhm { from{opacity:0;transform:translateY(14px)} to{opacity:1;transform:translateY(0)} }

.jICPgdNltk2IYkJPe7h9 { display: flex; flex-direction: column; }

.unL1mkwH68e86nQ9FyWR {
  display: inline-flex; align-items: center; gap: 7px;
  background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.11);
  border-radius: 100px; padding: 5px 13px;
  font-size: 0.59rem; font-weight: 700; letter-spacing: 0.12em;
  color: rgba(255,255,255,.7); margin-bottom: 1.2rem; width: fit-content;
}
.iPiwH9WATQvufNrQTSFO {
  width: 6px; height: 6px; border-radius: 50%; flex-shrink: 0;
  animation: WRGcGvsGZCsO49uVLOrp 2s ease-in-out infinite;
}
@keyframes WRGcGvsGZCsO49uVLOrp {
  0%,100% { box-shadow: 0 0 0 0 rgba(255,255,255,.4); }
  50%      { box-shadow: 0 0 0 5px rgba(255,255,255,0); }
}

.mLFo7xDhVBRK3qB0Tdx1 {
  font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
  font-size: clamp(2.1rem,4.4vw,3.5rem); font-weight: 800;
  color: #FFF; letter-spacing: -0.055em; line-height: 1.07;
  margin: 0 0 1.1rem;
}
.fH3HpgVkMIafNdYkETPw {
  background: linear-gradient(110deg, var(--ac,#60A5FA) 0%, #A78BFA 50%, #34D399 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
  background-size: 200%; animation: _CzB7t_mbpTzYi6VoTJD 5s ease-in-out infinite alternate;
}
@keyframes _CzB7t_mbpTzYi6VoTJD { from{background-position:0%} to{background-position:100%} }

.giI431CieIPj5Xf9N21m  { font-size: .94rem; color: rgba(255,255,255,.58); line-height:1.72; margin:0 0 .7rem; max-width:560px; }
.Tf_YPFK3LtieDbw7LEkQ { font-size: .82rem; color: rgba(255,255,255,.36); line-height:1.7; margin:0 0 1.8rem; max-width:540px; }

.vWH7kvcdqVB3lvnx_NDD { display: flex; align-items: center; gap: 0.8rem; flex-wrap: wrap; margin-bottom: 1.5rem; }

.lc3s2HpxYCjtpNz5DIXQ { display: flex; flex-wrap: wrap; gap: 0.4rem; }
.Gajk2h9U9nYT3RZ9ue3I {
  display: flex; align-items: center; gap: 5px;
  background: rgba(255,255,255,.055); border: 1px solid;
  border-radius: 100px; padding: 4px 11px;
  font-size: .67rem; font-weight: 600; color: rgba(255,255,255,.5);
}
.kwyTUWGb0FlW2vDyiZLR { width: 5px; height: 5px; border-radius: 50%; flex-shrink: 0; }

/* Snapshot card */
.k95E4LMWvfKxbe3WhYZo { padding-top: 0.5rem; padding-bottom: 3rem; }
.GAptUfzRBfWVftNYa3uw {
  background: rgba(255,255,255,.07); border: 1.5px solid rgba(255,255,255,.1);
  border-top: 3px solid; border-radius: 18px; padding: 1.4rem;
  display: flex; flex-direction: column; gap: 1rem;
  animation: nsTIYT9enTWLyTzSuvsA 0.4s cubic-bezier(.16,1,.3,1) 0.1s both;
}
@keyframes nsTIYT9enTWLyTzSuvsA { from{opacity:0;transform:translateX(14px)} to{opacity:1;transform:translateX(0)} }

.lFN3OFVbsw67Nwjw6bGl {
  font-size: 0.62rem; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase;
}
.FEaz47d8cDWVzKeZBTaW { display: grid; grid-template-columns: 1fr 1fr; gap: 0.8rem; }
.AmooqtgNvZp1VKSQlReg { display: flex; align-items: flex-start; gap: 0.5rem; }
.GFH_yCFEqfQfvxFh7vBm { font-size: 1.1rem; flex-shrink: 0; }
.alWO0mgSYSROEsQmapOa  { font-family: 'Space Grotesk','Inter',system-ui,sans-serif; font-size: .9rem; font-weight: 800; line-height: 1.1; }
.RE8jtcRh6hvw1_jwplUY { font-size: .62rem; color: rgba(255,255,255,.38); font-weight: 500; }
.tvTuT0gSl4WOyBMfP1tZ { border-top: 1px solid rgba(255,255,255,.1); padding-top: .8rem; }
._O869MwZFxV6iPwVpVVw {
  display: inline-flex; align-items: center; gap: 6px;
  background: none; border: 1.5px solid; border-radius: 100px;
  padding: 7px 16px; font-size: .76rem; font-weight: 700; cursor: pointer;
  transition: background .18s;
}
._O869MwZFxV6iPwVpVVw:hover { background: rgba(255,255,255,.07); }

/* Stats strip */
.aWu5yxWudS9hV0ifb2P6 {
  position: relative; z-index: 1;
  display: grid; grid-template-columns: repeat(4,1fr);
  border-top: 1px solid rgba(255,255,255,.07); margin-top: 2.5rem;
}
.Mdy3cq039WeV2fdO3r9z {
  padding: 1.4rem 5rem; border-right: 1px solid rgba(255,255,255,.07);
  display: flex; flex-direction: column; gap: 3px;
}
.Mdy3cq039WeV2fdO3r9z:last-child { border-right: none; }
.TS62TxNCllq2hxqqjY9t {
  font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
  font-size: 1.4rem; font-weight: 800; letter-spacing: -.04em; line-height: 1;
}
.mEbLShfQmpzauAAnkAj_ { font-size: .65rem; color: rgba(255,255,255,.34); font-weight: 500; }

/* ══ CHALLENGES ══════════════════════════════════════ */
.C1knFPPyQPcR5gYbEJHr { padding: 5rem; background: #FFFFFF; }
.C1knFPPyQPcR5gYbEJHr .CPJ83rmzCUSOkD1DtoYM { max-width: 1180px; margin: 0 auto; }

.mftqdDQkJ8wOvlnDK7VC {
  display: grid; grid-template-columns: 300px 1fr;
  gap: 4rem; align-items: flex-start;
}
.EZwjsu_aoPgfUYmti2gb { display: flex; flex-direction: column; gap: 0.8rem; }
.idFljQsbkuMyDubVpN0r {
  font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
  font-size: clamp(1.4rem,2.6vw,2rem); font-weight: 800;
  color: #0F172A; letter-spacing: -.04em; line-height: 1.15; margin: .3rem 0 0;
}
.gKLhmgaGyIw8YZJ0vb4T { font-size: .84rem; color: #64748B; line-height: 1.78; margin: 0; }
.jf8c0CLQIsIESag9ikFn {
  display: inline-flex; align-items: center; gap: 6px;
  background: none; border: 1.5px solid; border-radius: 100px;
  padding: 8px 18px; font-size: .8rem; font-weight: 700; cursor: pointer;
  transition: background .18s; width: fit-content; margin-top: .3rem;
}
.jf8c0CLQIsIESag9ikFn:hover { background: #F8FAFF; }

.LNEfGQhKXioscs7aNU3J {
  display: grid; grid-template-columns: repeat(3,1fr);
  gap: 1px; background: #E8EEF8; border: 1px solid #E8EEF8;
  border-radius: 18px; overflow: hidden;
}
.NGLPoJvtshzQ3ARtga2L {
  position: relative; overflow: hidden;
  background: #FAFBFF; padding: 1.4rem 1.2rem;
  display: flex; flex-direction: column; gap: 0.45rem;
  animation: lhnZLGiVV7Tc_WU4vAfA .4s cubic-bezier(.16,1,.3,1) calc(var(--i,0) * .05s) both;
  transition: background .18s;
}
.NGLPoJvtshzQ3ARtga2L:hover { background: #FFFFFF; }
@keyframes lhnZLGiVV7Tc_WU4vAfA { from{opacity:0;transform:translateY(8px)} to{opacity:1;transform:translateY(0)} }

.Qlg7Z0DORzcMRHRAhqN1 {
  position: absolute; bottom: 0; left: 0; right: 0; height: 2px;
  transform: scaleX(0); transform-origin: left;
  transition: transform .22s ease;
}
.NGLPoJvtshzQ3ARtga2L:hover .Qlg7Z0DORzcMRHRAhqN1 { transform: scaleX(1); }

.e8t2uUZa_xqhmeLJUDPr {
  width: 40px; height: 40px; border-radius: 11px;
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.Se72vcQheJq0817ooS7f { font-size: 1.2rem; }
.xaDaTiYR0biLdyfpKrB_ { font-size: .82rem; font-weight: 700; color: #0F172A; line-height: 1.3; }
.YtFzDm3yTdfVlhmMEVhu  { font-size: .73rem; color: #64748B; line-height: 1.62; margin: 0; }

/* ══ CAPABILITIES ════════════════════════════════════ */
.vxVcv9ufDm4ftlUbk93y {
  position: relative; padding: 5rem; background: #07101E; overflow: hidden;
}
.Okx76G19n4KglurFUREO {
  position: absolute; inset: 0;
  background-image:
    radial-gradient(circle at 10% 55%, rgba(59,130,246,.1) 0%, transparent 45%),
    radial-gradient(circle at 82% 28%, rgba(139,92,246,.07) 0%, transparent 45%);
  pointer-events: none;
}
.vxVcv9ufDm4ftlUbk93y .CPJ83rmzCUSOkD1DtoYM { position: relative; z-index: 1; max-width: 1180px; margin: 0 auto; }

.JItQfyKzvSEONDS4cilW {
  display: grid; grid-template-columns: 280px 1fr;
  gap: 2.5rem; align-items: flex-start; margin-bottom: 2.5rem;
}

.SGApMXMqChFXbuppbtjD { display: flex; flex-direction: column; gap: 0.25rem; }
.MsOnRpeIFufGpx4vm780 {
  display: flex; align-items: center; gap: 0.7rem;
  background: none; border: none; border-left: 3px solid transparent;
  padding: 0.75rem 1rem; cursor: pointer; text-align: left;
  border-radius: 0 8px 8px 0; transition: all .18s;
  color: rgba(255,255,255,.4);
}
.MsOnRpeIFufGpx4vm780:hover { background: rgba(255,255,255,.05); color: rgba(255,255,255,.65); }
.vnIv723lKd49MBZK9Wee { color: #FFF !important; }

.CWk9jOUplLh4hDJd2G_k { font-size: 1rem; flex-shrink: 0; }
.et7HtuxwjSQOySK3nOXg { font-size: .78rem; font-weight: 600; line-height: 1.3; }

.U96y7f7O3szBPmfn_KAw {
  background: rgba(255,255,255,.06); border: 1.5px solid rgba(255,255,255,.09);
  border-top: 3px solid; border-radius: 18px; padding: 2rem;
  display: flex; flex-direction: column; gap: 0.7rem;
  animation: pA25bZUHMTRdWBCFtYDS .28s cubic-bezier(.16,1,.3,1) both;
}
@keyframes pA25bZUHMTRdWBCFtYDS { from{opacity:0;transform:translateY(6px)} to{opacity:1;transform:translateY(0)} }

.bgX8kd02Jf4th0nCD1iP {
  width: 50px; height: 50px; border-radius: 14px;
  display: flex; align-items: center; justify-content: center; font-size: 1.5rem;
}
.cHRsxmHTsjbsARPFvGh9 {
  font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
  font-size: 1.3rem; font-weight: 800; color: #FFF;
  letter-spacing: -.03em; margin: 0;
}
.yOBr0Xm6VqEGlzC3ZwEa { font-size: .86rem; color: rgba(255,255,255,.52); line-height: 1.78; margin: 0; flex: 1; }
.L1GFHnKM8vJ7q3PAWCKj {
  display: inline-flex; align-items: center; gap: 6px;
  background: none; border: 1.5px solid; border-radius: 100px;
  padding: 7px 16px; font-size: .76rem; font-weight: 700;
  cursor: pointer; width: fit-content; transition: background .18s;
}
.L1GFHnKM8vJ7q3PAWCKj:hover { background: rgba(255,255,255,.07); }

/* Quick-select capability grid */
.FBFb5YPaBgHePrUkvGjb {
  display: grid; grid-template-columns: repeat(6,1fr); gap: 0.5rem;
}
.UzajwTG7bSXTD8hJICDC {
  background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.08);
  border-radius: 12px; padding: 0.85rem 0.7rem;
  display: flex; flex-direction: column; align-items: center; gap: 0.4rem;
  cursor: pointer; transition: background .18s, border-color .18s; text-align: center;
}
.UzajwTG7bSXTD8hJICDC:hover { background: rgba(255,255,255,.09); border-color: rgba(255,255,255,.18); }
.rFo2VZrikpknLgJQzEvB {
  background: rgba(255,255,255,.1) !important;
  border-color: var(--accent) !important;
}
.axpZzrSnit0ttfRuAnvb { font-size: 1.2rem; }
.cFH5mmpVytDDfnjW1BrJ { font-size: .65rem; color: rgba(255,255,255,.45); font-weight: 600; line-height: 1.3; }

/* ══ STORE TYPES ═════════════════════════════════════ */
.q3EzXI0pSuc9Y_TFyoMX { padding: 5rem; background: #F8FAFF; }
.q3EzXI0pSuc9Y_TFyoMX .CPJ83rmzCUSOkD1DtoYM { max-width: 1180px; margin: 0 auto; }

.JO65nPf1kKrZkBVcsae7 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 1rem;
}
.C6BtvO8DHr1UbF7IdKlg {
  background: #FFFFFF; border: 1.5px solid #E8EEF8;
  border-radius: 16px; padding: 1.3rem;
  display: flex; flex-direction: column; gap: 0.45rem;
  position: relative; overflow: hidden;
  transition: box-shadow .18s, transform .18s;
}
.C6BtvO8DHr1UbF7IdKlg::after {
  content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 0;
  background: var(--accent, #1A6EFF); opacity: 0.07;
  transition: height .22s ease;
}
.C6BtvO8DHr1UbF7IdKlg:hover::after { height: 100%; }
.C6BtvO8DHr1UbF7IdKlg:hover { box-shadow: 0 6px 22px rgba(0,0,0,.07); transform: translateY(-3px); }

.cPuxiWbN4pFWIbvPVVFQ {
  position: absolute; top: 0; left: 0; right: 0; height: 3px;
  transform: scaleX(0); transform-origin: left;
  transition: transform .22s ease;
}
.C6BtvO8DHr1UbF7IdKlg:hover .cPuxiWbN4pFWIbvPVVFQ { transform: scaleX(1); }

.BHIEoiTnLHFdQZhksMlA {
  width: 44px; height: 44px; border-radius: 12px;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.3rem; flex-shrink: 0;
}
.aDd3sWGPXhWnm3QG62nQ { font-size: .82rem; font-weight: 700; position: relative; z-index: 1; }
.c9D9QqoL6sT03qOSXrjI { font-size: .72rem; color: #64748B; line-height: 1.55; margin: 0; position: relative; z-index: 1; }

/* ══ PRODUCTS ════════════════════════════════════════ */
.Hd3Gx5XlaAldfxtsJZRX {
  position: relative; padding: 5rem; background: #060C1A; overflow: hidden;
}
.X2V3f4vaBdJBATM3Nd6C {
  position: absolute; inset: 0;
  background-image: radial-gradient(circle at 50% 50%, rgba(139,92,246,.07) 0%, transparent 55%);
  pointer-events: none;
}
.Hd3Gx5XlaAldfxtsJZRX .CPJ83rmzCUSOkD1DtoYM { position: relative; z-index: 1; max-width: 1180px; margin: 0 auto; }

.T5HxxSvADExe1X13yhjF {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(200px,1fr)); gap: 1rem;
}
.ta2YjESjXlovMXTDXw0B {
  background: rgba(255,255,255,.07); border: 1.5px solid rgba(255,255,255,.09);
  border-radius: 16px; padding: 1.3rem;
  display: flex; flex-direction: column; gap: 0.3rem;
  cursor: pointer; position: relative; overflow: hidden;
  transition: background .18s, transform .18s;
}
.ta2YjESjXlovMXTDXw0B::before {
  content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px;
  background: var(--accent); transform: scaleY(0); transform-origin: top;
  transition: transform .22s ease;
}
.ta2YjESjXlovMXTDXw0B:hover::before { transform: scaleY(1); }
.ta2YjESjXlovMXTDXw0B:hover { background: rgba(255,255,255,.1); transform: translateY(-3px); }

.QtHCdthQbEFbkqz6nhed { font-size: .86rem; font-weight: 800; }
.RrKz845yNKUpqtSv6pTh { font-size: .73rem; color: rgba(255,255,255,.4); line-height: 1.5; flex: 1; }
.MgUvEpjKrCzOAyPq3vqK { font-size: 1rem; font-weight: 700; align-self: flex-end; margin-top: .3rem; }

/* ══ CLOSING ══════════════════════════════════════════ */
.Dv2UW3uKvgXxOuB0O7Hc {
  position: relative; padding: 6.5rem 5rem;
  text-align: center; background: #FFFFFF; overflow: hidden;
}
._t20C9IcddaHyMI3lw5N {
  position: absolute; top: 50%; left: 50%;
  transform: translate(-50%,-50%);
  width: 700px; height: 500px; pointer-events: none;
}
.OuErKGUj0gwGOhncYcYl {
  position: relative; z-index: 1; max-width: 580px; margin: 0 auto;
  display: flex; flex-direction: column; align-items: center; gap: 0.9rem;
}
.MNOS6a9feZnNJ4fgeaZL {
  display: inline-flex; align-items: center; gap: 6px;
  border: 1px solid; border-radius: 100px; padding: 5px 14px;
  font-size: .59rem; font-weight: 700; letter-spacing: .12em;
}
.HUrNIFfmY9BF_dTrgDa6 {
  font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
  font-size: clamp(1.8rem,3.5vw,2.8rem); font-weight: 800;
  color: #0F172A; letter-spacing: -.05em; line-height: 1.1; margin: 0;
}
.fa2JBuWdwg1OEt7KfRlT {
  font-size: .86rem; color: #64748B; line-height: 1.75; margin: 0; max-width: 460px;
}
.WWBnvt1LGsdypky4EH2N {
  display: flex; align-items: center; gap: 1rem;
  flex-wrap: wrap; justify-content: center; margin-top: .3rem;
}

/* ══ RESPONSIVE ══════════════════════════════════════ */
@media (max-width: 1024px) {
  .mbETzFvz6SHGqCrR3OIR { width: calc(100% + 6rem); margin-left: -3rem; }
}
@media (max-width: 600px) {
  .mbETzFvz6SHGqCrR3OIR { width: calc(100% + 2rem); margin-left: -1rem; }
}
@media (max-width: 1100px) {
  .KHNeISiCOFuG_d1itU82        { grid-template-columns: 1fr; padding: 3rem 2.5rem 0; }
  .k95E4LMWvfKxbe3WhYZo        { display: none; }
  .aWu5yxWudS9hV0ifb2P6       { grid-template-columns: repeat(2,1fr); }
  .mftqdDQkJ8wOvlnDK7VC  { grid-template-columns: 1fr; gap: 2rem; }
  .LNEfGQhKXioscs7aNU3J   { grid-template-columns: repeat(2,1fr); }
  .JItQfyKzvSEONDS4cilW        { grid-template-columns: 1fr; }
  .SGApMXMqChFXbuppbtjD          { flex-direction: row; flex-wrap: wrap; }
  .MsOnRpeIFufGpx4vm780           { border-left: none; border-bottom: 3px solid transparent; border-radius: 8px 8px 0 0; padding: .6rem .9rem; }
  .vnIv723lKd49MBZK9Wee     { border-bottom-color: var(--accent) !important; }
  .FBFb5YPaBgHePrUkvGjb          { grid-template-columns: repeat(3,1fr); }
  .JO65nPf1kKrZkBVcsae7        { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 768px) {
  .Dz2nsry1_ztEqbKrCj9B,.C1knFPPyQPcR5gYbEJHr,.vxVcv9ufDm4ftlUbk93y,.q3EzXI0pSuc9Y_TFyoMX,.Hd3Gx5XlaAldfxtsJZRX,.Dv2UW3uKvgXxOuB0O7Hc {
    padding-left: 1.5rem; padding-right: 1.5rem;
  }
  .KHNeISiCOFuG_d1itU82        { padding: 2rem 1.5rem 0; }
  .aWu5yxWudS9hV0ifb2P6       { grid-template-columns: 1fr 1fr; }
  .Mdy3cq039WeV2fdO3r9z         { padding: 1.1rem 1.5rem; }
  .LNEfGQhKXioscs7aNU3J   { grid-template-columns: 1fr; }
  .FBFb5YPaBgHePrUkvGjb          { grid-template-columns: repeat(2,1fr); }
  .JO65nPf1kKrZkBVcsae7        { grid-template-columns: 1fr; }
  .T5HxxSvADExe1X13yhjF     { grid-template-columns: repeat(2,1fr); }
}

.kykedzQL9g9YKKPS9tGw {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 1024px) {
  .kykedzQL9g9YKKPS9tGw {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 600px) {
  .kykedzQL9g9YKKPS9tGw {
    grid-template-columns: 1fr;
  }
}

.ccpn1tG5ySEvZg4FvrHF {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 820px) {
  .ccpn1tG5ySEvZg4FvrHF {
    grid-template-columns: 1fr;
  }
}
/* ── Breakout from App.js container margins ── */
.jTqwEW1ypbO_H_exwWZu {
  width: calc(100% + 10rem);
  margin-left: -5rem;
  overflow-x: hidden;
  font-family: 'Space Grotesk', sans-serif;
}

/* ══════════════════════════════
   HERO
══════════════════════════════ */
.fn1dfqyQ2WfFq32LPBvB {
  position: relative;
  background: #000;
  min-height: 100vh;
  display: flex;
  align-items: center;
  padding: 5rem 5rem 5rem;
  overflow: hidden;
}

.tI80bEWa_BvjG6qD5Z5G {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle, rgba(255,255,255,0.08) 1px, transparent 1px);
  background-size: 32px 32px;
  pointer-events: none;
}

.W1oQZM2visIGtWtzDEmC {
  position: absolute;
  width: 600px;
  height: 600px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(26,110,255,0.22) 0%, transparent 70%);
  top: -100px;
  left: -100px;
  pointer-events: none;
  animation: SP3q487wDvcGS_Rn097g 6s ease-in-out infinite alternate;
}

.fx6cDgIkt63mlq89fTqr {
  position: absolute;
  width: 500px;
  height: 500px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(123,111,255,0.18) 0%, transparent 70%);
  bottom: -80px;
  right: 10%;
  pointer-events: none;
  animation: SP3q487wDvcGS_Rn097g 8s ease-in-out infinite alternate-reverse;
}

@keyframes SP3q487wDvcGS_Rn097g {
  from { transform: scale(1); opacity: 0.7; }
  to   { transform: scale(1.15); opacity: 1; }
}

.NeeJNya32jdxYPrHwNi9 {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
  align-items: center;
  max-width: 1280px;
  margin: 0 auto;
  width: 100%;
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}
.tan8g_SKTmiR2L3UD3l8 { opacity: 1 !important; transform: translateY(0) !important; }

/* Left */
.pkfnEZd6lqvOucwcuCXT {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: rgba(26,110,255,0.12);
  border: 1px solid rgba(26,110,255,0.3);
  border-radius: 999px;
  padding: 0.35rem 0.9rem;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: #6EA8FF;
  margin-bottom: 1.5rem;
  animation: xKb8VCe5SgjIF5wSNPDK 3s ease-in-out infinite;
}
@keyframes xKb8VCe5SgjIF5wSNPDK {
  0%, 100% { box-shadow: 0 0 0 0 rgba(26,110,255,0.3); }
  50%       { box-shadow: 0 0 0 6px rgba(26,110,255,0); }
}
.qsaMKqx6FehswMLvudVP {
  width: 6px; height: 6px;
  border-radius: 50%;
  background: #1A6EFF;
  animation: N3O2RRgufm0pFY1ffGaa 2s ease-in-out infinite;
}
@keyframes N3O2RRgufm0pFY1ffGaa {
  0%, 100% { opacity: 1; } 50% { opacity: 0.3; }
}

.RmAOKbhQkDv_OiYU77EK {
  font-size: clamp(2.6rem, 5vw, 4.2rem);
  font-weight: 800;
  color: #fff;
  line-height: 1.1;
  margin: 0 0 1.2rem;
  letter-spacing: -0.02em;
}

.WtrmDCTTg0tveDdTjUGs {
  background: linear-gradient(90deg, #1A6EFF, #7B6FFF, #10B981);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.r6eBMbM64zuRp9GUttJA {
  font-size: 1.05rem;
  color: rgba(255,255,255,0.65);
  line-height: 1.75;
  margin: 0 0 2rem;
  max-width: 480px;
}

.al2cEQo_lmkyItyFAl4S {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}

.hMA5hbZamPhCPoNtVX0G {
  display: inline-flex;
  align-items: center;
  background: linear-gradient(135deg, #1A6EFF, #7B6FFF);
  color: #fff;
  padding: 0.75rem 1.75rem;
  border-radius: 999px;
  font-weight: 700;
  font-size: 0.95rem;
  text-decoration: none;
  transition: transform 0.2s, box-shadow 0.2s;
  box-shadow: 0 4px 20px rgba(26,110,255,0.35);
}
.hMA5hbZamPhCPoNtVX0G:hover { transform: translateY(-2px); box-shadow: 0 8px 32px rgba(26,110,255,0.5); }

.TlOYOBWTCCHBHRopfVEm {
  display: inline-flex;
  align-items: center;
  background: transparent;
  color: rgba(255,255,255,0.7);
  padding: 0.75rem 1.5rem;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.2);
  font-weight: 600;
  font-size: 0.95rem;
  text-decoration: none;
  transition: background 0.2s, color 0.2s, border-color 0.2s;
}
.TlOYOBWTCCHBHRopfVEm:hover { background: rgba(255,255,255,0.08); color: #fff; border-color: rgba(255,255,255,0.4); }

/* Right — hub + badges cloud */
.GwDyMzBV4NUE1jrXrBIq {
  position: relative;
  height: 480px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.QkQWiWf0XAf0ICwzMSJ3 {
  position: absolute;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 2px solid rgba(26,110,255,0.35);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 40px rgba(26,110,255,0.25), inset 0 0 40px rgba(26,110,255,0.1);
  animation: b6CCoQN9KA1R8HsVoqCz 4s ease-in-out infinite;
  z-index: 2;
}
@keyframes b6CCoQN9KA1R8HsVoqCz {
  0%, 100% { box-shadow: 0 0 40px rgba(26,110,255,0.25), inset 0 0 40px rgba(26,110,255,0.1); }
  50%       { box-shadow: 0 0 70px rgba(26,110,255,0.45), inset 0 0 60px rgba(26,110,255,0.2); }
}
.BS1x_Np7bIGCp61Uvt3_ {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: linear-gradient(135deg, #1A6EFF22, #7B6FFF22);
  border: 1px solid rgba(26,110,255,0.5);
}
.BS1x_Np7bIGCp61Uvt3_ span {
  font-size: 1.4rem;
  font-weight: 800;
  background: linear-gradient(135deg, #1A6EFF, #7B6FFF);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.BS1x_Np7bIGCp61Uvt3_ small {
  font-size: 0.55rem;
  color: rgba(255,255,255,0.5);
  letter-spacing: 0.08em;
  font-weight: 600;
  margin-top: -2px;
}

.TVavYV38l4ZvUMf_M2zW {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.s3PGfvnwyBmbakrzKS8Z {
  position: absolute;
  animation: s3PGfvnwyBmbakrzKS8Z 5s ease-in-out infinite alternate;
}
.s3PGfvnwyBmbakrzKS8Z:nth-child(1)  { top: 4%;  left: 0%; }
.s3PGfvnwyBmbakrzKS8Z:nth-child(2)  { top: 4%;  left: 38%; }
.s3PGfvnwyBmbakrzKS8Z:nth-child(3)  { top: 4%;  right: 0%; }
.s3PGfvnwyBmbakrzKS8Z:nth-child(4)  { top: 28%; left: 0%; }
.s3PGfvnwyBmbakrzKS8Z:nth-child(5)  { top: 30%; left: 40%; }
.s3PGfvnwyBmbakrzKS8Z:nth-child(6)  { top: 28%; right: 0%; }
.s3PGfvnwyBmbakrzKS8Z:nth-child(7)  { top: 55%; left: 3%; }
.s3PGfvnwyBmbakrzKS8Z:nth-child(8)  { top: 56%; left: 40%; }
.s3PGfvnwyBmbakrzKS8Z:nth-child(9)  { top: 55%; right: 1%; }
.s3PGfvnwyBmbakrzKS8Z:nth-child(10) { top: 78%; left: 5%; }
.s3PGfvnwyBmbakrzKS8Z:nth-child(11) { top: 80%; left: 38%; }
.s3PGfvnwyBmbakrzKS8Z:nth-child(12) { top: 78%; right: 3%; }

@keyframes s3PGfvnwyBmbakrzKS8Z {
  0%   { transform: translateY(0px); }
  100% { transform: translateY(-10px); }
}

.IHBQcbZyRt0TfV0IWNhP {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.4rem 0.75rem;
  border-radius: 10px;
  backdrop-filter: blur(10px);
  white-space: nowrap;
}
.IHBQcbZyRt0TfV0IWNhP span {
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  min-width: 22px;
  text-align: center;
}
.IHBQcbZyRt0TfV0IWNhP small {
  font-size: 0.7rem;
  color: rgba(255,255,255,0.75);
  font-weight: 600;
}

/* ══════════════════════════════
   STATS
══════════════════════════════ */
.UJSScGd5Q9HG1BkLTLBQ {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  background: linear-gradient(135deg, #1A6EFF, #7B6FFF);
  padding: 2.5rem 5rem;
}

.HPdeB9hmhl_vdwg5_6BC {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.3rem;
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}
.Eb3Mffnm2iK9UZQxK9hS { opacity: 1 !important; transform: translateY(0) !important; }

.uPc6mBL7LgkQmCDeH2cB {
  font-size: 2rem;
  font-weight: 800;
  color: #fff;
  letter-spacing: -0.02em;
}
.kr15PFZL_nw1O0UdPARw {
  font-size: 0.82rem;
  font-weight: 600;
  color: rgba(255,255,255,0.75);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

/* ══════════════════════════════
   INTEGRATION GRID SECTION
══════════════════════════════ */
.O8scYBo2Z6EjiBs0jSpB {
  background: #F5F5F7;
  padding: 5rem 5rem;
}

.YvPKpxnRa6oSYK2GEI6K {
  text-align: center;
  margin-bottom: 2.5rem;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.TEGQj2rNNmBVPYK0E5ln { opacity: 1 !important; transform: translateY(0) !important; }

.QH2nUlenCyLTAv4se5XX {
  font-size: clamp(1.8rem, 3.5vw, 2.6rem);
  font-weight: 800;
  color: #0a0a0a;
  margin: 0 0 0.75rem;
  letter-spacing: -0.02em;
}
.uGQtZHhghNQlTtNNDc5m {
  font-size: 1rem;
  color: #555;
  max-width: 560px;
  margin: 0 auto;
  line-height: 1.7;
}

/* Tabs */
.v3BjLvYTIqFeXj5VwaSy {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: center;
  margin-bottom: 2.5rem;
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 0.6s ease 0.15s, transform 0.6s ease 0.15s;
}
.Nr1AKxo811cNM2FtLTKr { opacity: 1 !important; transform: translateY(0) !important; }

.srJGOhpehbjCVlJuxYN6 {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.5rem 1.1rem;
  border-radius: 999px;
  border: 1.5px solid rgba(0,0,0,0.12);
  background: #fff;
  font-size: 0.85rem;
  font-weight: 600;
  color: #444;
  cursor: pointer;
  transition: all 0.2s;
  font-family: inherit;
}
.srJGOhpehbjCVlJuxYN6:hover { background: #f0f0f5; border-color: rgba(26,110,255,0.3); color: #1A6EFF; }
.LY3CLCHsKEgH6Hmp8PwG {
  background: linear-gradient(135deg, #1A6EFF, #7B6FFF) !important;
  border-color: transparent !important;
  color: #fff !important;
}
.bL6mupGbbUiFoyKlVyab {
  background: rgba(255,255,255,0.25);
  border-radius: 999px;
  padding: 0.1rem 0.45rem;
  font-size: 0.72rem;
  font-weight: 700;
}
.LY3CLCHsKEgH6Hmp8PwG .bL6mupGbbUiFoyKlVyab { background: rgba(255,255,255,0.3); }

/* Cards */
.Vq3EYIPUnPGdeEzcRNX9 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}

.i9ZyQ0UCA_0WoSYZt6sw {
  background: #fff;
  border-radius: 14px;
  padding: 1.25rem;
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  border: 1px solid rgba(0,0,0,0.07);
  transition: transform 0.25s, box-shadow 0.25s, opacity 0.4s, translate 0.4s;
  cursor: pointer;
  opacity: 0;
  translate: 0 18px;
}
.i9ZyQ0UCA_0WoSYZt6sw:hover { transform: translateY(-3px); box-shadow: 0 8px 28px rgba(0,0,0,0.09); }
.maLUQo6WPteFn4kaHN73 { opacity: 1 !important; translate: 0 0 !important; }

.gx5BJTYYuDXkajtV8eIX {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.gx5BJTYYuDXkajtV8eIX span {
  font-size: 0.8rem;
  font-weight: 800;
  letter-spacing: 0.03em;
}

.qIvEKcTOpteJP76EcbIQ { flex: 1; min-width: 0; }
.qIvEKcTOpteJP76EcbIQ h3 {
  font-size: 0.9rem;
  font-weight: 700;
  color: #0a0a0a;
  margin: 0 0 0.3rem;
}
.qIvEKcTOpteJP76EcbIQ p {
  font-size: 0.78rem;
  color: #666;
  margin: 0;
  line-height: 1.55;
}

.cC4PAeU3mgeA8QgAx0Kw {
  color: rgba(0,0,0,0.25);
  flex-shrink: 0;
  margin-top: 2px;
  transition: color 0.2s, transform 0.2s;
}
.i9ZyQ0UCA_0WoSYZt6sw:hover .cC4PAeU3mgeA8QgAx0Kw { color: #1A6EFF; transform: translateX(3px); }

/* ══════════════════════════════
   REQUEST SECTION
══════════════════════════════ */
.gKg5YGq5eJcP9OdRDveg {
  background: #F5F5F7;
  padding: 1rem 5rem 5rem;
  display: flex;
  justify-content: center;
}

.fmqU8a2riWPxZvZth8oD {
  background: linear-gradient(135deg, #0a0a0a, #161625);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 20px;
  padding: 3rem 4rem;
  text-align: center;
  max-width: 600px;
  width: 100%;
}
.xIaLBp2_3oNEMSWlMzAA { font-size: 2.5rem; margin-bottom: 1rem; }
.fmqU8a2riWPxZvZth8oD h3 {
  font-size: 1.6rem;
  font-weight: 800;
  color: #fff;
  margin: 0 0 0.75rem;
}
.fmqU8a2riWPxZvZth8oD p {
  font-size: 0.95rem;
  color: rgba(255,255,255,0.6);
  line-height: 1.7;
  margin: 0 0 1.75rem;
}

/* ══════════════════════════════
   CTA
══════════════════════════════ */
.fUZogWzL7Y54QArYkg2S {
  position: relative;
  background: #000;
  padding: 7rem 5rem;
  text-align: center;
  overflow: hidden;
}
.XUNbqlsbONqRZdbnIezS {
  position: absolute;
  width: 700px;
  height: 500px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(26,110,255,0.2) 0%, transparent 70%);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.ivrcuhVMRUZiNlxzfWyF {
  position: relative;
  z-index: 2;
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}
.eg7D_t4DYQnTZrtSoC2_ { opacity: 1 !important; transform: translateY(0) !important; }
.xUnkocP_bkZaDeGhMDkm {
  font-size: clamp(2rem, 4vw, 3.2rem);
  font-weight: 800;
  color: #fff;
  margin: 0 0 1rem;
  letter-spacing: -0.02em;
}
.FNF5Bnme8utA2MRf4VGj {
  font-size: 1.05rem;
  color: rgba(255,255,255,0.6);
  margin: 0 0 2.5rem;
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.7;
}
.K5nMPCBhnvK_WagTtJkk {
  display: flex;
  gap: 1rem;
  justify-content: center;
  flex-wrap: wrap;
}

/* ══════════════════════════════
   RESPONSIVE
══════════════════════════════ */
@media (max-width: 1024px) {
  .jTqwEW1ypbO_H_exwWZu { width: calc(100% + 6rem); margin-left: -3rem; }
  .fn1dfqyQ2WfFq32LPBvB { padding: 6rem 3rem 4rem; }
  .NeeJNya32jdxYPrHwNi9 { grid-template-columns: 1fr; gap: 3rem; }
  .GwDyMzBV4NUE1jrXrBIq { height: 300px; }
  .UJSScGd5Q9HG1BkLTLBQ { padding: 2rem 3rem; grid-template-columns: repeat(2, 1fr); gap: 1.5rem; }
  .O8scYBo2Z6EjiBs0jSpB { padding: 4rem 3rem; }
  .Vq3EYIPUnPGdeEzcRNX9 { grid-template-columns: repeat(2, 1fr); }
  .gKg5YGq5eJcP9OdRDveg { padding: 1rem 3rem 4rem; }
  .fUZogWzL7Y54QArYkg2S { padding: 5rem 3rem; }
}

@media (max-width: 768px) {
  .Vq3EYIPUnPGdeEzcRNX9 { grid-template-columns: 1fr; }
  .GwDyMzBV4NUE1jrXrBIq { display: none; }
  .RmAOKbhQkDv_OiYU77EK { font-size: 2.4rem; }
}

@media (max-width: 600px) {
  .jTqwEW1ypbO_H_exwWZu { width: calc(100% + 2rem); margin-left: -1rem; }
  .fn1dfqyQ2WfFq32LPBvB { padding: 5rem 1.5rem 3rem; }
  .UJSScGd5Q9HG1BkLTLBQ { padding: 2rem 1.5rem; grid-template-columns: repeat(2, 1fr); }
  .O8scYBo2Z6EjiBs0jSpB { padding: 3rem 1.5rem; }
  .gKg5YGq5eJcP9OdRDveg { padding: 0 1.5rem 3rem; }
  .fmqU8a2riWPxZvZth8oD { padding: 2rem 1.5rem; }
  .fUZogWzL7Y54QArYkg2S { padding: 4rem 1.5rem; }
  .v3BjLvYTIqFeXj5VwaSy { gap: 0.4rem; }
  .srJGOhpehbjCVlJuxYN6 { font-size: 0.78rem; padding: 0.45rem 0.9rem; }
}

/* ══════════════════════════════════════════════════
   Pallet Become a Partner — premium partner program page
══════════════════════════════════════════════════ */

.CXwj5P81tdIQw843d7RS { width: 100%; background: #FFFFFF; overflow-x: hidden; }

/* ── Shared layout ── */
._27mWqpmY0IZXyP4lnE9Q { max-width: 1200px; margin: 0 auto; width: 100%; }

.GdUgKGYv1JZgWvJ4UwFz {
  font-size: 0.62rem; font-weight: 700;
  letter-spacing: 0.14em; text-transform: uppercase;
  color: #1A6EFF; margin-bottom: 0.6rem;
}
.sQFCP1SSHVmDq2QOIiSe {
  font-size: 0.62rem; font-weight: 700;
  letter-spacing: 0.14em; text-transform: uppercase;
  color: rgba(255,255,255,0.38); margin-bottom: 0.6rem;
}
.zhdusxA7OQJ8st1Jf2GR  { margin-bottom: 2.5rem; max-width: 640px; }
.GrJtEKsuX4aMpU01heCb {
  font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
  font-size: clamp(1.7rem,3.2vw,2.5rem); font-weight: 800;
  color: #0F172A; letter-spacing: -0.045em; line-height: 1.1; margin: 0;
}
.kbLNO5Nwl9i1qMHf4AIv {
  font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
  font-size: clamp(1.7rem,3.2vw,2.5rem); font-weight: 800;
  color: #FFFFFF; letter-spacing: -0.045em; line-height: 1.15; margin: 0;
}

/* ── Primary CTA ── */
.QZFhK_Oj2DcgFiCTE2Bw {
  display: inline-flex; align-items: center; gap: 6px;
  background: #1A6EFF; color: #FFFFFF;
  font-size: 0.9rem; font-weight: 700;
  padding: 0.8rem 2rem; border-radius: 100px; border: none;
  cursor: pointer;
  box-shadow: 0 4px 18px rgba(26,110,255,0.38);
  transition: box-shadow 0.18s, transform 0.18s;
  text-decoration: none;
}
.QZFhK_Oj2DcgFiCTE2Bw:hover { box-shadow: 0 6px 28px rgba(26,110,255,0.55); transform: translateY(-2px); }

.rpg6G_vsn1eOCNBctMd1 {
  display: inline-flex; align-items: center; gap: 6px;
  color: rgba(255,255,255,0.6); font-size: 0.88rem; font-weight: 600;
  padding: 0.78rem 1.4rem; border-radius: 100px;
  border: 1.5px solid rgba(255,255,255,0.18); text-decoration: none;
  transition: border-color 0.18s, color 0.18s;
}
.rpg6G_vsn1eOCNBctMd1:hover { border-color: rgba(255,255,255,0.44); color: #FFFFFF; }

/* ══ HERO ═══════════════════════════════════════════ */
.yeurNFHExvofm_43qYtZ {
  position: relative;
  background: #060C1A;
  overflow: hidden;
  min-height: 100vh;
  display: flex; flex-direction: column;
}

/* animated dot grid */
.CiVr70AGOitl1EzRfReZ {
  position: absolute; inset: 0;
  background-image: radial-gradient(circle, rgba(255,255,255,0.045) 1px, transparent 1px);
  background-size: 32px 32px;
  animation: uzZVsR3pupOexPLyaC8G 30s linear infinite;
  pointer-events: none;
}
@keyframes uzZVsR3pupOexPLyaC8G { to { background-position: 32px 32px; } }

.dSX5ex3sgI8Hv7tRlVeq {
  position: absolute; top: -120px; left: -100px;
  width: 580px; height: 580px;
  background: radial-gradient(circle, rgba(59,130,246,0.18) 0%, transparent 60%);
  animation: J0cgRQLIIxyZKVtNYdcI 13s ease-in-out infinite alternate;
  pointer-events: none;
}
.hUaNHKyfBRJ03WdOP4AR {
  position: absolute; bottom: 60px; right: -80px;
  width: 420px; height: 420px;
  background: radial-gradient(circle, rgba(16,185,129,0.12) 0%, transparent 60%);
  animation: J0cgRQLIIxyZKVtNYdcI 17s ease-in-out infinite alternate-reverse;
  pointer-events: none;
}
.Ucjy86hCFVGHtsss4dvS {
  position: absolute; top: 40%; left: 40%;
  width: 320px; height: 320px;
  background: radial-gradient(circle, rgba(139,92,246,0.08) 0%, transparent 60%);
  animation: J0cgRQLIIxyZKVtNYdcI 20s ease-in-out infinite alternate;
  pointer-events: none;
}
@keyframes J0cgRQLIIxyZKVtNYdcI {
  from { transform: scale(1) translate(0,0); }
  to   { transform: scale(1.1) translate(22px,14px); }
}

/* Program tabs across the top */
._Me8iEKIncMZU1uN86Xg {
  position: relative; z-index: 2;
  display: flex; align-items: center; gap: 0.5rem;
  padding: 1.2rem 5rem 0;
  flex-wrap: wrap;
}
.wvizzLiR6lZ5dyqaTXIg {
  display: flex; align-items: center; gap: 6px;
  background: rgba(255,255,255,0.05);
  border: 1.5px solid rgba(255,255,255,0.1);
  border-radius: 100px; padding: 6px 16px;
  font-size: 0.74rem; font-weight: 600;
  color: rgba(255,255,255,0.5);
  cursor: pointer; transition: all 0.18s;
}
.wvizzLiR6lZ5dyqaTXIg:hover { background: rgba(255,255,255,0.09); color: rgba(255,255,255,0.8); }
.QKd6ShLKachvmnZwZLQT { font-weight: 700; }

/* Hero body */
.qu6OFS6LgX2Gug7Ng1z6 {
  position: relative; z-index: 1;
  display: grid; grid-template-columns: 1fr 440px;
  gap: 4rem; align-items: center;
  padding: 3.5rem 5rem 2rem;
  flex: 1;
}

.gy3HCYCtk3SilRC1oepC { display: flex; flex-direction: column; gap: 0; }

.mRyFhXfb_MXKt1Tt8PB8 {
  display: inline-flex; align-items: center; gap: 8px;
  background: rgba(26,110,255,0.14);
  border: 1px solid rgba(26,110,255,0.28);
  border-radius: 100px; padding: 5px 14px;
  font-size: 0.63rem; font-weight: 700; letter-spacing: 0.1em;
  color: #60A5FA; margin-bottom: 1.2rem; width: fit-content;
}
.b9tloKPiE0LzC5kAbeGZ {
  width: 7px; height: 7px; border-radius: 50%; background: #22C55E;
  animation: cFVHrD3YU4cVYTULukvO 2s ease-in-out infinite; flex-shrink: 0;
}
@keyframes cFVHrD3YU4cVYTULukvO {
  0%,100% { box-shadow: 0 0 0 0 rgba(34,197,94,.5); }
  50%      { box-shadow: 0 0 0 6px rgba(34,197,94,0); }
}

.GXN6V4l8GXdeykh5WPRl {
  font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
  font-size: clamp(2.6rem,5.2vw,4.2rem); font-weight: 800;
  color: #FFFFFF; letter-spacing: -0.055em; line-height: 1.03;
  margin: 0 0 1.2rem;
}
.haZBhuJUhDcGpfV8m4DS {
  background: linear-gradient(90deg, #60A5FA, #34D399);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
  font-variant-numeric: tabular-nums;
}
.y1whUUGg9pMnIf48JBAj {
  background: linear-gradient(110deg, #A78BFA 0%, #EC4899 50%, #F59E0B 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
  background-size: 200%;
  animation: L2y1GKZueHebM1pPqncz 5s ease-in-out infinite alternate;
}
@keyframes L2y1GKZueHebM1pPqncz { from{background-position:0%} to{background-position:100%} }

.w2ioGc96KEpYShGDvxON {
  font-size: 0.96rem; color: rgba(255,255,255,0.55);
  line-height: 1.72; margin: 0 0 2rem; max-width: 500px;
}

.d9byqXOFSH8oV4QOV6P3 { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; }

/* Right — program cards */
.dAkKWFpVqSpWwGR7paAA { display: flex; flex-direction: column; gap: 0.65rem; }

.OOUw1ua_69xllTHBxa4T {
  display: flex; align-items: center; gap: 0.9rem;
  background: rgba(255,255,255,0.05);
  border: 1.5px solid rgba(255,255,255,0.09);
  border-radius: 14px; padding: 0.9rem 1rem;
  cursor: pointer; text-align: left;
  transition: background 0.18s, border-color 0.18s, transform 0.18s;
  animation: TNOYJ5AE3qLg0CyWqa_p 0.4s cubic-bezier(0.16,1,0.3,1) calc(var(--i) * 0.07s) both;
}
.OOUw1ua_69xllTHBxa4T:hover { background: rgba(255,255,255,0.09); transform: translateX(4px); }
.FGU2pmfqzS9hQeDV75i8 {
  border-color: var(--accent);
  background: rgba(255,255,255,0.08);
  transform: translateX(6px);
}
@keyframes TNOYJ5AE3qLg0CyWqa_p { from{opacity:0;transform:translateX(16px)} to{opacity:1;transform:translateX(0)} }

.Jf_CvlRsoXfmiy5GvSox {
  width: 44px; height: 44px; border-radius: 12px;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.2rem; flex-shrink: 0;
}
.O6xNf4RVUdYbzLNxYCs4 { flex: 1; }
.k2O3HhfoBDYIfin1b_ew { font-size: 0.82rem; font-weight: 700; color: #FFFFFF; margin-bottom: 2px; }
.ZASsFnRUJctbjTxCiOih { font-size: 0.7rem; color: rgba(255,255,255,0.45); line-height: 1.4; }
.ltRtAwk8JvPbzxrFNM_A { font-size: 1.2rem; font-weight: 700; flex-shrink: 0; }

/* Stats strip */
.Rx9VoV5KwWqrP3Vqo6IR {
  position: relative; z-index: 1;
  display: grid; grid-template-columns: repeat(4,1fr);
  border-top: 1px solid rgba(255,255,255,0.07);
}
.YUA2ZzPvvkX012cHiSW7 {
  padding: 1.4rem 5rem;
  border-right: 1px solid rgba(255,255,255,0.07);
  display: flex; flex-direction: column; gap: 3px;
}
.YUA2ZzPvvkX012cHiSW7:last-child { border-right: none; }
.KUmE1ttrufeyatTlxn8w {
  font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
  font-size: 1.7rem; font-weight: 800; color: #FFFFFF;
  letter-spacing: -0.04em; line-height: 1;
}
.DAuILz_KoKLnXeQ5ujLw { font-size: 0.7rem; color: rgba(255,255,255,0.38); font-weight: 500; }

/* ══ PROGRAM SECTION ═════════════════════════════════ */
.uAE5jS1aX9pbBxnZjFby { background: #F8FAFF; }

/* Tab rail */
.DBOIgcEB_SvLaVx0gHv_ {
  display: flex; align-items: center;
  border-bottom: 2px solid #E8EEF8;
  padding: 0 5rem;
  background: #FFFFFF;
  position: sticky; top: 60px; z-index: 9;
  overflow-x: auto; scrollbar-width: none;
}
.DBOIgcEB_SvLaVx0gHv_::-webkit-scrollbar { display: none; }

.iSDG5knFDW5sRbAFSzBD {
  display: flex; align-items: center; gap: 7px;
  background: none; border: none; border-bottom: 3px solid transparent;
  padding: 1rem 1.4rem; margin-bottom: -2px;
  font-size: 0.82rem; font-weight: 600;
  color: #64748B; cursor: pointer; white-space: nowrap;
  transition: color 0.15s, border-bottom-color 0.15s;
}
.iSDG5knFDW5sRbAFSzBD:hover { color: #0F172A; }
.C5UfPoIhpUrfYzsualTf { font-weight: 700; }
.tvXhSaBkXnuaoO3E1jii { font-size: 1rem; }

/* Panel */
.rcNwQSTan_tyl9DqmJJl {
  padding: 0 5rem 4rem;
  animation: muDRCSu_rA9_YZgYfhxN 0.35s cubic-bezier(0.16,1,0.3,1) both;
}
@keyframes muDRCSu_rA9_YZgYfhxN { from{opacity:0;transform:translateY(8px)} to{opacity:1;transform:translateY(0)} }

.YxIR5wLWwshN15VHHq01 {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 4rem; padding: 3rem 0 2rem;
}

/* Left */
.aU7jWQIFzY3eCgtBlCMO { display: flex; flex-direction: column; gap: 1rem; }

.lXhcgNsuQgHqvtNnNjZy {
  display: inline-flex; align-items: center; gap: 6px;
  border-radius: 100px; padding: 5px 14px;
  font-size: 0.68rem; font-weight: 700; width: fit-content;
}
.QwUkCV5sricJTNjErDF9 {
  font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
  font-size: clamp(1.4rem,2.5vw,1.9rem); font-weight: 800;
  color: #0F172A; letter-spacing: -0.04em; line-height: 1.15; margin: 0;
}
.axuQhZ6oLDN2HlN_fw_Q { font-size: 0.88rem; color: #475569; line-height: 1.72; margin: 0; }

.GmmDZmuzT5y8Bkjtaej5 {
  border-radius: 12px; padding: 1rem 1.2rem;
  border: 1.5px solid;
}
.CbrP9XBF10Kw_bbgiUk_ {
  font-size: 0.6rem; font-weight: 800; letter-spacing: 0.12em;
  margin-bottom: 0.4rem;
}
.m2DincKcux1mFDn81XOi { font-size: 0.82rem; color: #374151; line-height: 1.65; margin: 0; }

.DZ6WxdaDOmGUBYZhptnF {
  display: inline-flex; align-items: center; gap: 6px;
  color: #FFFFFF; font-size: 0.88rem; font-weight: 700;
  padding: 0.78rem 1.8rem; border-radius: 100px; border: none;
  cursor: pointer; width: fit-content;
  box-shadow: 0 4px 16px rgba(0,0,0,0.2);
  transition: opacity 0.18s, transform 0.18s;
}
.DZ6WxdaDOmGUBYZhptnF:hover { opacity: 0.9; transform: translateY(-2px); }

/* Right — benefits */
.nOb7LGHM1Q43XH7GXiIV { display: flex; flex-direction: column; gap: 1rem; }
.YurcEvi3264sDmJL9Bdv {
  font-size: 0.6rem; font-weight: 800; letter-spacing: 0.14em;
  text-transform: uppercase;
}
.x6gDWXhc9BMLYHa9FM0u {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 0.8rem;
}
.GTuuEPmGmmeP4Z9OzVJS {
  background: #FFFFFF; border: 1.5px solid #E8EEF8;
  border-radius: 14px; padding: 1.1rem;
  display: flex; flex-direction: column; gap: 0.4rem;
  position: relative; overflow: hidden;
  transition: box-shadow 0.18s, transform 0.18s;
}
.GTuuEPmGmmeP4Z9OzVJS::before {
  content: ""; position: absolute;
  top: 0; left: 0; right: 0; height: 3px;
  background: var(--accent);
  transform: scaleX(0); transform-origin: left;
  transition: transform 0.22s ease;
}
.GTuuEPmGmmeP4Z9OzVJS:hover::before { transform: scaleX(1); }
.GTuuEPmGmmeP4Z9OzVJS:hover { box-shadow: 0 6px 20px rgba(0,0,0,0.07); transform: translateY(-3px); }

.l7IZYy3QeP9rAyTVphau {
  width: 38px; height: 38px; border-radius: 10px;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.1rem; flex-shrink: 0;
}
.ZXx_XOpkPhaJSk8CkYdO { font-size: 0.82rem; font-weight: 800; color: #0F172A; margin: 0; }
.rq5TJgCNOrP0LYy6ACWo  { font-size: 0.74rem; color: #64748B; line-height: 1.6; margin: 0; }

/* Tiers */
.sih8eXS8YdTQkgG1VZxB {
  border-top: 1.5px solid #E8EEF8;
  padding-top: 2rem;
}
.lfIW_52FF_reMBcFTAht {
  font-size: 0.6rem; font-weight: 800; letter-spacing: 0.14em;
  text-transform: uppercase; margin-bottom: 1.2rem;
}
.fypbBhbXhRSQ3zMYuf0G {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 1rem;
}
.ChVAvMyjqcHJx3YBnMxO {
  border-radius: 18px; padding: 1.5rem;
  border: 1.5px solid #E8EEF8;
  display: flex; flex-direction: column; gap: 0.5rem;
  position: relative;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
  transition: box-shadow 0.2s, transform 0.2s;
}
.ChVAvMyjqcHJx3YBnMxO:hover { box-shadow: 0 8px 24px rgba(0,0,0,0.1); transform: translateY(-3px); }
.WtSbPxJKeQb2Okoy8J2g { box-shadow: 0 6px 24px rgba(0,0,0,0.18); }

.lXX_YreSwC5UgZNlmY27 {
  position: absolute; top: -10px; right: 16px;
  background: #0F172A; color: #FFFFFF;
  font-size: 0.62rem; font-weight: 700;
  padding: 3px 10px; border-radius: 100px;
}
.R6YJGvHGZ9eMzKZqt6vN {
  font-size: 0.7rem; font-weight: 800; letter-spacing: 0.08em;
  text-transform: uppercase; margin-bottom: 2px;
}
.A413CuPvC7begfzJVJrJ { font-size: 0.82rem; font-weight: 700; line-height: 1.3; }
.L_ixHhlqccBLJMSUVNeM { list-style: none; padding: 0; margin: 0.2rem 0 0.6rem; display: flex; flex-direction: column; gap: 0.25rem; }
.Pr9NAYOT3K_Sb_VmDwN4 { display: flex; align-items: flex-start; gap: 6px; font-size: 0.78rem; line-height: 1.4; opacity: 0.85; }
.VZ2_S7c1kQo6T2lPUq1Q { font-weight: 800; flex-shrink: 0; line-height: 1.4; }

.Y88TW4Cwvi3ZgBmie9Mm {
  display: flex; align-items: center; justify-content: center;
  font-size: 0.78rem; font-weight: 700;
  padding: 0.6rem; border-radius: 100px;
  cursor: pointer; margin-top: auto;
  transition: opacity 0.15s;
}
.Y88TW4Cwvi3ZgBmie9Mm:hover { opacity: 0.85; }

/* ══ WHY PARTNER ═════════════════════════════════════ */
.rkuj1Kz8SV2c32kNxbnG {
  position: relative; padding: 5rem;
  background: #0A0F1E; overflow: hidden;
}
.rxzm7ZGcj1tKz_yX17du {
  position: absolute; inset: 0;
  background-image:
    radial-gradient(circle at 10% 50%, rgba(59,130,246,0.14) 0%, transparent 45%),
    radial-gradient(circle at 80% 20%, rgba(139,92,246,0.1) 0%, transparent 45%),
    radial-gradient(circle at 60% 80%, rgba(16,185,129,0.08) 0%, transparent 45%);
  pointer-events: none;
}

.oNeLcEDGoTzVc9zP8LOp {
  display: grid; grid-template-columns: repeat(3,1fr);
  gap: 1.2rem; position: relative; z-index: 1;
}

.xrPV27dgXBuR2nJdUWHU {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 18px; padding: 1.6rem;
  display: flex; flex-direction: column; gap: 0.5rem;
  transition: background 0.18s, transform 0.2s;
  animation: F0MVNd7CjTDucgC_r1eR 0.4s cubic-bezier(0.16,1,0.3,1) var(--di) both;
}
.xrPV27dgXBuR2nJdUWHU:hover { background: rgba(255,255,255,0.07); transform: translateY(-4px); }
@keyframes F0MVNd7CjTDucgC_r1eR { from{opacity:0;transform:translateY(12px)} to{opacity:1;transform:translateY(0)} }

.Zmq9Zs7vhMXk8w60y78G {
  font-size: 1.6rem; width: 52px; height: 52px;
  background: rgba(255,255,255,0.07);
  border-radius: 14px;
  display: flex; align-items: center; justify-content: center;
  margin-bottom: 0.3rem;
}
.ipv9pzJa8CWC8wD980hg { font-size: 0.95rem; font-weight: 700; color: #FFFFFF; margin: 0; }
.FLfLMCdrngatNhjB5VsQ  { font-size: 0.8rem; color: rgba(255,255,255,0.5); line-height: 1.68; margin: 0; }

/* ══ JOURNEY ═════════════════════════════════════════ */
.QB3_O1vDgQjNarQRmxfq { padding: 5rem; background: #FFFFFF; }

.nuliBnLuNkHCf6VagZOB {
  display: grid; grid-template-columns: repeat(4,1fr);
  gap: 0; position: relative; margin-bottom: 2.5rem;
}
/* top connector line */
.nuliBnLuNkHCf6VagZOB::before {
  content: ""; position: absolute;
  top: 24px; left: 26px; right: 26px; height: 2px;
  background: linear-gradient(90deg, #3B82F6, #8B5CF6, #10B981, #F59E0B);
  z-index: 0;
}

.iqHa8Xc7BUHWeHTtTCuy {
  position: relative; z-index: 1;
  display: flex; flex-direction: column; gap: 0.6rem;
  padding-right: 2rem;
}

.EtPJumFtcAAwQpkAv8iu {
  width: 50px; height: 50px; border-radius: 50%;
  background: #FFFFFF; border: 2.5px solid;
  display: flex; align-items: center; justify-content: center;
  font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
  font-size: 0.85rem; font-weight: 800;
  margin-bottom: 0.8rem; flex-shrink: 0;
}

.XgOdPL_F_2gedF67aKP7 { font-size: 0.95rem; font-weight: 800; color: #0F172A; margin: 0; }
.TIYuMFezWoi_RNTcapGV  { font-size: 0.8rem; color: #64748B; line-height: 1.65; margin: 0; }

.X4lJ16KEhCe5hXlo36v3 { display: flex; justify-content: center; }

/* ══ MISSION BAND ════════════════════════════════════ */
.x_AhEVNJ7QT5ekWnxpqj {
  position: relative; padding: 5rem;
  background: linear-gradient(135deg, #1E1B4B 0%, #0F172A 60%, #064E3B 100%);
  overflow: hidden; text-align: center;
}
.YokXjxzdXI1_QC_tAluQ {
  position: absolute; top: 50%; left: 50%;
  transform: translate(-50%,-50%);
  width: 700px; height: 400px;
  background: radial-gradient(ellipse, rgba(139,92,246,0.15) 0%, transparent 65%);
  pointer-events: none;
}
.emgb2AFRQbX9gbA8vmFt {
  position: relative; z-index: 1;
  max-width: 760px; margin: 0 auto;
}
.NgMr8B1r5cVEix0D2PUP {
  font-size: 5rem; line-height: 1; color: rgba(255,255,255,0.15);
  font-family: Georgia, serif; margin-bottom: -1rem;
}
.tBKbUkmtuh9q54s8RfZt {
  font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
  font-size: clamp(1.05rem,2.2vw,1.4rem); font-weight: 600;
  color: rgba(255,255,255,0.82); line-height: 1.65;
  font-style: italic; border: none; margin: 0 0 1.2rem; padding: 0;
}
.F5I_1D69BTwGUhHW0gWo {
  font-size: 0.78rem; color: rgba(255,255,255,0.38); font-weight: 600;
}

/* ══ CLOSING CTA ═════════════════════════════════════ */
.DbACAYDmvo3jttnK1FMw {
  position: relative; padding: 6rem 5rem;
  text-align: center; background: #F8FAFF; overflow: hidden;
}
.__8O0sK6EkA9O9zm19x7 {
  position: absolute; top: 50%; left: 50%;
  transform: translate(-50%,-50%);
  width: 700px; height: 500px;
  background: radial-gradient(ellipse, rgba(26,110,255,0.06) 0%, transparent 65%);
  pointer-events: none;
}
.UYbMAdBRhvgr5KySMrqD {
  position: relative; z-index: 1;
  max-width: 700px; margin: 0 auto;
  display: flex; flex-direction: column; align-items: center; gap: 1rem;
}

.G__GALIMIuYS_7WYJNhP {
  display: inline-flex; align-items: center; gap: 6px;
  background: #EEF4FF; border: 1px solid rgba(26,110,255,0.2);
  border-radius: 100px; padding: 5px 14px;
  font-size: 0.65rem; font-weight: 700; letter-spacing: 0.1em; color: #1A6EFF;
}
.xjfChnP6Eeft0Z8iDif5 {
  font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
  font-size: clamp(2rem,4vw,3rem); font-weight: 800;
  color: #0F172A; letter-spacing: -0.05em; line-height: 1.1; margin: 0;
}
.Vt9BfXbel1fwx7BEmWJm {
  font-size: 0.9rem; color: #64748B; line-height: 1.65;
  margin: 0; max-width: 440px;
}

.DPWgsxIEcKfraQzCSmbZ {
  display: grid; grid-template-columns: repeat(2,1fr);
  gap: 0.7rem; width: 100%; margin-top: 0.5rem;
}
.Anb7OEle9rdjAUT8pFxG {
  display: flex; align-items: center; gap: 0.8rem;
  background: #FFFFFF; border: 1.5px solid #E8EEF8;
  border-radius: 14px; padding: 1rem 1.2rem;
  cursor: pointer; text-align: left;
  transition: box-shadow 0.18s, transform 0.18s, border-color 0.18s;
}
.Anb7OEle9rdjAUT8pFxG:hover {
  box-shadow: 0 6px 20px rgba(0,0,0,0.08);
  transform: translateY(-3px);
  border-color: var(--accent);
}
.Mo7nNYF3Lu9j8TDY9ItJ { font-size: 1.3rem; }
._2uQqeKXTJ0hyCagXnR1A { font-size: 0.84rem; font-weight: 700; color: #0F172A; flex: 1; }
.fE91esLuLDe3kyjJQsl7 { font-size: 1rem; font-weight: 800; }

.g2HMFjAnSxRdRV0gElK1 { font-size: 0.78rem; color: #94A3B8; margin: 0.2rem 0 0; }
.uxRwRqCWgBbQU4uf7lL2 {
  background: none; border: none; cursor: pointer;
  font-size: 0.78rem; font-weight: 700; color: #1A6EFF;
  text-decoration: underline; padding: 0;
}

/* ══ RESPONSIVE ══════════════════════════════════════ */
@media (max-width: 1100px) {
  .qu6OFS6LgX2Gug7Ng1z6          { grid-template-columns: 1fr; }
  .dAkKWFpVqSpWwGR7paAA          { display: none; }
  .Rx9VoV5KwWqrP3Vqo6IR          { grid-template-columns: repeat(2,1fr); }
  .YxIR5wLWwshN15VHHq01  { grid-template-columns: 1fr; gap: 2rem; }
  .oNeLcEDGoTzVc9zP8LOp            { grid-template-columns: repeat(2,1fr); }
  .nuliBnLuNkHCf6VagZOB        { grid-template-columns: repeat(2,1fr); }
  .nuliBnLuNkHCf6VagZOB::before{ display: none; }
}
@media (max-width: 768px) {
  /*
   * Mobile spacing system.
   * Keep the desktop presentation unchanged while giving the partner page
   * the same shared gutter and section rhythm as About Us.
   */
  .CXwj5P81tdIQw843d7RS {
    --partner-gutter: 32px;
    --partner-section-gap: 48px;
    --partner-card-padding: 28px;
    --partner-content-gap: 20px;
    --partner-item-gap: 12px;
  }

  .CXwj5P81tdIQw843d7RS,
  .CXwj5P81tdIQw843d7RS * {
    box-sizing: border-box;
  }

  .yeurNFHExvofm_43qYtZ,
  .rkuj1Kz8SV2c32kNxbnG,
  .QB3_O1vDgQjNarQRmxfq,
  .x_AhEVNJ7QT5ekWnxpqj,
  .DbACAYDmvo3jttnK1FMw {
    width: 100%;
    padding-left: var(--partner-gutter);
    padding-right: var(--partner-gutter);
  }

  .yeurNFHExvofm_43qYtZ {
    min-height: auto;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  ._Me8iEKIncMZU1uN86Xg,
  .qu6OFS6LgX2Gug7Ng1z6,
  .Rx9VoV5KwWqrP3Vqo6IR {
    width: 100%;
    min-width: 0;
  }

  ._Me8iEKIncMZU1uN86Xg {
    padding: 1rem var(--partner-gutter) 0;
    gap: 0.45rem;
  }

  .wvizzLiR6lZ5dyqaTXIg {
    min-width: 0;
    padding: 6px 11px;
    font-size: 0.68rem;
    white-space: normal;
    text-align: left;
  }

  .qu6OFS6LgX2Gug7Ng1z6 {
    display: block;
    padding: 2.5rem var(--partner-gutter) 2rem;
  }

  .gy3HCYCtk3SilRC1oepC {
    width: 100%;
    min-width: 0;
  }

  .mRyFhXfb_MXKt1Tt8PB8 {
    max-width: 100%;
    margin-bottom: 0.9rem;
    white-space: normal;
  }

  .GXN6V4l8GXdeykh5WPRl {
    font-size: clamp(2.25rem, 11vw, 3.5rem);
    line-height: 1.06;
    margin-bottom: 1rem;
  }

  .w2ioGc96KEpYShGDvxON {
    max-width: none;
    font-size: 0.88rem;
    line-height: 1.62;
    margin-bottom: var(--partner-content-gap);
  }

  .d9byqXOFSH8oV4QOV6P3 {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    gap: var(--partner-item-gap);
  }

  .d9byqXOFSH8oV4QOV6P3 .QZFhK_Oj2DcgFiCTE2Bw,
  .d9byqXOFSH8oV4QOV6P3 .rpg6G_vsn1eOCNBctMd1 {
    width: 100%;
    justify-content: center;
    text-align: center;
  }

  .Rx9VoV5KwWqrP3Vqo6IR {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .YUA2ZzPvvkX012cHiSW7 {
    min-width: 0;
    padding: 1rem var(--partner-gutter);
  }

  .KUmE1ttrufeyatTlxn8w,
  .DAuILz_KoKLnXeQ5ujLw {
    overflow-wrap: anywhere;
  }

  .DBOIgcEB_SvLaVx0gHv_ {
    width: 100%;
    padding: 0 var(--partner-gutter);
  }

  .iSDG5knFDW5sRbAFSzBD {
    min-width: max-content;
    padding: 0.85rem 0.9rem;
    font-size: 0.74rem;
  }

  .rcNwQSTan_tyl9DqmJJl {
    width: 100%;
    padding: 0 var(--partner-gutter) 3rem;
  }

  .YxIR5wLWwshN15VHHq01 {
    gap: var(--partner-content-gap);
    padding: 2.25rem 0 1.5rem;
  }

  .aU7jWQIFzY3eCgtBlCMO,
  .nOb7LGHM1Q43XH7GXiIV {
    min-width: 0;
    gap: var(--partner-item-gap);
  }

  .QwUkCV5sricJTNjErDF9 {
    font-size: clamp(1.35rem, 7vw, 1.85rem);
  }

  .axuQhZ6oLDN2HlN_fw_Q,
  .m2DincKcux1mFDn81XOi,
  .rq5TJgCNOrP0LYy6ACWo,
  .Pr9NAYOT3K_Sb_VmDwN4,
  .TIYuMFezWoi_RNTcapGV,
  .FLfLMCdrngatNhjB5VsQ,
  .tBKbUkmtuh9q54s8RfZt,
  .Vt9BfXbel1fwx7BEmWJm,
  .g2HMFjAnSxRdRV0gElK1 {
    overflow-wrap: anywhere;
  }

  .GmmDZmuzT5y8Bkjtaej5 {
    padding: 0.9rem 1rem;
  }

  .DZ6WxdaDOmGUBYZhptnF {
    width: 100%;
    justify-content: center;
    text-align: center;
  }

  .x6gDWXhc9BMLYHa9FM0u       { grid-template-columns: 1fr; }
  .oNeLcEDGoTzVc9zP8LOp            { grid-template-columns: 1fr; }
  .nuliBnLuNkHCf6VagZOB        { grid-template-columns: 1fr; }
  .GTuuEPmGmmeP4Z9OzVJS {
    padding: var(--partner-card-padding);
  }

  .sih8eXS8YdTQkgG1VZxB {
    padding-top: 1.5rem;
  }

  .lfIW_52FF_reMBcFTAht {
    margin-bottom: 0.9rem;
  }

  .fypbBhbXhRSQ3zMYuf0G {
    grid-template-columns: 1fr;
    gap: var(--partner-item-gap);
  }

  .ChVAvMyjqcHJx3YBnMxO {
    min-width: 0;
    padding: var(--partner-card-padding);
  }

  .lXX_YreSwC5UgZNlmY27 {
    right: 20px;
  }

  .rkuj1Kz8SV2c32kNxbnG,
  .QB3_O1vDgQjNarQRmxfq,
  .x_AhEVNJ7QT5ekWnxpqj {
    padding-top: var(--partner-section-gap);
    padding-bottom: var(--partner-section-gap);
  }

  .zhdusxA7OQJ8st1Jf2GR {
    width: 100%;
    max-width: 100%;
    margin-bottom: var(--partner-content-gap);
  }

  .GrJtEKsuX4aMpU01heCb,
  .kbLNO5Nwl9i1qMHf4AIv {
    font-size: clamp(1.55rem, 7.5vw, 2.15rem);
    line-height: 1.15;
  }

  .oNeLcEDGoTzVc9zP8LOp {
    gap: var(--partner-item-gap);
  }

  .xrPV27dgXBuR2nJdUWHU {
    min-width: 0;
    padding: var(--partner-card-padding);
    gap: var(--partner-item-gap);
  }

  .nuliBnLuNkHCf6VagZOB {
    gap: var(--partner-content-gap);
    margin-bottom: var(--partner-content-gap);
  }

  .iqHa8Xc7BUHWeHTtTCuy {
    min-width: 0;
    gap: var(--partner-item-gap);
    padding-right: 0;
  }

  .EtPJumFtcAAwQpkAv8iu {
    margin-bottom: 0.3rem;
  }

  .emgb2AFRQbX9gbA8vmFt,
  .UYbMAdBRhvgr5KySMrqD {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  .NgMr8B1r5cVEix0D2PUP {
    font-size: 4rem;
    margin-bottom: -0.75rem;
  }

  .tBKbUkmtuh9q54s8RfZt {
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 1rem;
  }

  .DbACAYDmvo3jttnK1FMw {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .UYbMAdBRhvgr5KySMrqD {
    gap: var(--partner-item-gap);
  }

  .xjfChnP6Eeft0Z8iDif5 {
    font-size: clamp(1.9rem, 9vw, 2.7rem);
  }

  .Vt9BfXbel1fwx7BEmWJm {
    max-width: 100%;
  }

  .DPWgsxIEcKfraQzCSmbZ {
    grid-template-columns: 1fr;
    gap: var(--partner-item-gap);
    margin-top: 0.25rem;
  }

  .Anb7OEle9rdjAUT8pFxG {
    width: 100%;
    min-width: 0;
    padding: 0.9rem 1rem;
  }

  ._2uQqeKXTJ0hyCagXnR1A {
    min-width: 0;
    overflow-wrap: anywhere;
  }
}

@media (max-width: 600px) {
  .CXwj5P81tdIQw843d7RS {
    --partner-gutter: 20px;
    --partner-section-gap: 36px;
    --partner-card-padding: 24px;
  }

  .yeurNFHExvofm_43qYtZ {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  ._Me8iEKIncMZU1uN86Xg,
  .qu6OFS6LgX2Gug7Ng1z6,
  .DBOIgcEB_SvLaVx0gHv_,
  .rcNwQSTan_tyl9DqmJJl,
  .yeurNFHExvofm_43qYtZ,
  .rkuj1Kz8SV2c32kNxbnG,
  .QB3_O1vDgQjNarQRmxfq,
  .x_AhEVNJ7QT5ekWnxpqj,
  .DbACAYDmvo3jttnK1FMw {
    padding-left: var(--partner-gutter);
    padding-right: var(--partner-gutter);
  }

  ._Me8iEKIncMZU1uN86Xg {
    padding-top: 0.85rem;
  }

  .wvizzLiR6lZ5dyqaTXIg {
    flex: 1 1 calc(50% - 0.45rem);
    justify-content: center;
    text-align: center;
  }

  .qu6OFS6LgX2Gug7Ng1z6 {
    padding-top: 2rem;
    padding-bottom: 1.75rem;
  }

  .GXN6V4l8GXdeykh5WPRl {
    font-size: clamp(2.15rem, 11vw, 3rem);
  }

  .YUA2ZzPvvkX012cHiSW7 {
    padding: 0.9rem var(--partner-gutter);
  }

  .iSDG5knFDW5sRbAFSzBD {
    padding-left: 0.7rem;
    padding-right: 0.7rem;
  }

  .rcNwQSTan_tyl9DqmJJl {
    padding-bottom: 2.5rem;
  }

  .YxIR5wLWwshN15VHHq01 {
    padding-top: 1.75rem;
  }

  .GTuuEPmGmmeP4Z9OzVJS,
  .ChVAvMyjqcHJx3YBnMxO,
  .xrPV27dgXBuR2nJdUWHU {
    padding: var(--partner-card-padding);
  }

  .QB3_O1vDgQjNarQRmxfq,
  .x_AhEVNJ7QT5ekWnxpqj {
    padding-top: var(--partner-section-gap);
    padding-bottom: var(--partner-section-gap);
  }

  .DbACAYDmvo3jttnK1FMw {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}

/* ── Breakout from App.js container margins ── */
.RD8nGAHCsXMibmG8lMbt {
  width: calc(100% + 10rem);
  margin-left: -5rem;
  overflow-x: hidden;
  font-family: 'Space Grotesk', sans-serif;
}

/* ══════════════════════════════
   HERO
══════════════════════════════ */
.NfhMI7PoMztB2ryV7TgE {
  position: relative;
  background: #000;
  min-height: 100vh;
  display: flex;
  align-items: center;
  padding: 5rem 5rem 5rem;
  overflow: hidden;
}

.PG2i6roP6LCfAZdj_o8w {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle, rgba(255,255,255,0.07) 1px, transparent 1px);
  background-size: 32px 32px;
  pointer-events: none;
}

.wPYqpf7UnvQAYUpwuWzV {
  position: absolute;
  width: 700px; height: 700px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(26,110,255,0.18) 0%, transparent 70%);
  top: -150px; left: -100px;
  pointer-events: none;
  animation: vpzo6OA8U1dGVQBgGgrp 7s ease-in-out infinite alternate;
}

.xiy7QpG4oAbDLVxdGde6 {
  position: absolute;
  width: 500px; height: 500px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(244,63,94,0.14) 0%, transparent 70%);
  bottom: -80px; right: 5%;
  pointer-events: none;
  animation: vpzo6OA8U1dGVQBgGgrp 9s ease-in-out infinite alternate-reverse;
}

@keyframes vpzo6OA8U1dGVQBgGgrp {
  from { transform: scale(1); opacity: 0.7; }
  to   { transform: scale(1.18); opacity: 1; }
}

.Zs0iSyySqprrwpf07IlV {
  position: relative;
  z-index: 2;
  max-width: 640px;
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.Zhmo6U7pOglsmrw9GEWX { opacity: 1 !important; transform: translateY(0) !important; }

.mrk96XorlMQhyMFJx5B_ {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: rgba(26,110,255,0.12);
  border: 1px solid rgba(26,110,255,0.3);
  border-radius: 999px;
  padding: 0.35rem 0.9rem;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: #6EA8FF;
  margin-bottom: 1.5rem;
  animation: U6oDpR0wpXA383xuOVqx 3s ease-in-out infinite;
}
@keyframes U6oDpR0wpXA383xuOVqx {
  0%, 100% { box-shadow: 0 0 0 0 rgba(26,110,255,0.3); }
  50%       { box-shadow: 0 0 0 6px rgba(26,110,255,0); }
}
.d5p60yhJ13U3VAlBO2_j {
  width: 6px; height: 6px;
  border-radius: 50%;
  background: #1A6EFF;
  animation: MC2L67kbMkIjKjG0qSeh 2s ease-in-out infinite;
}
@keyframes MC2L67kbMkIjKjG0qSeh { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; } }

.uJerDhHCg8qoTmfPmf52 {
  font-size: clamp(2.8rem, 5.5vw, 4.4rem);
  font-weight: 800;
  color: #fff;
  line-height: 1.1;
  margin: 0 0 1.25rem;
  letter-spacing: -0.02em;
}

.a9gu52_ojxuplXbSrgPm {
  background: linear-gradient(90deg, #1A6EFF, #7B6FFF, #10B981);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.lLJ4Sf67tkKMMQa8TzMf {
  font-size: 1.08rem;
  color: rgba(255,255,255,0.62);
  line-height: 1.78;
  margin: 0 0 2rem;
  max-width: 520px;
}

/* App strip */
.Sc6E0SeHkjBjYscEoqC1 {
  display: flex;
  gap: 0.6rem;
  flex-wrap: wrap;
  margin-bottom: 2rem;
}
.TvDHET4RQAafX8HunLdL {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 999px;
  padding: 0.35rem 0.8rem;
  transition: background 0.2s, border-color 0.2s;
}
.TvDHET4RQAafX8HunLdL:hover {
  background: color-mix(in srgb, var(--accent) 15%, transparent);
  border-color: color-mix(in srgb, var(--accent) 40%, transparent);
}
.Dqby7jdNchm9AYynW5s7 { font-size: 0.9rem; }
.rwLgVRxy99_pHga0B5EG {
  font-size: 0.78rem;
  font-weight: 700;
  color: rgba(255,255,255,0.8);
  letter-spacing: 0.02em;
}

.lyq4okDzKGpErjLlXjRr {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}

.HAC6_rsGipaBjkz5DCrH {
  display: inline-flex;
  align-items: center;
  background: linear-gradient(135deg, #1A6EFF, #7B6FFF);
  color: #fff;
  padding: 0.8rem 1.8rem;
  border-radius: 999px;
  font-weight: 700;
  font-size: 0.95rem;
  text-decoration: none;
  transition: transform 0.2s, box-shadow 0.2s;
  box-shadow: 0 4px 20px rgba(26,110,255,0.35);
}
.HAC6_rsGipaBjkz5DCrH:hover { transform: translateY(-2px); box-shadow: 0 8px 32px rgba(26,110,255,0.5); }

.rJXfwK1Rp3gmXaKVhYs6 {
  display: inline-flex;
  align-items: center;
  background: transparent;
  color: rgba(255,255,255,0.7);
  padding: 0.8rem 1.5rem;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.2);
  font-weight: 600;
  font-size: 0.95rem;
  text-decoration: none;
  transition: background 0.2s, color 0.2s, border-color 0.2s;
}
.rJXfwK1Rp3gmXaKVhYs6:hover { background: rgba(255,255,255,0.08); color: #fff; border-color: rgba(255,255,255,0.4); }

/* Hero phones */
.NwD0B_i_RRR4t0OrBSw9 {
  position: absolute;
  right: 5rem;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  gap: -1rem;
  align-items: flex-end;
  z-index: 1;
}

.Idoc4i1Rec66aEW0j9Lx {
  animation: y_Hvc6FEsJXyn8bbUCOO 5s ease-in-out infinite alternate;
  transform-origin: center bottom;
}
.Idoc4i1Rec66aEW0j9Lx:nth-child(1) { transform: rotate(-8deg) translateY(20px); z-index: 3; }
.Idoc4i1Rec66aEW0j9Lx:nth-child(2) { transform: translateY(0px) scale(1.08); z-index: 4; margin: 0 -1.5rem; }
.Idoc4i1Rec66aEW0j9Lx:nth-child(3) { transform: rotate(8deg) translateY(20px); z-index: 3; }

@keyframes y_Hvc6FEsJXyn8bbUCOO {
  0%   { translate: 0 0; }
  100% { translate: 0 -12px; }
}

/* ══════════════════════════════
   PHONE ILLUSTRATION
══════════════════════════════ */
.y9siTdrac5R8zvDhPMOu {
  filter: drop-shadow(0 20px 40px rgba(0,0,0,0.4));
}

.xcDUdu20e3lEySp7H8vZ {
  width: 160px;
  background: linear-gradient(160deg, #1a1a2e, #16213e);
  border-radius: 28px;
  padding: 10px;
  border: 1.5px solid rgba(255,255,255,0.12);
  position: relative;
}
.xcDUdu20e3lEySp7H8vZ::before {
  content: '';
  position: absolute;
  top: 8px; left: 50%;
  transform: translateX(-50%);
  width: 36px; height: 4px;
  background: rgba(255,255,255,0.12);
  border-radius: 999px;
}

.jJXGmRWjvD8BOk2jRGfX {
  background: #0a0a12;
  border-radius: 20px;
  padding: 20px 10px 10px;
  overflow: hidden;
  min-height: 260px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.oLaIZ6kI0ffSTlKF3zH8 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 2px;
}
.CEUP4hbau1hloDw6l0ho {
  font-size: 0.6rem;
  font-weight: 700;
  color: rgba(255,255,255,0.7);
  letter-spacing: 0.05em;
}
.qqoxcIM5vNlVD7d77ajG {
  width: 6px; height: 6px;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 6px var(--accent);
  animation: MC2L67kbMkIjKjG0qSeh 2s ease-in-out infinite;
}

.nQACdhHpMOUAW7F9X17x {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 70px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--accent) 15%, transparent), color-mix(in srgb, var(--accentAlt) 10%, transparent));
  border-radius: 12px;
  border: 1px solid color-mix(in srgb, var(--accent) 25%, transparent);
}
.nuhUmEddm7pCexK1c5hH { font-size: 2rem; }

.b5byqpYzOjZpcRwF4yLs {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 0 2px;
}
.Z45b2XHKpDkAW3ZCCXO9 {
  height: 5px;
  border-radius: 999px;
  opacity: 0.8;
}

.A4L_3FPpi85jjJGbgGgX {
  display: flex;
  gap: 6px;
}
.qqfBPGCqIYGM37CIwt3x {
  flex: 1;
  border-radius: 8px;
  padding: 5px 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.qqfBPGCqIYGM37CIwt3x span {
  font-size: 0.6rem;
  font-weight: 800;
  letter-spacing: 0.03em;
}

/* ══════════════════════════════
   STATS STRIP
══════════════════════════════ */
.m1P9Egv1TvrxQltTC6nW {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  background: linear-gradient(135deg, #1A6EFF, #7B6FFF);
  padding: 2.5rem 5rem;
}
.gE9tjL2_LlR7arc_7PLk {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.3rem;
}
.ETJMMfX_4u26dzJSC0OQ {
  font-size: 2rem;
  font-weight: 800;
  color: #fff;
  letter-spacing: -0.02em;
}
.OKdg683UCCbHm1WEstPV {
  font-size: 0.82rem;
  font-weight: 600;
  color: rgba(255,255,255,0.75);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

/* ══════════════════════════════
   SHOWCASE
══════════════════════════════ */
.do8vx_hGZ_V1h4wCq1Ja {
  background: #F5F5F7;
  padding: 6rem 5rem;
}

._cqWkcFVKYSH8lGdy1dP {
  text-align: center;
  margin-bottom: 4rem;
}
.dg_pF3IzDVqWn7msLGQg {
  font-size: clamp(1.8rem, 3.5vw, 2.6rem);
  font-weight: 800;
  color: #0a0a0a;
  margin: 0 0 0.75rem;
  letter-spacing: -0.02em;
}
.yMpaBRaZZjBO3kOrM81E {
  font-size: 1rem;
  color: #555;
  max-width: 560px;
  margin: 0 auto;
  line-height: 1.7;
}

.SGG1HedvA_SxP3lQils7 {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

/* App card */
.oDUgnAUPxMXK9IwUwuhQ {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
  align-items: center;
  background: #fff;
  border-radius: 24px;
  padding: 3rem 3.5rem;
  border: 1px solid rgba(0,0,0,0.07);
  box-shadow: 0 4px 24px rgba(0,0,0,0.06);
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s ease, transform 0.6s ease, box-shadow 0.3s;
}
.oDUgnAUPxMXK9IwUwuhQ:hover { box-shadow: 0 12px 48px rgba(0,0,0,0.1); }
.RtH4GB67ypvTFic13u0y { opacity: 1 !important; transform: translateY(0) !important; }
.Q3zB61TpxYRwOZ5fBurl { direction: rtl; }
.Q3zB61TpxYRwOZ5fBurl > * { direction: ltr; }

.xUs2J6OKtE9gCNf1CWdF {
  display: flex;
  justify-content: center;
  align-items: center;
}
.PpLUGcXxJmWfNSfCdPb7 { order: 2; }

.WIgkZqCwomBHxtpjy2JQ { display: flex; flex-direction: column; gap: 1rem; }

.ZVIq4anAMqq0_OL_fNLu {
  display: inline-flex;
  align-items: center;
  padding: 0.3rem 0.85rem;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  width: fit-content;
}

.bYcKCt0OmmA7yzVphbK7 {
  font-size: clamp(1.8rem, 3vw, 2.4rem);
  font-weight: 800;
  margin: 0;
  letter-spacing: -0.02em;
  line-height: 1.1;
}
.pb4_L9NUi8_wSNlI_XSH {
  background: linear-gradient(135deg, var(--accent), var(--accentAlt));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.Pr0EgFhyyKOYvSwK8pmr {
  font-size: 1rem;
  font-weight: 600;
  color: #333;
  margin: 0;
}

.Vll_jK3KJcFND3gnUz73 {
  font-size: 0.95rem;
  color: #666;
  line-height: 1.72;
  margin: 0;
}

.MVWE3k8kftjKBPPP56xf {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}
.gmclz2YeaxhcmYHhzFRE {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  font-size: 0.88rem;
  color: #444;
  font-weight: 500;
}
.Wk9LHQU8wM8JWSAQeqyA {
  width: 20px; height: 20px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.65rem;
  font-weight: 800;
  flex-shrink: 0;
}

.J8kLc1PEZFGr_39dD7gB {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 0.5rem;
}

.y_ESdGQTOE6F3PENsZhA {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  background: #0a0a0a;
  color: #fff;
  padding: 0.6rem 1.2rem;
  border-radius: 12px;
  text-decoration: none;
  transition: transform 0.2s, box-shadow 0.2s, background 0.2s;
  border: 1.5px solid transparent;
}
.y_ESdGQTOE6F3PENsZhA:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px color-mix(in srgb, var(--accent) 35%, transparent);
  background: var(--accent);
}
.P8CCiIW4zeM8T9mrJMC7 {
  width: 20px; height: 20px;
  flex-shrink: 0;
}
.y_ESdGQTOE6F3PENsZhA span {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
}
.y_ESdGQTOE6F3PENsZhA small {
  font-size: 0.58rem;
  color: rgba(255,255,255,0.65);
  letter-spacing: 0.04em;
  font-weight: 500;
}
.y_ESdGQTOE6F3PENsZhA span > :last-child {
  font-size: 0.78rem;
  font-weight: 700;
}

.AQlDLZDkhtcMXxLn9d64 {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.6rem 1.2rem;
  border-radius: 12px;
  border: 1.5px solid;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.03em;
}

/* ══════════════════════════════
   CTA
══════════════════════════════ */
.VaaQonCrF9dNtmdFQX5h {
  position: relative;
  background: #000;
  padding: 7rem 5rem;
  text-align: center;
  overflow: hidden;
}
.MejhdG3Rwsl8wkalR4wr {
  position: absolute;
  width: 700px; height: 500px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(26,110,255,0.2) 0%, transparent 70%);
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.yXoZKAJZFU9_uNvTJld0 {
  position: relative;
  z-index: 2;
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}
.sz1S6hMdn4pLIrCR0EsZ { opacity: 1 !important; transform: translateY(0) !important; }
.sk6pXQM3eGLdajb6mRfH {
  font-size: clamp(2rem, 4vw, 3.2rem);
  font-weight: 800;
  color: #fff;
  margin: 0 0 1rem;
  letter-spacing: -0.02em;
}
.bhXCtDYlMUFdn7_4UmfP {
  font-size: 1.05rem;
  color: rgba(255,255,255,0.6);
  margin: 0 auto 2.5rem;
  max-width: 500px;
  line-height: 1.7;
}
.eKHa6zSPqgbClMyFaAM2 {
  display: flex;
  gap: 1rem;
  justify-content: center;
  flex-wrap: wrap;
}

/* ══════════════════════════════
   RESPONSIVE
══════════════════════════════ */
@media (max-width: 1024px) {
  .RD8nGAHCsXMibmG8lMbt { width: calc(100% + 6rem); margin-left: -3rem; }
  .NfhMI7PoMztB2ryV7TgE { padding: 7rem 3rem 4rem; }
  .NwD0B_i_RRR4t0OrBSw9 { right: 2rem; }
  .NwD0B_i_RRR4t0OrBSw9 .y9siTdrac5R8zvDhPMOu .xcDUdu20e3lEySp7H8vZ { width: 130px; }
  .m1P9Egv1TvrxQltTC6nW { padding: 2rem 3rem; grid-template-columns: repeat(2, 1fr); gap: 1.5rem; }
  .do8vx_hGZ_V1h4wCq1Ja { padding: 4rem 3rem; }
  .oDUgnAUPxMXK9IwUwuhQ { padding: 2.5rem 2.5rem; gap: 2.5rem; }
  .VaaQonCrF9dNtmdFQX5h { padding: 5rem 3rem; }
}

@media (max-width: 820px) {
  .NwD0B_i_RRR4t0OrBSw9 { display: none; }
  .oDUgnAUPxMXK9IwUwuhQ {
    grid-template-columns: 1fr;
    gap: 2rem;
    direction: ltr !important;
  }
  .Q3zB61TpxYRwOZ5fBurl { direction: ltr !important; }
  .xUs2J6OKtE9gCNf1CWdF { order: 0 !important; }
  .PpLUGcXxJmWfNSfCdPb7 { order: 0 !important; }
  .y9siTdrac5R8zvDhPMOu .xcDUdu20e3lEySp7H8vZ { width: 180px; }
}

@media (max-width: 600px) {
  .RD8nGAHCsXMibmG8lMbt { width: calc(100% + 2rem); margin-left: -1rem; }
  .NfhMI7PoMztB2ryV7TgE { padding: 6rem 1.5rem 3rem; }
  .uJerDhHCg8qoTmfPmf52 { font-size: 2.4rem; }
  .m1P9Egv1TvrxQltTC6nW { padding: 2rem 1.5rem; }
  .do8vx_hGZ_V1h4wCq1Ja { padding: 3rem 1.5rem; }
  .oDUgnAUPxMXK9IwUwuhQ { padding: 2rem 1.5rem; border-radius: 16px; }
  .VaaQonCrF9dNtmdFQX5h { padding: 4rem 1.5rem; }
}

/* ══════════════════════════════════════════════════
   Pallet Company — premium editorial redesign
══════════════════════════════════════════════════ */

.LR0vLe_hha3qI4v487s4 { width: 100%; background: #FFFFFF; overflow-x: hidden; }

/* ── Shared ── */
.HTDxm3QextYkGHLKdpEw { max-width: 1200px; margin: 0 auto; width: 100%; }

.NWN0x9yjodm9su7w4w4g {
  font-size: 0.64rem; font-weight: 700;
  letter-spacing: 0.14em; text-transform: uppercase;
  color: #1A6EFF; margin-bottom: 0.6rem;
}
.kUs2qUxm7pPONqtTeMO2 {
  font-size: 0.64rem; font-weight: 700;
  letter-spacing: 0.14em; text-transform: uppercase;
  color: rgba(255,255,255,0.4); margin-bottom: 0.6rem;
}

.TgxvDgOwa6UfpFGUd_cV { margin-bottom: 2.5rem; max-width: 580px; }
.r9BZ8lV9XV1Zuqpzk6Ky {
  font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
  font-size: clamp(1.6rem,3vw,2.3rem); font-weight: 800;
  color: #0F172A; letter-spacing: -0.04em; line-height: 1.12; margin: 0 0 0.5rem;
}
.DO77m6jMVqRmC4q0SZER {
  font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
  font-size: clamp(1.6rem,3vw,2.3rem); font-weight: 800;
  color: #FFFFFF; letter-spacing: -0.04em; line-height: 1.15; margin: 0 0 1rem;
}
.dAoLQ87B1S_0wYQbTT_n { font-size: 0.88rem; color: #64748B; line-height: 1.65; margin: 0; }

/* ── Scroll reveal ── */
.SdysSP2IHxRubWrCOKra {
  opacity: 0; transform: translateY(28px);
  transition: opacity 0.7s cubic-bezier(0.16,1,0.3,1),
              transform 0.7s cubic-bezier(0.16,1,0.3,1);
}
.SdysSP2IHxRubWrCOKra.NhBylP_Qx42ucMrEVbZI { opacity: 1; transform: translateY(0); }

/* ══ HERO ═══════════════════════════════════════════ */
.RuR4ynE9ywEWZQm7aDGg {
  position: relative; min-height: 94vh;
  background: #060C1A; display: flex;
  align-items: center; overflow: hidden;
}

.x0WCvz5rlUuYgeJeNHna {
  position: absolute; inset: 0;
  background-image: radial-gradient(circle, rgba(255,255,255,0.05) 1px, transparent 1px);
  background-size: 34px 34px;
  animation: tZLUIovmfll_m9R2Hn3S 30s linear infinite;
}
@keyframes tZLUIovmfll_m9R2Hn3S { to { background-position: 34px 34px; } }

.WinTrs679Aq4Pfmmq_iD {
  position: absolute; top: -80px; left: -60px;
  width: 480px; height: 480px;
  background: radial-gradient(circle, rgba(26,110,255,0.18) 0%, transparent 65%);
  animation: xbHYxE3DiC7SAlNkv5Ir 12s ease-in-out infinite alternate;
  pointer-events: none;
}
.SEZIISYCiYXL7D2OfgoZ {
  position: absolute; bottom: -60px; right: -40px;
  width: 400px; height: 400px;
  background: radial-gradient(circle, rgba(124,58,237,0.14) 0%, transparent 65%);
  animation: xbHYxE3DiC7SAlNkv5Ir 16s ease-in-out infinite alternate-reverse;
  pointer-events: none;
}
@keyframes xbHYxE3DiC7SAlNkv5Ir {
  from { transform: translate(0,0) scale(1); }
  to   { transform: translate(30px,20px) scale(1.1); }
}

/* Subtle vertical scan lines */
.C6mcIQnKWbTUognY5hgg { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }
.kwtkQqjf7BsPwzbL727n {
  position: absolute;
  top: 0; bottom: 0;
  width: 1px;
  background: linear-gradient(
    to bottom,
    transparent 0%,
    rgba(26,110,255,0.12) 30%,
    rgba(26,110,255,0.06) 70%,
    transparent 100%
  );
  left: calc((var(--i) + 1) * 14.2%);
  animation: MB5b1AhtP0pwNGeW5jeU calc(4s + var(--i) * 0.8s) ease-in-out infinite alternate;
}
@keyframes MB5b1AhtP0pwNGeW5jeU { from { opacity: 0.4; } to { opacity: 1; } }

.L1eI5Lk8JmhBfyw6cxmA {
  position: relative; z-index: 1;
  padding: 5rem;
  display: grid;
  grid-template-columns: 1fr 360px;
  gap: 5rem;
  align-items: center;
  width: 100%;
  animation: yYFC8zT7pq0uVovuVo4k 0.8s cubic-bezier(0.16,1,0.3,1) both;
}
@keyframes yYFC8zT7pq0uVovuVo4k { from{opacity:0;transform:translateY(20px)} to{opacity:1;transform:translateY(0)} }

.lEeyvnlfX1deVKLLToEY {
  display: inline-flex; align-items: center; gap: 8px;
  background: rgba(26,110,255,0.14);
  border: 1px solid rgba(26,110,255,0.28);
  border-radius: 100px; padding: 5px 14px;
  font-size: 0.66rem; font-weight: 700; letter-spacing: 0.1em;
  color: #60A5FA; margin-bottom: 1.4rem;
}
.Dami3P5oebxYwa6yIiVz {
  width: 7px; height: 7px; border-radius: 50%; background: #22C55E;
  animation: _xMCbVscwQ6USQ90F9kv 2s ease-in-out infinite;
}
@keyframes _xMCbVscwQ6USQ90F9kv {
  0%,100% { opacity:1; transform:scale(1); box-shadow:0 0 0 0 rgba(34,197,94,.5); }
  50%      { opacity:.9; transform:scale(1.2); box-shadow:0 0 0 5px rgba(34,197,94,0); }
}

.Q8SUgfdQlZZMstnbb_7f {
  font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
  font-size: clamp(2rem,4vw,3.2rem); font-weight: 800;
  color: #FFFFFF; letter-spacing: -0.05em; line-height: 1.1;
  margin: 0 0 1.2rem;
}

/* wavy underline on "operating system" */
.FB2E49nvQQWu3zPTF4yD {
  position: relative; display: inline;
}
.FB2E49nvQQWu3zPTF4yD::after {
  content: "";
  position: absolute; left: 0; bottom: -4px; right: 0; height: 3px;
  background: linear-gradient(90deg, #3B82F6, #A78BFA);
  border-radius: 2px;
  animation: Ua7xxWrG5j6VhTJn1RAd 1.2s 0.6s cubic-bezier(0.16,1,0.3,1) both;
  transform-origin: left;
}
@keyframes Ua7xxWrG5j6VhTJn1RAd { from{transform:scaleX(0)} to{transform:scaleX(1)} }

.boE8zsu4BDXhSO5Rvd6f {
  background: linear-gradient(110deg, #60A5FA 0%, #A78BFA 50%, #34D399 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
  background-size: 200%;
  animation: K8aO5Hkd5gvDLE5JH0ga 5s ease-in-out infinite alternate;
}
@keyframes K8aO5Hkd5gvDLE5JH0ga { from{background-position:0%} to{background-position:100%} }

.sQcXoenqToyIxtBSbv9d {
  font-size: 1rem; color: rgba(255,255,255,0.58); line-height: 1.72;
  max-width: 540px; margin: 0;
}

/* Stat cards — right column */
.zFODIBXOxbgsyprwiSAL { display: flex; flex-direction: column; gap: 0.75rem; }

.k_VZlhKHp4MHt4XQrVwQ {
  display: flex; align-items: center; gap: 0.9rem;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 14px; padding: 1rem 1.2rem;
  animation: Kh9HzbFaGjzxdYkpttxw 0.5s cubic-bezier(0.16,1,0.3,1) calc(0.3s + var(--di)) both;
  transition: background 0.18s, transform 0.18s;
}
.k_VZlhKHp4MHt4XQrVwQ:hover { background: rgba(255,255,255,0.09); transform: translateX(4px); }
@keyframes Kh9HzbFaGjzxdYkpttxw { from{opacity:0;transform:translateX(16px)} to{opacity:1;transform:translateX(0)} }

.Xmv0xVXlTmMvfOVYSSh3 { font-size: 1.3rem; flex-shrink: 0; }
.T7tyymdxVoFMFTNWJpkw {
  font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
  font-size: 1.3rem; font-weight: 800; color: #FFFFFF; letter-spacing: -0.04em; line-height: 1;
}
.sX65_WTRm68O2iYW83dD { font-size: 0.7rem; color: rgba(255,255,255,0.45); font-weight: 500; margin-top: 2px; }

/* Scroll hint */
.upupyb17EgBLpmxGteqk {
  position: absolute; bottom: 2rem; left: 50%; transform: translateX(-50%);
  display: flex; flex-direction: column; align-items: center; gap: 6px;
  font-size: 0.6rem; font-weight: 600; letter-spacing: 0.14em;
  text-transform: uppercase; color: rgba(255,255,255,0.3);
  animation: fikLZY1kdVeNjhajUyvk 2s 1.5s ease-in-out infinite alternate;
}
@keyframes fikLZY1kdVeNjhajUyvk { from{opacity:.3;transform:translateX(-50%) translateY(0)} to{opacity:.7;transform:translateX(-50%) translateY(-5px)} }
.P6Jtsvz_I87XqM5T09lw {
  width: 5px; height: 5px; border-radius: 50%; background: rgba(255,255,255,0.35);
}

/* ══ ORIGIN STORY ════════════════════════════════════ */
.fUMSJm6ccwuZTuFUQPfw { padding: 5rem; background: #FFFFFF; }

.tOezFKmRkDO2GFk0WtHx {
  display: grid; grid-template-columns: 1fr 1.4fr;
  gap: 5rem; align-items: start; margin-bottom: 3.5rem;
}

.CgVrz1o6_NTnzzvbTgI3 { position: sticky; top: 6rem; }
.MOSb3EmVZ6YhdrlfynZE {
  width: 48px; height: 4px; border-radius: 2px; margin-top: 1.2rem;
  background: linear-gradient(90deg, #1A6EFF, #A78BFA);
  animation: HYsKnOlpXkJZoazNf75Z 0.8s cubic-bezier(0.16,1,0.3,1) 0.3s both;
  transform-origin: left;
}
@keyframes HYsKnOlpXkJZoazNf75Z { from{transform:scaleX(0)} to{transform:scaleX(1)} }

.Aesr0CZYj2XFblcHQKi5 { display: flex; flex-direction: column; gap: 1.2rem; }

._aqzX_pRR1OHkxk0FUGH {
  font-size: 1rem; color: #334155; line-height: 1.8; margin: 0;
}
._aqzX_pRR1OHkxk0FUGH em { font-style: italic; color: #1A6EFF; font-weight: 600; }

.MMuWMBTEyWlsuHHYiV8K {
  display: flex; align-items: flex-start; gap: 0.5rem;
  background: #F8FAFF;
  border-left: 3px solid #1A6EFF;
  border-radius: 0 10px 10px 0;
  padding: 1rem 1.2rem;
  font-size: 0.95rem; font-weight: 600; color: #0F172A; line-height: 1.55;
}
.kIBtYJOf_owJrEvh1vES {
  font-size: 2rem; line-height: 1; color: #1A6EFF;
  font-family: Georgia, serif; flex-shrink: 0; margin-top: -4px;
}

/* Timeline */
.ziFAU9aG9t3EDtnND2KT {
  display: grid; grid-template-columns: repeat(4,1fr);
  gap: 0; position: relative;
}
.ziFAU9aG9t3EDtnND2KT::before {
  content: ""; position: absolute;
  top: 12px; left: 12px; right: 12px; height: 2px;
  background: linear-gradient(90deg, #1A6EFF 0%, #A78BFA 100%);
  z-index: 0;
}

.E2nB_UTtoWIOcunOQcx1 {
  position: relative; z-index: 1;
  display: flex; flex-direction: column; gap: 0.5rem;
  padding-top: 0; padding-right: 1.5rem;
  animation: h2APOAFK5qy2ndUnpku5 0.5s cubic-bezier(0.16,1,0.3,1) calc(var(--di)) both;
}
@keyframes h2APOAFK5qy2ndUnpku5 { from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:translateY(0)} }

.nX72lls38Y2OZrxbHxGm {
  width: 22px; height: 22px; border-radius: 50%;
  background: #1A6EFF; border: 3px solid #FFFFFF;
  box-shadow: 0 0 0 2px #1A6EFF;
  margin-bottom: 0.5rem; flex-shrink: 0;
}
.CEEBtsMcR_wk1edzfgZ_ { font-size: 0.75rem; font-weight: 800; color: #1A6EFF; letter-spacing: 0.04em; }
.Qj5tb9hRfGCEaIBgl3e7 { font-size: 0.78rem; color: #64748B; line-height: 1.5; }

/* ══ MISSION ═════════════════════════════════════════ */
.qBW4IEh5yPRifVw4TRC7 {
  position: relative; padding: 6rem 5rem;
  background: #0A0F1E; overflow: hidden;
}
.ZYTSNPaCDrjyZ1d9wW0z {
  position: absolute; inset: 0;
  background-image:
    radial-gradient(circle at 30% 50%, rgba(26,110,255,0.16) 0%, transparent 55%),
    radial-gradient(circle at 75% 30%, rgba(124,58,237,0.12) 0%, transparent 50%),
    repeating-linear-gradient(0deg, transparent, transparent 59px, rgba(255,255,255,0.018) 59px, rgba(255,255,255,0.018) 60px),
    repeating-linear-gradient(90deg, transparent, transparent 59px, rgba(255,255,255,0.018) 59px, rgba(255,255,255,0.018) 60px);
  pointer-events: none;
}

.rrOKXUL7CqhGNN9XuEDb { position: relative; z-index: 1; max-width: 820px; }

.lSjwIAIWGZ3Q7R0Aa0o_ {
  font-size: 0.64rem; font-weight: 700;
  letter-spacing: 0.14em; text-transform: uppercase;
  color: rgba(255,255,255,0.4); margin-bottom: 0.8rem;
}

.bdTxOdto9buWkBogG8fl {
  font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
  font-size: clamp(1.8rem,4vw,3rem); font-weight: 800;
  color: #FFFFFF; letter-spacing: -0.05em; line-height: 1.1;
  margin: 0 0 2rem;
}
.sTRadCLTnFOR6dzITeNA {
  background: linear-gradient(110deg, #60A5FA 0%, #A78BFA 60%, #34D399 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}

.wB2GjecHpAwbWhmVBUN1 { display: flex; flex-direction: column; gap: 0.9rem; margin-bottom: 2.5rem; }
.wB2GjecHpAwbWhmVBUN1 p { font-size: 0.92rem; color: rgba(255,255,255,0.58); line-height: 1.72; margin: 0; }

.MDmAr82jSlkQ5_55i6KL {
  display: flex; align-items: center; gap: 0.8rem; flex-wrap: wrap;
}
.hxvFsGYSUSRdBYiRjpC0 {
  display: flex; flex-direction: column; align-items: center; gap: 4px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 14px; padding: 1rem 1.4rem;
  min-width: 120px;
  transition: background 0.18s;
}
.hxvFsGYSUSRdBYiRjpC0:hover { background: rgba(255,255,255,0.1); }
.tEbNpvhCANGP_zQxN_6B { font-size: 1.6rem; }
.dHN6cmSFKGZQpYANEqrJ { font-size: 0.72rem; font-weight: 600; color: rgba(255,255,255,0.6); text-align: center; }

.Nc5q510LSLbK7fGaRwKD { font-size: 1.2rem; color: rgba(255,255,255,0.3); }

/* ══ PRINCIPLES ══════════════════════════════════════ */
.Khwp8uVFRLdtWR2H22t8 { padding: 5rem; background: #F8FAFF; }

.SfUlwxA2AcNrD6yGlpir { display: flex; flex-direction: column; gap: 0; }

.Wwint78Q9koVicLFSRgN {
  display: grid; grid-template-columns: 80px 1fr;
  gap: 1.5rem; align-items: start;
  padding: 1.8rem 0;
  border-bottom: 1px solid #E8EEF8;
  position: relative;
  opacity: 0; transform: translateY(18px);
  transition: opacity 0.5s cubic-bezier(0.16,1,0.3,1) var(--delay, 0s),
              transform 0.5s cubic-bezier(0.16,1,0.3,1) var(--delay, 0s);
  cursor: default;
}
.Wwint78Q9koVicLFSRgN:first-child { border-top: 1px solid #E8EEF8; }
.Wwint78Q9koVicLFSRgN.NhBylP_Qx42ucMrEVbZI { opacity: 1; transform: translateY(0); }

/* left bar on hover */
.Wwint78Q9koVicLFSRgN::before {
  content: ""; position: absolute;
  left: -5rem; top: 0; bottom: 0; width: 3px;
  background: var(--accent);
  transform: scaleY(0); transform-origin: top;
  transition: transform 0.25s ease;
}
.Wwint78Q9koVicLFSRgN:hover::before { transform: scaleY(1); }
.Wwint78Q9koVicLFSRgN:hover { background: rgba(26,110,255,0.015); }

.Blaf0ZyAT8VNfiQUsKA6 {
  font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
  font-size: 2.5rem; font-weight: 800; letter-spacing: -0.06em;
  line-height: 1; padding-top: 4px;
  opacity: 0.9;
}

.Zm4MdE1KrIOp2KHoFzPw { display: flex; flex-direction: column; gap: 0.4rem; }

.S1fK9vT6uaSFQgK8Dxwm {
  font-size: 1.05rem; font-weight: 700; color: #0F172A;
  line-height: 1.3; margin: 0;
}
.tCvjSKt_YI5nRbg4pBvq { font-size: 0.84rem; color: #64748B; line-height: 1.7; margin: 0; }

/* ══ TEAM ════════════════════════════════════════════ */
.grJn9HZ6FdSsGd1I4fMQ {
  position: relative; padding: 5rem;
  background: linear-gradient(135deg, #0F172A 0%, #1E1B4B 100%);
  overflow: hidden;
}
.HjMI69km75upceTw4gqW {
  position: absolute; inset: 0;
  background-image: radial-gradient(circle at 60% 50%, rgba(26,110,255,0.1) 0%, transparent 55%);
  pointer-events: none;
}

.izvGnSnBQ6X98zIyj46K {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 5rem; align-items: center;
  position: relative; z-index: 1;
}

.ItlWpYEXj3tVunEYAKi4 { font-size: 0.88rem; color: rgba(255,255,255,0.55); line-height: 1.72; margin: 0 0 0.9rem; }

.doJdu2r94Ks91yZU5kAt {
  display: grid; grid-template-columns: 1fr 1fr; gap: 0.8rem; margin-top: 1.8rem;
}
.l5oLjEsmvCfeugg2Fh3i {
  display: flex; align-items: center; gap: 0.6rem;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 10px; padding: 0.7rem 0.9rem;
}
.NK0i2KcOKl5KVVukC1Ip {
  width: 7px; height: 7px; border-radius: 50%;
  background: #22C55E; flex-shrink: 0;
  animation: _xMCbVscwQ6USQ90F9kv 2s ease-in-out infinite;
}
.vAOgjpY5QmeOqmwuP49g { font-size: 0.82rem; font-weight: 700; color: #FFFFFF; }
.yT6w42B2GF_FbmZaGCOw { font-size: 0.68rem; color: rgba(255,255,255,0.42); font-weight: 500; }

/* Dept bars */
.VhnXQ0fCaw0vV_1APW85 { display: flex; flex-direction: column; gap: 1rem; }

.Jf9_fkSqlXq_L_YUHGtZ { display: flex; flex-direction: column; gap: 6px; }
.ekrHi1VTlalFTZe6ZAGQ {
  display: flex; justify-content: space-between; align-items: center;
  font-size: 0.78rem; font-weight: 600; color: rgba(255,255,255,0.72);
}
.j51g80zALF6h0bjQu1BQ { font-size: 0.72rem; color: rgba(255,255,255,0.38); }

.syQZMy4MueAou_ZGRcAY {
  width: 100%; height: 6px; border-radius: 100px;
  background: rgba(255,255,255,0.08); overflow: hidden;
}
.zSTLFoY5CBmo7B5nliH1 {
  height: 100%; border-radius: 100px;
  background: var(--color, #1A6EFF);
  width: 0; /* animated via keyframe */
  animation: yv9lwj_an41jvEVOS8WK 1s cubic-bezier(0.16,1,0.3,1) calc(0.4s + var(--di)) both;
}
@keyframes yv9lwj_an41jvEVOS8WK { from{width:0} to{width:var(--w)} }

/* ══ CLOSING CTA ═════════════════════════════════════ */
._4lzakqAmJIGAO99sLNIs {
  position: relative; padding: 6rem 5rem;
  background: #FFFFFF; text-align: center;
  overflow: hidden;
}
.JcBjcSbhorD_JnEaSzSD {
  position: absolute; top: 50%; left: 50%;
  transform: translate(-50%,-50%);
  width: 700px; height: 500px;
  background: radial-gradient(ellipse, rgba(26,110,255,0.07) 0%, transparent 65%);
  pointer-events: none;
}

.AbBPV7TqHUEEGLG4G9Ig { position: relative; z-index: 1; max-width: 980px; margin: 0 auto; }

.jIl4XAO0jdkkvea8wNth { margin-bottom: 3rem; }
.CEIQ5EejNX8JhJ9ceJxg {
  font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
  font-size: clamp(1.8rem,4vw,2.8rem); font-weight: 800;
  color: #0F172A; letter-spacing: -0.05em; line-height: 1.1;
  margin: 0 0 0.8rem;
}
.OI9Pkhjry00a6bMgdRSt { font-size: 0.9rem; color: #94A3B8; margin: 0; }

.jlGSVqRNVjXJqKW66j1S {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 0; align-items: stretch;
}

.thJBD1zbhiUU6QaJsyW4 {
  border-radius: 24px; padding: 2.5rem;
  display: flex; flex-direction: column; gap: 0.6rem;
  text-align: left;
  transition: transform 0.2s, box-shadow 0.2s;
}
.thJBD1zbhiUU6QaJsyW4:hover { transform: translateY(-6px); box-shadow: 0 16px 48px rgba(0,0,0,0.12); }

.GywQlZQin3tjnH0YJW2O {
  background: linear-gradient(145deg, #0F172A 0%, #1E3A5F 100%);
  border: 1.5px solid rgba(26,110,255,0.25);
}
.rxxuNWVrRTNoAuOkwaeY {
  background: #F8FAFF;
  border: 1.5px solid #E8EEF8;
}

.VdtEfqm8CU_gDC1IZgJp { font-size: 2rem; margin-bottom: 0.4rem; }

.VMqN4FRYgTi9GX_nTy41 {
  font-size: 0.64rem; font-weight: 700;
  letter-spacing: 0.12em; text-transform: uppercase;
}
.GywQlZQin3tjnH0YJW2O .VMqN4FRYgTi9GX_nTy41 { color: rgba(255,255,255,0.4); }
.rxxuNWVrRTNoAuOkwaeY  .VMqN4FRYgTi9GX_nTy41  { color: #1A6EFF; }

.vmzXR3Tsf4fGXJWNBxKJ {
  font-size: 1.2rem; font-weight: 800; line-height: 1.3; margin: 0;
}
.GywQlZQin3tjnH0YJW2O .vmzXR3Tsf4fGXJWNBxKJ { color: #FFFFFF; }
.rxxuNWVrRTNoAuOkwaeY  .vmzXR3Tsf4fGXJWNBxKJ  { color: #0F172A; }

.V3v8e1uqkD0vn1Bk5qnH {
  font-size: 0.82rem; line-height: 1.7; margin: 0 0 0.4rem; flex: 1;
}
.GywQlZQin3tjnH0YJW2O .V3v8e1uqkD0vn1Bk5qnH { color: rgba(255,255,255,0.55); }
.rxxuNWVrRTNoAuOkwaeY  .V3v8e1uqkD0vn1Bk5qnH  { color: #64748B; }

.OF8_1ms9m0NcGCW9tVlU {
  display: inline-flex; align-items: center; gap: 6px;
  background: #1A6EFF; color: #FFFFFF;
  font-size: 0.88rem; font-weight: 700;
  padding: 0.75rem 1.6rem; border-radius: 100px; border: none;
  cursor: pointer;
  box-shadow: 0 4px 18px rgba(26,110,255,0.4);
  transition: box-shadow 0.18s, transform 0.18s;
  width: fit-content; margin-top: 0.4rem;
}
.OF8_1ms9m0NcGCW9tVlU:hover { box-shadow: 0 6px 28px rgba(26,110,255,0.6); transform: translateY(-2px); }

.DYiu0WB2rsm9ZMr1VZwg {
  display: inline-flex; align-items: center; gap: 6px;
  background: transparent; color: #1A6EFF;
  font-size: 0.88rem; font-weight: 700;
  padding: 0.75rem 1.6rem; border-radius: 100px;
  border: 1.5px solid rgba(26,110,255,0.3);
  cursor: pointer;
  transition: background 0.18s, border-color 0.18s, transform 0.18s;
  width: fit-content; margin-top: 0.4rem;
}
.DYiu0WB2rsm9ZMr1VZwg:hover { background: #EEF4FF; border-color: #1A6EFF; transform: translateY(-2px); }

.waPZkakm2lh0lz86fI0F {
  display: flex; align-items: center; gap: 1rem; flex-wrap: wrap;
  margin-top: 0.5rem;
}
.GywQlZQin3tjnH0YJW2O .waPZkakm2lh0lz86fI0F span { font-size: 0.7rem; color: rgba(255,255,255,0.35); font-weight: 500; }
.rxxuNWVrRTNoAuOkwaeY  .waPZkakm2lh0lz86fI0F span  { font-size: 0.7rem; color: #94A3B8; font-weight: 500; }

/* Divider between cards */
.yyCOQuQF25r7A5yroOPG {
  display: flex; flex-direction: column;
  align-items: center; justify-content: center; gap: 0.8rem;
  padding: 0 2rem;
}
.AXjnWNj2vrdJDFcrIJDF { flex: 1; width: 1.5px; background: #E2E8F0; min-height: 60px; }
.gcQ1y4DDl49FQV6u__WZ {
  font-size: 0.7rem; font-weight: 700; color: #CBD5E1;
  letter-spacing: 0.08em; text-transform: uppercase;
  flex-shrink: 0;
}

/* ══ RESPONSIVE ══════════════════════════════════════ */
@media (max-width: 1100px) {
  .L1eI5Lk8JmhBfyw6cxmA { grid-template-columns: 1fr; }
  .zFODIBXOxbgsyprwiSAL   { display: none; }
  .izvGnSnBQ6X98zIyj46K    { grid-template-columns: 1fr; gap: 3rem; }
  .jlGSVqRNVjXJqKW66j1S    { grid-template-columns: 1fr; }
  .yyCOQuQF25r7A5yroOPG  { flex-direction: row; padding: 1.2rem 0; }
  .AXjnWNj2vrdJDFcrIJDF { min-height: 1.5px; flex: 1; height: 1.5px; width: auto; }
}
@media (max-width: 900px) {
  .tOezFKmRkDO2GFk0WtHx { grid-template-columns: 1fr; gap: 2rem; }
  .CgVrz1o6_NTnzzvbTgI3 { position: static; }
  .ziFAU9aG9t3EDtnND2KT   { grid-template-columns: repeat(2,1fr); }
  .ziFAU9aG9t3EDtnND2KT::before { display: none; }
}
@media (max-width: 640px) {
  .LR0vLe_hha3qI4v487s4 {
    --company-gutter: 20px;
    --company-section-y: 3.25rem;
    --company-card-inset: 1rem;
  }

  /*
   * All mobile sections use the same outer gutter and vertical rhythm.
   * Individual blocks only diverge where their content needs a different
   * layout, not because they inherit unrelated desktop spacing.
   */
  .RuR4ynE9ywEWZQm7aDGg,
  .fUMSJm6ccwuZTuFUQPfw,
  .qBW4IEh5yPRifVw4TRC7,
  .Khwp8uVFRLdtWR2H22t8,
  .grJn9HZ6FdSsGd1I4fMQ,
  ._4lzakqAmJIGAO99sLNIs {
    padding-left: var(--company-gutter);
    padding-right: var(--company-gutter);
  }

  .RuR4ynE9ywEWZQm7aDGg {
    min-height: auto;
    padding-top: 3.5rem;
    padding-bottom: 3.25rem;
  }

  .L1eI5Lk8JmhBfyw6cxmA {
    padding: 0;
    gap: 0;
  }

  .lEeyvnlfX1deVKLLToEY {
    margin-bottom: 1.1rem;
  }

  .Q8SUgfdQlZZMstnbb_7f {
    margin-bottom: 1rem;
  }

  .sQcXoenqToyIxtBSbv9d {
    font-size: 0.92rem;
    line-height: 1.65;
  }

  .upupyb17EgBLpmxGteqk {
    position: static;
    transform: none;
    margin: 2.25rem auto 0;
  }

  .fUMSJm6ccwuZTuFUQPfw {
    padding-top: var(--company-section-y);
    padding-bottom: var(--company-section-y);
  }

  .tOezFKmRkDO2GFk0WtHx {
    gap: 1.75rem;
    margin-bottom: 2.5rem;
  }

  .CgVrz1o6_NTnzzvbTgI3 {
    position: static;
  }

  .Aesr0CZYj2XFblcHQKi5 {
    gap: 1rem;
  }

  ._aqzX_pRR1OHkxk0FUGH {
    font-size: 0.94rem;
    line-height: 1.7;
  }

  .MMuWMBTEyWlsuHHYiV8K {
    padding: var(--company-card-inset);
    font-size: 0.88rem;
  }

  .ziFAU9aG9t3EDtnND2KT {
    position: relative;
    grid-template-columns: 1fr;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
  }

  .ziFAU9aG9t3EDtnND2KT::before {
    display: block;
    top: 11px;
    bottom: 11px;
    left: 10px;
    right: auto;
    width: 2px;
    height: auto;
    background: linear-gradient(to bottom, #1A6EFF 0%, #A78BFA 100%);
  }

  .E2nB_UTtoWIOcunOQcx1 {
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr);
    grid-template-areas:
      "dot year"
      "dot text";
    column-gap: 0.85rem;
    row-gap: 0.25rem;
    align-items: start;
    padding: 0;
  }

  .nX72lls38Y2OZrxbHxGm {
    grid-area: dot;
    position: relative;
    z-index: 1;
    margin: 0;
    align-self: start;
  }

  .CEEBtsMcR_wk1edzfgZ_ {
    grid-area: year;
    line-height: 1.2;
  }

  .Qj5tb9hRfGCEaIBgl3e7 {
    grid-area: text;
  }

  .qBW4IEh5yPRifVw4TRC7 {
    padding-top: var(--company-section-y);
    padding-bottom: var(--company-section-y);
  }

  .bdTxOdto9buWkBogG8fl {
    margin-bottom: 1.5rem;
  }

  .wB2GjecHpAwbWhmVBUN1 {
    gap: 0.75rem;
    margin-bottom: 1.75rem;
  }

  .MDmAr82jSlkQ5_55i6KL {
    align-items: stretch;
    gap: 0.35rem;
    flex-wrap: nowrap;
  }

  .hxvFsGYSUSRdBYiRjpC0 {
    flex: 1 1 0;
    min-width: 0;
    padding: 0.75rem 0.35rem;
  }

  .tEbNpvhCANGP_zQxN_6B {
    font-size: 1.35rem;
  }

  .dHN6cmSFKGZQpYANEqrJ {
    font-size: 0.62rem;
    line-height: 1.25;
  }

  .Nc5q510LSLbK7fGaRwKD {
    flex: 0 0 auto;
    align-self: center;
    font-size: 0.95rem;
  }

  .Khwp8uVFRLdtWR2H22t8 {
    padding-top: var(--company-section-y);
    padding-bottom: var(--company-section-y);
  }

  .TgxvDgOwa6UfpFGUd_cV {
    margin-bottom: 1.5rem;
  }

  .Wwint78Q9koVicLFSRgN {
    grid-template-columns: 48px 1fr;
    gap: 0.75rem;
    padding: 1.25rem 0;
  }

  .Wwint78Q9koVicLFSRgN::before {
    left: calc(var(--company-gutter) * -1);
  }

  .Blaf0ZyAT8VNfiQUsKA6 {
    font-size: 1.8rem;
  }

  .S1fK9vT6uaSFQgK8Dxwm {
    font-size: 0.98rem;
  }

  .tCvjSKt_YI5nRbg4pBvq {
    font-size: 0.8rem;
    line-height: 1.6;
  }

  .grJn9HZ6FdSsGd1I4fMQ {
    padding-top: var(--company-section-y);
    padding-bottom: var(--company-section-y);
  }

  .izvGnSnBQ6X98zIyj46K {
    gap: 2rem;
  }

  .ItlWpYEXj3tVunEYAKi4 {
    font-size: 0.84rem;
    line-height: 1.65;
  }

  .doJdu2r94Ks91yZU5kAt {
    grid-template-columns: 1fr;
    gap: 0.6rem;
    margin-top: 1.25rem;
  }

  .l5oLjEsmvCfeugg2Fh3i {
    padding: var(--company-card-inset);
  }

  .VhnXQ0fCaw0vV_1APW85 {
    gap: 0.85rem;
  }

  ._4lzakqAmJIGAO99sLNIs {
    padding-top: var(--company-section-y);
    padding-bottom: var(--company-section-y);
  }

  .jIl4XAO0jdkkvea8wNth {
    margin-bottom: 2rem;
  }

  .CEIQ5EejNX8JhJ9ceJxg {
    font-size: clamp(1.7rem, 8vw, 2.25rem);
  }

  .jlGSVqRNVjXJqKW66j1S {
    gap: 0;
  }

  .thJBD1zbhiUU6QaJsyW4 {
    padding: 1.35rem;
    border-radius: 18px;
  }

  .yyCOQuQF25r7A5yroOPG {
    padding: 0.9rem 0;
  }

  .AXjnWNj2vrdJDFcrIJDF {
    min-height: 1px;
  }
}

/* ══════════════════════════════════════════════════
   Retail'd Big Show — /events
   Accent: #F59E0B (gold/amber)
   Premium NRF-style event page
══════════════════════════════════════════════════ */

.f9asIJK90DuXWFG67w8P {
  width: calc(100% + 10rem);
  margin-left: -5rem;
  background: #000;
  overflow-x: hidden;
  font-family: 'Space Grotesk', -apple-system, system-ui, sans-serif;
}
@media (max-width: 1024px) { .f9asIJK90DuXWFG67w8P { width: calc(100% + 6rem); margin-left: -3rem; } }
@media (max-width: 600px)  { .f9asIJK90DuXWFG67w8P { width: calc(100% + 2rem); margin-left: -1rem; } }

/* ══ HERO ═════════════════════════════════════════ */
.L4zoHDafGCaYzBXA6z4e {
  position: relative;
  min-height: 100vh;
  display: flex; align-items: center; justify-content: center;
  background: #000;
  overflow: hidden;
  padding: 7rem 8rem 5rem;
}

.julchI_wxErQUdn5139Y {
  position: absolute; inset: 0;
  background-image: radial-gradient(circle, rgba(245,158,11,.09) 1px, transparent 1px);
  background-size: 34px 34px;
  animation: ruNmZQ9Tp_LM16q8QvwC 60s linear infinite; pointer-events: none;
}
@keyframes ruNmZQ9Tp_LM16q8QvwC { to { background-position: 34px 34px; } }

.UeiUwkq6CQ27DPevOCj_ {
  position: absolute; top: -120px; left: -80px;
  width: 700px; height: 700px; pointer-events: none;
  background: radial-gradient(circle, rgba(245,158,11,.13) 0%, transparent 60%);
  animation: Jij2xjTMH5Gb7ItUjzoV 18s ease-in-out infinite alternate;
}
.tIpCgqJmv5nC0xk0ubBM {
  position: absolute; bottom: -100px; right: -60px;
  width: 500px; height: 500px; pointer-events: none;
  background: radial-gradient(circle, rgba(251,191,36,.07) 0%, transparent 60%);
  animation: Jij2xjTMH5Gb7ItUjzoV 24s ease-in-out infinite alternate-reverse;
}
@keyframes Jij2xjTMH5Gb7ItUjzoV { from{transform:scale(1) translate(0,0)} to{transform:scale(1.12) translate(20px,14px)} }

.z0TP3pR9JZg9XmZW3P8b {
  position: relative; z-index: 1;
  max-width: 960px; margin: 0 auto;
  display: flex; flex-direction: column; align-items: center;
  text-align: center; gap: 0;
  animation: ZOAFJojjLjppI8CijWoe .7s cubic-bezier(.16,1,.3,1) both;
}
@keyframes ZOAFJojjLjppI8CijWoe { from{opacity:0;transform:translateY(24px)} to{opacity:1;transform:none} }

.AOjs7ksgvWJfDELpLFnW {
  display: inline-flex; align-items: center; gap: 8px;
  border: 1px solid rgba(245,158,11,.35); border-radius: 100px;
  background: rgba(245,158,11,.1);
  padding: 6px 16px; margin-bottom: 2rem;
  font-size: .62rem; font-weight: 700; letter-spacing: .14em;
  color: #F59E0B; text-transform: uppercase;
}
.c9ZeS0rDj_I0d9UZ4TPH {
  width: 6px; height: 6px; border-radius: 50%; background: #F59E0B;
  animation: aU1QTabT6LysfCK6zrfa 2s ease-in-out infinite;
}
@keyframes aU1QTabT6LysfCK6zrfa { 0%,100%{box-shadow:0 0 0 0 rgba(245,158,11,.6)} 50%{box-shadow:0 0 0 6px transparent} }

.uBbQ0J_ZDRvq7XWA2iHf {
  display: flex; align-items: center; gap: 1.5rem; margin-bottom: 1.8rem;
  justify-content: center;
}
.x4gySwdP8W7qaS3ptAgU {
  display: flex; align-items: center; gap: 8px;
  font-size: .82rem; font-weight: 600; color: rgba(255,255,255,.5);
}
.Xk7wXyg4JGS3QULVrbqi { font-size: 1rem; }
.jf74PHSgYbjaOPLH3X9T { width: 1px; height: 16px; background: rgba(255,255,255,.15); }

.wvTXV5Wq2JU48fYkRteH {
  font-size: clamp(3.6rem, 9vw, 7.5rem);
  font-weight: 800; color: #fff;
  letter-spacing: -.075em; line-height: .93;
  margin: 0 0 .6rem;
}
.nCyWaTfeopj9NwlEI5hG {
  background: linear-gradient(105deg, #F59E0B 0%, #FBBF24 35%, #FDE68A 60%, #F59E0B 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
  background-size: 250%; animation: HAC9NkI2qtM9hcHwMSYJ 4s ease-in-out infinite alternate;
  display: block;
}
@keyframes HAC9NkI2qtM9hcHwMSYJ { from{background-position:0%} to{background-position:100%} }

.S8hY1TLpmAIngueXg8u8 {
  font-size: 1.05rem; color: rgba(255,255,255,.5); line-height: 1.7;
  max-width: 600px; margin: 1.4rem auto 2.4rem;
  letter-spacing: -.01em;
}

.Z31wE6d1mENExPXMBObT {
  display: flex; align-items: center; gap: 1rem; flex-wrap: wrap;
  justify-content: center; margin-bottom: 3.5rem;
}
.i8jTiwWKukSN7a2KWHAJ {
  display: inline-flex; align-items: center; gap: 7px;
  background: #F59E0B; color: #000;
  font-size: .92rem; font-weight: 800;
  padding: .95rem 2.4rem; border-radius: 100px; border: none;
  cursor: pointer; letter-spacing: -.01em;
  box-shadow: 0 0 40px rgba(245,158,11,.4);
  transition: opacity .2s, transform .2s;
}
.i8jTiwWKukSN7a2KWHAJ:hover { opacity: .9; transform: translateY(-2px); }
.gZS0Y8zDzqlq15YtL3nb {
  display: inline-flex; align-items: center; gap: 7px;
  background: none; border: 1.5px solid rgba(255,255,255,.2);
  color: rgba(255,255,255,.7); font-size: .88rem; font-weight: 600;
  padding: .88rem 2rem; border-radius: 100px; cursor: pointer;
  transition: border-color .18s, color .18s;
}
.gZS0Y8zDzqlq15YtL3nb:hover { border-color: rgba(255,255,255,.5); color: #fff; }

/* Countdown */
.zXpfLgOiXjF8Hbno3H6t {
  display: flex; align-items: center; gap: 1.5rem;
  padding: 1.8rem 3rem; border: 1px solid rgba(245,158,11,.2);
  border-radius: 20px; background: rgba(245,158,11,.05);
  backdrop-filter: blur(12px);
}
.Yg8lDVEzsSDlHJI5EsMf {
  display: flex; flex-direction: column; align-items: center; gap: 4px;
}
.GGH1no7kCvRlE8iNDG2Y {
  font-size: clamp(2rem, 4vw, 3rem); font-weight: 800;
  color: #F59E0B; letter-spacing: -.06em; line-height: 1;
  font-variant-numeric: tabular-nums; min-width: 2.5ch; text-align: center;
}
.KGk0sGSJNfrZJn7hdOMR {
  font-size: .58rem; font-weight: 700; letter-spacing: .14em;
  text-transform: uppercase; color: rgba(255,255,255,.3);
}
.EzlPgn5EZzKCQXShpGFP {
  font-size: 2rem; font-weight: 300; color: rgba(245,158,11,.4);
  margin-bottom: .8rem; line-height: 1; animation: jrfd2qAZfQ6efoET92EA 1s ease-in-out infinite;
}
@keyframes jrfd2qAZfQ6efoET92EA { 0%,100%{opacity:1} 50%{opacity:.2} }

/* ══ STATS STRIP ══════════════════════════════════ */
.zlip7o0d2d1AkojMOOdz {
  background: #F59E0B; padding: 0;
}
.qT5sxPKpj1An_jj_UyP_ {
  max-width: 1280px; margin: 0 auto;
  display: grid; grid-template-columns: repeat(4,1fr);
}
.A3ugZGHty6fDlnkfwc_T {
  padding: 2.4rem 3rem; border-right: 1px solid rgba(0,0,0,.12);
  display: flex; flex-direction: column; gap: 4px;
}
.A3ugZGHty6fDlnkfwc_T:last-child { border-right: none; }
.pAAwpi32dqAnEavszPJQ {
  font-size: clamp(1.8rem, 3vw, 2.5rem); font-weight: 900;
  color: #000; letter-spacing: -.055em; line-height: 1;
}
.eaPQ3mjqTUhh1OGor1Yy {
  font-size: .72rem; font-weight: 600; color: rgba(0,0,0,.55); letter-spacing: -.01em;
}

/* ══ INTRO SECTION ════════════════════════════════ */
.gxy78BTPHZgHxnmEgr6Q {
  background: #080808; padding: 7rem 8rem;
  border-bottom: 1px solid rgba(255,255,255,.05);
}
.u_ibNjkqfHpwQZapAdPX {
  max-width: 1280px; margin: 0 auto;
  display: grid; grid-template-columns: 1fr 1fr; gap: 6rem; align-items: center;
}
.sppyffy5QNP7eoARVSLg { display: flex; flex-direction: column; gap: .9rem; }
.P4JcLofvTl4_Rfbom5qo {
  font-size: .62rem; font-weight: 700; letter-spacing: .14em;
  text-transform: uppercase; color: #F59E0B; margin-bottom: .2rem;
}
.WBojIgopBSzU_pabZJ5H {
  font-size: clamp(2rem, 4vw, 3.2rem); font-weight: 800;
  color: #fff; letter-spacing: -.065em; line-height: 1.06; margin: 0;
}
.D7VbTPTdoAJl_8bHjiM4 {
  font-size: .92rem; color: rgba(255,255,255,.48); line-height: 1.78;
  margin: 0; max-width: 480px;
}
.zvSGwpC9arElXwcr4elh {
  list-style: none; padding: 0; margin: .5rem 0 0;
  display: flex; flex-direction: column; gap: .55rem;
}
.uHQzJduS1eCux9ehcb8x {
  display: flex; gap: 9px; align-items: flex-start;
  font-size: .86rem; color: rgba(255,255,255,.62); line-height: 1.5;
}
.A9TwLaeqREYiSd2VQOJY { color: #F59E0B; font-weight: 900; flex-shrink: 0; font-size: .9rem; margin-top: 1px; }

.p88VN5iiUkTthZsdXE48 {
  display: grid; grid-template-columns: 1fr 1fr; gap: 14px;
}
.Jt_ZNkLmOwgCgco73cmC {
  background: rgba(245,158,11,.06); border: 1px solid rgba(245,158,11,.14);
  border-radius: 18px; padding: 1.6rem;
  display: flex; flex-direction: column; gap: .5rem;
  transition: background .2s, border-color .2s, transform .2s;
}
.Jt_ZNkLmOwgCgco73cmC:hover { background: rgba(245,158,11,.1); border-color: rgba(245,158,11,.3); transform: translateY(-3px); }
.OjJHH2V1zZcQObCYwFve { font-size: 1.6rem; margin-bottom: .2rem; }
.jYBpj396isMMGPfsgE3G { font-size: .9rem; font-weight: 700; color: #fff; letter-spacing: -.02em; }
.tQMSVdnP0qwwqKiQorUB { font-size: .76rem; color: rgba(255,255,255,.4); line-height: 1.6; margin: 0; }

/* ══ TRACKS SECTION ══════════════════════════════ */
.ZF3aJtpZu_lS3JkMCLFB {
  background: #F5F3EE; padding: 7rem 8rem;
}
.cCekQCTOUKT0dh6qi8qL { max-width: 1280px; margin: 0 auto; }
.FSxgJtmNKvxULUbqYqYs {
  font-size: .62rem; font-weight: 700; letter-spacing: .14em;
  text-transform: uppercase; color: #F59E0B; margin-bottom: .6rem;
}
.IsnRfhVefuwXXFUZb0OL {
  font-size: clamp(2rem, 4vw, 3rem); font-weight: 800;
  color: #111; letter-spacing: -.065em; line-height: 1.06; margin: 0 0 .6rem;
}
.koCdaQd21utSRLSyLIYM {
  font-size: .9rem; color: #6E6E73; line-height: 1.72; max-width: 560px; margin: 0 0 3rem;
}

.XIC9HKSnQsLCy1wC29BV {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px;
}
.t9w0oOmAoY3gGinwGBUh {
  background: #fff; border-radius: 20px; padding: 1.8rem;
  border: 1px solid rgba(0,0,0,.06);
  display: flex; flex-direction: column; gap: .6rem;
  position: relative; overflow: hidden;
  transition: box-shadow .2s, transform .2s;
}
.t9w0oOmAoY3gGinwGBUh::before {
  content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px;
  background: #F59E0B; transform: scaleX(0); transform-origin: left;
  transition: transform .25s ease;
}
.t9w0oOmAoY3gGinwGBUh:hover::before { transform: scaleX(1); }
.t9w0oOmAoY3gGinwGBUh:hover { box-shadow: 0 12px 40px rgba(0,0,0,.1); transform: translateY(-4px); }
.dN_PZSOuDs8rhEDELl9A { font-size: 2rem; margin-bottom: .3rem; }
.WH_gK_Etsxwz0xheTDn_ { font-size: .95rem; font-weight: 700; color: #111; letter-spacing: -.02em; }
.ooMKk6npi8tCotua9TZb { font-size: .76rem; color: #6E6E73; line-height: 1.6; margin: 0; }
.fYYSvAplIxNnVNQRUiBe {
  margin-top: auto; font-size: .62rem; font-weight: 700; letter-spacing: .1em;
  text-transform: uppercase; color: #F59E0B; padding-top: .8rem;
  border-top: 1px solid #F0EDE6;
}

/* ══ SPEAKERS ════════════════════════════════════ */
.DWcB2wRgOU4OSOiGOL0E {
  background: #000; padding: 7rem 8rem; position: relative; overflow: hidden;
}
.LW90yByO0PHB_GL0fuI6 {
  position: absolute; inset: 0;
  background: radial-gradient(ellipse at 50% 80%, rgba(245,158,11,.08), transparent 60%);
  pointer-events: none;
}
.IpqfmJRVBkTJk8MNPHVU { position: relative; z-index: 1; max-width: 1280px; margin: 0 auto; }
.TjS8SvEyhWnULDJjBgCJ { color: rgba(255,255,255,.42); }

.I_ww_9P0xNKU0Qg9dEu2 {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 3rem;
}
.wiy82HyHJUysygh7j7XJ {
  background: rgba(255,255,255,.05); border: 1px solid rgba(245,158,11,.14);
  border-radius: 22px; padding: 2rem;
  display: flex; flex-direction: column; gap: .7rem;
  transition: background .2s, border-color .2s, transform .2s;
  position: relative; overflow: hidden;
}
.wiy82HyHJUysygh7j7XJ::after {
  content: ""; position: absolute; top: 0; left: 0; right: 0; height: 2px;
  background: linear-gradient(90deg, transparent, #F59E0B, transparent);
  opacity: 0; transition: opacity .25s;
}
.wiy82HyHJUysygh7j7XJ:hover::after { opacity: 1; }
.wiy82HyHJUysygh7j7XJ:hover { background: rgba(245,158,11,.06); border-color: rgba(245,158,11,.28); transform: translateY(-4px); }

.PYA6sQGQspRS4Nt6NhCQ {
  width: 64px; height: 64px; border-radius: 50%;
  background: linear-gradient(135deg, #F59E0B, #D97706);
  display: flex; align-items: center; justify-content: center;
  font-size: 1.4rem; font-weight: 800; color: #000;
  letter-spacing: -.04em; flex-shrink: 0;
  border: 2px solid rgba(245,158,11,.3);
}
.bFBmbBgCS25wyQskHONy {
  font-size: 1rem; font-weight: 800; color: #fff; letter-spacing: -.03em; margin: 0;
}
._4DlDWbDP1VhokAs6bV2 { font-size: .76rem; color: #F59E0B; font-weight: 600; margin: 0; }
.oNLKTiuW6FA_5GwKacZY { font-size: .73rem; color: rgba(255,255,255,.36); margin: 0; }
.lpbPomciJabCMp2oQhEV { font-size: .78rem; color: rgba(255,255,255,.4); line-height: 1.65; margin: 0; border-top: 1px solid rgba(255,255,255,.07); padding-top: .7rem; }

.mJbGCE3zAEORlISsQ0Ci {
  margin-top: 2.5rem; display: flex; align-items: center; justify-content: center;
}
.uiJEeQ3DaWXRJqMS2sK2 {
  display: inline-flex; align-items: center; gap: 10px;
  padding: .9rem 2rem; border-radius: 100px;
  border: 1px solid rgba(245,158,11,.25); background: rgba(245,158,11,.06);
  font-size: .82rem; font-weight: 600; color: rgba(255,255,255,.6);
}
.y5wMFHSEN2GlBd5OlDSU { display: flex; gap: 5px; }
.iPvsiw5WqHT5QIDf1YHZ { width: 26px; height: 26px; border-radius: 50%; background: rgba(245,158,11,.25); }

/* ══ AGENDA ══════════════════════════════════════ */
.Y7U9FQVizGG9_gjIv9qu { background: #F5F3EE; padding: 7rem 8rem; }
.SA1TTVYYiN1BYkcqa1yf { max-width: 1280px; margin: 0 auto; }
.u1oywij7M6ZbiWrGq2lI { color: #6E6E73; }

.ZQRS7YurKIHiUInVa2EO {
  margin-top: 3rem; display: flex; flex-direction: column; gap: 0;
  border: 1px solid rgba(0,0,0,.07); border-radius: 22px; overflow: hidden;
}
.h9qU_LBHE_IFVEcqwKAD {
  display: grid; grid-template-columns: 140px 1fr;
  border-bottom: 1px solid rgba(0,0,0,.07);
  background: #fff; transition: background .18s;
}
.h9qU_LBHE_IFVEcqwKAD:last-child { border-bottom: none; }
.h9qU_LBHE_IFVEcqwKAD:hover { background: #FFFBF0; }
.h9qU_LBHE_IFVEcqwKAD.prd2A4k2Gixhqfkqh2Nl { background: #FFFBF0; }

.ePDzyQsM5OupKwLY9lJU {
  padding: 1.4rem 1.4rem; display: flex; flex-direction: column;
  gap: 2px; border-right: 1px solid rgba(0,0,0,.07);
  background: rgba(0,0,0,.02);
}
.p_rFYoayPBx7ufSlf32Q { font-size: .82rem; font-weight: 800; color: #111; letter-spacing: -.02em; }
.WyZJ5srjazQPg8XZk1bt { font-size: .65rem; color: #9E9E9E; font-weight: 500; }

.r0pbgOIL0lTLsTj6WEjd { padding: 1.4rem 1.8rem; display: flex; align-items: center; gap: 1.2rem; }
.LzU32lPNKpqSqvI7tWhQ { font-size: 1.5rem; flex-shrink: 0; }
.JjDLAgHDje3NAPprN1cs { display: flex; flex-direction: column; gap: 3px; }
.Tark2r4k_XnPMBmlQ81w { font-size: .9rem; font-weight: 700; color: #111; letter-spacing: -.02em; }
.lvj35f9ar74GdxuDnozQ { font-size: .75rem; color: #6E6E73; line-height: 1.5; margin: 0; }
.KtJvZMOAqzBcDk3sTwD8 {
  margin-left: auto; flex-shrink: 0; padding: 4px 12px;
  border-radius: 100px; font-size: .6rem; font-weight: 700; letter-spacing: .08em;
  background: rgba(245,158,11,.12); color: #D97706; border: 1px solid rgba(245,158,11,.2);
  white-space: nowrap;
}

/* ══ EXHIBITORS ══════════════════════════════════ */
.sYo5fXpzs0r7eaPAp7Vw {
  background: #080808; padding: 7rem 8rem; position: relative; overflow: hidden;
}
.smEUGxvuVGnVOPMs95th {
  position: absolute; inset: 0;
  background: radial-gradient(ellipse at 30% 50%, rgba(245,158,11,.06), transparent 55%);
  pointer-events: none;
}
.jwKo3e1js9ziz6XNccKI { position: relative; z-index: 1; max-width: 1280px; margin: 0 auto; }
.jdSDZBzzI99nSHLDyfGU { color: rgba(255,255,255,.42); }

.liyvdZt0EC9oUyw2PnMr {
  display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; margin-top: 3rem;
}
.xyccCiLu1654cnw2GtTg {
  background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px; padding: 1.4rem 1.2rem;
  display: flex; flex-direction: column; gap: .5rem;
  transition: background .18s, border-color .18s, transform .18s;
  cursor: pointer;
}
.xyccCiLu1654cnw2GtTg:hover { background: rgba(245,158,11,.07); border-color: rgba(245,158,11,.22); transform: translateY(-3px); }
.Tvtml1aL9AayLk2iYp2T { font-size: 1.4rem; margin-bottom: .2rem; }
.KcuEUn_08NjdMIMoBkZZ { font-size: .86rem; font-weight: 700; color: rgba(255,255,255,.8); letter-spacing: -.02em; }
.yJCro65pcHPFTpgfNaZN { font-size: .7rem; color: #F59E0B; font-weight: 600; }

/* ══ WHY ATTEND ══════════════════════════════════ */
.sq4PnNaoFayO0aPVyZHk { background: #fff; padding: 7rem 8rem; }
.sDVibacOwBRmw8ppdgd2 { max-width: 1280px; margin: 0 auto; }
.s4eNwEnmV_QYiQpEBFhc {
  display: grid; grid-template-columns: repeat(3,1fr); gap: 2px;
  background: #F0EDE6; border: 1px solid #F0EDE6; border-radius: 24px; overflow: hidden;
  margin-top: 3rem;
}
.pe2UaIYtxp75jiWDuNwL {
  background: #fff; padding: 3rem 2.5rem;
  display: flex; flex-direction: column; gap: .8rem;
  position: relative; overflow: hidden;
  transition: background .2s;
}
.pe2UaIYtxp75jiWDuNwL:hover { background: #FFFBF0; }
.nfubiAQHBMb4b3J51LB4 {
  font-size: 3.5rem; font-weight: 900; letter-spacing: -.08em;
  color: rgba(245,158,11,.15); line-height: 1; margin-bottom: .2rem;
}
.q1J6kU9iVoaN1qiwuEQd { font-size: 2rem; margin-bottom: .2rem; }
.JrvETUQVkG2OF8WTRA4T { font-size: 1.1rem; font-weight: 800; color: #111; letter-spacing: -.03em; }
.B5WrIX9JGgvy083lzrcd { font-size: .84rem; color: #6E6E73; line-height: 1.72; margin: 0; }

/* ══ VENUE ═══════════════════════════════════════ */
.UBc1IfJW2Ti2WrPkP7G8 { background: #080808; padding: 7rem 8rem; }
.n93lw8xfgSolR6utXWmc {
  max-width: 1280px; margin: 0 auto;
  display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; align-items: center;
}
.mhOgNU6WH4aoqu3ZMzeA { display: flex; flex-direction: column; gap: .8rem; }
.xxt3eNT7aof3xkQoAQ5c { font-size: clamp(1.8rem,3.5vw,2.8rem); font-weight: 800; color: #fff; letter-spacing: -.065em; line-height: 1.08; margin: 0; }
.kfnfals0GAROnflxhqPw { font-size: .9rem; color: rgba(255,255,255,.45); line-height: 1.75; margin: 0; }
.B0c0cxx3oodKPx6xJ4Ve { list-style: none; padding: 0; margin: .4rem 0 0; display: flex; flex-direction: column; gap: .55rem; }
.KG7FBMdPEYYHBf1Dk62U { display: flex; gap: 8px; align-items: flex-start; font-size: .84rem; color: rgba(255,255,255,.55); }
.gOpiDKuuyg9mGfFqsMsZ { color: #F59E0B; flex-shrink: 0; margin-top: 1px; }

.JFHEK1sRVxaeK00w_oB_ {}
.jwdAFwsayat2FrT95Fjl {
  border-radius: 22px; overflow: hidden;
  border: 1px solid rgba(245,158,11,.2); position: relative;
  background: rgba(245,158,11,.04); height: 340px;
  display: flex; align-items: center; justify-content: center;
}
.AoQDwzOL8qspIeTmNorw {
  position: absolute; inset: 0;
  background: radial-gradient(circle at 50% 50%, rgba(245,158,11,.1), transparent 60%);
}
.XDTbLkBhUiyV2zXqhhmI { font-size: 3rem; position: relative; z-index: 1; }
.cMYTadp86mEbYTWUaqn1 {
  position: relative; z-index: 1;
  text-align: center; margin-top: .8rem;
}
.hUCINrELl2iFx8WvSYSz { font-size: 1rem; font-weight: 800; color: #fff; }
.JEijkdECWaImvxsGELL3 { font-size: .72rem; color: rgba(255,255,255,.4); margin-top: 2px; }

/* ══ CLOSING CTA ══════════════════════════════════ */
.AEq7S6iM1utoaqihVQCq {
  position: relative; background: #000;
  padding: 9rem 8rem; text-align: center; overflow: hidden;
}
.AD7ucS9rSO0poQzAhuzF {
  position: absolute; inset: 0;
  background: radial-gradient(ellipse at 50% 40%, rgba(245,158,11,.25), transparent 60%);
  pointer-events: none;
}
.CkJLq8bJ3es3vv9H4MQK {
  position: absolute; inset: 0;
  background-image: radial-gradient(circle, rgba(245,158,11,.06) 1px, transparent 1px);
  background-size: 28px 28px; pointer-events: none;
  animation: ruNmZQ9Tp_LM16q8QvwC 50s linear infinite;
}
.LZmFu4tEEBX9cmaLAcIe {
  position: relative; z-index: 1;
  max-width: 680px; margin: 0 auto;
  display: flex; flex-direction: column; align-items: center; gap: 1.2rem;
}
.UfF4eGoW9Sj_rzGH1TX8 {
  display: inline-flex; align-items: center; gap: 7px;
  border: 1px solid rgba(245,158,11,.3); border-radius: 100px;
  background: rgba(245,158,11,.1); padding: 6px 16px;
  font-size: .62rem; font-weight: 700; letter-spacing: .12em; color: #F59E0B;
}
.DDSOwn_0nwQGmcHVk1n1 {
  font-size: clamp(2.8rem, 6vw, 5rem); font-weight: 800;
  color: #fff; letter-spacing: -.075em; line-height: 1.02; margin: 0;
}
.MJUo3be9okC4y9dr034y { color: #F59E0B; }
.loKF09wzUaRTorReFSbU {
  font-size: .92rem; color: rgba(255,255,255,.42); line-height: 1.72;
  margin: 0; max-width: 480px;
}
.ImOGNRiDhE8LQtVRmnsw { display: flex; gap: 1rem; flex-wrap: wrap; justify-content: center; margin-top: .5rem; }

/* ══ RESPONSIVE ══════════════════════════════════ */
@media (max-width: 1024px) {
  .L4zoHDafGCaYzBXA6z4e,.gxy78BTPHZgHxnmEgr6Q,.ZF3aJtpZu_lS3JkMCLFB,.DWcB2wRgOU4OSOiGOL0E,.Y7U9FQVizGG9_gjIv9qu,.sYo5fXpzs0r7eaPAp7Vw,.sq4PnNaoFayO0aPVyZHk,.UBc1IfJW2Ti2WrPkP7G8,.AEq7S6iM1utoaqihVQCq {
    padding-left: 3rem; padding-right: 3rem;
  }
  .u_ibNjkqfHpwQZapAdPX { grid-template-columns: 1fr; gap: 3rem; }
  .XIC9HKSnQsLCy1wC29BV { grid-template-columns: repeat(2,1fr); }
  .I_ww_9P0xNKU0Qg9dEu2 { grid-template-columns: repeat(2,1fr); }
  .liyvdZt0EC9oUyw2PnMr { grid-template-columns: repeat(2,1fr); }
  .s4eNwEnmV_QYiQpEBFhc { grid-template-columns: 1fr; }
  .n93lw8xfgSolR6utXWmc { grid-template-columns: 1fr; gap: 2.5rem; }
  .qT5sxPKpj1An_jj_UyP_ { grid-template-columns: repeat(2,1fr); }
  .A3ugZGHty6fDlnkfwc_T:nth-child(2) { border-right: none; }
  .A3ugZGHty6fDlnkfwc_T:nth-child(1),.A3ugZGHty6fDlnkfwc_T:nth-child(2) { border-bottom: 1px solid rgba(0,0,0,.12); }
}
@media (max-width: 768px) {
  .L4zoHDafGCaYzBXA6z4e { padding: 5rem 1.5rem 3.5rem; min-height: auto; }
  .gxy78BTPHZgHxnmEgr6Q,.ZF3aJtpZu_lS3JkMCLFB,.DWcB2wRgOU4OSOiGOL0E,.Y7U9FQVizGG9_gjIv9qu,.sYo5fXpzs0r7eaPAp7Vw,.sq4PnNaoFayO0aPVyZHk,.UBc1IfJW2Ti2WrPkP7G8,.AEq7S6iM1utoaqihVQCq {
    padding-left: 1.5rem; padding-right: 1.5rem;
  }
  .wvTXV5Wq2JU48fYkRteH { font-size: 3rem; }
  .zXpfLgOiXjF8Hbno3H6t { flex-wrap: wrap; justify-content: center; padding: 1.2rem 1.5rem; gap: 1rem; }
  .XIC9HKSnQsLCy1wC29BV { grid-template-columns: 1fr; }
  .I_ww_9P0xNKU0Qg9dEu2 { grid-template-columns: 1fr; }
  .liyvdZt0EC9oUyw2PnMr { grid-template-columns: repeat(2,1fr); }
  .h9qU_LBHE_IFVEcqwKAD { grid-template-columns: 100px 1fr; }
  .uBbQ0J_ZDRvq7XWA2iHf { flex-direction: column; gap: .5rem; }
  .jf74PHSgYbjaOPLH3X9T { display: none; }
  .p88VN5iiUkTthZsdXE48 { grid-template-columns: 1fr; }
  .jwdAFwsayat2FrT95Fjl { height: 240px; }
}
@media (max-width: 480px) {
  .qT5sxPKpj1An_jj_UyP_ { grid-template-columns: 1fr; }
  .A3ugZGHty6fDlnkfwc_T { border-right: none; border-bottom: 1px solid rgba(0,0,0,.12); }
  .A3ugZGHty6fDlnkfwc_T:last-child { border-bottom: none; }
  .liyvdZt0EC9oUyw2PnMr { grid-template-columns: 1fr; }
  .h9qU_LBHE_IFVEcqwKAD { grid-template-columns: 1fr; }
  .ePDzyQsM5OupKwLY9lJU { border-right: none; border-bottom: 1px solid rgba(0,0,0,.07); }
}

/* ══════════════════════════════════════════════════
   Pallet Careers — full premium redesign
══════════════════════════════════════════════════ */

.n6OYOVoEByNGLNNLJLAG {
  width: 100%;
  background: #FFFFFF;
  overflow-x: hidden;
}

/* ── Shared utilities ── */
.Aey2QXqon03bHFm3oRKN {
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #1A6EFF;
  margin-bottom: 0.6rem;
}

.pR3KSYsxmNYdOKgoglBW {
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.5);
  margin-bottom: 0.6rem;
}

/* ══ HERO ═══════════════════════════════════════════ */
.G27vK051Er_ERCPc3MxN {
  position: relative;
  min-height: 92vh;
  display: flex;
  align-items: center;
  overflow: hidden;
  background: #060C1A;
}

/* animated dot-grid */
.cDmtKLiANynADWaHNIAr {
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(circle, rgba(255,255,255,0.06) 1px, transparent 1px);
  background-size: 32px 32px;
  animation: xxQfNUu_sTT6TTqdn0QO 30s linear infinite;
}

@keyframes xxQfNUu_sTT6TTqdn0QO {
  0%   { background-position: 0 0; }
  100% { background-position: 32px 32px; }
}

/* glow orbs */
.sSL2j62yEqzONzvLmkoF {
  position: absolute;
  top: -100px; left: -100px;
  width: 500px; height: 500px;
  background: radial-gradient(circle, rgba(26,110,255,0.22) 0%, transparent 65%);
  animation: qd7n_lr7WN7EfF_Dw4mI 12s ease-in-out infinite alternate;
  pointer-events: none;
}
.BYPKvO4Ii2VGXT_wUPhv {
  position: absolute;
  bottom: -80px; right: -60px;
  width: 420px; height: 420px;
  background: radial-gradient(circle, rgba(124,58,237,0.18) 0%, transparent 65%);
  animation: M8EERp3TeQDLTIhfSicJ 15s ease-in-out infinite alternate;
  pointer-events: none;
}
.oDXfi18fwmxVAJg4hToZ {
  position: absolute;
  top: 40%; left: 55%;
  width: 280px; height: 280px;
  background: radial-gradient(circle, rgba(16,185,129,0.1) 0%, transparent 65%);
  animation: qd7n_lr7WN7EfF_Dw4mI 18s ease-in-out infinite alternate-reverse;
  pointer-events: none;
}

@keyframes qd7n_lr7WN7EfF_Dw4mI {
  from { transform: translate(0, 0) scale(1); }
  to   { transform: translate(40px, 30px) scale(1.1); }
}
@keyframes M8EERp3TeQDLTIhfSicJ {
  from { transform: translate(0, 0) scale(1); }
  to   { transform: translate(-30px, -40px) scale(1.08); }
}

.HtIZLOM6WtyCwaoq_bEX {
  position: relative;
  z-index: 1;
  max-width: 760px;
  padding: 5rem 5rem 5rem;
  animation: N_rdfo5nLiu9XaCldVZB 0.8s cubic-bezier(0.16,1,0.3,1) both;
}

@keyframes N_rdfo5nLiu9XaCldVZB {
  from { opacity: 0; transform: translateY(24px); }
  to   { opacity: 1; transform: translateY(0); }
}

.oNsApionhNZ_HiE9Xqyw {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(26,110,255,0.14);
  border: 1px solid rgba(26,110,255,0.3);
  border-radius: 100px;
  padding: 5px 14px;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: #60A5FA;
  margin-bottom: 1.4rem;
}

.DwgzaYnI5xJ6YUQL3u9F {
  width: 7px; height: 7px;
  border-radius: 50%;
  background: #22C55E;
  animation: g6KcFIlxoS1a_bA7qTKg 2s ease-in-out infinite;
  flex-shrink: 0;
}

@keyframes g6KcFIlxoS1a_bA7qTKg {
  0%, 100% { opacity: 1; transform: scale(1); box-shadow: 0 0 0 0 rgba(34,197,94,0.5); }
  50%       { opacity: 0.9; transform: scale(1.15); box-shadow: 0 0 0 5px rgba(34,197,94,0); }
}

._854wneYdCGMZkVY24CKU {
  font-family: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  font-size: clamp(2.2rem, 5vw, 3.6rem);
  font-weight: 800;
  color: #FFFFFF;
  letter-spacing: -0.05em;
  line-height: 1.08;
  margin: 0 0 1.2rem;
}

.T5D349aVVgn3jV5hIq1_ {
  background: linear-gradient(110deg, #60A5FA 0%, #A78BFA 60%, #34D399 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  background-size: 200%;
  animation: cSeSEggo18H40s5r1x7k 6s ease-in-out infinite alternate;
}

@keyframes cSeSEggo18H40s5r1x7k {
  from { background-position: 0% 50%; }
  to   { background-position: 100% 50%; }
}

.MVtoETpjO7vGKim3y__u {
  font-size: 1rem;
  color: rgba(255,255,255,0.62);
  line-height: 1.7;
  max-width: 580px;
  margin: 0 0 2rem;
}

.ONBVH0iB_LC3FS_Xgm4f {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 3rem;
  flex-wrap: wrap;
}

.iq403hX57E_SEJzKEN_L {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #1A6EFF;
  color: #FFFFFF;
  font-size: 0.9rem;
  font-weight: 700;
  padding: 0.8rem 2rem;
  border-radius: 100px;
  text-decoration: none;
  box-shadow: 0 4px 22px rgba(26,110,255,0.45);
  transition: box-shadow 0.2s, transform 0.2s;
}
.iq403hX57E_SEJzKEN_L:hover {
  box-shadow: 0 6px 32px rgba(26,110,255,0.65);
  transform: translateY(-2px);
  color: #FFFFFF;
}

.GvGUPQDnBKlcak3NIZpw {
  color: rgba(255,255,255,0.6);
  font-size: 0.88rem;
  font-weight: 600;
  text-decoration: none;
  padding: 0.75rem 1.4rem;
  border-radius: 100px;
  border: 1.5px solid rgba(255,255,255,0.18);
  transition: border-color 0.18s, color 0.18s;
}
.GvGUPQDnBKlcak3NIZpw:hover {
  border-color: rgba(255,255,255,0.45);
  color: #FFFFFF;
}

/* Stats strip */
.H13dsX7xVienQMqRQDC_ {
  display: flex;
  align-items: center;
  gap: 2.5rem;
  flex-wrap: wrap;
}

.zSUU5EPgC0mFQDkYFkNK {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.TAyRVtSJCi11m4Lps9TQ {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FFFFFF;
  letter-spacing: -0.04em;
  font-family: 'Space Grotesk', 'Inter', system-ui, sans-serif;
}

.O4bFFiZkSirzU1PKlZtn {
  font-size: 0.7rem;
  color: rgba(255,255,255,0.42);
  font-weight: 500;
  letter-spacing: 0.02em;
}

/* ══ GENERIC SECTION SHELL ══════════════════════════ */
.bi4NgRUQvW7R9MAMi8gf {
  padding: 5rem 5rem;
}

.YYxTzAV40a7SoBbxlW14 {
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
}

.OBYlUEa4I6lOlGqfC5Y0 {
  margin-bottom: 2.5rem;
  max-width: 600px;
}

.hJLEWo28TE3X42fVjvnY {
  font-family: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  font-size: clamp(1.6rem, 3vw, 2.2rem);
  font-weight: 800;
  color: #0F172A;
  letter-spacing: -0.04em;
  line-height: 1.15;
  margin: 0 0 0.5rem;
}

.oXLPsCKEuxfv17RUJiAK {
  font-size: 0.9rem;
  color: #64748B;
  line-height: 1.65;
  margin: 0;
}

/* ══ WHY JOIN ═══════════════════════════════════════ */
.Y9VrAS4AxPCCcE2JJaCs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.2rem;
}

.Tatu4HufMjolugPvQmIn {
  background: #FFFFFF;
  border: 1.5px solid #E8EEF8;
  border-radius: 18px;
  padding: 1.6rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  transition: box-shadow 0.2s, transform 0.2s, border-color 0.2s;
  animation: AgFn0z2ulPVShP7ZOPkt 0.5s cubic-bezier(0.16,1,0.3,1) both;
  position: relative;
  overflow: hidden;
}

.Tatu4HufMjolugPvQmIn::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: var(--accent, #1A6EFF);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.25s ease;
}
.Tatu4HufMjolugPvQmIn:hover::before { transform: scaleX(1); }

.Tatu4HufMjolugPvQmIn:hover {
  box-shadow: 0 8px 32px rgba(0,0,0,0.08);
  transform: translateY(-4px);
  border-color: transparent;
}

@keyframes AgFn0z2ulPVShP7ZOPkt {
  from { opacity: 0; transform: translateY(16px); }
  to   { opacity: 1; transform: translateY(0); }
}

.txtrLP0aQAsPKz8MmuNk {
  width: 44px; height: 44px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.3rem;
  flex-shrink: 0;
}

.yCvGgZeiWq7KrVwHqZK6 { font-size: 1.25rem; }

.uMQBrzRFJNiQ0nMbOvr0 {
  font-size: 0.95rem;
  font-weight: 700;
  color: #0F172A;
  margin: 0;
  line-height: 1.3;
}

.UWbwqcST_whbdTD5t2re {
  font-size: 0.82rem;
  color: #64748B;
  line-height: 1.65;
  margin: 0;
}

/* ══ CULTURE BAND ════════════════════════════════════ */
.a1pijzRAYJFaWynhXHXg {
  position: relative;
  padding: 5rem;
  background: #0A0F1E;
  overflow: hidden;
}

.Hd7Br2eweiA0YVc88Vis {
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(circle at 20% 50%, rgba(26,110,255,0.14) 0%, transparent 55%),
    radial-gradient(circle at 80% 30%, rgba(124,58,237,0.12) 0%, transparent 50%),
    repeating-linear-gradient(
      0deg, transparent, transparent 59px,
      rgba(255,255,255,0.02) 59px, rgba(255,255,255,0.02) 60px
    ),
    repeating-linear-gradient(
      90deg, transparent, transparent 59px,
      rgba(255,255,255,0.02) 59px, rgba(255,255,255,0.02) 60px
    );
  pointer-events: none;
}

.F6seS0R4ZSWS04WbwTeN {
  position: relative;
  z-index: 1;
  max-width: 1200px;
  margin: 0 auto;
}

.f9SdIN2ooGn1_UAA6YoV {
  font-family: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  font-size: clamp(1.8rem, 3.5vw, 2.6rem);
  font-weight: 800;
  color: #FFFFFF;
  letter-spacing: -0.05em;
  line-height: 1.1;
  margin: 0 0 0.8rem;
  max-width: 650px;
}

.ZCrNeki2tMdm8v85BEU5 {
  font-size: 0.95rem;
  color: rgba(255,255,255,0.58);
  line-height: 1.7;
  max-width: 560px;
  margin: 0 0 2.5rem;
}

.DlAuZk0NcNI7bImeA9QF {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.8rem;
}

.RazIjGdP9nMW3kLAm9Pk {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 12px;
  padding: 0.85rem 1rem;
  transition: background 0.15s;
}
.RazIjGdP9nMW3kLAm9Pk:hover { background: rgba(255,255,255,0.09); }

.lJAoqsm47XUKYHueaUm1 { font-size: 1rem; flex-shrink: 0; }

.XwFbz6g9OGSc9TAdSaCV {
  font-size: 0.82rem;
  color: rgba(255,255,255,0.72);
  font-weight: 500;
  line-height: 1.4;
}

/* ══ PERKS ═══════════════════════════════════════════ */

.URhRJYuSpGZNloYi5Gpg {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
}

/* Perks section override — narrower horizontal padding on mobile
   so flex-wrap badges can fit 2+ per row. Vertical padding
   and badge styles are unchanged. */

.NWzPIqrx9jda3rVMI1Kp {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background: #F8FAFF;
  border: 1.5px solid #E8EEF8;
  border-radius: 100px;
  padding: 0.55rem 1.1rem;
  font-size: 0.84rem;
  font-weight: 600;
  color: #334155;
  transition: background 0.15s, border-color 0.15s, transform 0.15s;
}
.NWzPIqrx9jda3rVMI1Kp:hover {
  background: #EEF4FF;
  border-color: rgba(26,110,255,0.25);
  transform: translateY(-2px);
}

.jASaviBJRBzZMmpoUzmM { font-size: 1rem; }

/* ══ TEAMS ═══════════════════════════════════════════ */
.f8I7XhPcljjIlOJkGW1z {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.2rem;
}

.lO6fKEzL1HWPkKzTL3uw {
  border: 1.5px solid #E8EEF8;
  border-radius: 18px;
  padding: 1.6rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  position: relative;
  overflow: hidden;
  transition: box-shadow 0.2s, transform 0.2s;
  background: #FFFFFF;
}

.lO6fKEzL1HWPkKzTL3uw::after {
  content: "";
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 3px;
  background: var(--accent, #1A6EFF);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
}
.lO6fKEzL1HWPkKzTL3uw:hover::after  { transform: scaleX(1); }
.lO6fKEzL1HWPkKzTL3uw:hover {
  box-shadow: 0 8px 30px rgba(0,0,0,0.07);
  transform: translateY(-4px);
}

.kSSJKXONIJUL3mvf8eJK {
  width: 42px; height: 42px;
  border-radius: 11px;
  background: #F1F5F9;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.3rem;
  flex-shrink: 0;
}

.KbpZLKUcYvj3Q9FOfAXY { font-size: 1.2rem; }

.CCOXmXM2tdMEasbmaBzQ {
  font-size: 1rem;
  font-weight: 700;
  color: #0F172A;
  margin: 0;
}

.ryS1py1GuCrAdHtJRkZA {
  font-size: 0.82rem;
  color: #64748B;
  line-height: 1.6;
  margin: 0;
  flex: 1;
}

.f4yHw2JiFkRjYfFl_Mp9 {
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--accent, #1A6EFF);
  text-decoration: none;
  margin-top: 0.3rem;
  transition: gap 0.15s;
}
.f4yHw2JiFkRjYfFl_Mp9:hover { text-decoration: underline; color: var(--accent, #1A6EFF); }

/* ══ HOW TO APPLY ════════════════════════════════════ */
.awtCp59ZGDZRQ6_chcLM {
  position: relative;
  padding: 5rem;
  background: linear-gradient(135deg, #0F172A 0%, #1E1B4B 100%);
  overflow: hidden;
}

.CMQH30K3CucTCsnOp8aP {
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(circle at 50% 0%, rgba(26,110,255,0.18) 0%, transparent 55%);
  pointer-events: none;
}

.vMwjP9SJU5SeXSQpL1rW {
  position: relative;
  z-index: 1;
  max-width: 1200px;
  margin: 0 auto;
}

.Em7pSbSVZkRba2j1kpC0 {
  font-family: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  font-size: clamp(1.8rem, 3.5vw, 2.4rem);
  font-weight: 800;
  color: #FFFFFF;
  letter-spacing: -0.05em;
  line-height: 1.1;
  margin: 0 0 0.5rem;
}

.fZ4GGfycEh3cWNrup4ef {
  font-size: 0.9rem;
  color: rgba(255,255,255,0.5);
  line-height: 1.65;
  max-width: 500px;
  margin: 0 0 3rem;
}

.Z_3Kh6NU8udtvyZh4ms2 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  position: relative;
}

/* connecting line between steps */
.Z_3Kh6NU8udtvyZh4ms2::before {
  content: "";
  position: absolute;
  top: 28px;
  left: calc(1fr);
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(26,110,255,0.4) 0%, rgba(124,58,237,0.4) 100%);
  z-index: 0;
  left: 28px;
  right: 28px;
}

.A9qMoMjospik4XANkfQR {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  padding-right: 1.5rem;
}

.qxz1R1aHEucrlSUC_Va2 {
  width: 54px; height: 54px;
  border-radius: 50%;
  background: rgba(26,110,255,0.15);
  border: 1.5px solid rgba(26,110,255,0.35);
  color: #60A5FA;
  font-size: 0.95rem;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: -0.02em;
  flex-shrink: 0;
  transition: background 0.2s, border-color 0.2s;
}
.A9qMoMjospik4XANkfQR:hover .qxz1R1aHEucrlSUC_Va2 {
  background: rgba(26,110,255,0.28);
  border-color: #60A5FA;
}

.xEyFAcWcEg7C4fKrqU8T {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0;
  line-height: 1.3;
}

.zMxjATwZtMRvVayl1RYb {
  font-size: 0.8rem;
  color: rgba(255,255,255,0.52);
  line-height: 1.65;
  margin: 0;
}

._HsLtqAh4UVz5hDnQGdg {
  display: none; /* handled by the ::before line */
}

/* ══ CLOSING CTA ═════════════════════════════════════ */
.cHyo1hAzMjS8dRdB8q_W {
  position: relative;
  padding: 6rem 5rem;
  text-align: center;
  overflow: hidden;
  background: #FFFFFF;
}

.qQZ_n0RAh23YkjpD3zIA {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 600px; height: 400px;
  background: radial-gradient(ellipse, rgba(26,110,255,0.08) 0%, transparent 70%);
  pointer-events: none;
}

.G_yxLmy_k4JgcXYdHWtx {
  position: relative;
  z-index: 1;
  max-width: 640px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}

._QMYdhLtuLMUHYrg6w55 {
  font-size: 2.5rem;
  animation: OnrxvSQBJ5KV55UoPVP0 2s ease-in-out infinite;
}

@keyframes OnrxvSQBJ5KV55UoPVP0 {
  0%, 100% { transform: rotate(0deg); }
  20%       { transform: rotate(-18deg); }
  40%       { transform: rotate(18deg); }
  60%       { transform: rotate(-10deg); }
  80%       { transform: rotate(10deg); }
}

.kaaCZlnP8XUre9qtfH_j {
  font-family: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  font-size: clamp(1.7rem, 3.5vw, 2.4rem);
  font-weight: 800;
  color: #0F172A;
  letter-spacing: -0.05em;
  line-height: 1.1;
  margin: 0;
}

.MLjfouElOcMhN39U187N {
  font-size: 0.9rem;
  color: #64748B;
  line-height: 1.65;
  margin: 0;
  max-width: 480px;
}

.tX8Qd4PG5umULrrhwPht {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 0.5rem;
}

._KsdLEUIpx_H36tMpzmT {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #1A6EFF;
  color: #FFFFFF;
  font-size: 0.9rem;
  font-weight: 700;
  padding: 0.8rem 2rem;
  border-radius: 100px;
  text-decoration: none;
  box-shadow: 0 4px 22px rgba(26,110,255,0.4);
  transition: box-shadow 0.2s, transform 0.2s;
}
._KsdLEUIpx_H36tMpzmT:hover {
  box-shadow: 0 6px 32px rgba(26,110,255,0.6);
  transform: translateY(-2px);
  color: #FFFFFF;
}

.ewTRzUN7eTfG9RSraP_N {
  color: #475569;
  font-size: 0.88rem;
  font-weight: 600;
  text-decoration: none;
  padding: 0.75rem 1.4rem;
  border-radius: 100px;
  border: 1.5px solid #E2E8F0;
  transition: border-color 0.18s, color 0.18s;
}
.ewTRzUN7eTfG9RSraP_N:hover {
  border-color: #1A6EFF;
  color: #1A6EFF;
}

.Hx4sGooM7iihlcfuAZ1L {
  font-size: 0.76rem;
  color: #94A3B8;
  margin: 0;
}

/* ══ RESPONSIVE ══════════════════════════════════════ */
@media (max-width: 1100px) {
  .Y9VrAS4AxPCCcE2JJaCs    { grid-template-columns: repeat(2, 1fr); }
  .f8I7XhPcljjIlOJkGW1z  { grid-template-columns: repeat(2, 1fr); }
  .DlAuZk0NcNI7bImeA9QF { grid-template-columns: repeat(2, 1fr); }
  .Z_3Kh6NU8udtvyZh4ms2   { grid-template-columns: repeat(2, 1fr); gap: 2rem; }
}

@media (max-width: 768px) {
  .n6OYOVoEByNGLNNLJLAG { --careers-page-padding: 2rem; }

  /* Use one page grid for every top-level section.  Padding belongs to
     the section shell, not a mix of shells and child wrappers, so every
     content block begins at the same pixel. */
  .bi4NgRUQvW7R9MAMi8gf,
  .a1pijzRAYJFaWynhXHXg,
  .awtCp59ZGDZRQ6_chcLM,
  .cHyo1hAzMjS8dRdB8q_W {
    box-sizing: border-box;
    padding: 4rem var(--careers-page-padding);
  }

  .G27vK051Er_ERCPc3MxN {
    min-height: auto;
    box-sizing: border-box;
    padding-left: var(--careers-page-padding);
    padding-right: var(--careers-page-padding);
  }

  .HtIZLOM6WtyCwaoq_bEX {
    width: 100%;
    max-width: none;
    box-sizing: border-box;
    padding: 4rem 0;
  }

  .YYxTzAV40a7SoBbxlW14,
  .F6seS0R4ZSWS04WbwTeN,
  .vMwjP9SJU5SeXSQpL1rW,
  .G_yxLmy_k4JgcXYdHWtx {
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box;
  }

  ._854wneYdCGMZkVY24CKU { font-size: 2.2rem; }

  .Y9VrAS4AxPCCcE2JJaCs    { grid-template-columns: 1fr; }
  .f8I7XhPcljjIlOJkGW1z  { grid-template-columns: 1fr; }
  .DlAuZk0NcNI7bImeA9QF { grid-template-columns: 1fr; }
  .Z_3Kh6NU8udtvyZh4ms2   { grid-template-columns: 1fr; }
  .H13dsX7xVienQMqRQDC_  { gap: 1.5rem; }

  /* Perks section: tighter side padding gives badges more room to wrap */
  .RJq9FJcYuxZkGpujFA7f {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (max-width: 480px) {
  .ONBVH0iB_LC3FS_Xgm4f { flex-direction: column; align-items: flex-start; }
  .tX8Qd4PG5umULrrhwPht { flex-direction: column; align-items: center; }
}

/* ══════════════════════════════════════════════════
   Pallet Become a Seller — premium marketplace page
══════════════════════════════════════════════════ */

.jsh_RVH_ne4DAaVLEW6r { width: 100%; background: #FFFFFF; overflow-x: hidden; }

/* ── Shared ── */
.ARYfbmCiCcN3lISam24A { max-width: 1200px; margin: 0 auto; width: 100%; }

.jyx58BfoD5Kv4yJgrvuK {
  font-size: 0.64rem; font-weight: 700;
  letter-spacing: 0.14em; text-transform: uppercase;
  color: #1A6EFF; margin-bottom: 0.6rem;
}
.nOY2qwlWER64XLzhk0NO {
  font-size: 0.64rem; font-weight: 700;
  letter-spacing: 0.14em; text-transform: uppercase;
  color: rgba(255,255,255,0.42); margin-bottom: 0.6rem;
}
.CtOzZWvVSjisEDbHn79C  { margin-bottom: 2.5rem; max-width: 640px; }
.emobrzWhupycdGhtGAzx {
  font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
  font-size: clamp(1.6rem,3vw,2.3rem); font-weight: 800;
  color: #0F172A; letter-spacing: -0.04em; line-height: 1.12; margin: 0 0 0.5rem;
}
.ranwE7zCKT7WSL7lTm9g {
  font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
  font-size: clamp(1.6rem,3vw,2.3rem); font-weight: 800;
  color: #FFFFFF; letter-spacing: -0.04em; line-height: 1.12; margin: 0 0 0.5rem;
}
.xVi6IYoOz8Tm09UbYnTl      { font-size: 0.88rem; color: #64748B; line-height: 1.65; margin: 0; }
.tDUr651KT8KhIpXE2R6s { font-size: 0.88rem; color: rgba(255,255,255,0.52); line-height: 1.65; margin: 0; }

/* ── CTAs ── */
.rwxh71MV3MaSnm5kSXuQ {
  display: inline-flex; align-items: center; gap: 6px;
  background: #1A6EFF; color: #FFFFFF;
  font-size: 0.9rem; font-weight: 700;
  padding: 0.8rem 1.9rem; border-radius: 100px; border: none;
  cursor: pointer; box-shadow: 0 4px 18px rgba(26,110,255,0.36);
  transition: box-shadow 0.18s, transform 0.18s;
  text-decoration: none;
}
.rwxh71MV3MaSnm5kSXuQ:hover { box-shadow: 0 6px 28px rgba(26,110,255,0.55); transform: translateY(-2px); }

.atTayY9Myrwnfjg9HDNl {
  display: inline-flex; align-items: center; gap: 6px;
  color: rgba(255,255,255,0.65); font-size: 0.88rem; font-weight: 600;
  padding: 0.75rem 1.4rem; border-radius: 100px;
  border: 1.5px solid rgba(255,255,255,0.2); text-decoration: none;
  transition: border-color 0.18s, color 0.18s;
}
.atTayY9Myrwnfjg9HDNl:hover { border-color: rgba(255,255,255,0.48); color: #FFFFFF; }

.ysFlitY57mQmqstVi3nr {
  display: inline-flex; align-items: center; gap: 6px;
  background: transparent; color: #1A6EFF;
  font-size: 0.84rem; font-weight: 700;
  padding: 0.7rem 1.4rem; border-radius: 100px;
  border: 1.5px solid rgba(26,110,255,0.3); cursor: pointer;
  transition: background 0.18s, border-color 0.18s;
}
.ysFlitY57mQmqstVi3nr:hover { background: #EEF4FF; border-color: #1A6EFF; }

/* ══ HERO ═══════════════════════════════════════════ */
.ocFGbzv0JcybXA_K0ggM {
  position: relative;
  background: #060C1A;
  overflow: hidden;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.fbpt0ULpJYtMDRYIAa40 {
  position: absolute; inset: 0;
  background-image: radial-gradient(circle, rgba(255,255,255,0.05) 1px, transparent 1px);
  background-size: 32px 32px;
  animation: w0thPro69R3D8H4r1BIA 28s linear infinite;
  pointer-events: none;
}
@keyframes w0thPro69R3D8H4r1BIA { to { background-position: 32px 32px; } }

.iRt_HzQ2bqA3BstZQ568 {
  position: absolute; top: -100px; left: -80px;
  width: 520px; height: 520px;
  background: radial-gradient(circle, rgba(26,110,255,0.2) 0%, transparent 65%);
  animation: zv0q8FF1j26PyEtYPwun 12s ease-in-out infinite alternate;
  pointer-events: none;
}
.iL9CkqPLGXc4W8nzpU6g {
  position: absolute; bottom: 80px; right: -60px;
  width: 400px; height: 400px;
  background: radial-gradient(circle, rgba(16,185,129,0.14) 0%, transparent 65%);
  animation: zv0q8FF1j26PyEtYPwun 15s ease-in-out infinite alternate-reverse;
  pointer-events: none;
}
@keyframes zv0q8FF1j26PyEtYPwun {
  from { transform: scale(1) translate(0,0); }
  to   { transform: scale(1.1) translate(24px,16px); }
}

/* ── Ticker tape ── */
.Ia93wfDAanN1pxISx5u0 {
  position: absolute; top: 0; left: 0; right: 0;
  background: rgba(26,110,255,0.1);
  border-bottom: 1px solid rgba(26,110,255,0.2);
  overflow: hidden; padding: 7px 0; pointer-events: none;
}
.NaIZZY0m4kcR7FzPO54_ {
  display: flex; gap: 3rem; white-space: nowrap;
  animation: piKVI7e3fojLR24aafBd 30s linear infinite;
  width: max-content;
}
.opE8uTpib8ghMWBSJfT3 {
  font-size: 0.68rem; font-weight: 600;
  color: rgba(255,255,255,0.45); letter-spacing: 0.04em;
}
@keyframes piKVI7e3fojLR24aafBd { from{transform:translateX(0)} to{transform:translateX(-50%)} }

/* ── Hero layout ── */
.XIRrG1BsbAWJUVXwWP0F {
  position: relative; z-index: 1;
  padding: 7rem 5rem 2rem;
  display: grid;
  grid-template-columns: 1fr 420px;
  gap: 4rem;
  align-items: center;
}

.ZAvdjtoOqc76VsMfNXsI {
  display: inline-flex; align-items: center; gap: 8px;
  background: rgba(26,110,255,0.14);
  border: 1px solid rgba(26,110,255,0.3);
  border-radius: 100px; padding: 5px 14px;
  font-size: 0.66rem; font-weight: 700; letter-spacing: 0.1em;
  color: #60A5FA; margin-bottom: 1.3rem;
}
.T2S60tnSv3S1B9yonk7t {
  width: 7px; height: 7px; border-radius: 50%; background: #22C55E;
  animation: gPw7btoIuzEHpNl9tNrp 2s ease-in-out infinite; flex-shrink: 0;
}
@keyframes gPw7btoIuzEHpNl9tNrp {
  0%,100% { box-shadow: 0 0 0 0 rgba(34,197,94,.5); }
  50%      { box-shadow: 0 0 0 6px rgba(34,197,94,0); }
}

.YBO0jaow3TPxUu9iwxb1 {
  font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
  font-size: clamp(2.4rem,5vw,3.8rem); font-weight: 800;
  color: #FFFFFF; letter-spacing: -0.05em; line-height: 1.08;
  margin: 0 0 1.2rem;
}
.tCSQ3rkJWc_5zhLrh9VJ {
  background: linear-gradient(110deg, #60A5FA 0%, #34D399 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
  background-size: 200%;
  animation: S8BFbUQ1YCuE132R5UfD 5s ease-in-out infinite alternate;
}
@keyframes S8BFbUQ1YCuE132R5UfD { from{background-position:0%} to{background-position:100%} }

.cwrOZqVhGsAlmZ05NYND {
  font-size: 0.97rem; color: rgba(255,255,255,0.58);
  line-height: 1.72; margin: 0 0 2rem; max-width: 520px;
}

.ddIhi59T3GA8XwLc4GAq { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; margin-bottom: 1.4rem; }

.fzDkX1ZhY5FZ8RwwyGio { display: flex; align-items: center; gap: 1.2rem; flex-wrap: wrap; }
.LYzV5MYXrWFxjoHbQokH {
  font-size: 0.72rem; font-weight: 500;
  color: rgba(255,255,255,0.45);
  display: flex; align-items: center; gap: 5px;
}
.g9csjtx4ALMEbpbM1j3N { color: #22C55E; font-weight: 800; }

/* ── Floating category cards ── */
.CPUTQ2SOhXQOciQhvaae {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.7rem;
}

.CZB3TzPlQAPwXZ85xgQY {
  display: flex; align-items: center; gap: 0.6rem;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 12px; padding: 0.7rem 0.9rem;
  animation: ykQ0hQPfRoTJrUvk4yMz 0.5s cubic-bezier(0.16,1,0.3,1) calc(var(--hi) * 0.09s) both;
  transition: background 0.18s, transform 0.18s;
}
.CZB3TzPlQAPwXZ85xgQY:hover { background: rgba(255,255,255,0.1); transform: translateX(3px); }
@keyframes ykQ0hQPfRoTJrUvk4yMz { from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:translateY(0)} }

.MnrAWCGGECQR_1zCFKej { font-size: 1.1rem; flex-shrink: 0; }
.i52VyUHgLmmW4rFibytw { font-size: 0.76rem; font-weight: 600; color: rgba(255,255,255,0.72); }

/* ── Stats strip ── */
.EJ1t0UceguX6x5mOEo6u {
  position: relative; z-index: 1;
  display: grid; grid-template-columns: repeat(4,1fr);
  border-top: 1px solid rgba(255,255,255,0.08);
  margin-top: 1rem;
}
.OwP0TOUeG0_o4zliXafJ {
  padding: 1.4rem 5rem;
  border-right: 1px solid rgba(255,255,255,0.08);
  display: flex; flex-direction: column; gap: 3px;
}
.OwP0TOUeG0_o4zliXafJ:last-child { border-right: none; }
.wzaFyb4IDBa2vbXNDlcR {
  font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
  font-size: 1.6rem; font-weight: 800; color: #FFFFFF;
  letter-spacing: -0.04em; line-height: 1;
}
.KDopy3cxFSHzl0h1jqGO { font-size: 0.72rem; color: rgba(255,255,255,0.4); font-weight: 500; }

/* ══ CATEGORIES ═════════════════════════════════════ */
.nS2AbIwXe4PWnTrS0mok { padding: 5rem; background: #F8FAFF; }

.Eb4RcicHqPeUfCTAoBZg {
  display: grid;
  grid-template-columns: repeat(5,1fr);
  gap: 1rem;
  margin-bottom: 1.8rem;
}

.B3ipM0rf3weKHMekxT6z {
  background: #FFFFFF;
  border: 1.5px solid #E8EEF8;
  border-radius: 16px; padding: 1.4rem 1.2rem;
  display: flex; flex-direction: column; gap: 0.4rem;
  cursor: default;
  transition: box-shadow 0.2s, transform 0.2s, border-color 0.2s;
  animation: KXqzo4MI3nFg7BU_OVLx 0.45s cubic-bezier(0.16,1,0.3,1) calc(var(--ci) * 0.05s) both;
  position: relative; overflow: hidden;
}
.B3ipM0rf3weKHMekxT6z::before {
  content: ""; position: absolute;
  top: 0; left: 0; right: 0; height: 3px;
  background: linear-gradient(90deg, #1A6EFF, #A78BFA);
  transform: scaleX(0); transform-origin: left;
  transition: transform 0.25s ease;
}
.B3ipM0rf3weKHMekxT6z:hover::before { transform: scaleX(1); }
.B3ipM0rf3weKHMekxT6z:hover {
  box-shadow: 0 6px 24px rgba(26,110,255,0.1);
  transform: translateY(-4px);
  border-color: transparent;
}

@keyframes KXqzo4MI3nFg7BU_OVLx {
  from { opacity:0; transform:translateY(12px); }
  to   { opacity:1; transform:translateY(0); }
}

.MmQFxJRyw9XRG5bgItpJ { font-size: 1.6rem; margin-bottom: 0.2rem; }
.AaLJYsxXUEcFjWLpIbTl { font-size: 0.88rem; font-weight: 700; color: #0F172A; }
.hNoCGpcp0EdqWsKPqTap { font-size: 0.72rem; color: #94A3B8; line-height: 1.4; }

.P1YoyCJmoAgaIShY9Eaw {
  display: flex; align-items: center;
  justify-content: space-between;
  background: #FFFFFF;
  border: 1.5px solid #E8EEF8;
  border-radius: 14px; padding: 1rem 1.5rem;
  gap: 1rem; flex-wrap: wrap;
}
.doEoWWZlM3TB4YCIbJqf { font-size: 0.84rem; color: #64748B; font-weight: 500; }

/* ══ BENEFITS ═══════════════════════════════════════ */
.nvFqa6yjrY9DI0gp6piQ {
  position: relative; padding: 5rem;
  background: #0A0F1E; overflow: hidden;
}
.QWHISPjc4xA_n4KZX1r7 {
  position: absolute; inset: 0;
  background-image:
    radial-gradient(circle at 15% 60%, rgba(26,110,255,0.15) 0%, transparent 50%),
    radial-gradient(circle at 80% 20%, rgba(16,185,129,0.1) 0%, transparent 50%),
    repeating-linear-gradient(0deg, transparent, transparent 59px, rgba(255,255,255,0.018) 59px, rgba(255,255,255,0.018) 60px),
    repeating-linear-gradient(90deg, transparent, transparent 59px, rgba(255,255,255,0.018) 59px, rgba(255,255,255,0.018) 60px);
  pointer-events: none;
}

.krdSOG2nlHLHbbCa2s8H {
  display: grid; grid-template-columns: repeat(3,1fr);
  gap: 1rem; position: relative; z-index: 1;
}

.kc2OI2ZdcmqdRomFx7tG {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 18px; padding: 1.6rem;
  display: flex; flex-direction: column; gap: 0.5rem;
  position: relative; overflow: hidden;
  transition: background 0.18s, transform 0.2s;
}
.kc2OI2ZdcmqdRomFx7tG::after {
  content: ""; position: absolute;
  bottom: 0; left: 0; right: 0; height: 3px;
  background: var(--accent, #1A6EFF);
  transform: scaleX(0); transform-origin: left;
  transition: transform 0.25s ease;
}
.kc2OI2ZdcmqdRomFx7tG:hover::after { transform: scaleX(1); }
.kc2OI2ZdcmqdRomFx7tG:hover { background: rgba(255,255,255,0.07); transform: translateY(-4px); }

.HJIipZU8628KkGPHdfWd {
  width: 44px; height: 44px; border-radius: 12px;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.2rem; margin-bottom: 0.2rem; flex-shrink: 0;
}
.prZbOaYlOJkyOlqE2IZk { font-size: 0.92rem; font-weight: 700; color: #FFFFFF; margin: 0; }
.dzG83yiEdQzkbDKktTe7  { font-size: 0.8rem; color: rgba(255,255,255,0.52); line-height: 1.65; margin: 0; }

/* ══ HOW IT WORKS ════════════════════════════════════ */
.vIarSgW7U7eP9DIr2yIJ { padding: 5rem; background: #FFFFFF; }

.JY5BR2wwvLtEpvuvuBri {
  display: grid; grid-template-columns: repeat(3,1fr);
  gap: 0; margin-bottom: 2.5rem;
  position: relative;
}
/* connecting line */
.JY5BR2wwvLtEpvuvuBri::before {
  content: ""; position: absolute;
  top: 26px; left: 26px; right: 26px; height: 2px;
  background: linear-gradient(90deg, #3B82F6, #8B5CF6, #10B981);
  z-index: 0;
}

.fEHXVml7kbJk4WXeGIdI {
  position: relative; z-index: 1;
  padding: 0 2rem 0 0;
  display: flex; flex-direction: column; gap: 0.6rem;
}

.JIA0al3aFXxHMqR7ODUQ {
  font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
  font-size: 1rem; font-weight: 800;
  width: 52px; height: 52px; border-radius: 50%;
  background: #FFFFFF;
  border: 2px solid currentColor;
  display: flex; align-items: center; justify-content: center;
  margin-bottom: 0.6rem; flex-shrink: 0;
  letter-spacing: -0.02em;
}

.gvAQdjJixVABKz_uobH2 { font-size: 0.95rem; font-weight: 700; color: #0F172A; margin: 0; }
.F7NHTSaD4MvxZ2gMUeBs  { font-size: 0.82rem; color: #64748B; line-height: 1.65; margin: 0; }

.sqmNQfVxqhmnIlCR7NBQ { display: flex; justify-content: center; }

/* ══ WHO SELLS HERE ══════════════════════════════════ */
.val_F6yMP35Wl2iIsFRj {
  position: relative; padding: 5rem;
  background: linear-gradient(135deg, #0F172A 0%, #1E3A5F 100%);
  overflow: hidden;
}
.heaHnjX6y0i8bLDgNrOa {
  position: absolute; inset: 0;
  background-image: radial-gradient(circle at 70% 50%, rgba(26,110,255,0.12) 0%, transparent 55%);
  pointer-events: none;
}

.bOKpgvmwbMghdGrIPlN7 {
  display: grid; grid-template-columns: repeat(4,1fr);
  gap: 1.2rem; position: relative; z-index: 1;
}

.s0pwVEyKpbqPOKLi1IWz {
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 18px; padding: 1.6rem;
  display: flex; flex-direction: column; gap: 0.5rem;
  transition: background 0.18s, transform 0.2s;
}
.s0pwVEyKpbqPOKLi1IWz:hover { background: rgba(255,255,255,0.09); transform: translateY(-4px); }

.b_gaVlwsSvs7qHLVHsth {
  font-size: 1.6rem; width: 52px; height: 52px;
  background: rgba(255,255,255,0.08); border-radius: 14px;
  display: flex; align-items: center; justify-content: center;
  margin-bottom: 0.3rem;
}
.mmwDbO17_oUl7wg2FtKw { font-size: 0.95rem; font-weight: 700; color: #FFFFFF; margin: 0; }
.IdF3grjlOdBaTkS9d1FV  { font-size: 0.8rem; color: rgba(255,255,255,0.52); line-height: 1.65; margin: 0; }

/* ══ CLOSING CTA ═════════════════════════════════════ */
.R2gqsWToHjyhswHjgGgK {
  position: relative; padding: 7rem 5rem;
  text-align: center; background: #FFFFFF; overflow: hidden;
}
.Hu1G6tkpeVUtJPQSBlO8 {
  position: absolute; top: 50%; left: 50%;
  transform: translate(-50%,-50%);
  width: 700px; height: 500px;
  background: radial-gradient(ellipse, rgba(26,110,255,0.07) 0%, transparent 65%);
  pointer-events: none;
}
.BzGaSL6IRA4qEQmUh8aT {
  position: relative; z-index: 1;
  max-width: 640px; margin: 0 auto;
  display: flex; flex-direction: column;
  align-items: center; gap: 1rem;
}

.lLlvFs_GMDFYQ7V2EjJT {
  display: inline-flex; align-items: center; gap: 6px;
  background: #F0F7FF;
  border: 1px solid rgba(26,110,255,0.2);
  border-radius: 100px; padding: 5px 14px;
  font-size: 0.66rem; font-weight: 700;
  letter-spacing: 0.1em; color: #1A6EFF;
}

.DcvTsM13QoArhzYDzoLp {
  font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
  font-size: clamp(2rem,4vw,3rem); font-weight: 800;
  color: #0F172A; letter-spacing: -0.05em; line-height: 1.1;
  margin: 0;
}
.dLeDQp782XahJRtZUUJV {
  font-size: 0.9rem; color: #64748B; line-height: 1.65;
  margin: 0; max-width: 480px;
}

.NGPVVIiAoJ2EvOpppky3 {
  display: inline-flex; align-items: center; gap: 6px;
  background: #1A6EFF; color: #FFFFFF;
  font-size: 1rem; font-weight: 700;
  padding: 0.9rem 2.5rem; border-radius: 100px; border: none;
  cursor: pointer; box-shadow: 0 4px 22px rgba(26,110,255,0.4);
  transition: box-shadow 0.18s, transform 0.18s;
  margin-top: 0.5rem;
}
.NGPVVIiAoJ2EvOpppky3:hover { box-shadow: 0 6px 32px rgba(26,110,255,0.6); transform: translateY(-2px); }

.OFpuCAsvSIxtm1vyhT0z {
  display: flex; align-items: center; gap: 1.4rem;
  flex-wrap: wrap; justify-content: center;
}
.YtKsh3Q__dmCv3XRmUZx {
  font-size: 0.72rem; font-weight: 500; color: #94A3B8;
  display: flex; align-items: center; gap: 5px;
}
.ERtJgSVxMu1ONOguWjgA { color: #22C55E; font-weight: 800; }

/* ══ RESPONSIVE ══════════════════════════════════════ */
@media (max-width: 1100px) {
  .Eb4RcicHqPeUfCTAoBZg        { grid-template-columns: repeat(4,1fr); }
  .XIRrG1BsbAWJUVXwWP0F      { grid-template-columns: 1fr; }
  .CPUTQ2SOhXQOciQhvaae      { display: none; }
  .EJ1t0UceguX6x5mOEo6u      { grid-template-columns: repeat(2,1fr); }
  .krdSOG2nlHLHbbCa2s8H   { grid-template-columns: repeat(2,1fr); }
  .bOKpgvmwbMghdGrIPlN7        { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 820px) {
  .Eb4RcicHqPeUfCTAoBZg        { grid-template-columns: repeat(3,1fr); }
  .JY5BR2wwvLtEpvuvuBri        { grid-template-columns: 1fr; }
  .JY5BR2wwvLtEpvuvuBri::before { display: none; }
  .krdSOG2nlHLHbbCa2s8H   { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .ocFGbzv0JcybXA_K0ggM,.nS2AbIwXe4PWnTrS0mok,.nvFqa6yjrY9DI0gp6piQ,.vIarSgW7U7eP9DIr2yIJ,.val_F6yMP35Wl2iIsFRj,.R2gqsWToHjyhswHjgGgK {
    padding: 3.5rem 1.5rem;
  }
  .XIRrG1BsbAWJUVXwWP0F { padding: 5rem 1.5rem 1.5rem; }
  .Eb4RcicHqPeUfCTAoBZg   { grid-template-columns: repeat(2,1fr); }
  .bOKpgvmwbMghdGrIPlN7   { grid-template-columns: 1fr; }
  .EJ1t0UceguX6x5mOEo6u { grid-template-columns: repeat(2,1fr); }
  .OwP0TOUeG0_o4zliXafJ  { padding: 1.2rem 1.5rem; }
}

/* ================================================================
   PRE-HERO — "The Dare"  (Premium Edition)
   Full-viewport opening statement — clean, editorial, high-end.
   Inspired by Stripe / Linear / Apple motion aesthetics.
   ================================================================ */

/* ── Root ── */
.ph-root {
  position: relative;
  width: 100%;
  min-height: 100vh;
  background: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  box-sizing: border-box;
}

/* ─────────────────────────────────────────────────────────────
   BACKGROUND LAYERS
───────────────────────────────────────────────────────────── */

/* Dot grid — slow drift for living texture */
.ph-grid {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle, rgba(15, 23, 42, 0.05) 1px, transparent 1px);
  background-size: 32px 32px;
  pointer-events: none;
  mask-image: radial-gradient(ellipse 85% 75% at 50% 42%, black 15%, transparent 72%);
  -webkit-mask-image: radial-gradient(ellipse 85% 75% at 50% 42%, black 15%, transparent 72%);
  animation: phGridDrift 20s ease-in-out infinite;
}

@keyframes phGridDrift {
  0%, 100% { background-position: 0px 0px;   opacity: 0.85; }
  33%       { background-position: 6px 4px;   opacity: 1;    }
  66%       { background-position: -4px 8px;  opacity: 0.9;  }
}

/* Floating ambient particles */
.ph-particles {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
}

.ph-particle {
  position: absolute;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(26, 110, 255, 0.55) 0%, rgba(123, 111, 255, 0.35) 100%);
  animation: phParticleRise var(--dur, 9s) ease-in-out var(--delay, 0s) infinite;
  opacity: 0;
}

.ph-particle:nth-child(even) {
  background: radial-gradient(circle, rgba(123, 111, 255, 0.50) 0%, rgba(26, 110, 255, 0.25) 100%);
  width: 2px;
  height: 2px;
}

.ph-particle:nth-child(3n) {
  background: radial-gradient(circle, rgba(251, 191, 36, 0.40) 0%, transparent 100%);
  width: 2.5px;
  height: 2.5px;
}

@keyframes phParticleRise {
  0%        { transform: translateY(0)    translateX(0);              opacity: 0; }
  15%       { opacity: 0.7; }
  80%       { opacity: 0.4; }
  100%      { transform: translateY(-140px) translateX(var(--drift, 15px)); opacity: 0; }
}

/* Colorful floating blobs */
.ph-blob {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  will-change: transform, opacity;
  filter: blur(70px);
}

.ph-blob--blue {
  width: 70vw; height: 70vw;
  max-width: 820px; max-height: 820px;
  top: -25%; right: -18%;
  background: radial-gradient(circle, rgba(26, 110, 255, 0.10) 0%, transparent 65%);
  animation: phBlobDrift 14s ease-in-out infinite;
  animation-delay: 0s;
}
.ph-blob--purple {
  width: 55vw; height: 55vw;
  max-width: 640px; max-height: 640px;
  bottom: -20%; left: -16%;
  background: radial-gradient(circle, rgba(123, 111, 255, 0.09) 0%, transparent 65%);
  animation: phBlobDrift 18s ease-in-out infinite;
  animation-delay: -6s;
}
.ph-blob--amber {
  width: 38vw; height: 38vw;
  max-width: 440px; max-height: 440px;
  top: 10%; left: 5%;
  background: radial-gradient(circle, rgba(251, 191, 36, 0.07) 0%, transparent 65%);
  animation: phBlobDrift 22s ease-in-out infinite;
  animation-delay: -11s;
}

@keyframes phBlobDrift {
  0%   { transform: translate(0, 0)     scale(1);    opacity: 0.7; }
  25%  { transform: translate(3%, 4%)   scale(1.06); opacity: 1;   }
  50%  { transform: translate(-2%, 6%)  scale(0.97); opacity: 0.8; }
  75%  { transform: translate(4%, -3%)  scale(1.04); opacity: 1;   }
  100% { transform: translate(0, 0)     scale(1);    opacity: 0.7; }
}

/* ── Bottom fade into AnimatedHero (#F5F8FF) ── */
.ph-fade-out {
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 24vh;
  background: linear-gradient(to bottom, transparent 0%, #F5F8FF 100%);
  pointer-events: none;
  z-index: 10;
}

/* ─────────────────────────────────────────────────────────────
   INNER CONTENT
───────────────────────────────────────────────────────────── */

.ph-inner {
  position: relative;
  z-index: 5;
  text-align: center;
  max-width: 860px;
  width: 100%;
  padding: 0 2.5rem 8vh;
  box-sizing: border-box;
}

/* ── Radial glow behind headline ── */
.ph-headline-glow {
  position: absolute;
  top: 28%;
  left: 50%;
  transform: translateX(-50%);
  width: min(860px, 95vw);
  height: 420px;
  background:
    radial-gradient(ellipse 60% 50% at 50% 45%,
      rgba(26, 110, 255, 0.09) 0%,
      rgba(123, 111, 255, 0.06) 45%,
      transparent 75%);
  pointer-events: none;
  z-index: 0;
  opacity: 0.5;
}

/* ── Cursor ── */
.ph-cursor {
  display: block;
  width: 3px;
  height: clamp(1.4rem, 2.5vw, 2.2rem);
  background: #0F172A;
  margin: 0 auto 0.75rem;
  border-radius: 2px;
  opacity: 0;
}
.ph-active .ph-cursor {
  animation: phCursorLife 1.0s ease forwards;
}
@keyframes phCursorLife {
  0%   { opacity: 1;   transform: scaleY(1); }
  28%  { opacity: 0;   }
  52%  { opacity: 1;   }
  76%  { opacity: 0;   }
  88%  { opacity: 0;   transform: scaleY(1); }
  100% { opacity: 0;   transform: scaleY(0); }
}

/* ── Eyebrow ── */
.ph-eyebrow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin: 0 0 0.75rem;
  opacity: 0;
}
.ph-active .ph-eyebrow {
  animation: phFadeUp 0.6s cubic-bezier(0.16, 1, 0.3, 1) 0s both;
}
.ph-eyebrow-rule {
  display: block;
  width: 48px;
  height: 1px;
  background: rgba(15, 23, 42, 0.22);
  border-radius: 1px;
}
.ph-eyebrow-text {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 0.6rem;
  font-weight: 700;
  letter-spacing: 0.42em;
  text-transform: uppercase;
  color: rgba(15, 23, 42, 0.45);
}

/* ─────────────────────────────────────────────────────────────
   HEADLINE — stacked, one word per line
───────────────────────────────────────────────────────────── */

.ph-headline {
  font-family: 'Lora', Georgia, serif;
  font-size: clamp(2.8rem, 5vw, 4.5rem);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -0.04em;
  color: #0F172A;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
}

/* Each word arrives via blur + scale — cinematic, centered */
.ph-word {
  display: block;
  opacity: 0;
  will-change: transform, filter, opacity;
}
.ph-active .ph-word {
  animation: phWordPop 0.7s cubic-bezier(0.16, 1, 0.3, 1) var(--d, 0s) both;
}

@keyframes phWordPop {
  from {
    opacity: 0;
    transform: translateY(0.4em) scale(0.84);
    filter: blur(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
  }
}

/* ── "Yet." — gradient text + glow + underline ── */
.ph-word--yet {
  /* Gradient text */
  background: linear-gradient(130deg, #1A6EFF 0%, #7C3AED 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;

  position: relative;
  font-size: 1.1em;   /* slightly larger — the climax word */
}

/* Animated underline — draws left to right, then gets a shimmer */
.ph-word--yet::after {
  content: '';
  position: absolute;
  left: 0.04em;
  right: 0.04em;
  bottom: 0.06em;
  height: 0.055em;
  background: linear-gradient(90deg, #1A6EFF 0%, #7C3AED 50%, #1A6EFF 100%);
  background-size: 200% 100%;
  border-radius: 9999px;
  transform: scaleX(0);
  transform-origin: left;
  animation:
    phYetUnderline 0.8s cubic-bezier(0.16, 1, 0.3, 1) 1.55s both,
    phUnderlineShimmer 2.4s linear 2.4s infinite;
}
@keyframes phYetUnderline {
  from { transform: scaleX(0); opacity: 0; }
  to   { transform: scaleX(1); opacity: 1; }
}
@keyframes phUnderlineShimmer {
  0%   { background-position: 100% 0; }
  100% { background-position: -100% 0; }
}

.ph-active .ph-word--yet {
  animation:
    phYetBounce 0.75s cubic-bezier(0.34, 1.56, 0.64, 1) 0.88s both,
    phYetGlow   1.8s  ease-out                           1.5s  both;
}

@keyframes phYetBounce {
  0%   { opacity: 0; transform: scale(0.55); filter: blur(10px); }
  60%  { opacity: 1; transform: scale(1.10); filter: blur(0);    }
  80%  { transform: scale(0.97); }
  100% { opacity: 1; transform: scale(1);    filter: blur(0);    }
}

/* Use drop-shadow (works with background-clip text) */
@keyframes phYetGlow {
  0%   { filter: drop-shadow(0 0 0px  rgba(26, 110, 255, 0)); }
  30%  { filter: drop-shadow(0 0 12px rgba(26, 110, 255, 0.22))
                 drop-shadow(0 0 28px rgba(124, 58, 237,  0.10)); }
  100% { filter: drop-shadow(0 0 4px  rgba(26, 110, 255, 0.08)); }
}

/* ─────────────────────────────────────────────────────────────
   DIVIDERS
───────────────────────────────────────────────────────────── */

.ph-divider {
  height: 1px;
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(26, 110, 255, 0.30) 35%,
    rgba(123, 111, 255, 0.30) 65%,
    transparent 100%
  );
  margin: 1.2rem auto;
  max-width: 520px;
  transform: scaleX(0);
  transform-origin: center;
  opacity: 0;
}
.ph-active .ph-divider {
  animation: phLineDraw 0.9s cubic-bezier(0.16, 1, 0.3, 1) var(--d, 1s) both;
}
.ph-divider--sm {
  max-width: 180px;
  margin: 1.0rem auto;
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(15, 23, 42, 0.12) 40%,
    rgba(15, 23, 42, 0.12) 60%,
    transparent 100%
  );
}

@keyframes phLineDraw {
  from { opacity: 0; transform: scaleX(0); }
  to   { opacity: 1; transform: scaleX(1); }
}

/* ─────────────────────────────────────────────────────────────
   SUB LINES — centered fade-up (Linear / Stripe aesthetic)
───────────────────────────────────────────────────────────── */

.ph-sub {
  margin: 0 0 0.5rem;
  opacity: 0;
}
.ph-active .ph-sub {
  animation: phFadeUp 0.75s cubic-bezier(0.16, 1, 0.3, 1) var(--d, 1.4s) both;
}

.ph-sub--primary {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: clamp(1rem, 2.2vw, 1.3rem);
  font-weight: 600;
  color: #0F172A;
  letter-spacing: -0.015em;
}
.ph-sub--secondary {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: clamp(0.85rem, 1.6vw, 1rem);
  font-weight: 400;
  color: #64748B;
  letter-spacing: -0.005em;
}

/* ─────────────────────────────────────────────────────────────
   CHALLENGE BLOCK + KEYWORD PILLS
───────────────────────────────────────────────────────────── */

.ph-challenge {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: clamp(0.88rem, 1.8vw, 1.1rem);
  font-weight: 400;
  line-height: 1.65;
  color: #64748B;
  max-width: 660px;
  margin: 0 auto;
  opacity: 0;
}
.ph-active .ph-challenge {
  animation: phFadeUp 0.85s cubic-bezier(0.16, 1, 0.3, 1) var(--d, 2.45s) both;
}

/* Keyword pills */
.ph-kw {
  display: inline-block;
  font-weight: 700;
  border-radius: 5px;
  padding: 0.08em 0.45em;
  font-size: 0.96em;
  transform: translateY(0);
  white-space: nowrap;
}
.ph-kw--green {
  background: rgba(16, 185, 129, 0.10);
  color: #059669;
  border: 1px solid rgba(16, 185, 129, 0.28);
  box-shadow: 0 1px 3px rgba(16, 185, 129, 0.10);
}
.ph-kw--blue {
  background: rgba(26, 110, 255, 0.08);
  color: #1A6EFF;
  border: 1px solid rgba(26, 110, 255, 0.24);
  box-shadow: 0 1px 3px rgba(26, 110, 255, 0.10);
}
.ph-kw--purple {
  background: rgba(123, 111, 255, 0.09);
  color: #6D5BDB;
  border: 1px solid rgba(123, 111, 255, 0.24);
  box-shadow: 0 1px 3px rgba(123, 111, 255, 0.10);
}

/* "close this tab." — red strikethrough draws then fades */
.ph-close-tab {
  font-weight: 700;
  color: #0F172A;
  position: relative;
  white-space: nowrap;
}
.ph-close-tab::after {
  content: '';
  position: absolute;
  left: 0; right: 0;
  top: 54%;
  height: 2px;
  background: #EF4444;
  border-radius: 1px;
  transform: scaleX(0);
  transform-origin: left;
  animation: phStrike 1.7s cubic-bezier(0.16, 1, 0.3, 1) 3.9s forwards;
}
@keyframes phStrike {
  0%   { transform: scaleX(0); opacity: 1; }
  42%  { transform: scaleX(1); opacity: 1; }
  74%  { transform: scaleX(1); opacity: 1; }
  100% { transform: scaleX(1); opacity: 0; }
}

/* ─────────────────────────────────────────────────────────────
   VOW LINES
───────────────────────────────────────────────────────────── */

.ph-vow {
  opacity: 0;
}
.ph-active .ph-vow {
  animation: phFadeUp 0.4s ease var(--d, 3.6s) both;
}

.ph-vow-line {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.55em;
  font-family: 'Inter', system-ui, sans-serif;
  font-size: clamp(0.72rem, 1.5vw, 0.88rem);
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #94A3B8;
  line-height: 2.0;
  opacity: 0;
}
.ph-active .ph-vow-line {
  animation: phVowIn 0.55s cubic-bezier(0.34, 1.56, 0.64, 1) calc(var(--d, 3.6s) + var(--ld, 0s)) both;
}

@keyframes phVowIn {
  from { opacity: 0; transform: translateY(10px) scale(0.92); }
  to   { opacity: 1; transform: translateY(0)    scale(1);    }
}

/* Vow icon dots */
.ph-vow-icon {
  font-size: 0.55em;
  opacity: 0;
  animation: phIconSpin 0.5s ease calc(var(--d, 3.6s) + var(--ld, 0s) + 0.1s) both;
}
@keyframes phIconSpin {
  from { opacity: 0; transform: rotate(-180deg) scale(0); }
  to   { opacity: 1; transform: rotate(0deg)    scale(1); }
}

.ph-vow-icon--blue   { color: #1A6EFF; }
.ph-vow-icon--purple { color: #7B6FFF; }
.ph-vow-icon--amber  { color: #F59E0B; }

/* ─────────────────────────────────────────────────────────────
   SCROLL CUE — minimal, refined
───────────────────────────────────────────────────────────── */

.ph-scroll-cue {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin-top: 1.2rem;
  opacity: 0;
}
.ph-active .ph-scroll-cue {
  animation: phFadeUp 0.6s ease var(--d, 4.5s) both;
}

.ph-scroll-label {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 0.6rem;
  font-weight: 600;
  letter-spacing: 0.26em;
  text-transform: uppercase;
  color: rgba(15, 23, 42, 0.2);
}

.ph-scroll-track {
  width: 1.5px;
  height: 40px;
  background: rgba(15, 23, 42, 0.07);
  border-radius: 2px;
  position: relative;
  overflow: hidden;
}
.ph-scroll-thumb {
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 22px;
  background: linear-gradient(to bottom, #1A6EFF, #7B6FFF);
  border-radius: 2px;
  animation: phScrollSlide 2.4s cubic-bezier(0.4, 0, 0.6, 1) 5s infinite;
}
@keyframes phScrollSlide {
  0%   { top: -22px; opacity: 0; }
  12%  { opacity: 1; }
  72%  { top: calc(100% + 2px); opacity: 1; }
  88%  { opacity: 0; }
  100% { top: calc(100% + 2px); opacity: 0; }
}

/* ─────────────────────────────────────────────────────────────
   SHARED KEYFRAMES
───────────────────────────────────────────────────────────── */

@keyframes phFadeUp {
  from { opacity: 0; transform: translateY(14px); }
  to   { opacity: 1; transform: translateY(0);    }
}

/* ─────────────────────────────────────────────────────────────
   RESPONSIVE
───────────────────────────────────────────────────────────── */

@media (max-width: 680px) {
  .ph-root         { padding: 0; }
  .ph-divider      { margin: 1.6rem auto; }
  .ph-divider--sm  { margin: 1.4rem auto; }
  .ph-challenge    { line-height: 1.9; }
  .ph-headline-glow{ height: 260px; }
  .ph-blob--blue   { filter: blur(50px); }
  .ph-blob--purple { filter: blur(50px); }
  .ph-blob--amber  { filter: blur(50px); }
}
@media (max-width: 400px) {
  .ph-headline { letter-spacing: -0.03em; }
}

/* ================================================================
   ANIMATED HERO — v4
   Two-column layout: text left | phone + dashboard right
   ================================================================ */

/* ── Root ──────────────────────────────────────────────────────── */
.ah-root {
  position: relative;
  width: 100%;
  min-height: 100vh;
  overflow: hidden;
  background: #F5F8FF; /* warm blue-tinted white */
  padding-top: 68px; /* navbar height */
  display: flex;
  flex-direction: column;
}

/* ── Light-theme ambient radial glows ────────────────────────── */
.ah-root::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    radial-gradient(ellipse 75% 80% at 78% 35%, rgba(26,110,255,0.07) 0%, transparent 62%),
    radial-gradient(ellipse 45% 55% at 12% 80%, rgba(123,111,255,0.05) 0%, transparent 55%),
    radial-gradient(ellipse 40% 40% at 50% 10%, rgba(26,110,255,0.03) 0%, transparent 60%);
}

/* ── Background ────────────────────────────────────────────────── */
.ah-bg { display: none; }
.ah-mesh { display: none; }
.ah-orb  { display: none; }
.ah-particle   { display: none; }

/* ── Subtle perspective grid — right half only ── */
.ah-grid-lines {
  display: block;
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 38%;
  z-index: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(26,110,255,0.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(26,110,255,0.055) 1px, transparent 1px);
  background-size: 52px 52px;
  mask-image: radial-gradient(ellipse 90% 100% at 90% 50%, black 15%, transparent 70%);
  -webkit-mask-image: radial-gradient(ellipse 90% 100% at 90% 50%, black 15%, transparent 70%);
}

/* Animated film-grain texture overlay — premium depth effect */
.ah-root::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 200;
  pointer-events: none;
  opacity: 0.028;
  background-image: url("data:image/svg+xml,%3Csvg viewBox=%270 0 256 256%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cfilter id=%27n%27%3E%3CfeTurbulence type=%27fractalNoise%27 baseFrequency=%270.85%27 numOctaves=%274%27 stitchTiles=%27stitch%27/%3E%3C/filter%3E%3Crect width=%27100%25%27 height=%27100%25%27 filter=%27url%28%23n%29%27/%3E%3C/svg%3E");
  background-repeat: repeat;
  background-size: 200px 200px;
  animation: ahGrain 0.9s steps(2) infinite;
}
@keyframes ahGrain {
  0%   { transform: translate(0,    0);    }
  25%  { transform: translate(-3px, -2px); }
  50%  { transform: translate(2px,  3px);  }
  75%  { transform: translate(-1px, 2px);  }
  100% { transform: translate(0,    0);    }
}

/* ── Two-column content row ────────────────────────────────────── */
.ah-content {
  position: relative;
  z-index: 5;
  flex: 1;
  display: flex;
  align-items: center;    /* vertical centre — fixes text/mockup misalignment */
  padding: 1.25rem 0 2rem 5vw;
  gap: 2rem;
  min-height: calc(100vh - 68px);
}

/* ── Left: text ────────────────────────────────────────────────── */
.ah-text-layer {
  flex: 0 0 460px;
  max-width: 460px;
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
  z-index: 10;
}

/* Headline */
.ah-line {
  display: flex; flex-wrap: wrap; overflow: hidden; padding-bottom: 0.06em;
}
.ah-word {
  display: inline-block;
  font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
  font-weight: 800;
  font-size: clamp(2rem, 3.6vw, 3.75rem);
  letter-spacing: -0.03em;
  color: #0F172A;
  opacity: 0;
  transform: translateY(50px) skewY(3deg);
  animation: wordLift 0.68s cubic-bezier(0.16,1,0.3,1) forwards;
  margin-right: 0.22em;
}
.ah-word--gold {
  background: linear-gradient(135deg, #FFD166 0%, #FF9F1C 50%, #F4845F 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
@keyframes wordLift {
  from { opacity: 0; transform: translateY(48px) skewY(4deg); filter: blur(5px); }
  to   { opacity: 1; transform: translateY(0)    skewY(0deg);  filter: blur(0);  }
}

/* ── Accent word (e.g. "AI") — brand blue with a soft glow pulse ── */
.ah-word--accent {
  color: #1A6EFF;
  animation: wordLift 0.68s cubic-bezier(0.16,1,0.3,1) forwards,
             ahAccentPulse 4s 2s ease-in-out infinite;
}
@keyframes ahAccentPulse {
  0%,100% { color: #1A6EFF; text-shadow: none; }
  50%     { color: #3D8EFF; text-shadow: 0 0 28px rgba(26,110,255,0.38); }
}

/* ── "10 million" — animated gold gradient shimmer ── */
.ah-word--gold {
  background: linear-gradient(90deg,
    #FFD166 0%, #FF9F1C 20%, #F4845F 40%,
    #FFD166 60%, #FF9F1C 80%, #F4845F 100%);
  background-size: 200% auto;
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
  animation: wordLift 0.68s cubic-bezier(0.16,1,0.3,1) forwards,
             ahGoldShimmer 2.8s 0.8s linear infinite;
}
@keyframes ahGoldShimmer {
  from { background-position: 0% center; }
  to   { background-position: 200% center; }
}

/* ── Accent bar that draws in below the headline ── */
.ah-headline::after {
  content: '';
  display: block;
  height: 2.5px;
  background: linear-gradient(90deg, #1A6EFF 0%, #7B6FFF 55%, transparent 100%);
  border-radius: 2px;
  margin-top: 0.7rem;
  transform-origin: left;
  transform: scaleX(0);
  opacity: 0;
  animation: ahHeadlineBar 0.9s 1.1s cubic-bezier(0.16,1,0.3,1) both;
}
@keyframes ahHeadlineBar {
  from { transform: scaleX(0); opacity: 0; }
  to   { transform: scaleX(1); opacity: 1; }
}

.ah-sub { font-size: clamp(0.88rem, 1.25vw, 1.05rem); line-height: 1.72; color: #64748B; max-width: 40ch; margin: 0; opacity:0; animation: fadeUp 0.7s 0.85s ease both; }
.ah-actions { display: flex; align-items: center; gap: 0.85rem; flex-wrap: wrap; opacity:0; animation: fadeUp 0.7s 1.0s ease both; }

.ah-cta-primary {
  display: inline-flex; align-items: center; gap: 0.5rem;
  padding: 0.85rem 1.65rem;
  background: linear-gradient(135deg, #1A6EFF 0%, #0A4FCC 100%);
  color: #fff; font-size: 0.95rem; font-weight: 600;
  border: none; border-radius: 100px; cursor: pointer;
  box-shadow: 0 4px 24px rgba(26,110,255,0.4), inset 0 1px 0 rgba(255,255,255,0.15);
  transition: transform 0.2s, box-shadow 0.2s; position: relative; overflow: hidden;
  animation: ahCtaGlow 2.8s 1.6s ease-in-out infinite;
}
@keyframes ahCtaGlow {
  0%,100% { box-shadow: 0 4px 24px rgba(26,110,255,0.40), inset 0 1px 0 rgba(255,255,255,0.15); }
  50%      { box-shadow: 0 6px 40px rgba(26,110,255,0.72), 0 0 0 5px rgba(26,110,255,0.10), inset 0 1px 0 rgba(255,255,255,0.15); }
}
.ah-cta-primary::before { content:''; position:absolute; inset:0; background: linear-gradient(135deg, rgba(255,255,255,0.16) 0%, transparent 50%); border-radius: inherit; }
.ah-cta-primary:hover   { transform: translateY(-2px); box-shadow: 0 10px 32px rgba(26,110,255,0.55), inset 0 1px 0 rgba(255,255,255,0.15); }
.ah-cta-arrow { font-size: 0.75rem; transition: transform 0.2s; }
.ah-cta-primary:hover .ah-cta-arrow { transform: translateX(3px); }

.ah-cta-ghost {
  padding: 0.85rem 1.65rem; background: transparent;
  color: #475569; font-size: 0.95rem; font-weight: 500;
  border: 1px solid rgba(15,23,42,0.14); border-radius: 100px; cursor: pointer;
  transition: background 0.2s, border-color 0.2s, color 0.2s;
}
.ah-cta-ghost:hover { background: rgba(15,23,42,0.04); border-color: rgba(15,23,42,0.28); color: #0F172A; }

.ah-trust { display: flex; align-items: center; gap: 0.7rem; opacity:0; animation: fadeUp 0.7s 1.15s ease both; }
.ah-trust-pips { display: flex; }
.ah-pip {
  width: 28px; height: 28px; border-radius: 50%;
  border: 2px solid #FFFFFF; flex-shrink: 0;
  opacity: 0;
}
.ah-pip:nth-child(1) { animation: ahPipPop 0.45s 1.25s cubic-bezier(0.34,1.56,0.64,1) both; }
.ah-pip:nth-child(2) { animation: ahPipPop 0.45s 1.35s cubic-bezier(0.34,1.56,0.64,1) both; }
.ah-pip:nth-child(3) { animation: ahPipPop 0.45s 1.45s cubic-bezier(0.34,1.56,0.64,1) both; }
.ah-pip:nth-child(4) { animation: ahPipPop 0.45s 1.55s cubic-bezier(0.34,1.56,0.64,1) both; }
@keyframes ahPipPop {
  from { opacity: 0; transform: scale(0.3) translateY(6px); }
  to   { opacity: 1; transform: scale(1)   translateY(0);   }
}
.ah-trust-lbl { font-size: 0.78rem; color: #94A3B8; }

/* ── Right: mockup column ──────────────────────────────────────── */
.ah-mockup-col {
  flex: 1;
  position: relative;
  align-self: stretch;        /* same height as content row */
  min-height: 640px;
  pointer-events: none;       /* badges are decorative */
}

/* Soft tinted backdrop — makes dark UI feel purposeful on white bg */
.ah-mockup-col::before {
  content: '';
  position: absolute;
  inset: -8% -2% -8% -12%;
  background: radial-gradient(ellipse 85% 80% at 65% 50%,
    rgba(238,244,255,0.95) 0%,
    rgba(224,236,255,0.7)  35%,
    rgba(240,246,255,0.45) 60%,
    transparent 80%
  );
  pointer-events: none;
  z-index: 0;
  border-radius: 40px 0 0 40px;
}

/* Phone — sits behind dashboard */
.ah-phone-wrap {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  animation: phoneDrop 0.9s 0.3s cubic-bezier(0.16,1,0.3,1) both,
             phoneFloat 7s 1.3s ease-in-out infinite alternate;
  filter: drop-shadow(0 32px 64px rgba(0,60,200,0.3));
}
@keyframes phoneDrop {from{opacity:0;transform:translateY(-44%) scale(0.88);}to{opacity:1;transform:translateY(-50%) scale(1);}}
@keyframes phoneFloat {
  0%  { transform: translateY(-50%) rotate(-1.5deg); }
  100%{ transform: translateY(-55%) rotate(1.5deg);  }
}

/* Dashboard — promoted to front */
.ah-dash-wrap {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 78%;                  /* wider for more presence */
  z-index: 7;
  pointer-events: auto;        /* interactive */
  animation: dashSlide 1s 0.5s cubic-bezier(0.16,1,0.3,1) both;
}
@keyframes dashSlide {from{opacity:0;transform:translateY(-50%) translateX(50px);}to{opacity:1;transform:translateY(-50%) translateX(0);}}

/* Floating badges */
.ah-badge {
  position: absolute; z-index: 8;
  display: flex; align-items: center; gap: 0.6rem;
  padding: 0.65rem 0.95rem;
  background: rgba(255,255,255,0.95);
  border: 1px solid #E2E8F0; border-radius: 14px;
  backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
  box-shadow: 0 8px 32px rgba(15,23,42,0.1), 0 2px 8px rgba(15,23,42,0.06);
  pointer-events: none;
}
.ah-badge--pnl  { left: 18%; top: 10%; animation: badgePop 0.8s 0.9s cubic-bezier(0.16,1,0.3,1) both, floatA 5s 1.7s ease-in-out infinite alternate; }
.ah-badge--stock{ left: 2%;  bottom: 10%; animation: badgePop 0.8s 1.1s cubic-bezier(0.16,1,0.3,1) both, floatB 6s 1.9s ease-in-out infinite alternate; }
@keyframes badgePop {from{opacity:0;transform:scale(0.8) translateY(8px);}to{opacity:1;transform:scale(1) translateY(0);}}
@keyframes floatA {0%{transform:translateY(0);}100%{transform:translateY(-9px);}}
@keyframes floatB {0%{transform:translateY(0);}100%{transform:translateY(9px);}}
.ah-badge-icon { font-size: 1rem; color: #34D399; }
.ah-badge-val  { font-size: 0.9rem; font-weight: 700; color: #0F172A; line-height: 1.2; }
.ah-badge-sub  { font-size: 0.62rem; color: #94A3B8; }
.ah-badge-ring { position: relative; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.ah-badge-ring-lbl { position: absolute; font-size: 0.5rem; font-weight: 700; color: #34D399; }

@keyframes fadeUp {from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:translateY(0);}}

/* Scroll cue */
.ah-scroll-cue { position: absolute; bottom: 1.5rem; left: 5vw; z-index: 20; opacity: 0; animation: fadeUp 0.6s 1.4s ease both; }
.ah-scroll-line { width: 1px; height: 48px; background: linear-gradient(to bottom, rgba(26,110,255,0.8), transparent); animation: scrollPulse 2s ease-in-out infinite; }
@keyframes scrollPulse {0%,100%{opacity:0.3;transform:scaleY(0.6);transform-origin:top;}50%{opacity:1;transform:scaleY(1);transform-origin:top;}}

/* ================================================================
   iPHONE MOCKUP
   ================================================================ */
.iphone { position: relative; }

/* Physical frame */
.iph-frame {
  width: 264px;
  background: #1C1C1E;
  border-radius: 48px;
  padding: 10px;
  box-shadow:
    0 0 0 1px rgba(255,255,255,0.12),
    inset 0 0 0 1.5px rgba(255,255,255,0.07),
    0 32px 80px rgba(0,0,0,0.72),
    0 8px 24px rgba(0,50,200,0.18);
  position: relative;
}

/* Physical side buttons */
.iph-btn-vol-up,
.iph-btn-vol-dn,
.iph-btn-power {
  position: absolute;
  background: #2C2C2E;
  border-radius: 2px;
}
.iph-btn-vol-up { left: -3px; top: 108px; width: 3px; height: 26px; }
.iph-btn-vol-dn { left: -3px; top: 142px; width: 3px; height: 26px; }
.iph-btn-power  { right: -3px; top: 122px; width: 3px; height: 52px; }

/* Screen */
.iph-screen {
  background: #F5F7FA;
  border-radius: 40px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 528px;
}

/* ── Dynamic Island + blue header ── */
.iph-header {
  background: linear-gradient(170deg, #0D2280 0%, #1A3DA8 38%, #2B55CC 65%, #3D6FDC 100%);
  flex-shrink: 0;
  padding-bottom: 10px;
}

.iph-island-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 18px 0;
  position: relative;
  height: 36px;
}
.iph-clock {
  font-size: 0.8rem;
  font-weight: 700;
  color: white;
  letter-spacing: -0.01em;
}
.iph-island {
  position: absolute;
  left: 50%; transform: translateX(-50%);
  top: 8px;
  width: 86px; height: 28px;
  background: #000;
  border-radius: 100px;
}
.iph-hw-icons {
  display: flex; align-items: center; gap: 4px;
}

/* Store nav row */
.iph-store-nav {
  display: flex; align-items: center; justify-content: space-between;
  padding: 8px 14px 0;
}
.iph-store-left { display: flex; align-items: center; gap: 8px; }
.iph-store-logo {
  width: 34px; height: 34px; border-radius: 9px;
  background: rgba(255,255,255,0.18);
  border: 1px solid rgba(255,255,255,0.25);
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.iph-store-info { display: flex; flex-direction: column; }
.iph-store-name-row { display: flex; align-items: center; gap: 3px; }
.iph-store-nm   { font-size: 0.72rem; font-weight: 700; color: white; }
.iph-chevron    { font-size: 0.8rem; color: rgba(255,255,255,0.65); }
.iph-store-meta { display: flex; align-items: center; gap: 2px; font-size: 0.58rem; color: rgba(255,255,255,0.55); }
.iph-pin        { font-size: 0.6rem; }

.iph-store-right { display: flex; align-items: center; gap: 6px; }
.iph-hd-btn {
  width: 30px; height: 30px; border-radius: 50%;
  background: rgba(255,255,255,0.15);
  display: flex; align-items: center; justify-content: center;
  position: relative;
}
.iph-bell-wrap { position: relative; }
.iph-notif-dot {
  position: absolute; top: 5px; right: 4px;
  width: 7px; height: 7px; border-radius: 50%;
  background: #FF3B30;
  border: 1.5px solid rgba(27,61,168,0.9);
}
.iph-avatar-sm {
  width: 30px; height: 30px; border-radius: 50%;
  background: linear-gradient(135deg,#5BA4FF,#3D6FDC);
  border: 1.5px solid rgba(255,255,255,0.35);
  display: flex; align-items: center; justify-content: center;
  font-size: 0.52rem; font-weight: 700; color: white;
}

/* ── Module icon bar ── */
.iph-module-bar {
  display: flex; gap: 0; overflow-x: auto; scrollbar-width: none;
  background: white;
  padding: 8px 10px 4px;
  flex-shrink: 0;
  border-bottom: 1px solid #EBEBEB;
}
.iph-module-bar::-webkit-scrollbar { display: none; }

.iph-mod-item {
  display: flex; flex-direction: column; align-items: center; gap: 3px;
  min-width: 46px; padding: 5px 0;
}
.iph-mod-icon-wrap {
  width: 40px; height: 40px; border-radius: 12px;
  background: #EEF0F4;
  display: flex; align-items: center; justify-content: center;
  color: #6E7A8A;
}
.iph-mod-item--on .iph-mod-icon-wrap {
  background: white;
  box-shadow: 0 2px 10px rgba(0,0,0,0.13);
  color: #1C1C1E;
}
.iph-mod-label {
  font-size: 0.52rem; color: #8E8E93;
  white-space: nowrap;
}
.iph-mod-item--on .iph-mod-label { color: #1C1C1E; font-weight: 500; }
.iph-mod-item--on .iph-mod-icon-wrap::after {
  display: none; /* handled via shadow */
}

/* ── Time tabs ── */
.iph-time-tabs {
  display: flex;
  background: white;
  padding: 5px 14px;
  gap: 2px;
  flex-shrink: 0;
  border-bottom: 1px solid #EBEBEB;
}
.iph-ttab {
  flex: 1; text-align: center; font-size: 0.62rem;
  padding: 5px 4px; border-radius: 8px;
  color: #8E8E93;
}
.iph-ttab--on {
  background: #007AFF;
  color: white;
  font-weight: 600;
}

/* ── Scrollable content body ── */
.iph-scroll-body {
  flex: 1; overflow-y: auto; scrollbar-width: none;
  background: #F2F2F7;
  display: flex; flex-direction: column; gap: 8px;
  padding: 8px;
}
.iph-scroll-body::-webkit-scrollbar { display: none; }

/* Store Efficiency card */
.iph-eff-card {
  background: linear-gradient(145deg, #0D2280 0%, #1434B4 45%, #1B3ECC 80%, #2248D0 100%);
  border-radius: 14px;
  padding: 10px 12px 10px;
  flex-shrink: 0;
}
.iph-eff-top {
  display: flex; justify-content: space-between; align-items: flex-start;
  margin-bottom: 4px;
}
.iph-eff-badge {
  display: inline-flex; align-items: center; gap: 3px;
  background: rgba(255,200,0,0.2);
  border: 1px solid rgba(255,200,0,0.35);
  color: #FFD60A;
  font-size: 0.58rem; font-weight: 600;
  padding: 2px 7px; border-radius: 100px;
}
.iph-eff-bar-col { display: flex; flex-direction: column; gap: 2px; align-items: flex-end; }
.iph-eff-bar-wrap {
  width: 68px; height: 6px; border-radius: 100px;
  background: rgba(255,255,255,0.15);
  overflow: hidden;
}
.iph-eff-bar-fill {
  height: 100%; width: 38%;
  background: #34C759;
  border-radius: 100px;
}
.iph-eff-bar-labels {
  display: flex; justify-content: space-between; width: 68px;
  font-size: 0.48rem; color: rgba(255,255,255,0.4);
}
.iph-eff-sub   { font-size: 0.58rem; color: rgba(255,255,255,0.65); margin-bottom: 5px; }
.iph-eff-bottom { display: flex; justify-content: space-between; align-items: flex-end; }
.iph-eff-val   { font-size: 1.5rem; font-weight: 800; color: white; letter-spacing: -0.03em; line-height: 1.1; }
.iph-eff-avg   { font-size: 0.54rem; color: rgba(255,255,255,0.45); margin-top: 2px; }
.iph-below-avg {
  font-size: 0.56rem; font-weight: 600;
  background: rgba(255,59,48,0.25);
  border: 1px solid rgba(255,59,48,0.4);
  color: #FF6B6B;
  padding: 2px 7px; border-radius: 100px;
  align-self: center;
}

/* P&L Section */
.iph-pl-section {
  background: white;
  border-radius: 14px;
  padding: 10px 12px;
  display: flex; flex-direction: column; gap: 7px;
  flex-shrink: 0;
}
.iph-pl-header { display: flex; justify-content: space-between; align-items: center; }
.iph-pl-title  { font-size: 0.74rem; font-weight: 700; color: #1C1C1E; }
.iph-pl-delta  { font-size: 0.6rem; color: #FF3B30; font-weight: 500; }

/* Net Profit card inside P&L */
.iph-net-card {
  background: #F0FBF4;
  border-radius: 10px;
  padding: 8px 10px;
}
.iph-net-label { font-size: 0.58rem; color: #34C759; font-weight: 500; }
.iph-net-val   { font-size: 1.25rem; font-weight: 800; color: #1C1C1E; letter-spacing: -0.03em; line-height: 1.2; }
.iph-net-margin { font-size: 0.58rem; color: #34C759; font-weight: 500; margin-top: 1px; }
.iph-net-bar   { height: 3px; background: #E5E5EA; border-radius: 100px; margin-top: 5px; overflow: hidden; }
.iph-net-bar-fill { height: 100%; width: 72%; background: #34C759; border-radius: 100px; }

/* P&L rows */
.iph-pl-rows   { display: flex; flex-direction: column; gap: 0; }
.iph-pl-row    { display: flex; align-items: center; justify-content: space-between; padding: 6px 0; border-bottom: 1px solid #F2F2F7; }
.iph-pl-row:last-child { border-bottom: none; }
.iph-pl-left   { display: flex; align-items: center; gap: 7px; }
.iph-dot       { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; }
.iph-pl-lbl    { font-size: 0.6rem; color: #3C3C43; }
.iph-pl-right  { display: flex; flex-direction: column; align-items: flex-end; }
.iph-pl-val    { font-size: 0.62rem; font-weight: 600; color: #1C1C1E; }
.iph-pl-pct    { font-size: 0.52rem; color: #8E8E93; }

/* Revenue Trend */
.iph-rev-row {
  display: flex; justify-content: space-between; align-items: center;
  padding-top: 4px;
}
.iph-rev-lbl   { font-size: 0.62rem; font-weight: 600; color: #1C1C1E; margin-bottom: 1px; }
.iph-rev-val   { font-size: 1rem; font-weight: 700; color: #1C1C1E; letter-spacing: -0.02em; }
.iph-rev-day   { font-size: 0.55rem; color: #8E8E93; }
.iph-rev-badge {
  font-size: 0.56rem; font-weight: 500;
  background: #FFF0EE;
  border: 1px solid rgba(255,59,48,0.25);
  color: #FF3B30;
  padding: 3px 8px; border-radius: 100px;
}

/* ── Bottom navigation bar ── */
.iph-bottom-nav {
  display: flex; align-items: center; justify-content: space-around;
  background: white;
  border-top: 1px solid #E5E5EA;
  padding: 6px 6px 8px;
  flex-shrink: 0;
}
.iph-bnav-item {
  display: flex; flex-direction: column; align-items: center; gap: 2px;
  flex: 1;
  font-size: 0.5rem; color: #8E8E93;
}
.iph-bnav-item--active { color: #007AFF; }
.iph-bnav-fab {
  width: 44px; height: 44px; border-radius: 50%;
  background: #007AFF;
  display: flex; align-items: center; justify-content: center;
  color: white; font-size: 1.4rem; font-weight: 300;
  margin-top: -18px;
  box-shadow: 0 4px 14px rgba(0,122,255,0.45);
  flex-shrink: 0;
  line-height: 1;
}

.iph-glow {
  position: absolute; inset: -20px;
  background: radial-gradient(circle at 50% 65%, rgba(26,90,255,0.2), transparent 65%);
  filter: blur(18px); z-index: -1;
}

/* ================================================================
   DASHBOARD MOCKUP  — bigger, interactive
   ================================================================ */
.dash {
  background: rgba(6,10,30,0.85);
  border: 1px solid rgba(255,255,255,0.09);
  border-right: none; border-radius: 16px 0 0 16px;
  overflow: hidden;
  backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
  box-shadow: -20px 0 70px rgba(0,0,0,0.55);
}
.dash-topbar {
  display: flex; justify-content: space-between; align-items: center;
  padding: 9px 14px;
  background: rgba(255,255,255,0.03);
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.dash-topbar-left  { display: flex; align-items: center; gap: 9px; }
.dash-logo-mark    { font-size: 0.72rem; color: #1A6EFF; font-weight: 800; }
.dash-store-pill   { display: flex; align-items: center; gap: 5px; padding: 3px 9px; background: rgba(26,110,255,0.1); border: 1px solid rgba(26,110,255,0.2); border-radius: 100px; font-size: 0.58rem; color: rgba(200,215,255,0.78); }
.dash-store-dot    { width: 5px; height: 5px; border-radius: 50%; background: #34D399; }
.dash-topbar-right { display: flex; align-items: center; gap: 5px; }
.dash-btn          { padding: 3px 7px; background: rgba(26,110,255,0.14); border-radius: 5px; font-size: 0.58rem; color: #1A6EFF; white-space: nowrap; }
.dash-icon-pill    { width: 22px; height: 22px; border-radius: 6px; background: rgba(255,255,255,0.05); display: flex; align-items: center; justify-content: center; font-size: 0.65rem; }
.dash-avatar       { width: 22px; height: 22px; border-radius: 50%; background: linear-gradient(135deg,#1A6EFF,#7B6FFF); display: flex; align-items: center; justify-content: center; font-size: 0.5rem; font-weight: 700; color: #fff; }

/* ── Dashboard body: main content + rail ── */
.dash-body { display: grid; grid-template-columns: 1fr 128px; min-height: 420px; }
.dash-main { padding: 14px 14px 10px; overflow: hidden; border-right: 1px solid rgba(255,255,255,0.05); }

/* ── Clickable module rail ── */
.dash-rail { display: flex; flex-direction: column; overflow-y: auto; scrollbar-width: none; }
.dash-rail::-webkit-scrollbar { display: none; }

.dash-module {
  display: flex; align-items: center; gap: 5px; padding: 8px 8px;
  border: none; border-bottom: 1px solid rgba(255,255,255,0.04);
  background: transparent; text-align: left; cursor: pointer;
  border-left: 2px solid transparent;
  transition: background 0.15s, border-left-color 0.15s;
  opacity: 0; animation: fadeRight 0.4s ease forwards;
}
.dash-module:hover         { background: rgba(255,255,255,0.04); border-left-color: var(--mod-color); }
.dash-module--active       { background: rgba(255,255,255,0.06); border-left-color: var(--mod-color) !important; }
.dash-module--active .dash-mod-label { color: var(--mod-color) !important; }

.dash-mod-icon  { font-size: 0.72rem; flex-shrink: 0; }
.dash-mod-text  { flex: 1; min-width: 0; }
.dash-mod-label { display: block; font-size: 0.6rem; font-weight: 600; color: rgba(200,215,255,0.78); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: color 0.15s; }
.dash-mod-sub   { display: block; font-size: 0.5rem; color: rgba(150,170,220,0.35); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dash-mod-arrow { font-size: 0.62rem; color: rgba(200,215,255,0.15); flex-shrink: 0; }
@keyframes fadeRight {from{opacity:0;transform:translateX(8px);}to{opacity:1;transform:translateX(0);}}

/* ================================================================
   PALLET IQ VIEW
   ================================================================ */
.iq-view { display: flex; flex-direction: column; gap: 7px; height: 100%; }

.iq-header { display: flex; align-items: center; justify-content: space-between; }
.iq-badge-pill { display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px; background: rgba(26,110,255,0.1); border: 1px solid rgba(26,110,255,0.2); border-radius: 100px; font-size: 0.53rem; color: #1A6EFF; font-weight: 600; }
.iq-live-dot   { display: flex; align-items: center; gap: 4px; font-size: 0.56rem; color: rgba(150,170,220,0.5); }
.iq-live-ring  { width: 7px; height: 7px; border-radius: 50%; background: #34D399; animation: aiPulse 1.5s ease-in-out infinite; }
@keyframes aiPulse {0%,100%{box-shadow:0 0 0 0 rgba(52,211,153,0.7);}50%{box-shadow:0 0 0 4px rgba(52,211,153,0);}}

.iq-greeting { font-size: 0.88rem; font-weight: 700; color: rgba(220,230,255,0.95); }
.iq-sub      { font-size: 0.58rem; color: rgba(180,200,240,0.45); max-width: 32ch; line-height: 1.45; }

/* Chat area */
.iq-chat-area { flex: 1; display: flex; flex-direction: column; gap: 7px; overflow: hidden; }

/* User bubble */
.iq-user-bubble { display: flex; align-items: flex-start; gap: 6px; animation: fadeUp 0.3s ease both; }
.iq-user-av     { width: 20px; height: 20px; border-radius: 50%; background: linear-gradient(135deg,#1A6EFF,#7B6FFF); display: flex; align-items: center; justify-content: center; font-size: 0.48rem; font-weight: 700; color: #fff; flex-shrink: 0; margin-top: 1px; }
.iq-prompt-bubble { flex: 1; background: rgba(26,110,255,0.12); border: 1px solid rgba(26,110,255,0.18); border-radius: 0 10px 10px 10px; padding: 6px 9px; font-size: 0.63rem; color: rgba(210,225,255,0.9); line-height: 1.45; }

/* AI response row */
.iq-ai-row    { display: flex; align-items: flex-start; gap: 6px; animation: fadeUp 0.35s ease both; }
.iq-ai-av     { width: 20px; height: 20px; border-radius: 7px; background: linear-gradient(135deg,#1A6EFF,#9B59FF); display: flex; align-items: center; justify-content: center; font-size: 0.4rem; font-weight: 800; color: #fff; flex-shrink: 0; margin-top: 1px; }
.iq-ai-bubble { flex: 1; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.07); border-radius: 0 10px 10px 10px; padding: 6px 8px; }
.iq-response-text { font-size: 0.62rem; color: rgba(200,218,255,0.85); line-height: 1.5; }

/* Typing dots */
.iq-dots { display: flex; gap: 4px; padding: 2px 0; }
.iq-dots span { width: 5px; height: 5px; border-radius: 50%; background: rgba(26,110,255,0.5); animation: dotBounce 1.2s ease-in-out infinite; }
.iq-dots span:nth-child(2) { animation-delay: 0.2s; }
.iq-dots span:nth-child(3) { animation-delay: 0.4s; }
@keyframes dotBounce {0%,100%{transform:translateY(0);opacity:0.4;}50%{transform:translateY(-4px);opacity:1;}}

/* Chart area */
.iq-chart-area { margin-top: 5px; padding: 6px 5px; background: rgba(255,255,255,0.03); border-radius: 7px; border: 1px solid rgba(255,255,255,0.06); animation: fadeUp 0.35s 0.1s ease both; }

/* Bar chart */
.iq-chart-wrap { width: 100%; }
.iq-bars { display: flex; align-items: flex-end; gap: 3px; height: 56px; }
.iq-bar-col { display: flex; flex-direction: column; align-items: center; flex: 1; gap: 2px; }
.iq-bar { width: 100%; border-radius: 2px 2px 0 0; background: linear-gradient(to top, var(--bar-color, #1A6EFF), rgba(26,110,255,0.3)); height: 0; animation: barRise 0.5s cubic-bezier(0.16,1,0.3,1) forwards; }
.iq-bar-label { font-size: 0.43rem; color: rgba(180,200,240,0.38); }

/* Stock list */
.iq-stock-list { display: flex; flex-direction: column; gap: 4px; }
.iq-stock-row  { opacity: 0; animation: fadeUp 0.3s ease forwards; }
.iq-stock-info { display: flex; justify-content: space-between; margin-bottom: 2px; }
.iq-stock-name { font-size: 0.58rem; color: rgba(200,218,255,0.8); }
.iq-stock-qty  { font-size: 0.58rem; font-weight: 600; color: #EC4899; }
.iq-stock-bar-wrap { height: 4px; background: rgba(255,255,255,0.06); border-radius: 2px; overflow: hidden; }
.iq-stock-bar  { height: 100%; border-radius: 2px; background: var(--color, #EC4899); width: 0; animation: barGrow 0.5s ease forwards; }

/* Donut */
.iq-donut-wrap { display: flex; align-items: center; gap: 10px; }
.iq-donut      { position: relative; flex-shrink: 0; display: flex; align-items: center; justify-content: center; }
.iq-donut-arc  { transform-origin: center; animation: arcDraw 0.7s cubic-bezier(0.16,1,0.3,1) both; }
@keyframes arcDraw { from { stroke-dashoffset: 500; } }
.iq-donut-center{ position: absolute; text-align: center; }
.iq-donut-pct  { font-size: 0.72rem; font-weight: 800; color: #EEF2FF; }
.iq-donut-legend{ display: flex; flex-direction: column; gap: 4px; }
.iq-legend-row { display: flex; align-items: center; gap: 5px; }
.iq-legend-dot { width: 6px; height: 6px; border-radius: 50%; flex-shrink: 0; }
.iq-legend-name{ font-size: 0.56rem; color: rgba(190,210,255,0.58); flex: 1; }
.iq-legend-val { font-size: 0.56rem; font-weight: 600; color: rgba(220,235,255,0.8); }

/* Stat chip */
.iq-stat-chip  { display: flex; align-items: center; gap: 5px; margin-top: 5px; padding: 3px 6px; background: rgba(26,110,255,0.08); border-radius: 5px; }
.iq-stat-val   { font-size: 0.7rem; font-weight: 800; color: #EEF2FF; }
.iq-stat-lbl   { font-size: 0.56rem; color: rgba(190,210,255,0.48); flex: 1; }
.iq-stat-delta { font-size: 0.58rem; color: #34D399; font-weight: 600; }

/* ── Input bar — typing animation lives here ── */
.iq-input-bar { padding-top: 6px; }
.iq-input-pill {
  display: flex; align-items: center; justify-content: space-between;
  padding: 7px 10px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08); border-radius: 100px;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.iq-input-pill--flash {
  border-color: rgba(26,110,255,0.4);
  box-shadow: 0 0 0 3px rgba(26,110,255,0.08);
}
.iq-input-text-area { flex: 1; min-width: 0; overflow: hidden; }
.iq-input-placeholder { font-size: 0.58rem; color: rgba(180,200,240,0.32); }
.iq-input-typed { font-size: 0.62rem; color: rgba(210,225,255,0.88); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
.iq-input-sending { opacity: 0.5; }
.iq-cursor { display: inline-block; width: 1.5px; height: 0.75em; background: #1A6EFF; margin-left: 1px; vertical-align: middle; animation: blink 0.85s step-end infinite; }
@keyframes blink {0%,100%{opacity:1;}50%{opacity:0;}}

.iq-input-actions { display: flex; align-items: center; gap: 5px; flex-shrink: 0; margin-left: 6px; }
.iq-mic-icon { font-size: 0.65rem; }
.iq-send-btn {
  width: 19px; height: 19px; border-radius: 50%;
  background: rgba(26,110,255,0.2);
  display: flex; align-items: center; justify-content: center;
  font-size: 0.55rem; color: rgba(26,110,255,0.5); font-weight: 700;
  transition: background 0.18s, color 0.18s;
}
.iq-send-btn--on { background: #1A6EFF; color: #fff; }

@keyframes barGrow {to{width:var(--w, 50%);}}

/* ================================================================
   MODULE LANDING VIEWS  — shared structure
   ================================================================ */
.mv-wrap { display: flex; flex-direction: column; gap: 7px; height: 100%; animation: fadeUp 0.35s ease both; }

/* Category pill */
.mv-pill {
  display: inline-flex; align-items: center;
  padding: 2px 9px; border-radius: 100px;
  font-size: 0.53rem; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase;
  background: color-mix(in srgb, var(--pill, #1A6EFF) 15%, transparent);
  border: 1px solid color-mix(in srgb, var(--pill, #1A6EFF) 35%, transparent);
  color: var(--pill, #1A6EFF);
  align-self: flex-start;
}

/* Headline + tagline */
.mv-headline { font-size: 0.9rem; font-weight: 800; color: rgba(225,235,255,0.95); line-height: 1.25; }
.mv-tagline  { font-size: 0.6rem; color: rgba(180,200,240,0.55); line-height: 1.55; max-width: 38ch; }

/* Feature chips row */
.mv-feature-row  { display: flex; flex-wrap: wrap; gap: 4px; margin-top: auto; padding-top: 2px; }
.mv-feature-chip { padding: 2px 7px; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.07); border-radius: 100px; font-size: 0.52rem; color: rgba(190,210,255,0.5); }

/* ── Analytics ── */
.mv-kpi-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 5px; }
.mv-kpi-card { background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.07); border-top: 2px solid var(--kpi-color, #1A6EFF); border-radius: 0 0 7px 7px; padding: 5px 6px; display: flex; flex-direction: column; gap: 1px; }
.mv-kpi-v    { font-size: 0.78rem; font-weight: 800; color: #EEF2FF; }
.mv-kpi-l    { font-size: 0.5rem; color: rgba(180,200,240,0.42); }
.mv-kpi-d    { font-size: 0.52rem; font-weight: 600; }

/* ── Products ── */
.mv-product-list { display: flex; flex-direction: column; gap: 3px; }
.mv-product-row  { display: flex; align-items: center; gap: 5px; padding: 4px 5px; background: rgba(255,255,255,0.025); border-radius: 5px; border-left: 2px solid transparent; animation: fadeUp 0.3s ease both; }
.mv-product-left { display: flex; align-items: center; gap: 5px; flex: 1; min-width: 0; }
.mv-product-name { font-size: 0.6rem; color: rgba(200,218,255,0.8); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mv-ai-tag       { padding: 1px 5px; background: rgba(26,110,255,0.14); border: 1px solid rgba(26,110,255,0.25); border-radius: 4px; font-size: 0.48rem; font-weight: 700; color: #60A5FA; flex-shrink: 0; }
.mv-product-sales{ font-size: 0.58rem; color: rgba(200,218,255,0.48); white-space: nowrap; }
.mv-stock-pill   { font-size: 0.52rem; padding: 1px 5px; border-radius: 4px; background: rgba(52,211,153,0.1); color: #34D399; white-space: nowrap; flex-shrink: 0; }
.mv-stock-pill--low { background: rgba(236,72,153,0.1); color: #EC4899; }

/* ── Purchase ── */
.mv-po-list { display: flex; flex-direction: column; gap: 4px; }
.mv-po-row  { display: flex; align-items: center; justify-content: space-between; padding: 5px 7px; background: rgba(255,255,255,0.03); border-radius: 6px; animation: fadeUp 0.3s ease both; }
.mv-po-left { display: flex; flex-direction: column; gap: 1px; }
.mv-po-id   { font-size: 0.58rem; font-weight: 600; color: rgba(210,225,255,0.9); }
.mv-po-vendor{ font-size: 0.53rem; color: rgba(170,190,230,0.42); }
.mv-po-right{ display: flex; flex-direction: column; align-items: flex-end; gap: 2px; }
.mv-po-amt  { font-size: 0.6rem; font-weight: 600; color: rgba(220,235,255,0.8); }
.mv-po-badge{ font-size: 0.5rem; padding: 1px 5px; border-radius: 4px; }
.mv-po-badge--auto   { background: rgba(26,110,255,0.14); color: #60A5FA; }
.mv-po-badge--done   { background: rgba(52,211,153,0.12); color: #34D399; }
.mv-po-badge--transit{ background: rgba(245,158,11,0.12); color: #F59E0B; }
.mv-stat-banner { display: flex; align-items: center; justify-content: space-between; padding: 5px 8px; background: rgba(52,211,153,0.06); border: 1px solid rgba(52,211,153,0.15); border-radius: 7px; }
.mv-stat-bval   { font-size: 0.82rem; font-weight: 800; color: #34D399; }
.mv-stat-blbl   { font-size: 0.55rem; color: rgba(170,210,180,0.55); }

/* ── Inventory / Capital gauge (shared) ── */
.mv-inv-row    { display: flex; align-items: flex-start; gap: 10px; }
.mv-capital-row{ display: flex; align-items: flex-start; gap: 10px; }
.mv-gauge-wrap { position: relative; flex-shrink: 0; display: flex; align-items: center; justify-content: center; }
.mv-gauge-arc  { animation: arcDraw 0.8s cubic-bezier(0.16,1,0.3,1) both; transform-origin: center; }
.mv-gauge-text { position: absolute; text-align: center; }
.mv-gauge-val  { display: block; font-size: 0.68rem; font-weight: 800; color: #EEF2FF; }
.mv-gauge-lbl  { display: block; font-size: 0.48rem; color: rgba(180,200,240,0.38); }

.mv-alerts      { flex: 1; }
.mv-alerts-head { font-size: 0.55rem; color: #EC4899; margin-bottom: 5px; }
.mv-alert-row   { margin-bottom: 5px; animation: fadeUp 0.3s ease both; }
.mv-alert-left  { display: flex; justify-content: space-between; margin-bottom: 2px; }
.mv-alert-name  { font-size: 0.58rem; color: rgba(190,210,255,0.7); }
.mv-alert-qty   { font-size: 0.58rem; font-weight: 600; color: #EC4899; }
.mv-alert-bar-wrap { height: 4px; background: rgba(255,255,255,0.06); border-radius: 2px; overflow: hidden; }
.mv-alert-bar   { height: 100%; border-radius: 2px; background: #EC4899; width: 0; animation: barGrow 0.5s ease forwards; }

/* ── Sales ── */
.mv-sales-total-row { display: flex; align-items: baseline; gap: 6px; }
.mv-sales-lbl  { font-size: 0.6rem; color: rgba(180,200,240,0.45); }
.mv-sales-val  { font-size: 0.9rem; font-weight: 800; color: #EEF2FF; }
.mv-sales-delta{ font-size: 0.6rem; color: #34D399; font-weight: 600; }
.mv-channel-list { display: flex; flex-direction: column; gap: 5px; }
.mv-channel-row { display: flex; align-items: center; gap: 6px; animation: fadeUp 0.3s ease both; }
.mv-channel-name{ font-size: 0.58rem; color: rgba(190,210,255,0.65); width: 65px; flex-shrink: 0; }
.mv-channel-bar-bg { flex: 1; height: 5px; background: rgba(255,255,255,0.06); border-radius: 3px; overflow: hidden; }
.mv-channel-bar { height: 100%; border-radius: 3px; background: var(--color, #1A6EFF); width: 0; animation: barGrow 0.55s ease forwards; }
.mv-channel-val { font-size: 0.58rem; font-weight: 600; width: 36px; text-align: right; flex-shrink: 0; }

/* ── Marketplace ── */
.mv-metric-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 5px; }
.mv-metric-card { background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.07); border-radius: 8px; padding: 7px 8px; display: flex; flex-direction: column; gap: 2px; animation: fadeUp 0.3s ease both; }
.mv-metric-icon { font-size: 0.9rem; }
.mv-metric-val  { font-size: 0.82rem; font-weight: 800; color: #EEF2FF; }
.mv-metric-lbl  { font-size: 0.52rem; color: rgba(170,190,230,0.42); }

/* ── Capital ── */
.mv-cap-lines { flex: 1; display: flex; flex-direction: column; gap: 4px; }
.mv-cap-line  { display: flex; justify-content: space-between; font-size: 0.58rem; color: rgba(180,200,240,0.5); }
.mv-cap-v     { font-weight: 600; color: rgba(220,235,255,0.85); }
.mv-txn-list  { display: flex; flex-direction: column; gap: 3px; margin-top: 4px; }
.mv-txn-row   { display: flex; align-items: center; gap: 6px; padding: 3px 5px; animation: fadeUp 0.3s ease both; }
.mv-txn-date  { font-size: 0.52rem; color: rgba(160,180,220,0.4); flex-shrink: 0; width: 38px; }
.mv-txn-label { font-size: 0.58rem; color: rgba(190,210,255,0.65); flex: 1; }
.mv-txn-amt   { font-size: 0.6rem; font-weight: 600; color: #A78BFA; }
.mv-txn-repay { color: #34D399; }

/* ================================================================
   RESPONSIVE
   ================================================================ */
@media (max-width: 1280px) {
  .ah-text-layer { flex: 0 0 400px; max-width: 400px; }
  .ah-dash-wrap  { width: 75%; }
}
@media (max-width: 1100px) {
  .ah-text-layer { flex: 0 0 360px; max-width: 360px; }
}
@media (max-width: 1024px) {
  .ah-content { flex-direction: column; align-items: flex-start; padding: 5vh 5vw 4rem; min-height: auto; gap: 3rem; }
  .ah-text-layer { flex: none; max-width: 100%; }
  .ah-mockup-col { width: 100%; min-height: 480px; }
  .ah-dash-wrap  { width: 72%; right: 0; }
  .ah-root { min-height: auto; padding-bottom: 4rem; }
}
@media (max-width: 640px) {
  .ah-content { padding: 4vh 5vw 3rem; gap: 2.5rem; }
  .ah-mockup-col { display: none; }
  .ah-root { min-height: auto; }
}

/* ================================================================
   INDUSTRIES SECTION — full-bleed scroll-jacked sticky showcase
   ================================================================ */

/* ── Outer scroll container ── */
.ind-scroll-outer {
  position: relative;
}

/* ── Sticky shell ── */
.ind-sticky {
  position: sticky;
  top: 0;
  height: 100vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  background: #FFFFFF;
  border-top: 1px solid #E8EEF8;
}

/* ── Main two-panel row ── */
.ind-main {
  flex: 1;
  display: flex;
  overflow: hidden;
  min-height: 0;
}

/* ════════════════════════════════════════════════════
   LEFT PANEL — shared container for intro + industry
════════════════════════════════════════════════════ */
.ind-panel-left {
  flex: 0 0 44%;
  max-width: 44%;
  display: flex;
  align-items: center;
  background: #FFFFFF;
  padding: 0 3.5rem 0 max(2.5rem, 4vw);
  position: relative;
  z-index: 2;
  box-shadow: 8px 0 40px rgba(15,23,42,0.06);
  overflow: hidden;
}

/* ════════════════════════════════════════════════════
   INTRO TEXT OVERLAY
════════════════════════════════════════════════════ */
.ind-intro-wrap {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1.4rem;
  padding: 0 3.5rem 0 max(2.5rem, 4vw);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.55s cubic-bezier(0.16, 1, 0.3, 1);
}
.ind-intro-wrap--visible {
  opacity: 1;
  pointer-events: auto;
}

/* Eyebrow */
.ind-intro-eyebrow {
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #1A6EFF;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.ind-intro-eyebrow::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 2px;
  background: #1A6EFF;
  border-radius: 2px;
}

/* Headline */
.ind-intro-headline {
  font-family: 'Epilogue', 'Inter', system-ui, sans-serif;
  font-size: clamp(2.2rem, 3.5vw, 3.6rem);
  font-weight: 800;
  letter-spacing: -0.045em;
  line-height: 1.1;
  color: #0F172A;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.ind-intro-line {
  display: block;
}
.ind-intro-line--accent {
  color: #1A6EFF;
}

/* Stagger-in for intro lines when visible */
.ind-intro-wrap--visible .ind-intro-eyebrow {
  animation: indIntroLineUp 0.55s cubic-bezier(0.16,1,0.3,1) 0.05s both;
}
.ind-intro-wrap--visible .ind-intro-headline .ind-intro-line:nth-child(1) {
  animation: indIntroLineUp 0.55s cubic-bezier(0.16,1,0.3,1) 0.12s both;
}
.ind-intro-wrap--visible .ind-intro-headline .ind-intro-line:nth-child(2) {
  animation: indIntroLineUp 0.55s cubic-bezier(0.16,1,0.3,1) 0.19s both;
}
.ind-intro-wrap--visible .ind-intro-headline .ind-intro-line:nth-child(3) {
  animation: indIntroLineUp 0.55s cubic-bezier(0.16,1,0.3,1) 0.26s both;
}
.ind-intro-wrap--visible .ind-intro-headline .ind-intro-line:nth-child(4) {
  animation: indIntroLineUp 0.55s cubic-bezier(0.16,1,0.3,1) 0.33s both;
}
.ind-intro-wrap--visible .ind-intro-sub {
  animation: indIntroLineUp 0.5s cubic-bezier(0.16,1,0.3,1) 0.42s both;
}
.ind-intro-wrap--visible .ind-intro-hint {
  animation: indIntroLineUp 0.45s cubic-bezier(0.16,1,0.3,1) 0.52s both;
}

@keyframes indIntroLineUp {
  from { opacity: 0; transform: translateY(18px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Subtext */
.ind-intro-sub {
  font-size: clamp(0.9rem, 1.15vw, 1.05rem);
  line-height: 1.7;
  color: #475569;
  margin: 0;
  max-width: 38ch;
}

/* Scroll hint */
.ind-intro-hint {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.78rem;
  font-weight: 600;
  color: #94A3B8;
  letter-spacing: 0.02em;
}
.ind-intro-hint-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: 1.5px solid #CBD5E1;
  border-radius: 50%;
  font-size: 0.85rem;
  animation: indHintBounce 1.8s ease-in-out infinite;
}
@keyframes indHintBounce {
  0%, 100% { transform: translateY(0); }
  50%       { transform: translateY(4px); }
}

/* ════════════════════════════════════════════════════
   INDUSTRY TEXT WRAP (existing, fades in on scroll)
════════════════════════════════════════════════════ */
.ind-text-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.15rem;
  padding: 1rem 0;
  transition: opacity 0.4s ease;
}
.ind-text-wrap--hidden {
  opacity: 0;
  pointer-events: none;
}

/* ── Tag ── */
.ind-tag {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  padding: 4px 12px 4px 10px;
  border-radius: 100px;
  border: 1px solid;
  width: fit-content;
}
.ind-tag-num {
  font-variant-numeric: tabular-nums;
  opacity: 0.7;
}
.ind-tag-sep {
  width: 1px;
  height: 10px;
  background: currentColor;
  opacity: 0.3;
}
.ind-tag-label { letter-spacing: 0.2em; }

/* ── Headline ── */
.ind-headline {
  font-family: 'Epilogue', 'Inter', system-ui, sans-serif;
  font-size: clamp(1.8rem, 2.8vw, 2.75rem);
  font-weight: 800;
  letter-spacing: -0.04em;
  line-height: 1.16;
  color: #0F172A;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.ind-headline-line {
  display: block;
}

/* ── Desc ── */
.ind-desc {
  font-size: clamp(0.88rem, 1.1vw, 1rem);
  line-height: 1.7;
  color: #475569;
  margin: 0;
  max-width: 42ch;
}

/* ── Bullets ── */
.ind-bullets {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}
.ind-bullet {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  font-size: 0.88rem;
  color: #334155;
  font-weight: 500;
}
.ind-bullet-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
}

/* ── CTA ── */
.ind-cta {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.7rem 1.4rem;
  border-radius: 100px;
  font-size: 0.88rem;
  font-weight: 600;
  color: #FFFFFF;
  text-decoration: none;
  width: fit-content;
  transition: opacity 0.2s, transform 0.2s;
}
.ind-cta:hover {
  opacity: 0.88;
  transform: translateX(3px);
}

/* ── Staggered entrance for industry text children ── */
@keyframes indLineUp {
  from { opacity: 0; transform: translateY(16px); }
  to   { opacity: 1; transform: translateY(0); }
}
.ind-text-wrap:not(.ind-text-wrap--hidden) .ind-tag      { animation: indLineUp 0.42s cubic-bezier(0.16,1,0.3,1) 0.03s both; }
.ind-text-wrap:not(.ind-text-wrap--hidden) .ind-headline { animation: indLineUp 0.52s cubic-bezier(0.16,1,0.3,1) 0.09s both; }
.ind-text-wrap:not(.ind-text-wrap--hidden) .ind-desc     { animation: indLineUp 0.48s cubic-bezier(0.16,1,0.3,1) 0.17s both; }
.ind-text-wrap:not(.ind-text-wrap--hidden) .ind-bullets  { animation: indLineUp 0.48s cubic-bezier(0.16,1,0.3,1) 0.24s both; }
.ind-text-wrap:not(.ind-text-wrap--hidden) .ind-cta      { animation: indLineUp 0.45s cubic-bezier(0.16,1,0.3,1) 0.32s both; }

/* ════════════════════════════════════════════════════
   RIGHT PANEL — shared container
════════════════════════════════════════════════════ */
.ind-panel-right {
  flex: 1;
  position: relative;
  overflow: hidden;
  background: #F8FAFC;
}

/* ════════════════════════════════════════════════════
   INTRO MOSAIC — 3×2 photo grid
════════════════════════════════════════════════════ */
.ind-mosaic {
  position: absolute;
  inset: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 10px;
  padding: 20px 20px 20px 12px;
  z-index: 4;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.55s cubic-bezier(0.16, 1, 0.3, 1);
}
.ind-mosaic--visible {
  opacity: 1;
  pointer-events: auto;
}

/* Individual mosaic cards */
.ind-mosaic-card {
  position: relative;
  border-radius: 14px;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  cursor: pointer;
  border: none;
  padding: 0;
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease;
  box-shadow: 0 4px 20px rgba(15,23,42,0.14);
}
/* Staggered entrance — only plays when mosaic becomes visible */
.ind-mosaic--visible .ind-mosaic-card {
  animation: indMosaicIn 0.55s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}
@keyframes indMosaicIn {
  from { opacity: 0; transform: scale(0.88) translateY(12px); }
  to   { opacity: 1; transform: scale(1) translateY(0); }
}
.ind-mosaic-card:hover {
  transform: scale(1.04);
  box-shadow: 0 12px 40px rgba(15,23,42,0.22);
  z-index: 1;
}
.ind-mosaic-card:hover .ind-mosaic-label {
  opacity: 1;
  transform: translateY(0);
}

/* Dark scrim so label is readable */
.ind-mosaic-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(10,15,30,0.72) 0%,
    rgba(10,15,30,0.18) 50%,
    transparent 100%
  );
  pointer-events: none;
}

/* Label chip at bottom of each mosaic card */
.ind-mosaic-label {
  position: absolute;
  bottom: 10px;
  left: 10px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: rgba(255,255,255,0.15);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid;
  border-radius: 100px;
  padding: 4px 10px 4px 7px;
  opacity: 0.85;
  transform: translateY(3px);
  transition: opacity 0.22s ease, transform 0.22s ease;
}
.ind-mosaic-icon {
  font-size: 0.82rem;
  line-height: 1;
}
.ind-mosaic-name {
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-shadow: 0 1px 4px rgba(0,0,0,0.5);
}

/* ════════════════════════════════════════════════════
   INDUSTRY PHOTOS — crossfade layers
════════════════════════════════════════════════════ */
.ind-photo-layer {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center top;
  opacity: 0;
  transform: scale(1.06);
  transition:
    opacity   0.85s cubic-bezier(0.4, 0, 0.2, 1),
    transform 1.1s  cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform;
  z-index: 1;
}
.ind-photo-layer--active {
  opacity: 1;
  transform: scale(1);
}

/* Gradient on left edge — blends into text panel */
.ind-photo-fade {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to right,
    rgba(255,255,255,0.35) 0%,
    transparent 28%
  );
  pointer-events: none;
  z-index: 2;
}

/* ── Floating stat cards ── */
.ind-stat-cards {
  position: absolute;
  right: 1.75rem;
  bottom: 10%;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  z-index: 3;
}

.ind-stat-card {
  background: rgba(255,255,255,0.92);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255,255,255,0.7);
  border-radius: 16px;
  padding: 0.85rem 1.15rem;
  min-width: 150px;
  box-shadow: 0 8px 32px rgba(15,23,42,0.15), 0 2px 8px rgba(15,23,42,0.08);
}
.ind-stat-card--1 {
  animation: indStatIn 0.55s cubic-bezier(0.34,1.56,0.64,1) 0.18s both;
}
.ind-stat-card--2 {
  animation: indStatIn 0.55s cubic-bezier(0.34,1.56,0.64,1) 0.30s both;
}
@keyframes indStatIn {
  from { opacity: 0; transform: translateY(20px) scale(0.9); }
  to   { opacity: 1; transform: translateY(0)  scale(1); }
}

.ind-stat-val {
  font-family: 'Epilogue', 'Inter', system-ui, sans-serif;
  font-size: 1.6rem;
  font-weight: 900;
  letter-spacing: -0.04em;
  line-height: 1;
  margin-bottom: 4px;
}
.ind-stat-lbl {
  font-size: 0.7rem;
  font-weight: 500;
  color: #64748B;
  line-height: 1.3;
}

/* ════════════════════════════════════════════════════
   PORTRAIT PANEL — full dark bg, no background photo
════════════════════════════════════════════════════ */
.ind-portrait-panel {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  overflow: hidden;
  z-index: 2;
  animation: indPanelFadeIn 0.5s ease both;
}
@keyframes indPanelFadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Subtle dot-grid texture */
.ind-portrait-panel-grid {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle, rgba(255,255,255,0.055) 1px, transparent 1px);
  background-size: 28px 28px;
  pointer-events: none;
  z-index: 0;
}

/* Radial pink glow behind the figure */
.ind-portrait-glow {
  position: absolute;
  bottom: -10%;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
  height: 80%;
  pointer-events: none;
  z-index: 1;
}

/* Portrait image */
.ind-portrait-panel-img {
  position: relative;
  z-index: 2;
  width: 72%;
  max-width: 390px;
  height: auto;
  object-fit: contain;
  object-position: bottom;
  display: block;
  -webkit-mask-image: linear-gradient(
    to top,
    transparent 0%,
    rgba(0,0,0,0.55) 6%,
    black 18%
  );
  mask-image: linear-gradient(
    to top,
    transparent 0%,
    rgba(0,0,0,0.55) 6%,
    black 18%
  );
  animation:
    indPortraitRise  0.9s cubic-bezier(0.16, 1, 0.3, 1) 0.08s both,
    indPortraitFloat 6s  ease-in-out              2s     infinite;
}

@keyframes indPortraitRise {
  from {
    opacity: 0;
    transform: translateY(48px) scale(0.95);
    filter: blur(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
  }
}
@keyframes indPortraitFloat {
  0%, 100% { transform: translateY(0); }
  50%       { transform: translateY(-7px); }
}

/* Byline strip at the bottom */
.ind-portrait-byline {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 0.85rem;
  padding: 1.1rem 1.5rem 1.3rem;
  background: linear-gradient(to top, rgba(0,0,0,0.75) 0%, transparent 100%);
  animation: indBylineUp 0.65s cubic-bezier(0.16, 1, 0.3, 1) 0.6s both;
}
@keyframes indBylineUp {
  from { opacity: 0; transform: translateY(16px); }
  to   { opacity: 1; transform: translateY(0); }
}

.ind-portrait-byline-accent {
  width: 3px;
  height: 38px;
  border-radius: 3px;
  flex-shrink: 0;
  opacity: 0.9;
}

.ind-portrait-byline-name {
  font-family: 'Epilogue', 'Inter', system-ui, sans-serif;
  font-size: clamp(1.05rem, 1.5vw, 1.35rem);
  font-weight: 800;
  color: #FFFFFF;
  letter-spacing: -0.02em;
  line-height: 1.2;
}
.ind-portrait-byline-role {
  font-size: 0.72rem;
  color: rgba(255,255,255,0.6);
  font-weight: 500;
  margin-top: 3px;
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.ind-portrait-byline-sep {
  opacity: 0.35;
}

/* ── Mobile: collapse portrait panel ── */
@media (max-width: 960px) {
  .ind-portrait-panel { display: none; }
}

/* Large background watermark number */
.ind-photo-watermark {
  position: absolute;
  bottom: -0.12em;
  left: -0.05em;
  font-family: 'Epilogue', system-ui, sans-serif;
  font-size: clamp(10rem, 18vw, 22rem);
  font-weight: 900;
  line-height: 1;
  letter-spacing: -0.08em;
  color: #FFFFFF;
  opacity: 0.1;
  pointer-events: none;
  user-select: none;
  z-index: 2;
  animation: indWmIn 0.6s cubic-bezier(0.16,1,0.3,1) 0.1s both;
}
@keyframes indWmIn {
  from { opacity: 0; transform: translateY(12px); }
  to   { opacity: 0.1; transform: translateY(0); }
}

/* ════════════════════════════════════════════════════
   BOTTOM NAVIGATION STRIP
════════════════════════════════════════════════════ */
.ind-nav {
  flex-shrink: 0;
  height: 68px;
  display: flex;
  align-items: center;
  padding: 0 max(1.5rem, 3vw);
  background: #FFFFFF;
  border-top: 1px solid #E8EEF8;
  position: relative;
  gap: 0.25rem;
  overflow-x: auto;
  scrollbar-width: none;
}
.ind-nav::-webkit-scrollbar { display: none; }

/* Gliding pill indicator */
.ind-nav-pill {
  position: absolute;
  height: 36px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 100px;
  pointer-events: none;
  z-index: 0;
  transition:
    left       0.38s cubic-bezier(0.34, 1.56, 0.64, 1),
    width      0.26s cubic-bezier(0.16, 1, 0.3, 1),
    background 0.35s ease,
    box-shadow 0.35s ease,
    opacity    0.3s  ease;
}

.ind-nav-btn {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0 1rem;
  height: 36px;
  background: none;
  border: none;
  cursor: pointer;
  border-radius: 100px;
  white-space: nowrap;
  position: relative;
  z-index: 1;
  transition: opacity 0.15s;
}
.ind-nav-btn:hover { opacity: 0.75; }

.ind-nav-icon {
  font-size: 0.88rem;
  line-height: 1;
}
.ind-nav-label {
  font-size: 0.78rem;
  font-weight: 600;
  color: #475569;
  transition: color 0.25s;
}
.ind-nav-btn--active .ind-nav-label {
  color: #FFFFFF;
}

/* In intro state — all labels stay dark (no active styling) */
.ind-sticky--intro .ind-nav-btn--active .ind-nav-label {
  color: #475569;
}

/* Thin progress track at bottom edge of nav */
.ind-nav-progress {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: #F1F5F9;
}
.ind-nav-progress-fill {
  height: 100%;
  border-radius: 0;
  transition: width 0.55s cubic-bezier(0.16,1,0.3,1), background 0.35s ease;
}

/* ════════════════════════════════════════════════════
   RESPONSIVE
════════════════════════════════════════════════════ */
@media (max-width: 960px) {
  .ind-sticky     { position: static; height: auto; }
  .ind-scroll-outer { height: auto !important; }
  .ind-main       { flex-direction: column; }

  .ind-panel-left {
    flex: none; max-width: 100%;
    padding: 2.5rem 1.75rem 1.5rem;
    box-shadow: none;
    border-bottom: 1px solid #E8EEF8;
    min-height: 320px;
  }

  /* On mobile, intro and industry text stack naturally */
  .ind-intro-wrap {
    position: static;
    opacity: 1;
    pointer-events: auto;
    padding: 0;
    transition: none;
  }
  .ind-intro-wrap--visible { opacity: 1; }
  .ind-text-wrap--hidden { display: none; }

  /* On mobile, show industries section without intro layer */
  .ind-sticky--intro .ind-intro-wrap { display: flex; }
  .ind-sticky--intro .ind-text-wrap  { display: none; }
  .ind-sticky:not(.ind-sticky--intro) .ind-intro-wrap { display: none; }
  .ind-sticky:not(.ind-sticky--intro) .ind-text-wrap  { display: flex; }

  /* ── Panel ordering: grid above, content below ── */
  .ind-panel-right {
    order: -1;          /* float grid above the text panel */
    height: auto;
    min-height: 0;
    max-height: none;
    border-bottom: 1px solid #E8EEF8;
    background: #F8FAFC;
  }
  /* Border was on panel-left; now lives on panel-right above it */
  .ind-panel-left {
    border-bottom: none;
  }

  /* ── Mosaic: persistent 3-column grid, no horizontal scroll ── */
  .ind-mosaic {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: unset;
    height: auto;
    gap: 8px;
    padding: 10px;
    overflow: visible;
    scrollbar-width: unset;
    opacity: 1;
    pointer-events: auto;
    position: static;
  }
  .ind-mosaic::-webkit-scrollbar { display: revert; }

  /* Card: consistent aspect ratio, transitions for active state */
  .ind-mosaic-card {
    aspect-ratio: 3 / 2;
    border-radius: 10px;
    outline: 2px solid transparent;
    outline-offset: 2px;
    transition:
      transform   0.22s cubic-bezier(0.34, 1.56, 0.64, 1),
      box-shadow  0.22s ease,
      outline-color 0.22s ease;
  }

  /* Labels always visible on mobile — no hover needed */
  .ind-mosaic-label {
    opacity: 1;
    transform: none;
  }

  /* Selected card — colour comes from per-card --ic set in JSX */
  .ind-mosaic-card--active {
    outline-color: var(--ic, #1A6EFF);
    transform: scale(1.04);
    box-shadow:
      0 0 0 4px color-mix(in srgb, var(--ic, #1A6EFF) 20%, transparent),
      0 6px 20px rgba(15, 23, 42, 0.18);
    z-index: 1;
  }
  /* Keep label fully opaque on active card */
  .ind-mosaic-card--active .ind-mosaic-label {
    opacity: 1;
    transform: none;
  }

  /* Hide crossfade photo layers and stat cards — grid is the nav on mobile */
  .ind-photo-layer  { display: none; }
  .ind-photo-fade   { display: none; }
  .ind-photo-watermark { display: none; }
  .ind-stat-cards   { display: none; }
  .ind-nav        { height: auto; padding: 0.5rem 1rem; flex-wrap: wrap; gap: 0.3rem; }
  .ind-nav-pill   { display: none; }
  .ind-nav-btn    { padding: 0.35rem 0.75rem; height: auto; }
  .ind-nav-btn--active .ind-nav-label { color: var(--ic, #1A6EFF); }
  .ind-nav-btn--active { background: color-mix(in srgb, var(--ic,#1A6EFF) 10%, white); border-radius: 100px; }

  /* ── Heading reflow — intro overlay ── */
  /* Switch from forced flex-column to natural inline wrapping */
  .ind-intro-headline {
    display: block;           /* cancel desktop flex-direction:column */
    font-size: clamp(1.55rem, 6vw, 2.1rem);
    line-height: 1.25;
    letter-spacing: -0.03em;
  }
  /* Spans become inline so viewport controls line breaks */
  .ind-intro-line {
    display: inline;
  }
  /* Preserve a word space between consecutive inline spans */
  .ind-intro-line:not(:last-child)::after {
    content: " ";
  }

  /* ── Heading reflow — industry text ── */
  .ind-headline {
    display: block;           /* cancel desktop flex-direction:column */
    font-size: clamp(1.4rem, 5.5vw, 1.9rem);
    line-height: 1.25;
    letter-spacing: -0.03em;
  }
  .ind-headline-line {
    display: inline;
  }
  .ind-headline-line:not(:last-child)::after {
    content: " ";
  }

  /* ── Supporting text ── */
  .ind-intro-sub {
    font-size: 0.88rem;
    line-height: 1.55;
    max-width: 100%;
  }
  .ind-desc        { font-size: 0.86rem; line-height: 1.6; }
  .ind-intro-wrap  { gap: 1rem; }
  .ind-text-wrap   { gap: 0.9rem; }
  .ind-intro-hint  { font-size: 0.72rem; }

  /* Remove forced min-height so content isn't vertically squeezed */
  .ind-panel-left  { min-height: 0; }
}

@media (max-width: 580px) {
  .ind-panel-left     { padding: 1.75rem 1.1rem 1.1rem; }
  .ind-intro-headline { font-size: clamp(1.35rem, 7vw, 1.75rem); line-height: 1.28; }
  .ind-headline       { font-size: clamp(1.25rem, 6.5vw, 1.6rem);  line-height: 1.28; }
  .ind-intro-sub      { font-size: 0.83rem; }
  .ind-desc           { font-size: 0.82rem; }
  .ind-stat-cards { flex-direction: row; bottom: 1rem; right: 1rem; }
  .ind-stat-card  { min-width: 100px; }
  .ind-stat-val   { font-size: 1.1rem; }
}

/* ================================================================
   WORKFLOW SECTION — compact viewport-fit layout
   ================================================================ */

.wfs {
  position: relative;
  background: #FFFFFF;
  padding: 1.6rem 0 1.2rem;
  overflow: clip; /* clips horizontal scroll but allows absolute bleed */
  border-top: 1px solid #E8EEF8;
  border-bottom: 1px solid #E8EEF8;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
}
.wfs-ambient { display: none; }
.wfs::before { display: none; }

.wfs-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 2rem;
  position: relative; z-index: 2;
  display: flex;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
}

/* ── Section header ── */
.wfs-header {
  text-align: center;
  margin-bottom: 1rem;
}
.wfs-eyebrow {
  display: inline-block;
  font-size: 0.62rem; font-weight: 700; letter-spacing: 0.22em;
  text-transform: uppercase; color: #1A6EFF;
  background: rgba(26,110,255,0.08);
  border: 1px solid rgba(26,110,255,0.22);
  padding: 3px 12px; border-radius: 100px;
  margin-bottom: 0.5rem;
}
.wfs-title {
  font-family: 'Epilogue', 'Inter', system-ui, sans-serif;
  font-size: clamp(1.2rem, 2.2vw, 1.7rem);
  font-weight: 800; letter-spacing: -0.03em;
  color: #0F172A; line-height: 1.2;
  margin: 0 0 0.3rem;
}
.wfs-sub {
  font-size: clamp(0.75rem, 1vw, 0.85rem);
  color: #64748B;
  max-width: 52ch; margin: 0 auto;
  line-height: 1.5;
}

/* ── Diagram container ── */
.wfs-diagram {
  display: flex; flex-direction: column; align-items: center;
  gap: 0;
  opacity: 0; transform: translateY(18px);
  transition: opacity 0.6s ease, transform 0.6s ease;
  position: relative; /* anchor for SVG flow-path overlay */
}
.wfs-diagram--visible {
  opacity: 1; transform: translateY(0);
}

/* ── SVG curved flow-path overlay (Merchant → Reach/Move → Consumer) ── */
.wfs-flow-svg {
  position: absolute;
  top: 0; left: 0;
  pointer-events: none;
  z-index: 0;       /* behind all diagram content */
  overflow: visible;
}

/* ═══════════════════════════════════════════════════════
   HUB STRIP — same reference width as the diagram column
   Reach (left) ←→ Hub Icon (center) ←→ Move (right)
═══════════════════════════════════════════════════════ */
.wfs-hub-strip {
  width: 100%;          /* stays inside the diagram column, aligned with FOH/BOH */
  display: flex;
  align-items: center;
  padding: 0.7rem 0;    /* horizontal padding handled by the spacers */
  gap: 0;
  box-sizing: border-box;
  position: relative;
  background: linear-gradient(to right, rgba(249,115,22,0.04) 0%, rgba(26,110,255,0.03) 30%, rgba(26,110,255,0.03) 70%, rgba(16,185,129,0.04) 100%);
  border-top: 1px solid #F1F5F9;
  border-bottom: 1px solid #F1F5F9;
}

/* ── Side cards (Reach left, Move right) ── */
.wfs-side-card {
  flex: 0 0 148px;
  display: flex; flex-direction: column; align-items: center;
  gap: 4px; text-align: center;
  padding: 0.7rem 0.55rem 0.6rem;
  border-radius: 14px;
  border: 1px solid #E2E8F0;
  background: #FAFBFF;
  transition: border-color 0.4s, box-shadow 0.4s, background 0.4s;
  min-height: 96px;
  justify-content: center;
  box-sizing: border-box;
}

/* Reach — orange theme */
.wfs-side-card--reach {
  border-color: rgba(249,115,22,0.18);
  background: rgba(249,115,22,0.03);
}
.wfs-side-card--reach.wfs-side-card--on {
  border-color: rgba(249,115,22,0.4);
  background: rgba(249,115,22,0.07);
  box-shadow: 0 4px 16px rgba(249,115,22,0.1);
}

/* Move — green theme */
.wfs-side-card--move {
  border-color: rgba(16,185,129,0.18);
  background: rgba(16,185,129,0.03);
}
.wfs-side-card--move.wfs-side-card--on {
  border-color: rgba(16,185,129,0.4);
  background: rgba(16,185,129,0.07);
  box-shadow: 0 4px 16px rgba(16,185,129,0.1);
}

/* Side card icon circle */
.wfs-side-icon {
  width: 34px; height: 34px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
  transition: box-shadow 0.4s;
}
.wfs-side-card--reach .wfs-side-icon {
  background: rgba(249,115,22,0.1);
  border: 1px solid rgba(249,115,22,0.22);
  color: #F97316;
}
.wfs-side-card--reach.wfs-side-card--on .wfs-side-icon {
  box-shadow: 0 0 12px rgba(249,115,22,0.28);
}
.wfs-side-card--move .wfs-side-icon {
  background: rgba(16,185,129,0.1);
  border: 1px solid rgba(16,185,129,0.22);
  color: #10B981;
}
.wfs-side-card--move.wfs-side-card--on .wfs-side-icon {
  box-shadow: 0 0 12px rgba(16,185,129,0.28);
}

.wfs-side-name {
  font-size: 0.7rem; font-weight: 700; color: #0F172A; line-height: 1.2;
}
.wfs-side-sub {
  font-size: 0.56rem; color: #94A3B8; line-height: 1.4;
  min-height: 1.6em;
}
.wfs-side-card--on .wfs-side-sub { color: #64748B; }

/* Pill row — fixed height so card doesn't grow */
.wfs-side-pill-row {
  min-height: 20px;
  display: flex; align-items: center; justify-content: center;
}
.wfs-side-pill {
  display: inline-flex; align-items: center; gap: 4px;
  padding: 2px 8px; border-radius: 100px;
  font-size: 0.55rem; font-weight: 600;
  animation: wfsFadeUp 0.3s ease both;
}
.wfs-side-pill--orange {
  background: rgba(249,115,22,0.1);
  border: 1px solid rgba(249,115,22,0.28);
  color: #F97316;
}
.wfs-side-pill--green {
  background: rgba(16,185,129,0.1);
  border: 1px solid rgba(16,185,129,0.28);
  color: #10B981;
}

/* ═══════════════════════════════════════════════════════
   PALLET IQ — AI agent badge in BOH header
═══════════════════════════════════════════════════════ */
.wfs-palletiq-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 3px 9px 3px 7px;
  background: linear-gradient(135deg, rgba(139,92,246,0.1), rgba(26,110,255,0.08));
  border: 1px solid rgba(139,92,246,0.28);
  border-radius: 100px;
  position: relative;
}

/* Pulsing outer ring */
.wfs-palletiq-ring {
  position: absolute;
  inset: -2px;
  border-radius: 100px;
  border: 1px solid rgba(139,92,246,0.4);
  animation: wfsPalletiqRing 2.4s ease-in-out infinite;
  pointer-events: none;
}
@keyframes wfsPalletiqRing {
  0%, 100% { opacity: 0.6; transform: scale(1); }
  50%       { opacity: 0; transform: scale(1.07); }
}

/* Live dot */
.wfs-palletiq-dot {
  width: 5px; height: 5px; border-radius: 50%;
  background: #8B5CF6;
  flex-shrink: 0;
  animation: wfsDotPulse 1.6s ease-in-out infinite;
  box-shadow: 0 0 6px rgba(139,92,246,0.55);
}

.wfs-palletiq-name {
  font-size: 0.55rem;
  font-weight: 700;
  color: #6D28D9;
  letter-spacing: 0.02em;
}

.wfs-palletiq-ai {
  font-size: 0.48rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  color: #FFFFFF;
  background: linear-gradient(135deg, #8B5CF6, #1A6EFF);
  padding: 1px 5px;
  border-radius: 4px;
  line-height: 1.6;
}

/* ── Horizontal connectors ── */
.wfs-h-conn {
  display: flex; align-items: center;
  flex: 1;
  min-width: 16px;
}
.wfs-h-line {
  height: 2px; flex: 1;
  background: #E2E8F0; border-radius: 2px;
  transition: background 0.5s;
}
.wfs-h-arrow-svg {
  flex-shrink: 0;
  color: #CBD5E1;
  transition: color 0.5s;
}

/* Reach arrow active — orange, flowing right */
.wfs-h-conn--reach .wfs-h-line {
  background: linear-gradient(to right, #F97316, rgba(249,115,22,0.25));
}
.wfs-h-conn--reach .wfs-h-arrow-svg { color: #F97316; }

/* Move arrow active — green, flowing left */
.wfs-h-conn--move .wfs-h-line {
  background: linear-gradient(to left, #10B981, rgba(16,185,129,0.25));
}
.wfs-h-conn--move .wfs-h-arrow-svg { color: #10B981; }

/* ═══════════════════════════════════════════════════════
   ARROW RAILS — vertical connections outside the hub strip
   Left rail:  Merchant (below) → Reach → Consumer (above)
   Right rail: Logistics (below) → Move → Consumer (above)
═══════════════════════════════════════════════════════ */

/* Hub strip must allow rail lines to bleed above/below */
.wfs-hub-strip {
  overflow: visible;
}

.wfs-rail {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 0 0 52px;
  gap: 2px;
  padding: 4px 0;
  position: relative; /* anchor for pseudo-element extending lines */
}

/* ── Left rail: extending line UP to Consumer ── */
.wfs-rail--left::before {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  height: 255px;          /* FOH zone + connectors + Consumer node */
  background: repeating-linear-gradient(
    to top,
    #E2E8F0 0px, #E2E8F0 6px,
    transparent 6px, transparent 10px
  );
  transition: background 0.5s;
  pointer-events: none;
}
.wfs-rail--left.wfs-rail--reach::before {
  background: repeating-linear-gradient(
    to top,
    #F97316 0px, #F97316 6px,
    transparent 6px, transparent 10px
  );
}

/* ── Left rail: extending line DOWN to Merchant ── */
.wfs-rail--left::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  height: 330px;          /* BOH zone + connectors + Merchant node */
  background: repeating-linear-gradient(
    to bottom,
    #E2E8F0 0px, #E2E8F0 6px,
    transparent 6px, transparent 10px
  );
  transition: background 0.5s;
  pointer-events: none;
}
.wfs-rail--left.wfs-rail--merchant::after {
  background: repeating-linear-gradient(
    to bottom,
    #F97316 0px, #F97316 6px,
    transparent 6px, transparent 10px
  );
}

/* Rail line — vertical bar */
.wfs-rail-line {
  width: 2px;
  flex: 1;
  min-height: 30px;
  position: relative;
  overflow: hidden;
  background: #E2E8F0;
  border-radius: 2px;
  transition: background 0.5s;
}

/* Left rail activated by reach */
.wfs-rail--left.wfs-rail--reach .wfs-rail-line,
.wfs-rail--left.wfs-rail--merchant .wfs-rail-line {
  background: linear-gradient(to top, #F97316 0%, rgba(249,115,22,0.25) 50%, #F97316 100%);
}

/* Right rail activated by delivery/logistics */
.wfs-rail--right.wfs-rail--delivery .wfs-rail-line,
.wfs-rail--right.wfs-rail--logistics .wfs-rail-line {
  background: linear-gradient(to top, #10B981 0%, rgba(16,185,129,0.25) 50%, #10B981 100%);
}

/* Flowing dot travelling up the rail */
.wfs-rail-dot {
  position: absolute;
  left: 50%; transform: translateX(-50%);
  width: 5px; height: 5px; border-radius: 50%;
  background: #F97316;
  box-shadow: 0 0 7px #F97316;
  animation: wfsRailUp 0.8s ease-in-out infinite;
}
.wfs-rail-dot--up { bottom: 0; }

.wfs-rail--right .wfs-rail-dot {
  background: #10B981;
  box-shadow: 0 0 7px #10B981;
}

@keyframes wfsRailUp {
  0%   { bottom: -6px; opacity: 0; }
  15%  { opacity: 1; }
  85%  { opacity: 1; }
  100% { bottom: 100%; opacity: 0; }
}

/* Arrow head + label at top and bottom of rail */
.wfs-rail-arrow {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  transition: color 0.4s;
}
.wfs-rail-arrow--up  { color: #CBD5E1; }
.wfs-rail-arrow--down { color: #CBD5E1; }

/* Left rail colors when active */
.wfs-rail--left.wfs-rail--reach .wfs-rail-arrow--up,
.wfs-rail--left.wfs-rail--merchant .wfs-rail-arrow--down {
  color: #F97316;
}

/* Right rail colors when active */
.wfs-rail--right.wfs-rail--delivery .wfs-rail-arrow--up {
  color: #10B981;
}
.wfs-rail--right.wfs-rail--logistics .wfs-rail-arrow--down {
  color: #10B981;
}

.wfs-rail-label {
  font-size: 0.48rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: inherit;
  white-space: nowrap;
}

/* ═══════════════════════════════════════════
   NODES  (Consumer & Merchant) — fixed height
═══════════════════════════════════════════ */
.wfs-node {
  display: flex; flex-direction: column; align-items: center; gap: 0.18rem;
  padding: 0.65rem 1.8rem 0.6rem;
  background: #FFFFFF;
  border: 1px solid #E2E8F0;
  border-radius: 14px;
  text-align: center;
  transition: border-color 0.5s, box-shadow 0.5s;
  position: relative; overflow: hidden;
  box-sizing: border-box;
  min-width: 200px;
}
.wfs-node::before {
  content: '';
  position: absolute; inset: 0;
  background: radial-gradient(ellipse 60% 60% at 50% 0%, rgba(26,110,255,0.06), transparent);
  opacity: 0; transition: opacity 0.5s;
}
.wfs-node--on::before { opacity: 1; }
.wfs-node--on {
  border-color: rgba(26,110,255,0.4);
  box-shadow: 0 0 24px rgba(26,110,255,0.12), inset 0 0 14px rgba(26,110,255,0.04);
}

.wfs-node-avatar {
  width: 38px; height: 38px; border-radius: 50%;
  background: rgba(26,110,255,0.07);
  border: 1px solid rgba(26,110,255,0.18);
  display: flex; align-items: center; justify-content: center;
  color: rgba(100,140,230,0.7);
  transition: background 0.4s, border-color 0.4s, box-shadow 0.4s;
}
.wfs-node--on .wfs-node-avatar {
  background: rgba(26,110,255,0.13);
  border-color: rgba(26,110,255,0.4);
  box-shadow: 0 0 16px rgba(26,110,255,0.28);
}
.wfs-node-name { font-size: 0.82rem; font-weight: 700; color: #0F172A; line-height: 1.2; }
.wfs-node-sub  { font-size: 0.6rem; color: #94A3B8; }

/* Pills row — reserves height so card doesn't shift */
.wfs-node-pills {
  min-height: 22px;
  display: flex; align-items: center; justify-content: center;
}
.wfs-order-pill {
  display: inline-flex; align-items: center; gap: 5px;
  padding: 3px 10px;
  background: rgba(52,211,153,0.1);
  border: 1px solid rgba(52,211,153,0.28);
  border-radius: 100px;
  font-size: 0.6rem; font-weight: 500; color: #34D399;
  animation: wfsFadeUp 0.3s cubic-bezier(0.16,1,0.3,1) both;
  white-space: nowrap;
}
.wfs-delivery-pill {
  background: rgba(16,185,129,0.1);
  border-color: rgba(16,185,129,0.3);
  color: #10B981;
}
.wfs-merchant-pill { color: #34D399; }
.wfs-live-dot {
  width: 5px; height: 5px; border-radius: 50%; background: #34D399;
  animation: wfsDotPulse 1.1s ease-in-out infinite;
  flex-shrink: 0;
}

/* ═══════════════════════════════════════════
   VERTICAL CONNECTORS
═══════════════════════════════════════════ */
.wfs-conn {
  display: flex; flex-direction: column; align-items: center;
  height: 22px; position: relative; z-index: 1;
}
.wfs-conn-line {
  width: 2px; flex: 1; position: relative; overflow: hidden;
  background: #E2E8F0; border-radius: 2px;
  transition: background 0.4s;
}
.wfs-conn--on .wfs-conn-line {
  background: linear-gradient(to bottom, #1A6EFF, rgba(26,110,255,0.35));
}
.wfs-conn-flow-dot {
  position: absolute; top: -6px; left: 50%; transform: translateX(-50%);
  width: 5px; height: 5px; border-radius: 50%;
  background: #1A6EFF; box-shadow: 0 0 7px #1A6EFF;
  animation: wfsFlowDown 0.65s ease-in-out infinite;
}
.wfs-conn-arrow {
  font-size: 0.6rem; color: #CBD5E1; line-height: 1; margin-top: 1px;
  transition: color 0.4s;
}
.wfs-conn--on .wfs-conn-arrow { color: #1A6EFF; }

/* ═══════════════════════════════════════════
   ZONE WRAPPER (FOH + BOH)
═══════════════════════════════════════════ */
.wfs-zone {
  width: min(900px, 88%);
  background: #FFFFFF;
  border: 1px solid #E2E8F0;
  border-radius: 14px;
  padding: 0.65rem 0.9rem;
  box-shadow: 0 1px 6px rgba(15,23,42,0.04);
  box-sizing: border-box;
}
.wfs-zone-header {
  display: flex; align-items: center; gap: 0.55rem;
  margin-bottom: 0.55rem; flex-wrap: wrap;
}
.wfs-zone-badge {
  font-size: 0.55rem; font-weight: 700; letter-spacing: 0.12em;
  text-transform: uppercase; padding: 2px 9px; border-radius: 100px;
}
.wfs-zone-badge--foh {
  color: #1A6EFF; background: rgba(26,110,255,0.1);
  border: 1px solid rgba(26,110,255,0.22);
}
.wfs-zone-badge--boh {
  color: #7B6FFF; background: rgba(123,111,255,0.1);
  border: 1px solid rgba(123,111,255,0.22);
}
.wfs-zone-label { font-size: 0.6rem; color: #94A3B8; flex: 1; }

.wfs-zone-trigger {
  font-size: 0.55rem; font-weight: 600;
  color: #10B981;
  background: rgba(16,185,129,0.08);
  border: 1px solid rgba(16,185,129,0.25);
  padding: 2px 8px; border-radius: 100px;
  animation: wfsFadeUp 0.35s ease both;
  white-space: nowrap;
}

/* ═══════════════════════════════════════════
   CHANNELS ROW
═══════════════════════════════════════════ */
.wfs-channels {
  display: flex; gap: 0.4rem; justify-content: center; flex-wrap: nowrap;
}
.wfs-channel {
  display: flex; flex-direction: column; align-items: center; gap: 3px;
  padding: 0.42rem 0.3rem;
  min-width: 56px; max-width: 68px; flex: 1;
  background: #F8FAFF; border: 1px solid #E2E8F0;
  border-radius: 10px; text-align: center;
  transition: all 0.4s cubic-bezier(0.16,1,0.3,1);
  position: relative; overflow: visible;
}
.wfs-channel--on {
  background: #FFFFFF; border-color: var(--cc);
  transform: translateY(-3px);
  box-shadow: 0 5px 16px rgba(15,23,42,0.09);
}
.wfs-channel-ring {
  position: absolute; inset: -2px;
  border: 2px solid var(--cc); border-radius: 12px;
  animation: wfsRingPulse 1.4s ease-in-out infinite;
}
.wfs-ch-logo {
  width: 24px; height: 24px; border-radius: 7px;
  display: flex; align-items: center; justify-content: center;
  font-size: 0.68rem; font-weight: 800; color: white;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
.wfs-ch-name { font-size: 0.52rem; font-weight: 600; color: #0F172A; }
.wfs-ch-sub  { display: none; }
/* Lynx / image icons inside channel logo */
.wfs-ch-icon-img {
  width: 20px;
  height: 20px;
  object-fit: contain;
  border-radius: 5px;
}
.wfs-ch-tag  {
  font-size: 0.48rem; font-weight: 500; color: var(--cc);
  animation: wfsFadeUp 0.3s ease;
}

/* ═══════════════════════════════════════════
   PALLET HUB — AI animated, centered in strip
═══════════════════════════════════════════ */
.wfs-hub {
  flex-shrink: 0;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 5px;
  position: relative;
  z-index: 2;
}

/* ── Subtle outer glow (replaces the conic spinner) ── */
.wfs-hub-glow {
  position: absolute;
  inset: -10px;
  border-radius: 24px;
  border: 1.5px solid rgba(26,110,255,0.18);
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.5s;
  z-index: 0;
  animation: wfsHubGlowPulse 2.6s ease-in-out infinite;
}
.wfs-hub--on .wfs-hub-glow { opacity: 1; }
@keyframes wfsHubGlowPulse {
  0%, 100% { transform: scale(1);    opacity: 0.4; box-shadow: 0 0 0 0 rgba(26,110,255,0); }
  50%       { transform: scale(1.06); opacity: 1;   box-shadow: 0 0 16px 4px rgba(26,110,255,0.12); }
}

.wfs-hub-core {
  width: 60px; height: 60px; border-radius: 16px;
  background: linear-gradient(145deg, #EEF4FF, #DBEAFE);
  border: 1.5px solid rgba(26,110,255,0.22);
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 3px 16px rgba(26,110,255,0.1), inset 0 1px 0 rgba(255,255,255,0.8);
  z-index: 2; position: relative;
  overflow: hidden;
  transition: border-color 0.5s;
}
.wfs-hub--on .wfs-hub-core {
  border-color: rgba(26,110,255,0.4);
  animation: wfsHubBreath 2.6s ease-in-out infinite;
}
@keyframes wfsHubBreath {
  0%, 100% { box-shadow: 0 3px 16px rgba(26,110,255,0.1), inset 0 1px 0 rgba(255,255,255,0.8); }
  50%       { box-shadow: 0 0 0 5px rgba(26,110,255,0.07), 0 6px 28px rgba(26,110,255,0.2), inset 0 1px 0 rgba(255,255,255,0.8); }
}
.wfs-hub-img {
  width: 40px; height: 40px;
  object-fit: contain;
  border-radius: 8px;
}

/* AI badge below hub icon */
.wfs-hub-ai-badge {
  display: flex; align-items: center; gap: 4px;
  padding: 2px 8px 2px 6px;
  background: linear-gradient(135deg, rgba(139,92,246,0.12), rgba(26,110,255,0.1));
  border: 1px solid rgba(139,92,246,0.3);
  border-radius: 100px;
  font-size: 0.48rem; font-weight: 800;
  letter-spacing: 0.1em; color: #6D28D9;
  z-index: 2; position: relative;
  transition: opacity 0.5s;
}
.wfs-hub:not(.wfs-hub--on) .wfs-hub-ai-badge { opacity: 0.5; }

.wfs-hub-ai-dot {
  width: 4px; height: 4px; border-radius: 50%;
  background: #8B5CF6;
  animation: wfsDotPulse 1.4s ease-in-out infinite;
  box-shadow: 0 0 5px rgba(139,92,246,0.6);
  flex-shrink: 0;
}

/* ═══════════════════════════════════════════
   BACK OF THE HOUSE GRID
═══════════════════════════════════════════ */
.wfs-boh-grid {
  display: grid; grid-template-columns: repeat(4, 1fr);
  gap: 0.4rem; margin-bottom: 0.45rem;
}
.wfs-boh {
  padding: 0.45rem 0.5rem; border-radius: 9px;
  background: #FFFFFF; border: 1px solid #E2E8F0;
  box-shadow: 0 1px 4px rgba(15,23,42,0.04);
  transition: all 0.32s cubic-bezier(0.16,1,0.3,1);
  position: relative; overflow: hidden;
}
.wfs-boh::before {
  content: '';
  position: absolute; inset: 0;
  background: radial-gradient(ellipse 80% 80% at 50% 0%, var(--mc), transparent);
  opacity: 0; transition: opacity 0.32s;
}
.wfs-boh--active::before { opacity: 0.06; }
.wfs-boh--done::before   { opacity: 0.03; }
.wfs-boh--active { border-color: var(--mc); box-shadow: 0 3px 12px color-mix(in srgb, var(--mc) 14%, transparent); }
.wfs-boh--done   { border-color: rgba(52,211,153,0.32); background: #F0FDF4; }

.wfs-boh-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 2px; }
.wfs-boh-icon { font-size: 0.9rem; }
.wfs-boh-name { font-size: 0.57rem; font-weight: 600; color: #0F172A; }
.wfs-boh-task {
  font-size: 0.5rem; color: rgba(26,110,255,0.85);
  margin-top: 2px; line-height: 1.4; animation: wfsFadeUp 0.3s ease;
}
.wfs-boh-task--done { color: #34D399; }

.wfs-check {
  width: 13px; height: 13px; border-radius: 50%; background: #34D399;
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
  animation: wfsCheckPop 0.32s cubic-bezier(0.16,1,0.3,1) both;
}
.wfs-boh-spinner {
  width: 10px; height: 10px; border-radius: 50%;
  border: 2px solid rgba(15,23,42,0.1); border-top-color: var(--mc);
  animation: wfsSpin 0.7s linear infinite; display: inline-block;
}

/* BOH tally */
.wfs-boh-tally {
  display: flex; align-items: center; justify-content: center; gap: 5px;
  padding: 4px 14px;
  background: rgba(52,211,153,0.06); border: 1px solid rgba(52,211,153,0.15);
  border-radius: 100px;
  opacity: 0; transform: translateY(5px);
  transition: opacity 0.4s, transform 0.4s;
  width: fit-content; margin: 0 auto;
}
.wfs-boh-tally--visible { opacity: 1; transform: translateY(0); }
.wfs-tally-val { font-size: 0.8rem; font-weight: 800; color: #34D399; }
.wfs-tally-of  { font-size: 0.58rem; color: rgba(52,211,153,0.65); }

/* ═══════════════════════════════════════════
   AI ACTION POINTS — BOH footer
═══════════════════════════════════════════ */
.wfs-ai-actions {
  margin-top: 0.6rem;
  padding: 0.55rem 0.7rem 0.6rem;
  background: linear-gradient(135deg, rgba(139,92,246,0.05), rgba(26,110,255,0.04));
  border: 1px solid rgba(139,92,246,0.18);
  border-radius: 10px;
  animation: wfsFadeUp 0.35s ease both;
}

.wfs-ai-actions-header {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 0.45rem;
}

.wfs-ai-actions-title {
  font-size: 0.56rem;
  font-weight: 700;
  color: #6D28D9;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.wfs-ai-actions-list {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}

.wfs-ai-action-item {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 0.28rem 0.5rem;
  background: rgba(255,255,255,0.7);
  border: 1px solid rgba(139,92,246,0.12);
  border-radius: 7px;
  animation: wfsFadeUp 0.32s cubic-bezier(0.16,1,0.3,1) both;
}

.wfs-ai-action-icon {
  font-size: 0.82rem;
  flex-shrink: 0;
  line-height: 1;
}

.wfs-ai-action-text {
  flex: 1;
  font-size: 0.57rem;
  color: #374151;
  line-height: 1.35;
}

.wfs-ai-action-check {
  font-size: 0.55rem;
  font-weight: 700;
  color: #34D399;
  flex-shrink: 0;
}

/* ═══════════════════════════════════════════
   MERCHANT active state
═══════════════════════════════════════════ */
.wfs-merchant--on {
  border-color: rgba(52,211,153,0.4);
  box-shadow: 0 0 32px rgba(52,211,153,0.1), inset 0 0 14px rgba(52,211,153,0.04);
}
.wfs-merchant--on .wfs-node-avatar {
  background: rgba(52,211,153,0.1); border-color: rgba(52,211,153,0.38);
  box-shadow: 0 0 16px rgba(52,211,153,0.28); color: #34D399;
}
.wfs-merchant--on::before {
  background: radial-gradient(ellipse 60% 60% at 50% 0%, rgba(52,211,153,0.06), transparent);
}

/* ═══════════════════════════════════════════
   FOOTER TAG
═══════════════════════════════════════════ */
.wfs-footer-tag {
  display: flex; align-items: center; justify-content: center; gap: 8px;
  margin-top: 0.85rem;
  font-size: 0.7rem; color: #94A3B8;
}
.wfs-ft-dot {
  width: 5px; height: 5px; border-radius: 50%;
  background: #1A6EFF; box-shadow: 0 0 5px #1A6EFF; flex-shrink: 0;
  animation: wfsDotPulse 2s ease-in-out infinite;
}

/* ═══════════════════════════════════════════
   KEYFRAMES
═══════════════════════════════════════════ */
@keyframes wfsFadeUp {
  from { opacity: 0; transform: translateY(5px); }
  to   { opacity: 1; transform: translateY(0);   }
}
@keyframes wfsDotPulse {
  0%, 100% { opacity: 1; transform: scale(1);    }
  50%       { opacity: 0.4; transform: scale(1.5); }
}
@keyframes wfsFlowDown {
  0%   { top: -6px;  opacity: 0; }
  20%  { opacity: 1; }
  80%  { opacity: 1; }
  100% { top: 100%;  opacity: 0; }
}
@keyframes wfsRingPulse {
  0%   { opacity: 0.9; transform: scale(1);    }
  100% { opacity: 0;   transform: scale(1.12); }
}
@keyframes wfsCheckPop {
  from { opacity: 0; transform: scale(0.4); }
  to   { opacity: 1; transform: scale(1);   }
}
@keyframes wfsSpin { to { transform: rotate(360deg); } }

/* ═══════════════════════════════════════════════════════════════
   RESPONSIVE — JS applies CSS transform: scale() + marginBottom
   to .wfs-diagram-scaler so the ENTIRE diagram (cards, text, and
   the SVG connector overlay) scales as a single unit.

   Because transform: scale() does not affect offsetTop/Left/Width/
   Height on descendant elements, the SVG path computation always
   runs in the diagram's natural 860 px layout space.  The d-
   attribute strings are therefore pixel-identical to desktop —
   the connectors follow the exact same curves, bends, anchors,
   and arrow positions at every screen width.

   transform-origin: top left keeps the left edge flush.
   overflow: hidden on .wfs clips the right-side layout bleed of
   the 860 px scaler.  marginBottom (set by JS + ResizeObserver)
   collapses the empty layout height that transform leaves behind.

   .wfs-header and .wfs-footer-tag live outside the scaler so
   they receive their own horizontal padding.
   Desktop (≥860 px): transform and marginBottom are cleared.
═══════════════════════════════════════════════════════════════ */
@media (max-width: 860px) {
  .wfs {
    min-height: auto;
    padding: 2.5rem 0 2rem;
    /* Clips the 860 px scaler's layout bleed on the right side  */
    overflow: hidden;
  }

  /* No padding — scaler must be flush with the left edge so
     transform-origin: top left aligns it correctly.            */
  .wfs-inner {
    width: 100%;
    min-width: 0;
    padding: 0;
  }

  /* Restore breathing room for text-only elements outside scaler */
  .wfs-header,
  .wfs-footer-tag {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  /* Fixed-width anchor — JS sets transform + marginBottom here. */
  .wfs-diagram-scaler {
    width: 860px;
    min-width: 860px;
    transform-origin: top left;   /* left-aligned scale point    */
  }

  /* Pull Reach and Move cards inward from the diagram edges.
     28 px in natural (860 px) space ≈ 12–13 px visual inset on a
     390 px phone.  The flex spacers keep the hub centred.
     relOffset() picks up the new card positions automatically, so
     the SVG connector loop follows without any JS changes.       */
  .wfs-hub-strip {
    padding-left:  28px;
    padding-right: 28px;
  }
}

/* ================================================================
   SETUP SPEED SECTION — dark statement section
   ================================================================ */

.ss-root {
  position: relative;
  background: #080E1C;
  padding: 5.5rem 0 5rem;
  overflow: hidden;
}

/* Glow orbs */
.ss-glow-tl {
  position: absolute; top: -140px; left: -80px;
  width: 500px; height: 500px; border-radius: 50%;
  background: radial-gradient(circle, rgba(26,110,255,0.14) 0%, transparent 70%);
  pointer-events: none;
}
.ss-glow-br {
  position: absolute; bottom: -120px; right: -60px;
  width: 420px; height: 420px; border-radius: 50%;
  background: radial-gradient(circle, rgba(74,222,128,0.1) 0%, transparent 70%);
  pointer-events: none;
}

.ss-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 2rem;
  display: flex;
  align-items: center;
  gap: 4.5rem;
}

/* ══════════════════════════════════════
   LEFT COLUMN
══════════════════════════════════════ */
.ss-left {
  flex: 0 0 380px;
  max-width: 380px;
  display: flex; flex-direction: column; gap: 1.25rem;

  opacity: 0; transform: translateX(-20px);
  transition: opacity 0.7s cubic-bezier(0.16,1,0.3,1),
              transform 0.7s cubic-bezier(0.16,1,0.3,1);
}
.ss-root--visible .ss-left {
  opacity: 1; transform: translateX(0);
}

.ss-eyebrow {
  display: inline-block;
  font-size: 0.61rem; font-weight: 700; letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #4ADE80;
  background: rgba(74,222,128,0.1);
  border: 1px solid rgba(74,222,128,0.25);
  padding: 4px 13px; border-radius: 100px;
  width: fit-content;
}

.ss-headline {
  font-family: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  font-size: clamp(1.7rem, 2.8vw, 2.5rem);
  font-weight: 800;
  letter-spacing: -0.04em;
  line-height: 1.18;
  color: #F1F5F9;
  margin: 0;
}
.ss-headline--accent {
  background: linear-gradient(135deg, #4ADE80 0%, #1A6EFF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.ss-body {
  font-size: 0.9rem;
  color: #94A3B8;
  line-height: 1.75;
  margin: 0;
}
.ss-body strong {
  color: #F1F5F9; font-weight: 600;
}

/* ── Speed ring ── */
.ss-ring-wrap {
  display: flex; flex-direction: column; align-items: flex-start; gap: 0.35rem;
}
.ss-ring-svg { display: block; overflow: visible; }

.ss-ring-arc {
  transition: stroke-dashoffset 2s cubic-bezier(0.16,1,0.3,1);
  stroke-dashoffset: 327; /* starts as full gap = invisible */
}
.ss-ring-arc--on {
  stroke-dashoffset: 59; /* 82% fill */
}

.ss-ring-num {
  font-family: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  font-size: 2.4rem; font-weight: 800;
  fill: #F1F5F9;
  dominant-baseline: auto;
}
.ss-ring-unit {
  font-size: 0.72rem; font-weight: 600;
  fill: #64748B;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.ss-ring-label {
  font-size: 0.78rem; color: #475569; margin: 0; padding-left: 2px;
  font-weight: 500;
}

/* ── CTA ── */
.ss-cta {
  display: inline-flex; align-items: center; gap: 0.55rem;
  font-size: 0.9rem; font-weight: 700;
  color: #080E1C;
  background: linear-gradient(135deg, #4ADE80 0%, #22C55E 100%);
  padding: 0.7rem 1.4rem;
  border-radius: 100px;
  text-decoration: none;
  width: fit-content;
  box-shadow: 0 0 28px rgba(74,222,128,0.28);
  transition: transform 0.22s, box-shadow 0.22s;
}
.ss-cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 0 40px rgba(74,222,128,0.4);
}

/* ══════════════════════════════════════
   RIGHT — STEP LIST
══════════════════════════════════════ */
.ss-steps {
  flex: 1;
  display: flex; flex-direction: column; gap: 0.8rem;
}

/* Individual step card */
.ss-step {
  position: relative;
  display: flex; align-items: center; gap: 1rem;
  background: rgba(255,255,255,0.035);
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 16px;
  padding: 1.15rem 1.2rem;
  transition:
    background 0.45s cubic-bezier(0.16,1,0.3,1),
    border-color 0.45s cubic-bezier(0.16,1,0.3,1),
    transform 0.45s cubic-bezier(0.16,1,0.3,1),
    box-shadow 0.45s cubic-bezier(0.16,1,0.3,1);

  /* Entrance */
  opacity: 0; transform: translateX(24px);
}
.ss-step--in {
  animation: ssStepIn 0.55s cubic-bezier(0.16,1,0.3,1) both;
}
@keyframes ssStepIn {
  from { opacity: 0; transform: translateX(24px); }
  to   { opacity: 1; transform: translateX(0); }
}

/* Active — currently "completing" */
.ss-step--active {
  background: rgba(255,255,255,0.058);
  border-color: rgba(255,255,255,0.16);
  transform: translateX(0) scale(1.012);
}

/* Done — fully completed */
.ss-step--done {
  background: rgba(255,255,255,0.04);
  border-color: rgba(255,255,255,0.1);
  opacity: 0.85;
}

/* Step number / check circle */
.ss-step-num {
  flex-shrink: 0;
  width: 32px; height: 32px;
  border-radius: 50%;
  border: 1.5px solid rgba(255,255,255,0.15);
  display: flex; align-items: center; justify-content: center;
  font-size: 0.78rem; font-weight: 700; color: #64748B;
  transition: border-color 0.4s, color 0.4s;
}
.ss-step--done .ss-step-num {
  border-color: var(--sc);
  color: var(--sc);
}
.ss-step--active .ss-step-num {
  border-color: var(--sc);
  box-shadow: 0 0 12px color-mix(in srgb, var(--sc) 40%, transparent);
}

/* Checkmark */
.ss-check { color: #4ADE80; }
.ss-check circle { transition: stroke 0.3s; }
.ss-check-path {
  stroke-dasharray: 30;
  stroke-dashoffset: 30;
}
.ss-check--drawn .ss-check-path {
  animation: drawCheck 0.4s cubic-bezier(0.16,1,0.3,1) 0.05s forwards;
}
@keyframes drawCheck {
  from { stroke-dashoffset: 30; }
  to   { stroke-dashoffset: 0; }
}

/* Icon */
.ss-step-icon {
  flex-shrink: 0;
  opacity: 0.55;
  transition: opacity 0.4s;
}
.ss-step--active .ss-step-icon,
.ss-step--done .ss-step-icon { opacity: 1; }

/* Text block */
.ss-step-text { flex: 1; min-width: 0; }
.ss-step-label {
  font-size: 0.88rem; font-weight: 700;
  color: #CBD5E1; margin: 0 0 0.18rem;
  transition: color 0.4s;
}
.ss-step--active .ss-step-label { color: #F1F5F9; }
.ss-step--done .ss-step-label   { color: #94A3B8; }

.ss-step-desc {
  font-size: 0.76rem; color: #475569; margin: 0 0 0.55rem;
  line-height: 1.5;
  transition: color 0.4s;
}
.ss-step--active .ss-step-desc { color: #64748B; }

/* Mini progress bar */
.ss-bar-track {
  height: 3px; border-radius: 100px;
  background: rgba(255,255,255,0.06);
  overflow: hidden;
}
.ss-bar-fill {
  height: 100%; width: 0%; border-radius: 100px;
  background: var(--bc);
  transition: width 0.9s cubic-bezier(0.16,1,0.3,1);
  box-shadow: 0 0 6px var(--bc);
}
.ss-bar-fill--on { width: 100%; }

/* Time badge */
.ss-step-mins {
  flex-shrink: 0;
  font-size: 1.05rem; font-weight: 800;
  font-family: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  letter-spacing: -0.03em;
  opacity: 0.65;
  transition: opacity 0.4s;
}
.ss-step--active .ss-step-mins,
.ss-step--done .ss-step-mins { opacity: 1; }
.ss-step-mins small {
  font-size: 0.6rem; font-weight: 600; letter-spacing: 0.04em;
  vertical-align: super;
}

/* Active pulse dot */
.ss-active-dot {
  position: absolute;
  right: 14px; top: 14px;
  width: 8px; height: 8px; border-radius: 50%;
  animation: ssDotPulse 1.1s ease-in-out infinite;
}
@keyframes ssDotPulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50%       { opacity: 0.35; transform: scale(1.7); }
}

/* ── YOU'RE LIVE badge ── */
.ss-live {
  display: flex; align-items: center; gap: 0.7rem;
  background: rgba(74,222,128,0.07);
  border: 1px solid rgba(74,222,128,0.2);
  border-radius: 14px;
  padding: 0.95rem 1.2rem;
  color: #4ADE80;
  font-size: 0.9rem; font-weight: 700;
  opacity: 0; transform: translateY(12px);
  transition: opacity 0.5s cubic-bezier(0.16,1,0.3,1),
              transform 0.5s cubic-bezier(0.16,1,0.3,1);
  pointer-events: none;
}
.ss-live--on {
  opacity: 1; transform: translateY(0);
  pointer-events: auto;
}

.ss-live-dot {
  width: 9px; height: 9px; border-radius: 50%;
  background: #4ADE80;
  box-shadow: 0 0 10px #4ADE80;
  animation: ssDotPulse 1.4s ease-in-out infinite;
  flex-shrink: 0;
}

.ss-live-time {
  margin-left: auto;
  font-size: 0.78rem; font-weight: 600; letter-spacing: 0.02em;
  color: #22C55E;
  background: rgba(74,222,128,0.12);
  padding: 2px 10px; border-radius: 100px;
}

/* ══════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════ */
@media (max-width: 900px) {
  .ss-inner {
    flex-direction: column;
    gap: 2.5rem; align-items: flex-start;
  }
  .ss-left { flex: none; max-width: 100%; }
  .ss-steps { width: 100%; }
  .ss-ring-wrap { flex-direction: row; align-items: center; gap: 1rem; }
  .ss-ring-label { margin: 0; }
}

@media (max-width: 520px) {
  .ss-root { padding: 3.5rem 0 3rem; }
  .ss-step { flex-wrap: wrap; gap: 0.7rem; padding: 0.95rem 1rem; }
  .ss-step-mins { order: -1; }
  .ss-ring-svg { width: 100px; height: 100px; }
  .ss-headline { font-size: clamp(1.45rem, 6vw, 1.9rem); }
}

/* ================================================================
   BENEFITS SECTION — ROI / Retail Auto-Pilot
   ================================================================ */

.bs-root {
  position: relative;
  background: #FFFFFF;
  padding: 5.5rem 0 5rem;
  overflow: hidden;
  border-top: 1px solid #E8EEF8;
}

.bs-bg-glow {
  position: absolute;
  top: -180px; right: -100px;
  width: 700px; height: 700px; border-radius: 50%;
  background: radial-gradient(circle,
    rgba(26,110,255,0.04) 0%,
    transparent 70%);
  pointer-events: none;
}

.bs-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 2rem;
  display: flex; flex-direction: column; gap: 3.5rem;
}

/* ══════════════════════════════════════
   HEADER
══════════════════════════════════════ */
.bs-header {
  max-width: 680px;
  display: flex; flex-direction: column; gap: 1rem;

  opacity: 0; transform: translateY(18px);
  transition: opacity 0.7s cubic-bezier(0.16,1,0.3,1),
              transform 0.7s cubic-bezier(0.16,1,0.3,1);
}
.bs-root--visible .bs-header { opacity: 1; transform: translateY(0); }

.bs-eyebrow {
  display: inline-block;
  font-size: 0.61rem; font-weight: 700; letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #1A6EFF;
  background: rgba(26,110,255,0.07);
  border: 1px solid rgba(26,110,255,0.2);
  padding: 4px 13px; border-radius: 100px;
  width: fit-content;
}

.bs-headline {
  font-family: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  font-size: clamp(1.85rem, 3vw, 2.8rem);
  font-weight: 800; letter-spacing: -0.04em; line-height: 1.14;
  color: #0F172A; margin: 0;
}
.bs-headline em {
  font-style: normal;
  background: linear-gradient(135deg, #1A6EFF 0%, #16A34A 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.bs-sub {
  font-size: clamp(0.9rem, 1.3vw, 1.05rem);
  color: #475569; line-height: 1.65; margin: 0;
}

.bs-body {
  font-size: 0.88rem; color: #64748B; line-height: 1.78;
  margin: 0;
  padding-left: 1rem;
  border-left: 3px solid #E2E8F0;
}

/* ══════════════════════════════════════
   STAT CARDS
══════════════════════════════════════ */
.bs-stats-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.25rem;
}

.bs-stat {
  background: #FAFBFF;
  border: 1px solid #E2E8F0;
  border-radius: 20px;
  padding: 2rem 1.75rem 1.6rem;
  position: relative;
  overflow: hidden;
  display: flex; flex-direction: column; gap: 1rem;
  transition: box-shadow 0.35s;

  opacity: 0; transform: translateY(20px);
  transition: opacity 0.65s cubic-bezier(0.16,1,0.3,1),
              transform 0.65s cubic-bezier(0.16,1,0.3,1),
              box-shadow 0.3s;
}
.bs-root--visible .bs-stat { opacity: 1; transform: translateY(0); }
.bs-root--visible .bs-stats-row .bs-stat:first-child { transition-delay: 200ms; }
.bs-root--visible .bs-stats-row .bs-stat:last-child  { transition-delay: 350ms; }
.bs-stat::before {
  content: "";
  position: absolute; top: 0; left: 0; right: 0;
  height: 4px;
  background: var(--sg);
}
.bs-stat:hover {
  box-shadow: 0 8px 32px rgba(15,23,42,0.07);
  transform: translateY(-2px);
}
/* Shimmer on stat card hover */
.bs-stat::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 20px;
  background: linear-gradient(
    105deg,
    transparent 30%,
    rgba(255,255,255,0.55) 50%,
    transparent 70%
  );
  background-size: 200% 100%;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s;
}
.bs-stat:hover::after {
  opacity: 1;
  animation: bsShimmer 0.65s ease forwards;
}
@keyframes bsShimmer {
  from { background-position: 200% 0; }
  to   { background-position: -200% 0; }
}

.bs-stat-top {
  display: flex; align-items: baseline; gap: 0.6rem;
}
.bs-stat-num {
  font-family: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  font-size: clamp(3rem, 5vw, 4.5rem);
  font-weight: 900; letter-spacing: -0.05em;
  color: var(--sc);
  line-height: 1;
}
.bs-stat-plus {
  font-size: 0.45em; font-weight: 700; vertical-align: super; color: var(--sc);
}
.bs-stat-badge {
  font-size: 0.7rem; font-weight: 700; letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #94A3B8;
  background: #F1F5F9;
  padding: 3px 10px; border-radius: 100px;
}

/* Comparison bars */
.bs-stat-bar-wrap {
  display: flex; flex-direction: column; gap: 0.4rem;
}
.bs-stat-bar-label {
  font-size: 0.7rem; font-weight: 600; color: #94A3B8;
  letter-spacing: 0.02em;
}
.bs-stat-bar-label--hi { color: var(--sc); }

.bs-bar-track {
  height: 7px; border-radius: 100px;
  background: #F1F5F9;
  overflow: hidden;
}
.bs-bar-fill {
  height: 100%; width: 0%;
  border-radius: 100px;
  background: var(--bc, #E2E8F0);
  transition: width 1.1s cubic-bezier(0.16,1,0.3,1);
}
.bs-bar-fill--zero { width: 4% !important; background: #E2E8F0; }
.bs-bar-fill--on   { width: var(--bfill, 70%); }

.bs-stat-label {
  font-size: 1rem; font-weight: 700; color: #0F172A; margin: 0;
}
.bs-stat-sub {
  font-size: 0.78rem; color: #94A3B8; margin: 0;
}

/* ══════════════════════════════════════
   BENEFITS GRID
══════════════════════════════════════ */
.bs-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}

.bs-card {
  background: #FFFFFF;
  border: 1px solid #E8EEF8;
  border-radius: 18px;
  padding: 1.5rem 1.25rem;
  display: flex; flex-direction: column; gap: 0.7rem;
  transition: border-color 0.3s, box-shadow 0.3s, transform 0.3s;

  opacity: 0; transform: translateY(22px);
}
.bs-card--in {
  animation: bsCardIn 0.55s cubic-bezier(0.16,1,0.3,1) both;
}
@keyframes bsCardIn {
  from { opacity: 0; transform: translateY(22px); }
  to   { opacity: 1; transform: translateY(0); }
}
.bs-card:hover {
  border-color: var(--bc);
  box-shadow: 0 6px 24px color-mix(in srgb, var(--bc) 12%, transparent);
  transform: translateY(-3px);
}
.bs-card:hover .bs-card-icon { background: var(--bt); }

.bs-card-icon {
  width: 44px; height: 44px;
  border-radius: 12px;
  background: var(--bt);
  display: flex; align-items: center; justify-content: center;
  color: var(--bc);
  transition: background 0.3s;
  flex-shrink: 0;
}

.bs-card-title {
  font-size: 0.95rem; font-weight: 700;
  color: #0F172A; margin: 0;
  letter-spacing: -0.015em;
}

.bs-card-desc {
  font-size: 0.8rem; color: #64748B; line-height: 1.7; margin: 0;
}

/* ══════════════════════════════════════
   APP SPRAWL VISUAL
══════════════════════════════════════ */
.bs-sprawl {
  background: #F8FAFF;
  border: 1px solid #E2E8F0;
  border-radius: 20px;
  padding: 2rem 2rem;
  display: flex;
  align-items: center;
  gap: 2rem;

  opacity: 0; transform: translateY(16px);
  transition: opacity 0.65s cubic-bezier(0.16,1,0.3,1),
              transform 0.65s cubic-bezier(0.16,1,0.3,1);
  transition-delay: 200ms;
}
.bs-sprawl--in { opacity: 1; transform: translateY(0); }

.bs-sprawl-before,
.bs-sprawl-after {
  display: flex; flex-direction: column; gap: 0.7rem;
}
.bs-sprawl-before { flex: 1; }
.bs-sprawl-after  { flex: 1; }

.bs-sprawl-label {
  font-size: 0.68rem; font-weight: 700; text-transform: uppercase;
  letter-spacing: 0.14em; color: #94A3B8;
}
.bs-sprawl-label--after { color: #16A34A; }

.bs-sprawl-pills {
  display: flex; flex-wrap: wrap; gap: 0.45rem;
}
.bs-sprawl-pill {
  font-size: 0.73rem; font-weight: 600; color: #475569;
  background: #FFFFFF; border: 1px solid #E2E8F0;
  padding: 4px 12px; border-radius: 100px;
  white-space: nowrap;
  text-decoration: line-through;
  text-decoration-color: #CBD5E1;
  opacity: 0.7;
}

.bs-sprawl-arrow {
  flex-shrink: 0;
  display: flex; flex-direction: column; align-items: center;
  gap: 0.35rem;
  color: #1A6EFF;
  font-size: 0.7rem; font-weight: 700;
  letter-spacing: 0.04em;
}

.bs-sprawl-one {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  background: #FFFFFF;
  border: 1.5px solid #1A6EFF;
  border-radius: 12px;
  padding: 0.85rem 1rem;
  box-shadow: 0 0 20px rgba(26,110,255,0.08);
}
.bs-sprawl-one span:first-of-type {
  font-size: 1rem; font-weight: 800; color: #0F172A;
}
.bs-one-desc {
  font-size: 0.7rem !important; font-weight: 500 !important;
  color: #64748B !important;
  letter-spacing: 0.01em;
}

.bs-savings-badge {
  display: flex; align-items: center; gap: 0.4rem;
  font-size: 0.75rem; font-weight: 700;
  color: #92400E;
  background: #FEF3C7;
  border: 1px solid #FDE68A;
  padding: 5px 12px; border-radius: 100px;
  width: fit-content;
}

/* ══════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════ */
@media (max-width: 900px) {
  .bs-stats-row { grid-template-columns: 1fr; }
  .bs-grid      { grid-template-columns: repeat(2, 1fr); }
  .bs-sprawl    { flex-direction: column; align-items: flex-start; gap: 1.5rem; }
  .bs-sprawl-arrow { flex-direction: row; gap: 0.6rem; }
}

@media (max-width: 560px) {
  .bs-root   { padding: 3.5rem 0 3rem; }
  .bs-grid   { grid-template-columns: 1fr; }
  .bs-stat-num { font-size: clamp(2.5rem, 12vw, 3.5rem); }
  .bs-headline { font-size: clamp(1.5rem, 6.5vw, 2rem); }
  .bs-sprawl { padding: 1.25rem 1rem; }
}

/* ================================================================
   MODULE SHOWCASE — cinematic scroll-jacking, spring sidebar pill
   ================================================================ */

/* ── Outer scroll container ── */
.ms-scroll-outer { position: relative; }

/* ── Sticky section ── */
.ms-section {
  background: #FFFFFF;
  border-top: 1px solid #E8EEF8;
}
.ms-section--sticky {
  position: sticky;
  top: 0;
  height: 100vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.ms-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 2.5rem;
  position: relative; z-index: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding-top: 2rem;
  box-sizing: border-box;
  overflow: hidden;
}

/* ── Header ── */
.ms-header {
  text-align: center;
  margin-bottom: 1.25rem;
  flex-shrink: 0;
}
.ms-eyebrow {
  display: inline-block;
  font-size: 0.68rem; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase;
  color: #1A6EFF; background: #EEF4FF; border: 1px solid #BFDBFE;
  padding: 3px 14px; border-radius: 100px; margin-bottom: 0.6rem;
}
.ms-title {
  font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
  font-size: clamp(1.5rem, 2.5vw, 2.2rem);
  font-weight: 800; letter-spacing: -0.035em;
  color: #0F172A; line-height: 1.18; margin: 0 0 0.4rem;
}
.ms-sub { font-size: 0.9rem; color: #64748B; margin: 0; }

/* ── Two-column layout ── */
.ms-layout {
  display: grid;
  grid-template-columns: 240px 1fr;
  gap: 2rem;
  flex: 1;
  min-height: 0;
  overflow: hidden;
}

/* ═══════════════════════════════════════════
   SIDEBAR — with gliding pill indicator
═══════════════════════════════════════════ */
.ms-sidebar {
  display: flex; flex-direction: column; gap: 0;
  overflow-y: auto;
  scrollbar-width: none;
  padding-right: 0.5rem;
  padding-bottom: 1rem;
  position: relative; /* required for pill positioning */
}
.ms-sidebar::-webkit-scrollbar { display: none; }

/* Spring-animated gliding indicator pill */
.ms-sidebar-pill {
  position: absolute;
  left: 0; right: 0;
  border-radius: 10px;
  background: color-mix(in srgb, var(--ic, #1A6EFF) 10%, #FFFFFF);
  border-left: 2.5px solid var(--ic, #1A6EFF);
  pointer-events: none;
  z-index: 0;
  /* Spring easing (cubic-bezier overshoot mimics iOS spring) */
  transition:
    top    0.38s cubic-bezier(0.34, 1.56, 0.64, 1),
    height 0.22s cubic-bezier(0.16, 1, 0.3, 1),
    background 0.32s ease,
    border-color 0.32s ease,
    opacity 0.2s ease;
}

.ms-cat-group { margin-bottom: 1rem; }
.ms-cat-label {
  font-size: 0.6rem; font-weight: 700; letter-spacing: 0.2em;
  text-transform: uppercase; color: #94A3B8;
  padding: 0 0.75rem 0.35rem;
  border-bottom: 1px solid #F1F5F9;
  margin-bottom: 0.2rem;
}

.ms-tab {
  display: flex; align-items: center; gap: 0.55rem;
  width: 100%; padding: 0.5rem 0.75rem;
  background: none; border: none; cursor: pointer;
  border-radius: 10px; text-align: left;
  transition: opacity 0.15s;
  position: relative;
  z-index: 1; /* above the gliding pill */
}
.ms-tab:hover { opacity: 0.85; }
.ms-tab-ic { font-size: 0.85rem; flex-shrink: 0; line-height: 1; }
.ms-tab-icon-img { width: 18px; height: 18px; object-fit: contain; display: block; border-radius: 4px; }
.ms-tab-name {
  font-size: 0.78rem; font-weight: 500; flex: 1; color: #475569;
  transition: color 0.25s, font-weight 0.2s;
}
.ms-tab--active .ms-tab-name { color: #0F172A; font-weight: 700; }
.ms-tab-arrow { color: var(--tc); flex-shrink: 0; opacity: 0.8; }

/* ═══════════════════════════════════════════
   PANEL WRAPPER — non-keyed, smooth bg transition
═══════════════════════════════════════════ */
.ms-panel-wrapper {
  position: relative;
  border: 1px solid #E8EEF8;
  border-top: 3px solid var(--tc, #1A6EFF);
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  min-height: 0;
  /* Smooth background colour transition per module */
  transition:
    background    0.55s cubic-bezier(0.16, 1, 0.3, 1),
    border-color  0.55s cubic-bezier(0.16, 1, 0.3, 1),
    border-top-color 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Large background watermark number */
.ms-mod-watermark {
  position: absolute;
  right: -0.05em; top: -0.12em;
  font-family: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  font-size: clamp(8rem, 12vw, 13rem);
  font-weight: 900;
  line-height: 1;
  letter-spacing: -0.08em;
  color: var(--tc, #1A6EFF);
  opacity: 0.055;
  pointer-events: none;
  user-select: none;
  z-index: 0;
  transition: color 0.45s cubic-bezier(0.16, 1, 0.3, 1);
}

/* ── Keyed content (remounts for animation) ── */
.ms-panel-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  position: relative;
  z-index: 1;
}

/* ── Cinematic enter animations ── */
@keyframes msEnterFwd {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes msEnterBwd {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.ms-panel--enter-fwd {
  animation: msEnterFwd 0.48s cubic-bezier(0.16, 1, 0.3, 1) both;
}
.ms-panel--enter-bwd {
  animation: msEnterBwd 0.48s cubic-bezier(0.16, 1, 0.3, 1) both;
}

/* ── Staggered content reveal inside panel ── */
@keyframes msLineUp {
  from { opacity: 0; transform: translateY(12px); }
  to   { opacity: 1; transform: translateY(0); }
}

.ms-panel--enter-fwd .ms-panel-top,
.ms-panel--enter-bwd .ms-panel-top {
  animation: msLineUp 0.42s cubic-bezier(0.16,1,0.3,1) 0.08s both;
}
.ms-panel--enter-fwd .ms-headline,
.ms-panel--enter-bwd .ms-headline {
  animation: msLineUp 0.48s cubic-bezier(0.16,1,0.3,1) 0.14s both;
}
.ms-panel--enter-fwd .ms-desc,
.ms-panel--enter-bwd .ms-desc {
  animation: msLineUp 0.48s cubic-bezier(0.16,1,0.3,1) 0.20s both;
}
.ms-panel--enter-fwd .ms-cards,
.ms-panel--enter-bwd .ms-cards {
  animation: msLineUp 0.48s cubic-bezier(0.16,1,0.3,1) 0.26s both;
}
.ms-panel--enter-fwd .ms-visual-frame,
.ms-panel--enter-bwd .ms-visual-frame {
  animation: msLineUp 0.52s cubic-bezier(0.16,1,0.3,1) 0.33s both;
}

/* Scrollable panel content */
.ms-panel-scroll {
  flex: 1; overflow-y: auto;
  padding: 1.75rem 2rem 1rem;
  scrollbar-width: thin;
  scrollbar-color: #E2E8F0 transparent;
}
.ms-panel-scroll::-webkit-scrollbar { width: 4px; }
.ms-panel-scroll::-webkit-scrollbar-thumb { background: #E2E8F0; border-radius: 2px; }

.ms-panel-top {
  display: flex; align-items: center; gap: 0.75rem;
  margin-bottom: 0.9rem;
}
.ms-num {
  font-size: 0.78rem; font-weight: 800;
  font-variant-numeric: tabular-nums;
  transition: color 0.35s;
}
.ms-cat-pill {
  font-size: 0.62rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--tc); background: color-mix(in srgb, var(--tc) 12%, white);
  border: 1px solid color-mix(in srgb, var(--tc) 25%, white);
  padding: 3px 11px; border-radius: 100px;
}
.ms-mod-icon-badge {
  margin-left: auto;
  font-size: 1.3rem;
  filter: drop-shadow(0 2px 6px color-mix(in srgb, var(--tc) 40%, transparent));
  animation: msIconPop 0.4s cubic-bezier(0.34,1.56,0.64,1) both;
}
@keyframes msIconPop {
  from { transform: scale(0.5) rotate(-10deg); opacity: 0; }
  to   { transform: scale(1) rotate(0); opacity: 1; }
}

.ms-headline {
  font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
  font-size: clamp(1.2rem, 2vw, 1.7rem);
  font-weight: 800; letter-spacing: -0.03em;
  color: #0F172A; line-height: 1.25; margin: 0 0 0.6rem;
}
.ms-desc {
  font-size: 0.9rem; line-height: 1.68; color: #475569;
  margin: 0 0 1.1rem; max-width: 58ch;
}

/* ── AI + Value cards ── */
.ms-cards {
  display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem;
  margin-bottom: 1.25rem;
}
.ms-ai-card, .ms-val-card {
  border-radius: 12px; padding: 0.85rem 1rem;
  transition: transform 0.25s, box-shadow 0.25s;
}
.ms-ai-card:hover, .ms-val-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(15,23,42,0.07);
}
.ms-ai-card {
  background: linear-gradient(135deg, #EEF4FF 0%, #E0EBFF 100%);
  border: 1px solid #BFDBFE;
}
.ms-val-card {
  background: linear-gradient(135deg, #F0FDF4 0%, #DCFCE7 100%);
  border: 1px solid #BBF7D0;
}
.ms-card-hd { display: flex; align-items: center; gap: 6px; margin-bottom: 5px; }
.ms-card-ic { font-size: 0.85rem; }
.ms-card-lbl { font-size: 0.68rem; font-weight: 700; color: #64748B; text-transform: uppercase; letter-spacing: 0.1em; }
.ms-card-text { font-size: 0.8rem; line-height: 1.58; color: #334155; margin: 0; }

/* ── Visual frame ── */
.ms-visual-frame {
  background: white; border: 1px solid #E2E8F0;
  border-radius: 14px; overflow: hidden;
  box-shadow: 0 2px 12px rgba(15,23,42,0.05);
  transition: box-shadow 0.3s;
}
.ms-visual-frame:hover { box-shadow: 0 6px 24px rgba(15,23,42,0.08); }
.ms-visual-hd {
  display: flex; align-items: center; gap: 8px;
  padding: 0.6rem 0.9rem;
  background: #F8FAFF; border-bottom: 1px solid #E2E8F0;
}
.ms-visual-dot { width: 7px; height: 7px; border-radius: 50%; flex-shrink: 0; transition: background 0.35s; }
.ms-visual-title { font-size: 0.7rem; font-weight: 600; color: #475569; flex: 1; min-width: 0; }
.ms-live-badge {
  display: flex; align-items: center; gap: 5px;
  font-size: 0.6rem; font-weight: 600; color: #059669;
}
.ms-live-dot {
  width: 6px; height: 6px; border-radius: 50%; background: #34D399;
  animation: msDotPulse 1.5s ease-in-out infinite;
}
@keyframes msDotPulse { 0%,100%{opacity:1;} 50%{opacity:0.3;} }
.ms-visual-body { padding: 1rem; }

/* ── Progress bar ── */
.ms-progress-bar-wrap {
  flex-shrink: 0;
  padding: 0.7rem 1.75rem;
  border-top: 1px solid #E8EEF8;
  display: flex; align-items: center; gap: 0.75rem;
  background: rgba(255,255,255,0.7);
  backdrop-filter: blur(4px);
}
.ms-progress-track {
  flex: 1; height: 3px; background: #E8EEF8; border-radius: 2px; overflow: hidden;
}
.ms-progress-fill {
  height: 100%; border-radius: 2px;
  transition: width 0.55s cubic-bezier(0.16, 1, 0.3, 1), background 0.45s ease;
}
.ms-progress-label { font-size: 0.68rem; font-weight: 600; color: #64748B; white-space: nowrap; }
.ms-scroll-hint {
  font-size: 0.62rem; color: #94A3B8; white-space: nowrap;
  animation: msHintFade 2.5s ease-in-out infinite;
}
@keyframes msHintFade { 0%,100%{opacity:0.4;} 50%{opacity:1;} }

/* ═══════════════════════════════════════════
   VISUAL COMPONENTS
═══════════════════════════════════════════ */
.mv-wrap { display: flex; flex-direction: column; gap: 0.55rem; }
.mv-wrap--center { align-items: center; }
.mv-tag {
  font-size: 0.58rem; font-weight: 600; padding: 2px 8px;
  border-radius: 100px; white-space: nowrap;
}
.mv-tag--blue   { background: #EEF4FF; color: #1A6EFF; border: 1px solid #BFDBFE; }
.mv-tag--green  { background: #F0FDF4; color: #059669; border: 1px solid #BBF7D0; }
.mv-tag--amber  { background: #FFFBEB; color: #D97706; border: 1px solid #FDE68A; }
.mv-tag--red    { background: #FEF2F2; color: #DC2626; border: 1px solid #FECACA; }
.mv-tag--gray   { background: #F8FAFC; color: #64748B; border: 1px solid #E2E8F0; }
.mv-delta { font-size: 0.65rem; font-weight: 600; }
.mv-delta--up   { color: #059669; }
.mv-delta--down { color: #DC2626; }

/* Analytics */
.mv-kpi-row { display: flex; gap: 0.55rem; }
.mv-kpi { flex: 1; padding: 0.55rem 0.7rem; background: #F8FAFF; border: 1px solid #E8EEF8; border-radius: 10px; }
.mv-kpi-lbl { font-size: 0.56rem; color: #94A3B8; margin-bottom: 2px; }
.mv-kpi-val { font-size: 0.95rem; font-weight: 700; color: #0F172A; }
.mv-chart-label { font-size: 0.6rem; color: #94A3B8; }
.mv-bars { display: flex; align-items: flex-end; gap: 4px; height: 52px; }
.mv-bar {
  flex: 1; background: linear-gradient(to top, #1A6EFF, #7B6FFF);
  border-radius: 3px 3px 0 0; height: 0;
  animation: mvBarRise 0.6s cubic-bezier(0.16,1,0.3,1) forwards;
  display: flex; flex-direction: column; justify-content: flex-end;
  position: relative;
}
.mv-bar > span { font-size: 0.46rem; color: #94A3B8; text-align: center; position: absolute; bottom: -13px; left: 0; right: 0; }
@keyframes mvBarRise { to { height: var(--h); } }

/* Reports */
.mv-report-list { display: flex; flex-direction: column; gap: 0; }
.mv-report-row { display: flex; align-items: center; gap: 0.55rem; padding: 0.45rem 0; border-bottom: 1px solid #F1F5F9; }
.mv-report-row:last-child { border-bottom: none; }
.mv-report-ic  { font-size: 0.95rem; }
.mv-report-name { font-size: 0.68rem; font-weight: 600; color: #0F172A; }
.mv-report-sub  { font-size: 0.56rem; color: #94A3B8; }
.mv-ask-bar { display: flex; align-items: center; gap: 6px; padding: 5px 9px; background: #F0F7FF; border: 1px dashed #BFDBFE; border-radius: 8px; font-size: 0.66rem; color: #64748B; }
.mv-ask-ic { color: #1A6EFF; }

/* Products */
.mv-search-bar { display: flex; align-items: center; gap: 7px; padding: 5px 9px; background: white; border: 1px solid #E2E8F0; border-radius: 8px; }
.mv-search-ph { flex: 1; font-size: 0.68rem; color: #94A3B8; }
.mv-product-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.45rem; }
.mv-prod-card { padding: 0.55rem; background: white; border: 1px solid #E2E8F0; border-radius: 10px; }
.mv-prod-icon { font-size: 1rem; margin-bottom: 3px; }
.mv-prod-name { font-size: 0.63rem; font-weight: 600; color: #0F172A; }
.mv-prod-meta { font-size: 0.53rem; color: #94A3B8; margin-bottom: 3px; }

/* Sales */
.mv-sale-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 0.45rem; }
.mv-big-val { font-size: 1.2rem; font-weight: 800; color: #0F172A; letter-spacing: -0.03em; }
.mv-big-sub { font-size: 0.58rem; color: #94A3B8; }
.mv-channel-bars { display: flex; flex-direction: column; gap: 5px; }
.mv-ch-bar-row { display: flex; align-items: center; gap: 7px; }
.mv-ch-bar-lbl { font-size: 0.6rem; color: #64748B; width: 68px; flex-shrink: 0; }
.mv-ch-bar-track { flex: 1; height: 6px; background: #F1F5F9; border-radius: 100px; overflow: hidden; }
.mv-ch-bar-fill { height: 100%; border-radius: 100px; animation: mvBarRise 0.7s ease forwards; }
.mv-ch-bar-pct { font-size: 0.6rem; font-weight: 600; color: #0F172A; width: 26px; text-align: right; }
.mv-order-count { font-size: 0.63rem; color: #64748B; }

/* Marketplace */
.mv-market-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.5rem; }
.mv-market-badge { font-size: 0.7rem; font-weight: 700; color: #F97316; letter-spacing: 0.01em; }
.mv-platform-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.45rem; }
.mv-platform-card { padding: 0.55rem; background: white; border: 1px solid #E2E8F0; border-radius: 10px; display: flex; flex-direction: column; gap: 2px; position: relative; }
.mv-pl-logo { width: 26px; height: 26px; border-radius: 7px; display: flex; align-items: center; justify-content: center; font-size: 0.9rem; }
.mv-pl-name { font-size: 0.63rem; font-weight: 600; color: #0F172A; }
.mv-pl-listings { font-size: 0.56rem; color: #94A3B8; }
.mv-pl-dot { width: 7px; height: 7px; border-radius: 50%; position: absolute; top: 7px; right: 7px; background: #CBD5E1; }
.mv-pl-dot--on { background: #34D399; animation: msDotPulse 2s ease-in-out infinite; }
.mv-sync-bar { font-size: 0.63rem; color: #64748B; display: flex; align-items: center; gap: 5px; }
.mv-live-dot-sm { width: 6px; height: 6px; border-radius: 50%; background: #34D399; animation: msDotPulse 1.5s ease-in-out infinite; }

/* Omnichannel */
.mv-customer-card { background: white; border: 1px solid #E2E8F0; border-radius: 12px; padding: 0.8rem; }
.mv-cust-hd { display: flex; align-items: center; gap: 0.55rem; margin-bottom: 0.55rem; }
.mv-cust-av { width: 30px; height: 30px; border-radius: 50%; background: #1A6EFF; color: white; display: flex; align-items: center; justify-content: center; font-size: 0.62rem; font-weight: 700; flex-shrink: 0; }
.mv-cust-name { font-size: 0.7rem; font-weight: 700; color: #0F172A; }
.mv-cust-since { font-size: 0.56rem; color: #94A3B8; }
.mv-cust-channels { display: flex; flex-direction: column; gap: 3px; margin-bottom: 0.45rem; }
.mv-cust-ch { display: flex; justify-content: space-between; font-size: 0.63rem; color: #64748B; padding: 3px 0; border-bottom: 1px solid #F1F5F9; }
.mv-cust-ord { font-weight: 600; color: #0F172A; }
.mv-cust-tag { font-size: 0.6rem; color: #1A6EFF; background: #EEF4FF; padding: 3px 7px; border-radius: 6px; display: flex; align-items: center; gap: 4px; }

/* POS */
.mv-pos-screen { background: white; border: 1px solid #E2E8F0; border-radius: 12px; padding: 0.7rem; }
.mv-pos-hd { font-size: 0.66rem; font-weight: 600; color: #0F172A; display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.45rem; }
.mv-pos-items { display: flex; flex-direction: column; gap: 3px; margin-bottom: 0.45rem; }
.mv-pos-item { display: flex; align-items: center; font-size: 0.63rem; color: #475569; }
.mv-pos-qty { margin-left: auto; color: #94A3B8; margin-right: 7px; }
.mv-pos-price { font-weight: 600; color: #0F172A; }
.mv-pos-total { display: flex; justify-content: space-between; font-size: 0.75rem; font-weight: 700; color: #0F172A; border-top: 1px solid #E2E8F0; padding-top: 5px; margin-bottom: 5px; }
.mv-pos-suggest { font-size: 0.58rem; color: #1A6EFF; background: #EEF4FF; padding: 3px 7px; border-radius: 6px; display: flex; align-items: center; gap: 4px; }

/* Purchase */
.mv-po-list { display: flex; flex-direction: column; gap: 0; }
.mv-po-row { display: flex; align-items: center; gap: 0.55rem; padding: 0.4rem 0; border-bottom: 1px solid #F1F5F9; }
.mv-po-row:last-child { border-bottom: none; }
.mv-po-ic { font-size: 0.95rem; }
.mv-po-vendor { font-size: 0.66rem; font-weight: 600; color: #0F172A; }
.mv-po-status { font-size: 0.56rem; color: #94A3B8; }
.mv-po-amt { margin-left: auto; font-size: 0.68rem; font-weight: 600; color: #0F172A; }
.mv-po-footer { font-size: 0.63rem; color: #64748B; padding-top: 5px; }

/* Inventory */
.mv-inv-list { display: flex; flex-direction: column; gap: 7px; }
.mv-inv-row { display: flex; flex-direction: column; gap: 2px; }
.mv-inv-top { display: flex; justify-content: space-between; align-items: center; }
.mv-inv-name { font-size: 0.65rem; font-weight: 500; color: #0F172A; }
.mv-inv-track { height: 5px; background: #F1F5F9; border-radius: 100px; overflow: hidden; }
.mv-inv-fill { height: 100%; border-radius: 100px; transition: width 0.8s ease; }

/* Logistics */
.mv-delivery-card { background: white; border: 1px solid #E2E8F0; border-radius: 12px; padding: 0.7rem; margin-bottom: 0.55rem; }
.mv-del-hd { font-size: 0.66rem; font-weight: 600; color: #0F172A; display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.75rem; }
.mv-del-track { display: flex; align-items: flex-start; }
.mv-del-step { display: flex; flex-direction: column; align-items: center; flex: 1; position: relative; }
.mv-del-dot { width: 20px; height: 20px; border-radius: 50%; background: #F1F5F9; border: 2px solid #CBD5E1; display: flex; align-items: center; justify-content: center; font-size: 0.58rem; color: white; }
.mv-del-step--done .mv-del-dot { background: #34D399; border-color: #34D399; }
.mv-del-line { position: absolute; top: 10px; left: calc(50% + 10px); width: calc(100% - 20px); height: 2px; background: #F1F5F9; }
.mv-del-line--done { background: #34D399; }
.mv-del-label { font-size: 0.53rem; color: #94A3B8; margin-top: 3px; text-align: center; }
.mv-del-eta { font-size: 0.6rem; color: #64748B; margin-top: 0.45rem; }
.mv-del-stats { display: flex; gap: 0.45rem; }
.mv-del-stat { flex: 1; text-align: center; padding: 0.35rem; background: white; border: 1px solid #E2E8F0; border-radius: 8px; }
.mv-del-stat strong { display: block; font-size: 0.82rem; color: #0F172A; font-weight: 700; }
.mv-del-stat span { font-size: 0.53rem; color: #94A3B8; }

/* Kitchen */
.mv-kds { display: flex; gap: 0.45rem; }
.mv-ticket { flex: 1; border-radius: 10px; padding: 0.55rem; border: 1px solid; }
.mv-ticket--blue  { background: #EEF4FF; border-color: #BFDBFE; }
.mv-ticket--amber { background: #FFFBEB; border-color: #FDE68A; }
.mv-ticket--green { background: #F0FDF4; border-color: #BBF7D0; }
.mv-ticket-hd { font-size: 0.63rem; font-weight: 700; color: #0F172A; display: flex; justify-content: space-between; margin-bottom: 3px; }
.mv-ticket-time { font-size: 0.56rem; font-weight: 500; color: #94A3B8; }
.mv-ticket-item { font-size: 0.58rem; color: #475569; padding: 1px 0; }
.mv-ticket-st { font-size: 0.56rem; font-weight: 600; color: #64748B; margin-top: 3px; }

/* Production */
.mv-batch-list { display: flex; flex-direction: column; gap: 7px; }
.mv-batch-row { background: white; border: 1px solid #E2E8F0; border-radius: 10px; padding: 0.55rem 0.7rem; }
.mv-batch-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1px; }
.mv-batch-name { font-size: 0.65rem; font-weight: 600; color: #0F172A; }
.mv-batch-qty { font-size: 0.56rem; color: #94A3B8; margin-bottom: 4px; }
.mv-batch-bar { height: 5px; background: #F1F5F9; border-radius: 100px; overflow: hidden; }
.mv-batch-fill { height: 100%; background: linear-gradient(to right, #1A6EFF, #7B6FFF); border-radius: 100px; }

/* Capital */
.mv-cap-ring-wrap { position: relative; display: flex; align-items: center; justify-content: center; margin-bottom: 0.6rem; }
.mv-cap-center { position: absolute; text-align: center; }
.mv-cap-used { font-size: 0.9rem; font-weight: 800; color: #0F172A; letter-spacing: -0.03em; }
.mv-cap-lbl  { font-size: 0.53rem; color: #94A3B8; }
.mv-cap-stats { display: flex; flex-direction: column; gap: 4px; width: 100%; }
.mv-cap-stat { display: flex; justify-content: space-between; font-size: 0.63rem; color: #64748B; padding: 4px 7px; background: white; border: 1px solid #E2E8F0; border-radius: 8px; }
.mv-cap-stat strong { font-size: 0.68rem; color: #0F172A; }

/* Payments */
.mv-pay-cards { display: flex; gap: 0.45rem; }
.mv-pay-card { flex: 1; padding: 0.65rem; background: white; border: 1px solid #E2E8F0; border-radius: 12px; text-align: center; border-top: 3px solid var(--pc); }
.mv-pay-ic  { font-size: 1.1rem; margin-bottom: 3px; }
.mv-pay-val { font-size: 0.82rem; font-weight: 700; color: #0F172A; }
.mv-pay-lbl { font-size: 0.54rem; color: #94A3B8; }
.mv-recon-bar { font-size: 0.63rem; color: #059669; background: #F0FDF4; padding: 5px 9px; border-radius: 8px; display: flex; align-items: center; gap: 5px; }

/* Books */
.mv-pl-block { background: white; border: 1px solid #E2E8F0; border-radius: 12px; padding: 0.7rem; }
.mv-pl-title { font-size: 0.66rem; font-weight: 700; color: #0F172A; margin-bottom: 6px; }
.mv-pl-row { display: flex; justify-content: space-between; font-size: 0.63rem; color: #475569; padding: 3px 0; border-bottom: 1px solid #F8FAFC; }
.mv-pl-row:last-child { border-bottom: none; }
.mv-pl-row--bold { font-weight: 700; color: #0F172A; font-size: 0.68rem; }
.mv-gst-tag { font-size: 0.6rem; color: #D97706; background: #FFFBEB; padding: 4px 9px; border-radius: 8px; display: flex; align-items: center; gap: 5px; }

/* Workforce */
.mv-team-list { display: flex; flex-direction: column; gap: 0; }
.mv-emp-row { display: flex; align-items: center; gap: 0.55rem; padding: 0.4rem 0; border-bottom: 1px solid #F1F5F9; }
.mv-emp-row:last-child { border-bottom: none; }
.mv-emp-av { width: 24px; height: 24px; border-radius: 50%; background: #1A6EFF; color: white; font-size: 0.58rem; font-weight: 700; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.mv-emp-name { font-size: 0.65rem; font-weight: 600; color: #0F172A; }
.mv-emp-role { font-size: 0.55rem; color: #94A3B8; }
.mv-emp-right { margin-left: auto; display: flex; flex-direction: column; align-items: flex-end; gap: 1px; }
.mv-emp-time { font-size: 0.54rem; color: #94A3B8; }
.mv-payroll-bar { font-size: 0.63rem; color: #64748B; background: #F8FAFF; padding: 4px 9px; border-radius: 8px; }

/* Reach */
.mv-campaign-card { background: white; border: 1px solid #E2E8F0; border-radius: 12px; padding: 0.7rem; }
.mv-camp-hd { font-size: 0.68rem; font-weight: 700; color: #0F172A; display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.65rem; }
.mv-camp-metrics { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.35rem; margin-bottom: 0.45rem; }
.mv-camp-metric { text-align: center; padding: 0.35rem; background: #F8FAFF; border-radius: 7px; }
.mv-cm-val { font-size: 0.82rem; font-weight: 700; color: #0F172A; }
.mv-cm-lbl { font-size: 0.5rem; color: #94A3B8; }
.mv-cm-pct { font-size: 0.53rem; color: #1A6EFF; font-weight: 600; }
.mv-camp-channels { font-size: 0.58rem; color: #94A3B8; }

/* Merch */
.mv-vendor-list { display: flex; flex-direction: column; gap: 0; }
.mv-vendor-row { display: flex; align-items: center; gap: 0.55rem; padding: 0.4rem 0; border-bottom: 1px solid #F1F5F9; }
.mv-vendor-row:last-child { border-bottom: none; }
.mv-vendor-ic { font-size: 0.95rem; }
.mv-vendor-name { font-size: 0.66rem; font-weight: 600; color: #0F172A; }
.mv-vendor-type { font-size: 0.55rem; color: #94A3B8; }

/* Apps */
.mv-apps-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.45rem; }
.mv-app-tile { background: white; border: 1px solid #E2E8F0; border-radius: 10px; padding: 0.5rem 0.55rem; text-align: center; }
.mv-app-ic   { font-size: 1.1rem; margin-bottom: 2px; }
.mv-app-name { font-size: 0.6rem; font-weight: 600; color: #0F172A; }
.mv-app-cat  { font-size: 0.5rem; color: #94A3B8; margin-bottom: 3px; }
.mv-app-status { font-size: 0.56rem; color: #94A3B8; }
.mv-app-status--on { color: #059669; font-weight: 600; }

/* ─── Mobile custom dropdown (hidden on desktop) ────────────── */
.ms-mob-dd {
  display: none;
}

/* ─── Responsive ─────────────────────────────────────────────── */
@media (max-width: 960px) {
  /*
   * Mobile presentation only.
   * The desktop scroll-jacked showcase above remains unchanged.
   */
  .ms-section--sticky {
    position: static;
    height: auto;
    overflow: visible;
  }

  .ms-scroll-outer {
    height: auto !important;
  }

  .ms-inner {
    width: 100%;
    height: auto;
    overflow: visible;
    padding: 2.25rem 1.5rem 2.5rem;
  }

  .ms-header {
    margin-bottom: 1.25rem;
  }

  .ms-title {
    font-size: clamp(1.5rem, 5vw, 2rem);
    line-height: 1.2;
  }

  .ms-sub {
    line-height: 1.5;
  }

  .ms-layout {
    width: 100%;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
    height: auto;
    overflow: visible;
  }

  /* ── Swap tabs → custom dropdown on mobile ── */
  .ms-sidebar        { display: none; }
  .ms-sidebar-pill   { display: none; }

  /* ── Custom dropdown trigger ── */
  .ms-mob-dd {
    display: block;
    width: 100%;
    position: relative;
    margin-bottom: 0.25rem;
  }

  .ms-mob-dd-trigger {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: color-mix(in srgb, var(--tc, #1A6EFF) 4%, #FAFBFF);
    border: 1.5px solid color-mix(in srgb, var(--tc, #1A6EFF) 30%, #E8EEF8);
    border-top: 2.5px solid var(--tc, #1A6EFF);
    border-radius: 12px;
    padding: 0.6rem 0.85rem;
    cursor: pointer;
    text-align: left;
    box-sizing: border-box;
    transition: background 0.3s, border-color 0.3s, box-shadow 0.3s;
  }

  .ms-mob-dd-trigger--open {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: 0 4px 16px color-mix(in srgb, var(--tc, #1A6EFF) 14%, transparent);
  }

  .ms-mob-dd-ic {
    font-size: 1.05rem;
    line-height: 1;
    flex-shrink: 0;
    display: flex;
    align-items: center;
  }

  .ms-mob-dd-cat {
    font-size: 0.58rem;
    font-weight: 700;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: var(--tc, #1A6EFF);
    background: color-mix(in srgb, var(--tc, #1A6EFF) 10%, #FAFBFF);
    padding: 2px 7px;
    border-radius: 100px;
    flex-shrink: 0;
    white-space: nowrap;
  }

  .ms-mob-dd-name {
    flex: 1;
    font-size: 0.88rem;
    font-weight: 700;
    color: #0F172A;
    font-family: 'Space Grotesk', 'Inter', system-ui, sans-serif;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
  }

  .ms-mob-dd-chevron {
    flex-shrink: 0;
    color: color-mix(in srgb, var(--tc, #1A6EFF) 70%, #475569);
    pointer-events: none;
    transition: transform 0.22s cubic-bezier(0.16, 1, 0.3, 1), color 0.3s;
  }

  .ms-mob-dd-chevron--up {
    transform: rotate(180deg);
  }

  /* ── Listbox menu ── */
  .ms-mob-dd-menu {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 200;
    background: #FFFFFF;
    border: 1.5px solid #E8EEF8;
    border-top: none;
    border-radius: 0 0 12px 12px;
    max-height: min(300px, calc(100vh - 32px));
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    scrollbar-width: none;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.10);
    padding: 0.2rem 0 0.5rem;
  }

  .ms-mob-dd-menu::-webkit-scrollbar { display: none; }

  .ms-mob-dd-group {
    padding-top: 0.25rem;
  }

  .ms-mob-dd-group-lbl {
    font-size: 0.58rem;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #94A3B8;
    padding: 0.25rem 0.9rem 0.3rem;
    border-bottom: 1px solid #F1F5F9;
    margin-bottom: 0.15rem;
  }

  /* ── Option row ── */
  .ms-mob-dd-option {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    padding: 0.42rem 0.9rem;
    background: none;
    border: none;
    border-left: 2.5px solid transparent;
    cursor: pointer;
    text-align: left;
    box-sizing: border-box;
    transition: background 0.13s, border-left-color 0.13s;
  }

  .ms-mob-dd-option:hover {
    background: color-mix(in srgb, var(--tc, #1A6EFF) 6%, #F8FAFF);
  }

  .ms-mob-dd-option--active {
    background: color-mix(in srgb, var(--tc, #1A6EFF) 8%, #F8FAFF);
    border-left-color: var(--tc, #1A6EFF);
  }

  .ms-mob-dd-opt-ic {
    font-size: 0.85rem;
    line-height: 1;
    flex-shrink: 0;
    display: flex;
    align-items: center;
  }

  .ms-mob-dd-opt-name {
    flex: 1;
    font-size: 0.78rem;
    font-weight: 500;
    color: #475569;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .ms-mob-dd-option--active .ms-mob-dd-opt-name {
    color: #0F172A;
    font-weight: 700;
  }

  .ms-mob-dd-opt-check {
    flex-shrink: 0;
    color: var(--tc, #1A6EFF);
  }

  .ms-panel-wrapper,
  .ms-panel-content,
  .ms-panel-scroll,
  .ms-visual-frame,
  .ms-visual-body,
  .mv-wrap {
    min-width: 0;
    max-width: 100%;
  }

  .ms-panel-wrapper {
    overflow: visible;
    height: auto;
    border-radius: 18px;
  }

  .ms-panel-content,
  .ms-panel-scroll {
    overflow: visible;
    height: auto;
  }

  .ms-panel-scroll {
    padding: 1.5rem 1.25rem 1rem;
  }

  .ms-panel-top {
    margin-bottom: 0.8rem;
  }

  .ms-headline {
    font-size: clamp(1.25rem, 4.8vw, 1.65rem);
    line-height: 1.25;
  }

  .ms-desc,
  .ms-card-text,
  .ms-visual-title,
  .mv-wrap {
    overflow-wrap: anywhere;
  }

  .ms-cards { grid-template-columns: minmax(0, 1fr); }
  .ms-mod-watermark { display: none; }

  .ms-progress-bar-wrap {
    min-width: 0;
    padding: 0.7rem 1.25rem;
    gap: 0.55rem;
  }

  .ms-progress-track {
    min-width: 3rem;
  }

  .ms-progress-label {
    min-width: 0;
    overflow-wrap: anywhere;
  }
}
@media (max-width: 580px) {
  .ms-inner {
    padding: 1.75rem 1rem 2rem;
  }

  .ms-header {
    margin-bottom: 1rem;
  }

  .ms-eyebrow {
    font-size: 0.62rem;
    padding: 3px 11px;
  }

  .ms-title {
    font-size: clamp(1.4rem, 7vw, 1.8rem);
  }

  .ms-sub {
    font-size: 0.82rem;
  }

  .ms-panel-scroll {
    padding: 1.25rem 1rem 0.75rem;
  }

  .mv-kds { flex-direction: column; }
  .mv-camp-metrics { grid-template-columns: repeat(2, 1fr); }

  .ms-progress-bar-wrap {
    padding: 0.6rem 1rem;
  }

  .ms-scroll-hint { display: none; }
}

.ct-root {
  background: #F9F8F6;
  border-top: 1px solid #E8E4DE;
  padding: 5.5rem 0 5rem;
}

.ct-inner {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3rem;
}

/* Header */
.ct-header {
  text-align: center;
  max-width: 600px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.85rem;
}

.ct-eyebrow {
  display: inline-block;
  font-size: 0.6rem;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #1B66FD;
  background: rgba(27,102,253,0.08);
  border: 1px solid rgba(27,102,253,0.22);
  padding: 4px 14px;
  border-radius: 100px;
}

.ct-headline {
  font-family: 'Lora', Georgia, serif;
  font-size: clamp(1.9rem, 3.2vw, 3rem);
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.2;
  color: #1A1410;
  margin: 0;
}

.ct-br { display: inline; }

.ct-sub {
  font-size: 0.97rem;
  color: #6B6259;
  line-height: 1.7;
  margin: 0;
}

/* Grid */
.ct-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.25rem;
  width: 100%;
}

.ct-card {
  background: #FFFFFF;
  border: 1px solid #E8E4DE;
  border-radius: 18px;
  padding: 1.6rem 1.4rem 1.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
  transition: box-shadow 0.25s, transform 0.25s;
}
.ct-card:hover {
  box-shadow: 0 8px 32px rgba(0,0,0,0.07);
  transform: translateY(-3px);
}

.ct-icon          { font-size: 1.9rem; line-height: 1; }
.ct-card-title    { font-size: 0.92rem; font-weight: 700; color: #1A1410; margin: 0; line-height: 1.35; }
.ct-card-desc     { font-size: 0.82rem; color: #6B6259; line-height: 1.6; margin: 0; }

/* CTA */
.ct-cta-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.65rem;
}

.ct-cta {
  display: inline-block;
  padding: 0.9rem 2.5rem;
  background: #1B66FD;
  color: #FFFFFF;
  font-size: 0.95rem;
  font-weight: 700;
  border-radius: 100px;
  text-decoration: none;
  box-shadow: 0 4px 20px rgba(27,102,253,0.32);
  transition: transform 0.2s, box-shadow 0.2s;
}
.ct-cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(27,102,253,0.42);
}

.ct-cta-note { font-size: 0.78rem; color: #9C9389; margin: 0; }

/* Responsive */
@media (max-width: 860px) {
  .ct-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 520px) {
  .ct-root { padding: 3.5rem 0 3rem; }
  .ct-inner { padding: 0 1.1rem; gap: 2rem; }
  .ct-grid { grid-template-columns: 1fr; gap: 0.85rem; }
  .ct-headline { font-size: clamp(1.7rem, 7vw, 2.4rem); }
}

/* ================================================================
   HOMEPAGE ROOT + GLOBAL UTILITIES
   ================================================================ */

/* ── Scroll progress bar ── */
.hp-progress-bar {
  position: fixed;
  top: 0; left: 0;
  height: 2.5px;
  background: linear-gradient(90deg, #1A6EFF 0%, #7B6FFF 55%, #EC4899 100%);
  z-index: 9999;
  width: 0%;
  pointer-events: none;
  transition: width 0.08s linear;
  box-shadow: 0 0 8px rgba(26, 110, 255, 0.5), 0 0 2px rgba(26, 110, 255, 0.9);
}

/* ── Root — break out of the container_margin_LR wrapper (5rem each side) ── */
.homepage-root {
  margin-left: -5rem;
  margin-right: -5rem;
  width: calc(100% + 10rem);
  overflow-x: clip; /* NOT hidden — hidden breaks position:sticky */
  background: #04071A;
}

/* ── Section reveal system ── */
.hp-reveal {
  opacity: 0;
  transition:
    opacity 0.75s cubic-bezier(0.16, 1, 0.3, 1);
}
.hp-reveal--visible {
  opacity: 1;
}

/* ================================================================
   SECTION BRIDGES
   ================================================================ */
.hp-bridge {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 112px;
  overflow: hidden;
}

/* Split-background halves (for dark↔light transitions) */
.hp-bridge-half {
  position: absolute;
  left: 0; right: 0;
  height: 50%;
}
.hp-bridge-half--top { top: 0; }
.hp-bridge-half--btm { bottom: 0; }

/* Content layer sits above split halves */
.hp-bridge-body {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.7rem;
  width: 100%;
  max-width: 720px;
  padding: 0 2rem;
  box-sizing: border-box;
  /* Entrance animation */
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.55s cubic-bezier(0.16, 1, 0.3, 1) 0.1s,
              transform 0.55s cubic-bezier(0.16, 1, 0.3, 1) 0.1s;
}
.hp-bridge--visible .hp-bridge-body {
  opacity: 1;
  transform: translateY(0);
}

/* ── Traveling dot rail ── */
.hp-bridge-track {
  position: relative;
  width: 100%;
  height: 18px;
  display: flex;
  align-items: center;
}
.hp-bridge-rail {
  width: 100%;
  height: 1px;
  background: linear-gradient(
    to right,
    transparent 0%,
    var(--ac, #1A6EFF) 15%,
    var(--ac, #1A6EFF) 85%,
    transparent 100%
  );
  opacity: 0.2;
}

/* Primary traveler dot */
.hp-bridge-traveler {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  left: 0;
  opacity: 0;
}
/* Ghost (secondary delayed dot) */
.hp-bridge-traveler--ghost {
  animation-delay: 0.7s !important;
}
.hp-bridge-traveler--go {
  animation: bridgeTravel 2s cubic-bezier(0.4, 0, 0.3, 1) 0.15s forwards,
             bridgeTravelRepeat 2.4s cubic-bezier(0.4, 0, 0.3, 1) 2.2s infinite;
}
.hp-bridge-traveler--ghost.hp-bridge-traveler--go {
  animation: bridgeTravel 2s cubic-bezier(0.4, 0, 0.3, 1) 0.75s forwards,
             bridgeTravelRepeat 2.4s cubic-bezier(0.4, 0, 0.3, 1) 2.85s infinite;
}

@keyframes bridgeTravel {
  0%   { left: 0%;           opacity: 0; }
  4%   { opacity: 1; }
  96%  { opacity: 1; }
  100% { left: calc(100% - 8px); opacity: 0; }
}
@keyframes bridgeTravelRepeat {
  0%   { left: 0%;           opacity: 0; }
  4%   { opacity: 1; }
  96%  { opacity: 1; }
  100% { left: calc(100% - 8px); opacity: 0; }
}

/* ── Pill card ── */
.hp-bridge-card {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.65rem 1.2rem;
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.85);
  border: 1px solid rgba(226, 232, 240, 0.9);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 2px 16px rgba(15, 23, 42, 0.07);
  /* Entrance */
  opacity: 0;
  transform: scale(0.92) translateY(6px);
  transition: opacity 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) 0.22s,
              transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) 0.22s;
}
.hp-bridge--visible .hp-bridge-card {
  opacity: 1;
  transform: scale(1) translateY(0);
}

/* Glass card for dark/split transitions */
.hp-bridge-card--glass {
  background: rgba(15, 23, 42, 0.55);
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 2px 24px rgba(0, 0, 0, 0.35);
}

.hp-bridge-icon {
  font-size: 1rem;
  line-height: 1;
  flex-shrink: 0;
}

.hp-bridge-text { display: flex; flex-direction: column; gap: 2px; }
.hp-bridge-label {
  font-family: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  font-size: 0.83rem;
  font-weight: 700;
  color: #0F172A;
  letter-spacing: -0.015em;
  white-space: nowrap;
}
.hp-bridge-card--glass .hp-bridge-label { color: #F1F5F9; }

.hp-bridge-detail {
  font-size: 0.68rem;
  color: #64748B;
  white-space: nowrap;
}
.hp-bridge-card--glass .hp-bridge-detail { color: #94A3B8; }

/* ── Split dark: white top → dark bottom ── */
.hp-bridge--split-dark .hp-bridge-rail {
  opacity: 0.18;
}

/* ── Split light: dark top → white bottom ── */
.hp-bridge--split-light .hp-bridge-rail {
  opacity: 0.18;
}

/* ================================================================
   RESPONSIVE
   ================================================================ */
@media (max-width: 1024px) {
  .homepage-root {
    margin-left: -3rem;
    margin-right: -3rem;
    width: calc(100% + 6rem);
  }
}

@media (max-width: 700px) {
  .hp-bridge { min-height: 88px; }
  .hp-bridge-label { white-space: normal; text-align: center; font-size: 0.78rem; }
  .hp-bridge-detail { display: none; }
  .hp-bridge-card { padding: 0.55rem 1rem; }
}

@media (max-width: 600px) {
  .homepage-root {
    margin-left: -1rem;
    margin-right: -1rem;
    width: calc(100% + 2rem);
  }
}

/* ═══════════════════════════════════════════════════
   SHARED LEGAL PAGE DESIGN SYSTEM
   Used by: /privacy  /terms  /data-protection  /partners
═══════════════════════════════════════════════════ */

/* ── Breakout ── */
.rkw6Uytdtq_P04U5ZDmg {
  width: calc(100% + 10rem);
  margin-left: -5rem;
  min-height: 100vh;
  font-family: 'Inter', 'Space Grotesk', sans-serif;
}
@media (max-width: 1024px) { .rkw6Uytdtq_P04U5ZDmg { width: calc(100% + 6rem); margin-left: -3rem; } }
@media (max-width: 600px)  { .rkw6Uytdtq_P04U5ZDmg { width: calc(100% + 2rem); margin-left: -1rem; } }

/* ═══════════ HERO ═══════════ */
.cTvFhe8VNMHUg2_rvL1x {
  position: relative;
  background: #000;
  padding: 80px 5rem 70px;
  overflow: hidden;
}

.jmMq5lsuZ95saEO3Tk56 {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle, rgba(255,255,255,.07) 1px, transparent 1px);
  background-size: 28px 28px;
  pointer-events: none;
}

.MAtyv4l67tvYptoNUAf4 {
  position: absolute;
  top: -80px; left: -80px;
  width: 500px; height: 500px;
  background: radial-gradient(circle, rgba(26,110,255,.18) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
  animation: iq_yixgGfn_FNeFD_uvW 6s ease-in-out infinite alternate;
}
.s7pYZA2AlgcGXtJkrfWY {
  position: absolute;
  bottom: -100px; right: 10%;
  width: 400px; height: 400px;
  background: radial-gradient(circle, rgba(123,111,255,.14) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
  animation: iq_yixgGfn_FNeFD_uvW 8s ease-in-out infinite alternate-reverse;
}
@keyframes iq_yixgGfn_FNeFD_uvW {
  from { opacity: .6; transform: scale(1); }
  to   { opacity: 1; transform: scale(1.12); }
}

.imMO8zDti2tKRmKyjSqO {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}

.P4OyjGRV5HzLnZMUzb07 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(26,110,255,.15);
  border: 1px solid rgba(26,110,255,.35);
  border-radius: 20px;
  padding: 5px 14px;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .08em;
  color: #6EA8FF;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.GROkINgUJVbDXFcPlNa_ {
  width: 6px; height: 6px;
  border-radius: 50%;
  background: #1A6EFF;
  animation: AchEvkmc6QBbBnJXViEZ 2s ease-in-out infinite;
}
@keyframes AchEvkmc6QBbBnJXViEZ {
  0%,100% { opacity: 1; } 50% { opacity: .3; }
}

.n_9P93pp4de_jdUP7QF6 {
  font-size: clamp(2rem, 4vw, 3.2rem);
  font-weight: 800;
  color: #fff;
  margin: 0 0 16px;
  line-height: 1.1;
  letter-spacing: -.02em;
}
.tsDIx6Z_9WG2NdsAO11R {
  background: linear-gradient(135deg, #1A6EFF 0%, #7B6FFF 50%, #10B981 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.NBKSFmmIRsLi00kHbajw {
  font-size: 1rem;
  color: rgba(255,255,255,.6);
  max-width: 560px;
  line-height: 1.6;
  margin: 0 0 28px;
}

.XYcNyancp0xmLu7eRQvL {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: center;
}
.BIx5GTpLRUcP9AvdEeQ7 {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: .8rem;
  color: rgba(255,255,255,.5);
}
.BIx5GTpLRUcP9AvdEeQ7 strong { color: rgba(255,255,255,.85); font-weight: 600; }
.vj8ibTrtSVh48KnYyq8O { width: 3px; height: 3px; background: rgba(255,255,255,.25); border-radius: 50%; }

/* ═══════════ BODY ═══════════ */
.pgeCxApynKsrcHlzkn75 {
  display: flex;
  align-items: flex-start;
  background: #F5F5F7;
  min-height: 60vh;
}

/* ── Sidebar TOC ── */
._qiVhrN0qizcYm0wGuLo {
  position: sticky;
  top: 80px;
  width: 260px;
  min-width: 260px;
  padding: 40px 24px 40px 5rem;
  max-height: calc(100vh - 80px);
  overflow-y: auto;
  scrollbar-width: none;
}
._qiVhrN0qizcYm0wGuLo::-webkit-scrollbar { display: none; }

.zx4hk71XEqVnSz_IZUTM {
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #999;
  margin-bottom: 14px;
}

.zKCPnljLPY8hWB6qrGeQ {
  list-style: none;
  margin: 0; padding: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.P38m1P6k0TE2lmf2W9kP {}
.mZrhMmsrYVUxXFlhLD9l {
  display: block;
  padding: 6px 10px;
  font-size: .82rem;
  font-weight: 500;
  color: #555;
  text-decoration: none;
  border-radius: 6px;
  border-left: 2px solid transparent;
  transition: all .15s;
  line-height: 1.35;
}
.mZrhMmsrYVUxXFlhLD9l:hover { background: rgba(26,110,255,.07); color: #1A6EFF; border-left-color: #1A6EFF; }
.mdSqzBp_9h53RQ82QIqe { background: rgba(26,110,255,.1); color: #1A6EFF; border-left-color: #1A6EFF; font-weight: 600; }

/* ── Main content ── */
.SVM304ahm39Tbn5UsHPq {
  flex: 1;
  padding: 48px 5rem 80px 40px;
  max-width: 860px;
}

/* ═══════════ SECTIONS ═══════════ */
.APuLPhNpZKnhndSBdksQ {
  margin-bottom: 48px;
  scroll-margin-top: 96px;
}

.DOxcIZqinl5ax7CKd2ug {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 20px;
}
.Eww66Sox4Mb9dvG2SAHb {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px; height: 34px;
  min-width: 34px;
  border-radius: 8px;
  background: linear-gradient(135deg, #1A6EFF, #7B6FFF);
  font-size: .8rem;
  font-weight: 800;
  color: #fff;
}
.idos0YYY0hjB0NnakhQp {
  font-size: 1.18rem;
  font-weight: 700;
  color: #0a0a0a;
  margin: 0;
  letter-spacing: -.01em;
}

.sd36Qmzr4LomMoYzpQjq {
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 12px;
  padding: 24px 28px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.CAfkLi5Zvbdm3IdqMZNF {
  font-size: .93rem;
  color: #333;
  line-height: 1.75;
  margin: 0;
}

.nx0_BOvcOLkesoReYO0Z {
  border-top: 1px solid #f0f0f0;
  padding-top: 16px;
}
.nx0_BOvcOLkesoReYO0Z:first-child { border-top: none; padding-top: 0; }

.yCG2pLwTfb5IwiXu6wFn {
  font-size: .9rem;
  font-weight: 700;
  color: #111;
  margin: 0 0 8px;
}

.WE0n5w8SW_w0GSZQLkbL {
  margin: 0; padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.gZC2eV69w0gj4UJAkxmi {
  display: flex;
  gap: 10px;
  font-size: .88rem;
  color: #444;
  line-height: 1.6;
}
.gZC2eV69w0gj4UJAkxmi::before {
  content: '·';
  color: #1A6EFF;
  font-size: 1.1rem;
  font-weight: 900;
  flex-shrink: 0;
  margin-top: 1px;
}

.VDuKCU2rzhp90gTWY_du {
  background: rgba(26,110,255,.06);
  border: 1px solid rgba(26,110,255,.15);
  border-radius: 8px;
  padding: 12px 16px;
  font-size: .88rem;
  color: #1a3a6e;
  line-height: 1.6;
}

/* ── Schedule / table blocks ── */
.qBMB7Pi8imOunAurJw9k {
  background: #F8F9FF;
  border: 1px solid #d8e0ff;
  border-radius: 10px;
  padding: 18px 20px;
}
.b284CrtBNdxOq0X9_igp {
  font-size: .82rem;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #1A6EFF;
  margin: 0 0 8px;
}
.Rr7ovHEDbqhCPA696urL {
  font-size: .85rem;
  color: #555;
  line-height: 1.6;
  margin: 0;
}

/* ── Contact CTA ── */
.sFUrCq2mqWhTvXVUn7PH {
  background: #000;
  border-radius: 16px;
  padding: 36px;
  margin-top: 56px;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.sFUrCq2mqWhTvXVUn7PH::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle, rgba(255,255,255,.06) 1px, transparent 1px);
  background-size: 22px 22px;
}
.yC29Y4O4PRxpfPTZjIMg { position: relative; }
.DTA18Y5_WMupvx7As6El {
  font-size: 1.3rem;
  font-weight: 700;
  color: #fff;
  margin: 0 0 8px;
}
.eFurMkLJ6lkgq5riScOD {
  font-size: .9rem;
  color: rgba(255,255,255,.55);
  margin: 0 0 22px;
}
.hQkUBYMSEaqxNEWEDftE {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(135deg, #1A6EFF, #7B6FFF);
  border-radius: 10px;
  padding: 12px 24px;
  font-size: .9rem;
  font-weight: 700;
  color: #fff;
  text-decoration: none;
  transition: opacity .2s, transform .2s;
}
.hQkUBYMSEaqxNEWEDftE:hover { opacity: .9; transform: translateY(-1px); }

@media (max-width: 1024px) {
  .cTvFhe8VNMHUg2_rvL1x { padding: 64px 3rem 56px; }
  ._qiVhrN0qizcYm0wGuLo { display: none; }
  .SVM304ahm39Tbn5UsHPq { padding: 36px 3rem 64px; max-width: 100%; }
}
@media (max-width: 600px) {
  .cTvFhe8VNMHUg2_rvL1x { padding: 56px 1rem 48px; }
  .n_9P93pp4de_jdUP7QF6 { font-size: 1.8rem; }
  .SVM304ahm39Tbn5UsHPq { padding: 28px 1rem 48px; }
  .sd36Qmzr4LomMoYzpQjq { padding: 18px 16px; }
  .sFUrCq2mqWhTvXVUn7PH { padding: 28px 20px; }
}

/* ══════════════════════════════════════════════════
   Pricing Page — consistent width + premium conversion
   All major content blocks use width:100% so they
   stretch to the same column as the card grid.
══════════════════════════════════════════════════ */

/* ─── Shared width constraint ─── */
/* Every direct child of CustomSectionWrapperNew should
   fill the section width uniformly. */
.LFEmgXH4DB8ZGlSwzEvs,
.YKZRqeW3LgoV8afHI2uP,
.sMm5XrUiYloxNQnT25KH,
.Dgj7Zq1xX0zkpiH8AYvQ,
.x2Y0o7JqLf_gB37bAtNS,
.HGYrjtyuEnLJr3IWqe6w,
.g9QPMfEvXaHalD8akBE3,
.P2ig5zBXOKkCNAngz5Yg,
.FpK_V_kamNGck0DUD1wa {
  width: 100%;
  box-sizing: border-box;
}

/* ── Hero banner ── */
.LFEmgXH4DB8ZGlSwzEvs {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.6rem;
  padding: 2.5rem 1rem 0;
  animation: PCSGXYRS6dEOXGSIAh_1 0.5s ease both;
}

@keyframes PCSGXYRS6dEOXGSIAh_1 {
  from { opacity: 0; transform: translateY(14px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Text block */
.fQGcN5wMV7aVXYACV3lG {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  text-align: center;
  max-width: 600px;
}

.KdBLeLIzpHEJumugjYXd {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #EEF4FF;
  border: 1px solid rgba(26,110,255,0.18);
  border-radius: 100px;
  padding: 4px 14px;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #1A6EFF;
  animation: SjGFCgq5zcPyYaCgF3SU 4s ease-in-out infinite;
}

@keyframes SjGFCgq5zcPyYaCgF3SU {
  0%, 100% { box-shadow: 0 0 0 0 rgba(26,110,255,0); }
  50%       { box-shadow: 0 0 0 6px rgba(26,110,255,0.1); }
}

.cDbw4_J1cOM2TqtIRsx5 {
  font-family: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 800;
  color: #0F172A;
  letter-spacing: -0.04em;
  line-height: 1.1;
  margin: 0;
}

.MYpeCjMYTo0BY9Vts3rb {
  background: linear-gradient(135deg, #1A6EFF 0%, #7C3AED 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.TwMiOtHZ7Fagn72ZItu_ {
  font-size: 0.95rem;
  color: #64748B;
  max-width: 500px;
  line-height: 1.65;
  margin: 0;
}

/* ── Controls row — vertical + billing in one bar ── */
.OzxGqnn2M6bfvhq8yOx9 {
  display: flex;
  align-items: center;
  gap: 0;
  background: #F1F5F9;
  border-radius: 100px;
  padding: 5px;
  animation: PCSGXYRS6dEOXGSIAh_1 0.5s 0.1s ease both;
}

.BdI3hQwOqXBXtLL_upe_ {
  width: 1px;
  height: 22px;
  background: #CBD5E1;
  margin: 0 4px;
  flex-shrink: 0;
}

._wUkkKMTydpwVSx3PUob {
  display: flex;
  align-items: center;
  gap: 2px;
}

.lNTDDuCfLHNNHYCM8YRV {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 0.4rem 1.1rem;
  border-radius: 100px;
  font-size: 0.82rem;
  font-weight: 600;
  color: #64748B;
  cursor: pointer;
  border: none;
  background: transparent;
  transition: all 0.18s ease;
  white-space: nowrap;
}

.lNTDDuCfLHNNHYCM8YRV:hover { color: #0F172A; }

.bEIUKFowFPemHJMm78ay {
  background: #FFFFFF;
  color: #0F172A;
  box-shadow: 0 1px 6px rgba(15,23,42,0.12);
}

.JmPTSf97NuEHTqS0fouI { font-size: 0.85rem; }

.HYOvT2E9_DhQhzJkx33h {
  background: #DCFCE7;
  color: #16A34A;
  font-size: 0.6rem;
  font-weight: 700;
  padding: 2px 7px;
  border-radius: 100px;
  line-height: 1;
}

.BqCgcHLiPTd5jZA9zV92 {
  font-size: 0.68rem;
  color: #94A3B8;
  text-align: center;
  margin-top: -0.8rem;
  animation: PCSGXYRS6dEOXGSIAh_1 0.4s 0.15s ease both;
}

/* ── Cards grid ── */
.YKZRqeW3LgoV8afHI2uP {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.2rem;
  align-items: stretch;
}

@media (max-width: 1100px) { .YKZRqeW3LgoV8afHI2uP { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px)  { .YKZRqeW3LgoV8afHI2uP { grid-template-columns: 1fr; } }

/* ── Pallet HQ note ── */
.sMm5XrUiYloxNQnT25KH {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background: #F0F7FF;
  border: 1px solid rgba(26,110,255,0.15);
  border-radius: 12px;
  padding: 0.75rem 1.2rem;
  font-size: 0.8rem;
  color: #475569;
  margin-top: 1.1rem;
}

.sMm5XrUiYloxNQnT25KH strong { color: #1A6EFF; }

/* ── Trust bar ── */
.Dgj7Zq1xX0zkpiH8AYvQ {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.5rem 2rem;
  padding: 1rem 1.5rem;
  background: #F8FAFC;
  border: 1.5px solid #E8EEF8;
  border-radius: 14px;
}

.kqHfFYcB2zmi4H7XvlfI {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  font-size: 0.8rem;
  color: #475569;
  font-weight: 500;
}

.geYuQYo4Sxr0EyPMhyrA { font-size: 0.95rem; }

/* ── Feature comparison header ── */
.HGYrjtyuEnLJr3IWqe6w {
  margin-bottom: 1rem;
}

.u7Bb4sdZ7KcCpyVWD6rd {
  font-family: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  font-size: 1.6rem;
  font-weight: 800;
  color: #0F172A;
  letter-spacing: -0.04em;
  margin: 0 0 0.3rem;
}

.wMnqYAtljDXLarkLkJ4V {
  font-size: 0.85rem;
  color: #64748B;
  margin: 0;
  max-width: 520px;
  line-height: 1.55;
}

/* ── Sticky column header ── */
.g9QPMfEvXaHalD8akBE3 {
  display: grid;
  grid-template-columns: 1fr 160px 160px 160px;
  position: sticky;
  top: 58px;
  z-index: 10;
  background: #FFFFFF;
  border: 1.5px solid #E8EEF8;
  border-radius: 12px;
  margin-bottom: 0.4rem;
  box-shadow: 0 2px 8px rgba(15,23,42,0.06);
  overflow: hidden;
}

.oDKvnu0zOFGANhqCodKR {
  padding: 0.8rem 1.4rem;
  font-size: 0.68rem;
  font-weight: 700;
  color: #94A3B8;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.Cc2yJLiqXhCwsbTxGT21 {
  padding: 0.8rem 0.5rem;
  font-size: 0.8rem;
  font-weight: 800;
  text-align: center;
  letter-spacing: -0.01em;
  border-left: 1px solid #F1F5F9;
}

.Cc2yJLiqXhCwsbTxGT21[data-plan="basic"]    { color: #3B82F6; }
.Cc2yJLiqXhCwsbTxGT21[data-plan="standard"] { color: #1A6EFF; background: rgba(26,110,255,0.04); }
.Cc2yJLiqXhCwsbTxGT21[data-plan="premium"]  { color: #7C3AED; }

/* ── Feature section ── */
.P2ig5zBXOKkCNAngz5Yg {
  margin-bottom: 0.15rem;
  border: 1.5px solid #E8EEF8;
  border-radius: 12px;
  overflow: hidden;
}

.J_TduqpMAch9soNx_yia {
  display: flex;
  align-items: center;
  padding: 0.8rem 1.4rem;
  background: linear-gradient(90deg, #F8FAFF 0%, #FFFFFF 100%);
  border-bottom: 1.5px solid #E8EEF8;
}

.fyBjReR4aDXJVaDCzZAF {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.mxiPh_XHDXQ3Wy4DCgJ2 {
  width: 34px;
  height: 34px;
  border-radius: 9px;
  background: #EEF4FF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9rem;
  flex-shrink: 0;
  overflow: hidden;
}

.Cvxfml6SXD6mezr7uycR {
  width: 22px;
  height: 22px;
  object-fit: contain;
}

.AlSJGS8txuHmX8coiiNI {
  font-size: 0.9rem;
  font-weight: 700;
  color: #0F172A;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.RlD_Z6hUjc9XuU5cqm_x {
  font-size: 0.67rem;
  color: #94A3B8;
  margin: 2px 0 0;
}

.YOt8XvektSRnYegxcwk0 {
  background: #FFF7ED;
  color: #C2410C;
  border: 1px solid #FED7AA;
  font-size: 0.58rem;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 100px;
  letter-spacing: 0.04em;
}

/* ── Feature table rows ── */
.IRUMTEzyitSqYJY5PQ1w {
  background: #FFFFFF;
}

.k_75as7jzjLUd5fDvBro {
  display: grid;
  grid-template-columns: 1fr 160px 160px 160px;
  align-items: center;
  border-bottom: 1px solid #F1F5F9;
  transition: background 0.12s;
}

.k_75as7jzjLUd5fDvBro:last-child { border-bottom: none; }
.k_75as7jzjLUd5fDvBro:hover      { background: #F8FBFF !important; }
.g_RmzZCxFpZQHbGm9JIQ         { background: #FAFBFF; }

.Z7Fevjd2yrKvlvG9lGfX {
  padding: 0.75rem 1.4rem;
  font-size: 0.82rem;
  color: #334155;
  line-height: 1.45;
  font-weight: 450;
}

.EHo1q7KYCPeDBKROpgcG {
  font-size: 0.64rem;
  color: #94A3B8;
  display: block;
  margin-top: 2px;
}

.dGoiW72_psT4NRTwaddQ {
  padding: 0.75rem 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-left: 1px solid #F1F5F9;
}

/* Standard column subtle highlight */
.k_75as7jzjLUd5fDvBro .dGoiW72_psT4NRTwaddQ:nth-child(3) {
  background: rgba(26,110,255,0.025);
}

/* Value indicators */
.eKM2q2Kj1_A0Ifv2fjNN {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #DCFCE7;
  color: #16A34A;
  font-size: 0.72rem;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
}

.Xn0Iv9vFdupNOyjRYKK2 {
  width: 18px;
  height: 2px;
  background: #E2E8F0;
  border-radius: 1px;
}

.FkThOjzuY5olvDYAOBMp {
  background: #FFF7ED;
  color: #C2410C;
  border: 1px solid #FED7AA;
  font-size: 0.6rem;
  font-weight: 700;
  padding: 3px 9px;
  border-radius: 100px;
  white-space: nowrap;
}

.XLxB3U2ZFc5t2R_nqRYY {
  background: #EEF4FF;
  color: #1A6EFF;
  border: 1px solid rgba(26,110,255,0.2);
  font-size: 0.6rem;
  font-weight: 700;
  padding: 3px 9px;
  border-radius: 100px;
  white-space: nowrap;
}

.JbDbs2pxDvoZu2wktQfG {
  background: #F1F5F9;
  color: #334155;
  font-size: 0.68rem;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 100px;
  white-space: nowrap;
}

/* ── Bottom CTA ── */
.FpK_V_kamNGck0DUD1wa {
  margin-top: 2.5rem;
  text-align: center;
  padding: 3rem 2rem;
  background: linear-gradient(135deg, #0F172A 0%, #1E1B4B 100%);
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}

.FpK_V_kamNGck0DUD1wa::before {
  content: "";
  position: absolute;
  top: -60px; left: 50%;
  transform: translateX(-50%);
  width: 300px; height: 200px;
  background: radial-gradient(circle, rgba(26,110,255,0.3) 0%, transparent 70%);
  pointer-events: none;
}

.BsKcFsAbeMtiDJqS2Be2 {
  font-family: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  font-size: 1.7rem;
  font-weight: 800;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
  letter-spacing: -0.03em;
  position: relative;
}

.U1uk7BPKKGMzTwGS1RJX {
  font-size: 0.88rem;
  color: rgba(255,255,255,0.6);
  margin: 0 0 1.6rem;
  position: relative;
}

.bPi83QbZKCgvrizNvEvb {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
  position: relative;
}

.ab2bKWXXohjPRdui20nT {
  background: #1A6EFF;
  color: #FFFFFF;
  font-size: 0.88rem;
  font-weight: 700;
  padding: 0.72rem 1.8rem;
  border-radius: 100px;
  text-decoration: none;
  box-shadow: 0 4px 18px rgba(26,110,255,0.45);
  transition: box-shadow 0.18s, transform 0.18s;
}

.ab2bKWXXohjPRdui20nT:hover {
  box-shadow: 0 6px 28px rgba(26,110,255,0.6);
  transform: translateY(-2px);
}

.rvFmCvO_QNCEEZlZOrrG {
  color: rgba(255,255,255,0.7);
  font-size: 0.85rem;
  font-weight: 600;
  text-decoration: none;
  border: 1.5px solid rgba(255,255,255,0.2);
  padding: 0.7rem 1.4rem;
  border-radius: 100px;
  transition: border-color 0.18s, color 0.18s;
}

.rvFmCvO_QNCEEZlZOrrG:hover {
  border-color: rgba(255,255,255,0.5);
  color: #FFFFFF;
}

/* ── Calculator CTA banner ── */
.x2Y0o7JqLf_gB37bAtNS {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.2rem;
  background: linear-gradient(135deg, #EEF4FF 0%, #F3EEFF 100%);
  border: 1.5px solid rgba(26,110,255,0.18);
  border-radius: 16px;
  padding: 1.2rem 1.6rem;
  flex-wrap: wrap;
}

.HhFHowR1pDeaa2D__nKw {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.gaTv3oQ_rfTAN1sSxU3N {
  font-size: 1.6rem;
  flex-shrink: 0;
}

.LdW832ZEq9IwZpn4WU2H {
  font-size: 0.95rem;
  font-weight: 700;
  color: #0F172A;
  margin: 0 0 0.2rem;
}

.yxUy4JYkXZk8vw7nmQLZ {
  font-size: 0.8rem;
  color: #64748B;
  margin: 0;
  line-height: 1.45;
}

.FOZN9pRBuAr8qFVmnL_i {
  display: inline-flex;
  align-items: center;
  background: #1A6EFF;
  color: #FFFFFF;
  font-size: 0.85rem;
  font-weight: 700;
  padding: 0.65rem 1.4rem;
  border-radius: 100px;
  text-decoration: none;
  white-space: nowrap;
  box-shadow: 0 3px 14px rgba(26,110,255,0.35);
  transition: box-shadow 0.18s, transform 0.18s;
  flex-shrink: 0;
}

.FOZN9pRBuAr8qFVmnL_i:hover {
  box-shadow: 0 5px 22px rgba(26,110,255,0.5);
  transform: translateY(-1px);
}

/* ── Responsive ── */
@media (max-width: 900px) {
  .g9QPMfEvXaHalD8akBE3,
  .k_75as7jzjLUd5fDvBro {
    grid-template-columns: 1fr 100px 100px 100px;
  }

  .oDKvnu0zOFGANhqCodKR,
  .Z7Fevjd2yrKvlvG9lGfX {
    padding-left: 0.9rem;
  }

  .Cc2yJLiqXhCwsbTxGT21 { font-size: 0.7rem; }
  .Z7Fevjd2yrKvlvG9lGfX     { font-size: 0.78rem; }
}

@media (max-width: 580px) {
  .g9QPMfEvXaHalD8akBE3,
  .k_75as7jzjLUd5fDvBro {
    grid-template-columns: 1fr 74px 74px 74px;
  }

  .Z7Fevjd2yrKvlvG9lGfX { padding: 0.65rem 0.75rem; font-size: 0.72rem; }

  .OzxGqnn2M6bfvhq8yOx9 { flex-wrap: wrap; border-radius: 16px; gap: 4px; }
  .BdI3hQwOqXBXtLL_upe_ { display: none; }
  ._wUkkKMTydpwVSx3PUob { width: 100%; justify-content: center; }
}

/* ── Pricing Card — premium design ──────────────────────────── */
.__B9GvF6JRBwdDW6B7Lx {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1.1rem;
  padding: 1.6rem 1.5rem 1.4rem;
  border-radius: 20px;
  border: 1.5px solid #E8EFF8;
  background: #FFFFFF;
  box-shadow: 0 2px 12px rgba(15,23,42,0.06);
  transition: box-shadow 0.22s ease, transform 0.22s ease, border-color 0.22s ease;
  /* stagger entrance */
  animation: a5Z91bePGV6WJmNrSAlG 0.45s cubic-bezier(0.34, 1.45, 0.64, 1) both;
  animation-delay: calc(var(--i, 0) * 0.08s);
}

@keyframes a5Z91bePGV6WJmNrSAlG {
  from { opacity: 0; transform: translateY(18px) scale(0.97); }
  to   { opacity: 1; transform: translateY(0)   scale(1); }
}

.__B9GvF6JRBwdDW6B7Lx:hover {
  box-shadow: 0 10px 32px rgba(26,110,255,0.1);
  transform: translateY(-4px);
  border-color: rgba(26,110,255,0.2);
}

/* ── Popular card ── */
.q2V7uErRnTWAomkPRPYD {
  border-color: #1A6EFF;
  background: linear-gradient(180deg, #F0F7FF 0%, #FFFFFF 40%);
  box-shadow: 0 4px 24px rgba(26,110,255,0.12);
}

.q2V7uErRnTWAomkPRPYD:hover {
  box-shadow: 0 12px 40px rgba(26,110,255,0.18);
}

/* ── Badge ── */
.l6dLHyZC41IvflwHJegf {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #FFFFFF;
  padding: 4px 14px;
  border-radius: 100px;
  white-space: nowrap;
  animation: KNOqwDUnkpja8FNL9AQz 3s ease-in-out infinite;
  box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}

@keyframes KNOqwDUnkpja8FNL9AQz {
  0%, 100% { box-shadow: 0 2px 10px rgba(0,0,0,0.2); }
  50%       { box-shadow: 0 2px 20px rgba(26,110,255,0.45); }
}

/* ── Plan name ── */
.JRvNRGSKa2G3bblbwAAQ {
  font-family: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.CSuPTOgGlhcyJF1c15kB {
  font-size: 1rem;
}

/* ── Price block ── */
.YwlGotB9mbKHGxK9vCMs {
  display: flex;
  align-items: flex-start;
  gap: 3px;
  animation: uQG1tSbSkr5PiCiNFWBp 0.4s ease both;
  animation-delay: calc(var(--i, 0) * 0.08s + 0.15s);
}

@keyframes uQG1tSbSkr5PiCiNFWBp {
  from { opacity: 0; transform: translateX(-6px); }
  to   { opacity: 1; transform: translateX(0); }
}

._NfzlpoySihiqxCAaCQm {
  font-size: 1.1rem;
  font-weight: 600;
  color: #64748B;
  margin-top: 8px;
}

.zplSWjwEtyWmEC6kTSSw {
  font-family: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  font-size: 2.6rem;
  font-weight: 800;
  color: #0F172A;
  line-height: 1;
  letter-spacing: -0.04em;
}

.Pmy43B5VS71XJfgbaOMQ {
  font-family: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  font-size: 2rem;
  font-weight: 800;
  color: #0F172A;
  line-height: 1;
  letter-spacing: -0.03em;
}

.ubGy5HG_v0JNdwwvHvDj {
  display: flex;
  flex-direction: column;
  gap: 1px;
  margin-top: 10px;
  margin-left: 2px;
}

.nSexFBy1Ba1jZ5dVq7r2 {
  font-size: 0.72rem;
  font-weight: 600;
  color: #64748B;
}

._nEJbhxsgV4lnJnY6evv {
  font-size: 0.65rem;
  color: #94A3B8;
  line-height: 1.3;
}

/* ── Annual savings pill ── */
.uk480tNscMWhSuQxjojT {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: #DCFCE7;
  color: #15803D;
  font-size: 0.65rem;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 100px;
  margin-top: -0.3rem;
  animation: Wg_NF6iw7Gp0KaaDMdU0 0.3s cubic-bezier(0.34,1.56,0.64,1) both;
  animation-delay: 0.4s;
}

@keyframes Wg_NF6iw7Gp0KaaDMdU0 {
  from { opacity: 0; transform: scale(0.8); }
  to   { opacity: 1; transform: scale(1); }
}

/* ── Divider ── */
.T18un_yf1gqkrCGdYNwk {
  height: 1px;
  background: linear-gradient(90deg, #E8EFF8, transparent);
  border: none;
  margin: 0;
}

/* ── Highlights list ── */
.U3_IvgwH_baXiMqo6gbf {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  flex: 1;
}

.JJzuqdgySXeXptR6v26K {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  font-size: 0.78rem;
  color: #475569;
  line-height: 1.4;
  animation: Jc4IsqnH83_uaIVFCUp_ 0.3s ease both;
}

.JJzuqdgySXeXptR6v26K:nth-child(1) { animation-delay: calc(var(--i, 0) * 0.08s + 0.2s); }
.JJzuqdgySXeXptR6v26K:nth-child(2) { animation-delay: calc(var(--i, 0) * 0.08s + 0.25s); }
.JJzuqdgySXeXptR6v26K:nth-child(3) { animation-delay: calc(var(--i, 0) * 0.08s + 0.30s); }
.JJzuqdgySXeXptR6v26K:nth-child(4) { animation-delay: calc(var(--i, 0) * 0.08s + 0.35s); }

@keyframes Jc4IsqnH83_uaIVFCUp_ {
  from { opacity: 0; transform: translateX(-4px); }
  to   { opacity: 1; transform: translateX(0); }
}

.uTob2BJkUFnXniUH941q {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #DCFCE7;
  color: #16A34A;
  font-size: 0.6rem;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 1px;
}

/* ── Buttons ── */
.ZgiHwQ0EDzjTBoUgWeVD {
  width: 100%;
  padding: 0.72rem 1rem;
  border-radius: 12px;
  font-size: 0.82rem;
  font-weight: 700;
  cursor: pointer;
  border: none;
  transition: all 0.18s ease;
  letter-spacing: 0.01em;
}

.vOFToh0OPTeM0zpRuam_ {
  background: linear-gradient(135deg, #1A6EFF, #4F46E5);
  color: #FFFFFF;
  box-shadow: 0 4px 14px rgba(26,110,255,0.35);
}

.vOFToh0OPTeM0zpRuam_:hover {
  box-shadow: 0 6px 22px rgba(26,110,255,0.5);
  transform: translateY(-1px);
}

.CqEoA5XlDJYrx3x0U07i {
  background: #F1F5F9;
  color: #0F172A;
  border: 1.5px solid #E2E8F0;
}

.CqEoA5XlDJYrx3x0U07i:hover {
  background: #EEF4FF;
  border-color: rgba(26,110,255,0.3);
  color: #1A6EFF;
}

.rIe3zXnKJpwxd1tkNiv2 {
  background: #0F172A;
  color: #FFFFFF;
}

.rIe3zXnKJpwxd1tkNiv2:hover {
  background: #1E293B;
  transform: translateY(-1px);
}

/* ══════════════════════════════════════════════════
   Enterprise Page
   All major section blocks carry width:100% so they
   fill the container_margin_LR column uniformly.
══════════════════════════════════════════════════ */

/* ── Blanket width rule for every direct section block ── */
.pvqLeu5QId44Gg3x0916,
.j8R2905fhWpLhfTz_bQ9,
.AU8uWAFyMgzyJ0NjUO25,
.gWrQKV070hW6jITTBsIp,
.qKzW6JMTGyeYNcgg2zDa,
.jtnu_yyLhlM3grT9z_YB,
.mDNPwyleyRmIxaOtLRsT,
.tft8Mob3upySt0xEHgdi,
.qXJ9katR4p40AR5U5DUs {
  width: 100%;
  box-sizing: border-box;
}

/* ── Shared section utilities ── */
.A7CMwNyJJ5E9eru5juHl {
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #1A6EFF;
  margin-bottom: 0.6rem;
}

.l7B_RHF4wUHgZkU7zUyA {
  font-family: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  font-size: clamp(1.5rem, 3vw, 2.1rem);
  font-weight: 800;
  color: #0F172A;
  letter-spacing: -0.04em;
  line-height: 1.15;
  margin: 0 0 0.6rem;
}

.AU8uWAFyMgzyJ0NjUO25 {
  margin-bottom: 2rem;
}

/* ── Shared CTAs ── */
.H1omqaUG7Y63Ry0Pk39j {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #1A6EFF;
  color: #FFFFFF;
  font-size: 0.88rem;
  font-weight: 700;
  padding: 0.75rem 1.8rem;
  border-radius: 100px;
  border: none;
  cursor: pointer;
  box-shadow: 0 4px 18px rgba(26,110,255,0.35);
  transition: box-shadow 0.18s, transform 0.18s;
}
.H1omqaUG7Y63Ry0Pk39j:hover {
  box-shadow: 0 6px 28px rgba(26,110,255,0.5);
  transform: translateY(-2px);
}

.aj1UWfVmGt3S32rda5Zk {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: transparent;
  color: #1A6EFF;
  font-size: 0.88rem;
  font-weight: 700;
  padding: 0.72rem 1.6rem;
  border-radius: 100px;
  border: 1.5px solid rgba(26,110,255,0.3);
  cursor: pointer;
  transition: border-color 0.18s, background 0.18s;
}
.aj1UWfVmGt3S32rda5Zk:hover {
  border-color: #1A6EFF;
  background: #EEF4FF;
}

/* ══ HERO ══════════════════════════════════════════ */
.pvqLeu5QId44Gg3x0916 {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  background: linear-gradient(135deg, #0A0F1E 0%, #0D1B3E 55%, #0F172A 100%);
}

.fyHBcrpfgSGvUia2oAwB {
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(circle at 75% 50%, rgba(26,110,255,0.15) 0%, transparent 55%),
    radial-gradient(circle at 15% 20%, rgba(124,58,237,0.12) 0%, transparent 45%),
    repeating-linear-gradient(
      0deg, transparent, transparent 39px,
      rgba(255,255,255,0.028) 39px, rgba(255,255,255,0.028) 40px
    ),
    repeating-linear-gradient(
      90deg, transparent, transparent 39px,
      rgba(255,255,255,0.028) 39px, rgba(255,255,255,0.028) 40px
    );
  pointer-events: none;
}

/* Full-width inner — no max-width cap */
.kDYzjYyRqoPHiTPrHczC {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
  align-items: center;
  padding: 3.5rem 3.5rem 3rem;
}

/* Left column: headline + sub + CTAs */
.WgqYO8ggrORIgb6U_Jfj {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}

/* Right column: trust chips stacked vertically */
.fBjDUZm7_5Crs6DJZdqO {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  justify-content: center;
}

.edjfNtopB42glrBz1eX2 {
  display: inline-flex;
  align-items: center;
  background: rgba(26,110,255,0.15);
  border: 1px solid rgba(26,110,255,0.3);
  border-radius: 100px;
  padding: 4px 14px;
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: #60A5FA;
}

.DMlb6duPIckdFSutNG1f {
  font-family: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  font-size: clamp(1.8rem, 3.2vw, 2.65rem);
  font-weight: 800;
  color: #FFFFFF;
  letter-spacing: -0.04em;
  line-height: 1.1;
  margin: 0;
}

.YtLdhkbkhZ7VWMHdFaCA { color: #60A5FA; }

.cCjFAY3r8UTAdNszS0oL {
  font-size: 0.97rem;
  color: rgba(255,255,255,0.7);
  line-height: 1.65;
  margin: 0;
}

.YJQAcN8jI6M7PLKLbJA0 {
  font-size: 0.8rem;
  color: rgba(255,255,255,0.42);
  line-height: 1.6;
  margin: 0;
}

.feu26VoNgATscOeuywoy {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  flex-wrap: wrap;
  padding-top: 0.2rem;
}

.feu26VoNgATscOeuywoy .aj1UWfVmGt3S32rda5Zk {
  color: rgba(255,255,255,0.8);
  border-color: rgba(255,255,255,0.25);
}
.feu26VoNgATscOeuywoy .aj1UWfVmGt3S32rda5Zk:hover {
  border-color: rgba(255,255,255,0.55);
  background: rgba(255,255,255,0.06);
  color: #FFFFFF;
}

/* Trust strip — right column vertical chips */
.BalyCT_Te5XwkLW1a24Z {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}

.kE8GPpIODop8tZ_pZDNC {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 10px;
  padding: 0.6rem 1rem;
  font-size: 0.78rem;
  font-weight: 600;
  color: rgba(255,255,255,0.62);
}

.kE8GPpIODop8tZ_pZDNC::before {
  content: "✓";
  color: #60A5FA;
  font-weight: 800;
  font-size: 0.72rem;
  flex-shrink: 0;
}

/* ══ PROBLEM ═══════════════════════════════════════ */
.j8R2905fhWpLhfTz_bQ9 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
  align-items: start;
  padding: 3rem;
  background: #F8FAFF;
  border: 1.5px solid #E8EEF8;
  border-radius: 20px;
}

.rgfcGP6ICPoIhfw28Ddb {
  font-size: 1.05rem;
  color: #475569;
  line-height: 1.6;
  margin: 0 0 1.2rem;
}

.SmPCQ0tl1TBrYIbFDGWD {
  font-size: 0.9rem;
  color: #334155;
  line-height: 1.5;
  padding: 0.75rem 1rem;
  background: #EEF4FF;
  border-left: 3px solid #1A6EFF;
  border-radius: 0 8px 8px 0;
  margin: 0;
}

.o4oHQMmzrKpkMMCf3MiW {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}

.rk_hWmcCKm_hYw7Z3GhW {
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  font-size: 0.87rem;
  color: #334155;
  line-height: 1.55;
  background: #FFFFFF;
  border: 1.5px solid #F1F5F9;
  border-radius: 10px;
  padding: 0.75rem 1rem;
}

.G7UXERlpmiKFFovJi1rF {
  color: #EF4444;
  font-weight: 800;
  font-size: 0.75rem;
  margin-top: 2px;
  flex-shrink: 0;
}

/* ══ VALUE PROPS ═══════════════════════════════════ */
.gWrQKV070hW6jITTBsIp {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}

.eBbDTRpohR2vNLpZMIr2 {
  background: #FFFFFF;
  border: 1.5px solid #E8EEF8;
  border-radius: 16px;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  transition: box-shadow 0.2s, transform 0.2s;
}
.eBbDTRpohR2vNLpZMIr2:hover {
  box-shadow: 0 6px 24px rgba(26,110,255,0.1);
  transform: translateY(-3px);
}

.hQRhji5HuoqO7A8Svg0X {
  font-size: 1.4rem;
  width: 42px;
  height: 42px;
  background: #EEF4FF;
  border-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.2rem;
  flex-shrink: 0;
}

.AGUowtIMH6SaUNA6QjJg {
  font-size: 0.92rem;
  font-weight: 700;
  color: #0F172A;
  margin: 0;
  line-height: 1.3;
}

.rItyuND3cntUit5nTds0 {
  font-size: 0.82rem;
  color: #64748B;
  line-height: 1.6;
  margin: 0;
}

/* ══ HOW IT WORKS ══════════════════════════════════ */
.jtnu_yyLhlM3grT9z_YB {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.2rem;
}

.BWfZNNbD5w5eGHiQzhNa {
  border-radius: 16px;
  overflow: hidden;
  border: 1.5px solid #E8EEF8;
}

.BWfZNNbD5w5eGHiQzhNa[data-side="hq"]     { background: linear-gradient(145deg, #EEF4FF 0%, #F8FAFF 100%); }
.BWfZNNbD5w5eGHiQzhNa[data-side="outlet"] { background: linear-gradient(145deg, #F0FDF4 0%, #F8FAFF 100%); }

.qIen4vGZWN37fVt1EzOG {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  padding: 1.2rem 1.5rem;
  border-bottom: 1.5px solid rgba(0,0,0,0.05);
}

.huLQO_hWQZrTo3igdubZ {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  flex-shrink: 0;
}
.huLQO_hWQZrTo3igdubZ[data-side="hq"]     { background: #DBEAFE; }
.huLQO_hWQZrTo3igdubZ[data-side="outlet"] { background: #DCFCE7; }

.dGLJ43V1Pa7tD9sI5v9S {
  font-size: 0.88rem;
  font-weight: 700;
  color: #0F172A;
}

.R4TAweDU7jyj5VTpy3KH {
  list-style: none;
  margin: 0;
  padding: 1.2rem 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
}

.k9OYZrQZAiZMrJLOQPLI {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
  font-size: 0.83rem;
  color: #334155;
  line-height: 1.55;
}

.XqS6kktXQaNYxfb9ejDI {
  color: #16A34A;
  font-weight: 800;
  font-size: 0.72rem;
  margin-top: 3px;
  flex-shrink: 0;
}

.GH_SwlhBi9pSa8nTxQ0f {
  margin: 0;
  padding: 1rem 1.5rem 1.4rem;
  font-size: 0.82rem;
  color: #475569;
  line-height: 1.6;
  border-top: 1.5px solid rgba(0,0,0,0.05);
}

/* ══ REQUIREMENTS ══════════════════════════════════ */
.mDNPwyleyRmIxaOtLRsT {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}

.k7ryTqt1tfgBR1nbrpn7 {
  background: #FFFFFF;
  border: 1.5px solid #E8EEF8;
  border-radius: 14px;
  padding: 1.4rem;
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  transition: box-shadow 0.18s;
}
.k7ryTqt1tfgBR1nbrpn7:hover { box-shadow: 0 4px 18px rgba(15,23,42,0.08); }

.cZLL9rBTHOiikmEy6ERP {
  font-size: 1.3rem;
  width: 38px;
  height: 38px;
  background: #F1F5F9;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.1rem;
}

.C_3LZEjdCnfNW8GouWxl {
  font-size: 0.9rem;
  font-weight: 700;
  color: #0F172A;
  margin: 0;
}

.rba6wKQ41UheCwtA9PCq {
  font-size: 0.8rem;
  color: #64748B;
  line-height: 1.6;
  margin: 0;
}

/* ══ WHO IT'S FOR ══════════════════════════════════ */
.tft8Mob3upySt0xEHgdi {
  display: grid;
  grid-template-columns: 300px 1fr;
  gap: 3rem;
  align-items: start;
  background: #0F172A;
  border-radius: 20px;
  padding: 3rem;
  position: relative;
  overflow: hidden;
}

.tft8Mob3upySt0xEHgdi::before {
  content: "";
  position: absolute;
  top: -40px; left: -40px;
  width: 260px; height: 260px;
  background: radial-gradient(circle, rgba(26,110,255,0.2) 0%, transparent 70%);
  pointer-events: none;
}

.mv1CKgeA4DoxhrMGI_zK {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  position: relative;
  z-index: 1;
}

.mv1CKgeA4DoxhrMGI_zK .A7CMwNyJJ5E9eru5juHl { color: #60A5FA; }
.mv1CKgeA4DoxhrMGI_zK .l7B_RHF4wUHgZkU7zUyA   { color: #FFFFFF; font-size: clamp(1.4rem, 2.5vw, 1.9rem); }

.T0PQFAuxC2s7sEIRQtno {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
  position: relative;
  z-index: 1;
}

.qGj1UdZQMYdXWOjlx4jE {
  display: flex;
  align-items: flex-start;
  gap: 0.8rem;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 12px;
  padding: 0.85rem 1rem;
  transition: background 0.15s;
}
.qGj1UdZQMYdXWOjlx4jE:hover { background: rgba(255,255,255,0.08); }

.CuEXOAWjv5kDOxNjUcAt {
  font-size: 1.1rem;
  flex-shrink: 0;
  margin-top: 1px;
}

.rV_t6NBVIVFQLGZM86Pg {
  font-size: 0.85rem;
  color: rgba(255,255,255,0.78);
  line-height: 1.5;
}

/* ══ CLOSING ═══════════════════════════════════════ */
.qXJ9katR4p40AR5U5DUs {
  display: grid;
  grid-template-columns: 1fr 400px;
  gap: 3rem;
  align-items: start;
  background: linear-gradient(135deg, #0A0F1E 0%, #0D1B3E 100%);
  border-radius: 20px;
  padding: 3.5rem;
  position: relative;
  overflow: hidden;
}

.qXJ9katR4p40AR5U5DUs::before {
  content: "";
  position: absolute;
  top: -80px; right: 380px;
  width: 320px; height: 320px;
  background: radial-gradient(circle, rgba(26,110,255,0.2) 0%, transparent 70%);
  pointer-events: none;
}

.l4S3d9k5LVilwHE23KI5 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  position: relative;
  z-index: 1;
}

.A8DvROBjiVPRCJpDT1Dw {
  font-family: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  font-size: clamp(1.7rem, 3vw, 2.4rem);
  font-weight: 800;
  color: #FFFFFF;
  letter-spacing: -0.04em;
  line-height: 1.1;
  margin: 0;
}

.CNa0HNwTssZI97v1Qtd1 {
  font-size: 0.9rem;
  color: rgba(255,255,255,0.6);
  line-height: 1.65;
  max-width: 500px;
  margin: 0;
}

.bCrl_c1qyu5p0sa59Zoq {
  display: inline-flex;
  align-items: center;
  background: #1A6EFF;
  color: #FFFFFF;
  font-size: 0.88rem;
  font-weight: 700;
  padding: 0.75rem 1.8rem;
  border-radius: 100px;
  border: none;
  cursor: pointer;
  box-shadow: 0 4px 18px rgba(26,110,255,0.4);
  transition: box-shadow 0.18s, transform 0.18s;
  width: fit-content;
}
.bCrl_c1qyu5p0sa59Zoq:hover {
  box-shadow: 0 6px 28px rgba(26,110,255,0.6);
  transform: translateY(-2px);
}

.xlXaxAI8CXbRLwrUpZH3 {
  font-size: 0.8rem;
  color: rgba(255,255,255,0.4);
  margin: 0;
}

.sUwpkCchlxhoxzxvYCE1 {
  color: rgba(255,255,255,0.65);
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: color 0.15s;
}
.sUwpkCchlxhoxzxvYCE1:hover { color: #FFFFFF; }

.qf6mP0a7dP_f20h_Osx6 {
  position: relative;
  z-index: 1;
}

/* ── Contact card ── */
._6NPDijulmW8z1voea9Li {
  background: #FFFFFF;
  border-radius: 18px;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}

.Tz8uyX2YBnv8VV9hqOxy {
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #1A6EFF;
  margin: 0;
}

.eG2xwCqLbA3ky8d3a_3S {
  font-size: 1.1rem;
  font-weight: 800;
  color: #0F172A;
  letter-spacing: -0.02em;
  margin: 0;
}

.wnQSoXZt4MkqrX99BU5t {
  font-size: 0.82rem;
  color: #64748B;
  margin: 0;
}

.UniQDP9DBvUPc2RUFlQT {
  font-size: 0.78rem;
  color: #94A3B8;
  line-height: 1.5;
  margin: 0.4rem 0 0;
}

.oVKNOhSHbl5CP7AcPl8S {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.88rem;
  font-weight: 700;
  color: #1A6EFF;
  text-decoration: none;
  padding: 0.5rem 0;
}
.oVKNOhSHbl5CP7AcPl8S::before { content: "✉ "; }
.oVKNOhSHbl5CP7AcPl8S:hover { text-decoration: underline; }

.afyD0HyxzZBxL_rrYiqZ {
  margin-top: 0.4rem;
  background: #0F172A;
  color: #FFFFFF;
  font-size: 0.85rem;
  font-weight: 700;
  padding: 0.7rem 1.4rem;
  border-radius: 100px;
  border: none;
  cursor: pointer;
  transition: background 0.18s;
  width: 100%;
}
.afyD0HyxzZBxL_rrYiqZ:hover { background: #1A2744; }

/* ══ Responsive ═════════════════════════════════════ */
@media (max-width: 1024px) {
  .gWrQKV070hW6jITTBsIp { grid-template-columns: repeat(2, 1fr); }
  .mDNPwyleyRmIxaOtLRsT   { grid-template-columns: repeat(2, 1fr); }
  .kDYzjYyRqoPHiTPrHczC { grid-template-columns: 1fr; gap: 2rem; padding: 2.5rem 2.5rem 2rem; }
  .fBjDUZm7_5Crs6DJZdqO { flex-direction: row; flex-wrap: wrap; }
  .kE8GPpIODop8tZ_pZDNC { flex: 0 0 auto; }
}

@media (max-width: 860px) {
  .j8R2905fhWpLhfTz_bQ9 { grid-template-columns: 1fr; gap: 2rem; padding: 2rem; }
  .jtnu_yyLhlM3grT9z_YB        { grid-template-columns: 1fr; }
  .tft8Mob3upySt0xEHgdi     { grid-template-columns: 1fr; }
  .qXJ9katR4p40AR5U5DUs { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
  .gWrQKV070hW6jITTBsIp  { grid-template-columns: 1fr; }
  .mDNPwyleyRmIxaOtLRsT    { grid-template-columns: 1fr; }
  .feu26VoNgATscOeuywoy   { flex-direction: column; align-items: flex-start; }
  .kDYzjYyRqoPHiTPrHczC  { padding: 2rem 1.5rem; }
  .qXJ9katR4p40AR5U5DUs { padding: 2rem 1.5rem; }
}

/* ══════════════════════════════════════════════════
   Customers Page — premium micro-animation design
══════════════════════════════════════════════════ */

.OXqpjg9owx4rP6HS25rt { width: 100%; background: #FFFFFF; overflow-x: hidden; }

/* ── Shared utilities ── */
.H2uL1M80qiiTyrFHSUut {
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
}

.iSuG21Onbob0iR6wl7hQ {
  font-size: 0.64rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #1A6EFF;
  margin-bottom: 0.6rem;
}

.qYCIBFNyc8sfkKRRwCMD {
  font-size: 0.64rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.45);
  margin-bottom: 0.6rem;
}

.Qr2cnUETErc1HvtJBV6x {
  margin-bottom: 2.5rem;
  max-width: 620px;
}

.AOoXniIsWQLcMlVMsXn4 {
  font-family: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  font-size: clamp(1.6rem, 3vw, 2.3rem);
  font-weight: 800;
  color: #0F172A;
  letter-spacing: -0.04em;
  line-height: 1.12;
  margin: 0 0 0.5rem;
}

.bWFhqzLQrQNarkbay27V {
  font-family: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  font-size: clamp(1.6rem, 3vw, 2.3rem);
  font-weight: 800;
  color: #FFFFFF;
  letter-spacing: -0.04em;
  line-height: 1.12;
  margin: 0 0 0.5rem;
}

.eQGtR6DYM1ub97Yefj9s  { font-size: 0.9rem; color: #64748B; line-height: 1.65; margin: 0; }
.rp32g2IQ_gBfWNetWnUw { font-size: 0.9rem; color: rgba(255,255,255,0.55); line-height: 1.65; margin: 0; }

.Twon1TpowRoObSoU_BJT {
  font-size: 0.88rem;
  color: #475569;
  line-height: 1.75;
  margin: 0 0 0.9rem;
}

/* ── Shared CTAs ── */
.vbPEPxs_NsapFFy4DEvy {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #1A6EFF;
  color: #FFFFFF;
  font-size: 0.88rem;
  font-weight: 700;
  padding: 0.75rem 1.8rem;
  border-radius: 100px;
  border: none;
  cursor: pointer;
  box-shadow: 0 4px 18px rgba(26,110,255,0.35);
  transition: box-shadow 0.18s, transform 0.18s;
  text-decoration: none;
}
.vbPEPxs_NsapFFy4DEvy:hover { box-shadow: 0 6px 28px rgba(26,110,255,0.55); transform: translateY(-2px); color:#fff; }

.tbFKkWA5VAxZ1ahkZCfk {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: rgba(255,255,255,0.75);
  font-size: 0.88rem;
  font-weight: 600;
  padding: 0.72rem 1.5rem;
  border-radius: 100px;
  border: 1.5px solid rgba(255,255,255,0.22);
  text-decoration: none;
  transition: border-color 0.18s, color 0.18s;
}
.tbFKkWA5VAxZ1ahkZCfk:hover { border-color: rgba(255,255,255,0.5); color:#fff; }

.yQxxdJI3DQMYVWrHdYzo {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #1A6EFF;
  font-size: 0.88rem;
  font-weight: 600;
  padding: 0.72rem 1.5rem;
  border-radius: 100px;
  border: 1.5px solid rgba(26,110,255,0.3);
  background: transparent;
  cursor: pointer;
  transition: border-color 0.18s, background 0.18s;
}
.yQxxdJI3DQMYVWrHdYzo:hover { border-color: #1A6EFF; background: #EEF4FF; }

.hyJaNxV8C0ReONN5PIzC {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #FFFFFF;
  color: #0F172A;
  font-size: 0.9rem;
  font-weight: 700;
  padding: 0.8rem 2rem;
  border-radius: 100px;
  border: none;
  cursor: pointer;
  box-shadow: 0 4px 18px rgba(0,0,0,0.12);
  transition: box-shadow 0.18s, transform 0.18s;
}
.hyJaNxV8C0ReONN5PIzC:hover { box-shadow: 0 6px 28px rgba(0,0,0,0.18); transform: translateY(-2px); }

/* ══ HERO ═══════════════════════════════════════════ */
.fSnhFYxpTd5WzuhSNc6Y {
  position: relative;
  min-height: 96vh;
  background: #060C1A;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.CdKqvPFDMqO6Hw392c8w {
  position: absolute; inset: 0;
  background-image: radial-gradient(circle, rgba(255,255,255,0.055) 1px, transparent 1px);
  background-size: 30px 30px;
  animation: iacl6g307Dc_p57DRJGN 25s linear infinite;
}
@keyframes iacl6g307Dc_p57DRJGN { to { background-position: 30px 30px; } }

.NDZpHbBkjADthIjEV1xX {
  position: absolute; top: -120px; left: -80px;
  width: 520px; height: 520px;
  background: radial-gradient(circle, rgba(26,110,255,0.2) 0%, transparent 65%);
  animation: cYLwNeeweKdFMvVJWkoQ 10s ease-in-out infinite alternate;
  pointer-events: none;
}
.k74ER0s9gh7S6X4qWVDP {
  position: absolute; bottom: -100px; right: 80px;
  width: 400px; height: 400px;
  background: radial-gradient(circle, rgba(124,58,237,0.15) 0%, transparent 65%);
  animation: cYLwNeeweKdFMvVJWkoQ 14s ease-in-out infinite alternate-reverse;
  pointer-events: none;
}
@keyframes cYLwNeeweKdFMvVJWkoQ {
  from { transform: scale(1) translate(0,0); }
  to   { transform: scale(1.12) translate(20px,15px); }
}

/* Floating particles */
.JLWBr0Mk2YqMmEWNh2gC { position: absolute; inset: 0; pointer-events: none; }
.N89DRw4RkwmemoL5m9dw {
  position: absolute;
  width: 3px; height: 3px;
  border-radius: 50%;
  background: rgba(255,255,255,0.35);
  left: calc(5% + var(--i) * 5.5%);
  top: calc(10% + (var(--i) % 5) * 18%);
  animation: awWAaubsRO4jYSnS4mMz calc(4s + var(--i) * 0.4s) ease-in-out infinite alternate;
}
@keyframes awWAaubsRO4jYSnS4mMz {
  from { transform: translateY(0) scale(1); opacity: 0.35; }
  to   { transform: translateY(-18px) scale(1.4); opacity: 0.7; }
}

.g4vmubIjkUs8MEYawzWk {
  position: relative; z-index: 1;
  padding: 5rem;
  display: grid;
  grid-template-columns: 1fr 420px;
  gap: 4rem;
  align-items: center;
  width: 100%;
  animation: Pr5le6gCTrNc6_gEiEG7 0.7s cubic-bezier(0.16,1,0.3,1) both;
}
@keyframes Pr5le6gCTrNc6_gEiEG7 {
  from { opacity:0; transform:translateY(22px); }
  to   { opacity:1; transform:translateY(0); }
}

.xSPXIAT6WzS_URuRKZe6 {
  display: inline-flex; align-items: center; gap: 8px;
  background: rgba(26,110,255,0.14);
  border: 1px solid rgba(26,110,255,0.3);
  border-radius: 100px;
  padding: 5px 14px;
  font-size: 0.66rem; font-weight: 700; letter-spacing: 0.1em;
  color: #60A5FA;
  margin-bottom: 1.4rem;
}

.B5mgYkO84sswcBRRrDr9 {
  width: 7px; height: 7px; border-radius: 50%;
  background: #22C55E;
  animation: HT_bQfjZHTeVcbZ4jp23 2s ease-in-out infinite;
}
@keyframes HT_bQfjZHTeVcbZ4jp23 {
  0%,100% { opacity:1; transform:scale(1); box-shadow:0 0 0 0 rgba(34,197,94,0.5); }
  50%      { opacity:.9; transform:scale(1.2); box-shadow:0 0 0 5px rgba(34,197,94,0); }
}

.r9O9pWZ_2mtAlm6Y5vuX {
  font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
  font-size: clamp(2.4rem, 5vw, 4rem);
  font-weight: 800;
  color: #FFFFFF;
  letter-spacing: -0.05em;
  line-height: 1.06;
  margin: 0 0 1.2rem;
}

.SUNeX0yLX0PrEslefdVW {
  background: linear-gradient(110deg, #60A5FA 0%, #A78BFA 50%, #34D399 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
  background-size: 200%;
  animation: NfKIy4E32UeM7vaGO3Lg 5s ease-in-out infinite alternate;
}
@keyframes NfKIy4E32UeM7vaGO3Lg { from{background-position:0%} to{background-position:100%} }

.WoWB9CZ4fc6ooRiRhrXw {
  font-size: 0.97rem; color: rgba(255,255,255,0.62);
  line-height: 1.7; max-width: 520px; margin: 0 0 2rem;
}

.NTl5bJ0v0f0atqgrztob { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; }

/* Scale orbit — right column */
.XuiWgUJbWFkZeIvXud2z {
  position: relative;
  width: 360px; height: 360px;
  flex-shrink: 0;
}

.NLN_B1r5ebPmAJZ6sRBn {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%,-50%);
  width: 80px; height: 80px;
  background: rgba(255,255,255,0.06);
  border: 1.5px solid rgba(255,255,255,0.12);
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
}
.xWc95Z9NBd4rXUDzxCK8 { width: 44px; object-fit: contain; filter: brightness(0) invert(1) opacity(0.9); }

.I8k0cA0n4ydKzFsQTl_v {
  position: absolute;
  width: 64px; height: 64px;
  border-radius: 50%;
  background: rgba(26,110,255,0.12);
  border: 1.5px solid rgba(26,110,255,0.3);
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  /* place on circle */
  top: calc(50% - 32px + 140px * sin(calc(var(--idx) / var(--total) * 2 * 3.14159)));
  left: calc(50% - 32px + 140px * cos(calc(var(--idx) / var(--total) * 2 * 3.14159)));
  animation: _L8eX2pUUOJ5KZun16iL calc(3s + var(--idx) * 0.5s) ease-in-out infinite alternate;
}

/* fallback explicit positions since CSS sin/cos isn't universally supported */
.I8k0cA0n4ydKzFsQTl_v:nth-child(1) { top: calc(50% - 32px - 140px); left: calc(50% - 32px); }
.I8k0cA0n4ydKzFsQTl_v:nth-child(2) { top: calc(50% - 32px - 43px);  left: calc(50% - 32px + 133px); }
.I8k0cA0n4ydKzFsQTl_v:nth-child(3) { top: calc(50% - 32px + 113px); left: calc(50% - 32px + 82px);  }
.I8k0cA0n4ydKzFsQTl_v:nth-child(4) { top: calc(50% - 32px + 113px); left: calc(50% - 32px - 82px);  }
.I8k0cA0n4ydKzFsQTl_v:nth-child(5) { top: calc(50% - 32px - 43px);  left: calc(50% - 32px - 133px); }

@keyframes _L8eX2pUUOJ5KZun16iL {
  from { transform: scale(1); box-shadow: none; }
  to   { transform: scale(1.08); box-shadow: 0 0 20px rgba(26,110,255,0.4); }
}

.SAAHdPsQWw5riVQ9ghjA { font-size: 0.95rem; font-weight: 800; color: #FFFFFF; line-height: 1; }
.Oj3QWR0zYg59W6he3wsr { font-size: 0.5rem; color: rgba(255,255,255,0.45); font-weight: 500; letter-spacing: 0.04em; }

/* ══ IMPACT ══════════════════════════════════════════ */
.PAypxwAPeJGC43TLCopk { padding: 5rem; background: #F8FAFF; }

.iLwKf7lDbKQxcvAdzzSB {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.2rem;
}

.nvPI55x3O40AfTX0ZNO2 {
  background: #FFFFFF;
  border: 1.5px solid #E8EEF8;
  border-radius: 16px;
  padding: 1.8rem 1.5rem;
  display: flex; flex-direction: column; gap: 0.4rem;
  transition: box-shadow 0.2s, transform 0.2s;
}
.nvPI55x3O40AfTX0ZNO2:hover { box-shadow: 0 8px 28px rgba(26,110,255,0.1); transform: translateY(-4px); }

.F3MORkXuWtCRLYzoLWDi { font-size: 1.5rem; margin-bottom: 0.2rem; }
.t7lHsJNBSNXqOeAC5xwn {
  font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
  font-size: 2.2rem; font-weight: 800; color: #1A6EFF;
  letter-spacing: -0.05em; line-height: 1;
}
.MT9ZTIDWmCCmgRUW1c2t { font-size: 0.78rem; color: #64748B; line-height: 1.45; font-weight: 500; }

/* ══ STAGES ══════════════════════════════════════════ */
.oBf3yHQdoSh5_nR5SewV { padding: 5rem; }

.RJ7lPjQPhb0pjKbzCwkc {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.8rem;
  margin-bottom: 1.5rem;
}

.XsLnrhbGM2L43Bo_Poil {
  display: flex; flex-direction: column; align-items: flex-start; gap: 4px;
  background: #F8FAFF;
  border: 1.5px solid #E8EEF8;
  border-radius: 14px;
  padding: 1rem 1.2rem;
  cursor: pointer;
  transition: all 0.18s;
  text-align: left;
  position: relative;
  overflow: hidden;
}
.XsLnrhbGM2L43Bo_Poil::after {
  content:""; position:absolute; bottom:0; left:0; right:0; height:3px;
  background: var(--accent); transform:scaleX(0); transition:transform 0.2s;
}
.XsLnrhbGM2L43Bo_Poil:hover::after,
.TpXadpwNsCpinxm1WgFv::after { transform:scaleX(1); }

.TpXadpwNsCpinxm1WgFv {
  background: #FFFFFF;
  border-color: transparent;
  box-shadow: 0 4px 18px rgba(0,0,0,0.08);
}

.ACsEJVOa8_OKz0txJEFF { font-size: 1.2rem; }
.owKdsWYl1d5djC_F_DnQ { font-size: 0.68rem; font-weight: 700; color: #94A3B8; letter-spacing: 0.04em; }
.UjK5GefoPlqZUHFE5sLN { font-size: 0.82rem; font-weight: 700; color: #0F172A; }

.ZHXnPgdPsCd8OfWcVKnm {
  background: #FFFFFF;
  border: 1.5px solid #E8EEF8;
  border-radius: 20px;
  border-top: 4px solid var(--accent);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
  padding: 2.5rem;
  animation: qCccQvBDYBnxPQWhCvXt 0.3s cubic-bezier(0.16,1,0.3,1) both;
}
@keyframes qCccQvBDYBnxPQWhCvXt { from{opacity:0;transform:translateY(8px)} to{opacity:1;transform:translateY(0)} }

.y1sN6q7M2JimMtfMblBJ { font-size: 0.72rem; font-weight: 700; letter-spacing: 0.06em; margin-bottom: 0.6rem; }
.pVeJgzKWVIEDCqg9NOnf {
  font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
  font-size: 1.5rem; font-weight: 800; color: #0F172A;
  letter-spacing: -0.03em; line-height: 1.2; margin: 0 0 0.8rem;
}
.WsKArNOdFrGCZuPeXvXr { font-size: 0.85rem; color: #475569; line-height: 1.7; margin: 0 0 1.4rem; }

.d81nRgi_IrqRLG1b6mQG { display: flex; flex-direction: column; gap: 0.75rem; justify-content: center; }

.ETmkZAELKJ7Ibxvjhx6g {
  display: flex; align-items: flex-start; gap: 0.6rem;
  font-size: 0.84rem; color: #334155; line-height: 1.5;
  animation: ou5q34TJPaCeSsB27BXW 0.3s cubic-bezier(0.16,1,0.3,1) both;
}
@keyframes ou5q34TJPaCeSsB27BXW { from{opacity:0;transform:translateX(-8px)} to{opacity:1;transform:translateX(0)} }

.Td0gS7nwtWjhaGMJuzZl {
  width: 22px; height: 22px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 0.68rem; font-weight: 800; flex-shrink: 0; margin-top: 1px;
}

/* ══ OPEX ════════════════════════════════════════════ */
.WAym0oUIN0s6Vh8OQhoO {
  position: relative; padding: 5rem;
  background: #0A0F1E; overflow: hidden;
}
.WQozl5mGFfdwm8Y2EUVm {
  position: absolute; inset: 0;
  background-image:
    radial-gradient(circle at 20% 60%, rgba(26,110,255,0.15) 0%, transparent 50%),
    radial-gradient(circle at 80% 20%, rgba(124,58,237,0.12) 0%, transparent 50%),
    repeating-linear-gradient(0deg, transparent, transparent 59px, rgba(255,255,255,0.02) 59px, rgba(255,255,255,0.02) 60px),
    repeating-linear-gradient(90deg, transparent, transparent 59px, rgba(255,255,255,0.02) 59px, rgba(255,255,255,0.02) 60px);
  pointer-events: none;
}

.hGJBx9Rvlsu8vvDL7DWF {
  display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem;
  position: relative; z-index:1;
}

.UHkJhyYt_ceRU9cVCtRA {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 16px; padding: 1.6rem;
  display: flex; flex-direction: column; gap: 0.5rem;
  transition: background 0.18s, transform 0.18s;
}
.UHkJhyYt_ceRU9cVCtRA:hover { background: rgba(255,255,255,0.07); transform: translateY(-3px); }

.wrglz4_lzaVvGOsnUmTr { font-size: 1.5rem; width:44px; height:44px; background:rgba(26,110,255,0.12); border-radius:11px; display:flex; align-items:center; justify-content:center; margin-bottom:0.2rem; }
.Qcq7Cmrb4oaWCcWpqHxZ { font-size: 0.92rem; font-weight: 700; color: #FFFFFF; margin: 0; }
.YUfc3stVqVgfiOnWQyUf  { font-size: 0.8rem; color: rgba(255,255,255,0.52); line-height: 1.65; margin: 0; }

/* ══ PARTNER ═════════════════════════════════════════ */
.vyg6zxBivlvBS9EChRSS { padding: 5rem; background: #F8FAFF; }
.cE6UzXuzZS18bLStKQRQ {
  display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: start;
}
.oleFNQ257pbnaos26R9P { display: flex; flex-direction: column; gap: 0; }
.oleFNQ257pbnaos26R9P .AOoXniIsWQLcMlVMsXn4 { margin-bottom: 1rem; }

.AhU0IYFMKLlVGze5uaqe { display: flex; flex-direction: column; gap: 1rem; }

.imyQPZEMoFTQbLAtRuXn {
  display: flex; align-items: flex-start; gap: 1rem;
  background: #FFFFFF; border: 1.5px solid #E8EEF8; border-radius: 14px;
  padding: 1.2rem 1.3rem;
  transition: box-shadow 0.18s, transform 0.18s;
}
.imyQPZEMoFTQbLAtRuXn:hover { box-shadow: 0 4px 18px rgba(26,110,255,0.08); transform: translateX(4px); }

.Osu4t_r4agLcDQ43tXFx {
  font-size: 1.2rem; width:40px; height:40px; background:#EEF4FF;
  border-radius:10px; display:flex; align-items:center; justify-content:center; flex-shrink:0;
}
.L440Wul9Al5WXiKbK5xA { font-size:0.88rem; font-weight:700; color:#0F172A; margin:0 0 3px; }
.kgTMpTkaps5xTVwTArkI  { font-size:0.78rem; color:#64748B; line-height:1.55; margin:0; }

/* ══ AI SECTION ══════════════════════════════════════ */
.hiyWzYP27Nph74DMkre1 {
  position: relative; padding: 5rem;
  background: linear-gradient(135deg, #0F172A 0%, #1E1B4B 100%); overflow: hidden;
}
.G6mrS5OI50wHmoWAjlDh {
  position: absolute; inset: 0;
  background-image: radial-gradient(circle at 50% 50%, rgba(26,110,255,0.1) 0%, transparent 60%);
  pointer-events: none;
}

.vqvrmwRTk6SwOpy9YKsY {
  display: grid; grid-template-columns: 1fr 1fr; gap: 4rem;
  align-items: center; position: relative; z-index: 1;
}

/* Left: animated brain graphic */
.X6dwUvtXdglDFt2v93DM {
  position: relative;
  display: flex; flex-direction: column; align-items: center;
  gap: 1.5rem; padding: 2rem;
}

.oeOhlWaR3E6feKHPVwGo {
  position: absolute; top:50%; left:50%;
  transform:translate(-50%,-50%);
  width: 260px; height: 260px; border-radius: 50%;
  border: 1px solid rgba(26,110,255,0.25);
  animation: Gg28SSJIqcJsUSWEBDXz 3s ease-in-out infinite;
  pointer-events: none;
}
@keyframes Gg28SSJIqcJsUSWEBDXz {
  0%,100% { transform:translate(-50%,-50%) scale(1); opacity:.4; }
  50%      { transform:translate(-50%,-50%) scale(1.1); opacity:.15; }
}

.cG4XZX9iy7T1pnPhvOIg { font-size:0.6rem; font-weight:800; letter-spacing:0.18em; color:#60A5FA; }
.f20mYebFbc821Gye8AZB { font-size:3rem; animation:Tyd8XVgDTb_MnUdB5k7N 3s ease-in-out infinite alternate; }
@keyframes Tyd8XVgDTb_MnUdB5k7N { from{transform:translateY(0)} to{transform:translateY(-8px)} }

.WcyH33GiQofXjCFRMVkf { display:flex; flex-wrap:wrap; gap:0.5rem; justify-content:center; max-width:320px; }

.F6p2TkzeoGTwxCQsGm4T {
  background: rgba(26,110,255,0.12);
  border: 1px solid rgba(26,110,255,0.25);
  border-radius:100px; padding:4px 12px;
  font-size:0.68rem; font-weight:600; color:#93C5FD;
  animation: nRUyE5F0lnbXZvVxxZnv 2s calc(var(--d)) ease-in-out infinite alternate;
}
@keyframes nRUyE5F0lnbXZvVxxZnv { from{opacity:.4} to{opacity:1} }

/* Right: text */
.BY4NF6_reLCE2SPGdZ2d { position: relative; z-index:1; }
.ZL_ACm2QtRE_OThi0H2y { display:flex; flex-direction:column; gap:1rem; margin-top:1.8rem; }

.IslEBPrDlUDJZN5X0pJE { display:flex; align-items:flex-start; gap:0.8rem; }
.qPlBFTpiXEB8S7qHnnNm { font-size:1.1rem; width:36px; height:36px; background:rgba(255,255,255,0.06); border-radius:9px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.UgDaTkbLA4Jl0jP0M4lv { font-size:0.88rem; font-weight:700; color:#FFFFFF; margin:0 0 3px; }
.v40ug77PhDYkAkJaU0Qr  { font-size:0.78rem; color:rgba(255,255,255,0.52); line-height:1.55; margin:0; }

/* ══ ADVISORY ════════════════════════════════════════ */
.n7enIcUpoIeUnTKQ63it { padding: 5rem; }

.R9rHVVGbiJc1X5XNQC5R {
  display: grid; grid-template-columns: repeat(4,1fr); gap: 1.2rem; margin-bottom: 1.5rem;
}

.YRgXBNXdsdAPrv18JhwN {
  background: #FFFFFF; border: 1.5px solid #E8EEF8; border-radius: 16px;
  padding: 1.5rem; display:flex; flex-direction:column; gap:0.6rem;
  transition: box-shadow 0.2s, transform 0.2s;
}
.YRgXBNXdsdAPrv18JhwN:hover { box-shadow:0 6px 22px rgba(0,0,0,0.08); transform:translateY(-4px); }

.IvIe6oktjv_krXIw23q9 {
  width:52px; height:52px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-size:1.3rem; font-weight:800; color:#FFFFFF;
  flex-shrink:0;
}
.XLCmoMsCVFDMWrOfeVj4 { font-size:0.82rem; font-weight:700; color:#0F172A; }
.l28ugiijGTpQOHP7wrgt  { font-size:0.76rem; color:#64748B; line-height:1.6; margin:0; }

.f748OBgQdNcSQSWPxlqr {
  display:flex; align-items:center; gap:0.6rem;
  background:#F0F7FF; border:1px solid rgba(26,110,255,0.15);
  border-radius:12px; padding:0.75rem 1.2rem;
  font-size:0.78rem; color:#475569; line-height:1.5;
}
.URqRtsndFWfLwnh2aWKn { font-size:1rem; flex-shrink:0; }

/* ══ WHITEPAPERS ═════════════════════════════════════ */
.FJ_gIUl9TXfFHmmvFu_G {
  position: relative; padding: 5rem;
  background: linear-gradient(135deg, #060C1A 0%, #0D1B3E 100%); overflow: hidden;
}
.RqnmaEITG5JXIKzrm3OK {
  position: absolute; inset:0;
  background-image: radial-gradient(circle at 30% 50%, rgba(26,110,255,0.12) 0%, transparent 55%),
    radial-gradient(circle at 75% 30%, rgba(124,58,237,0.1) 0%, transparent 50%);
  pointer-events: none;
}

.DgVAarNCzsD7MABm2dwn {
  display: grid; grid-template-columns: repeat(3,1fr); gap: 1.2rem;
  position: relative; z-index:1; margin-bottom: 2rem;
}

.AQnVP0Tl_95jLD9Xh8jH {
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 18px; padding: 1.8rem;
  display:flex; flex-direction:column; gap:0.5rem;
  transition: background 0.18s, transform 0.2s;
}
.AQnVP0Tl_95jLD9Xh8jH:hover { background: rgba(255,255,255,0.08); transform: translateY(-4px); }

.SyTsk5m4sVeEqRRymJHA { font-size:1.8rem; margin-bottom:0.2rem; }
.PipP42LsO3R9rewpG2Kf  { font-size:0.6rem; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; color:#60A5FA; }
.zfONEx1quHwCqOu42btG { font-size:0.95rem; font-weight:700; color:#FFFFFF; line-height:1.35; margin:0; }
.b4lufIHs5hVHN4RPm1zL  { font-size:0.8rem; color:rgba(255,255,255,0.52); line-height:1.6; margin:0; flex:1; }
.LqvNyutXYcM7qiJFa80e {
  margin-top:0.6rem; background: rgba(26,110,255,0.18);
  border: 1px solid rgba(26,110,255,0.35); border-radius:100px;
  color: #60A5FA; font-size:0.78rem; font-weight:700;
  padding:0.55rem 1.1rem; cursor:pointer; transition:background 0.18s;
  width:fit-content;
}
.LqvNyutXYcM7qiJFa80e:hover { background: rgba(26,110,255,0.3); }

.oAiWgavpVmjl4hb8K_aZ {
  position: relative; z-index:1;
  display:flex; flex-direction:column; align-items:center; gap:0.7rem; text-align:center;
}
.WasnzB4ams0QaYZB4vJa { font-size:0.72rem; color:rgba(255,255,255,0.38); margin:0; }

/* ══ CLOSING ═════════════════════════════════════════ */
.dBlWNfQf4VVcJtmn_MgC {
  padding: 5rem; text-align:center; background:#FFFFFF;
  border-top: 1.5px solid #F1F5F9;
}
.fU8PjjNNrO2N_KbMpS7N { max-width:640px; margin:0 auto; }

.e3ppHaiJz3nsAhbGLUyR {
  font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
  font-size: clamp(1.8rem,4vw,2.8rem); font-weight:800; color:#0F172A;
  letter-spacing:-0.05em; line-height:1.1; margin:0 0 0.8rem;
}
.gCU5ekx33JkBB18Iu6yH { font-size:0.9rem; color:#64748B; line-height:1.65; margin:0 0 2rem; }

.NFNJ7mmV6pgsSOW3CZ9z { display:flex; align-items:center; justify-content:center; gap:1rem; flex-wrap:wrap; margin-bottom:1.5rem; }

.asltuhAeutv5CGtyFU2U { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:1.5rem; }
.yGKTia0K5Lhl_Lp9nnXg { font-size:0.78rem; color:#94A3B8; font-weight:500; display:flex; align-items:center; gap:5px; }
.cRlv4tYz2voo1HIIyjZ7 { color:#22C55E; font-weight:800; }

/* ══ RESPONSIVE ══════════════════════════════════════ */
@media (max-width:1100px) {
  .iLwKf7lDbKQxcvAdzzSB  { grid-template-columns:repeat(2,1fr); }
  .R9rHVVGbiJc1X5XNQC5R{ grid-template-columns:repeat(2,1fr); }
  .hGJBx9Rvlsu8vvDL7DWF    { grid-template-columns:repeat(2,1fr); }
  .g4vmubIjkUs8MEYawzWk { grid-template-columns:1fr; }
  .XuiWgUJbWFkZeIvXud2z  { display:none; }
}
@media (max-width:900px) {
  .RJ7lPjQPhb0pjKbzCwkc   { grid-template-columns:repeat(2,1fr); }
  .ZHXnPgdPsCd8OfWcVKnm  { grid-template-columns:1fr; }
  .cE6UzXuzZS18bLStKQRQ { grid-template-columns:1fr; }
  .vqvrmwRTk6SwOpy9YKsY      { grid-template-columns:1fr; }
  .DgVAarNCzsD7MABm2dwn      { grid-template-columns:1fr; }
}
@media (max-width:640px) {
  /*
   * Mobile spacing system
   * Keep all page-specific spacing here so desktop layout values remain intact.
   */
  .OXqpjg9owx4rP6HS25rt {
    --mobile-gutter: 1rem;
    --mobile-section-y: 3rem;
    --mobile-section-y-tight: 2.5rem;
    --mobile-card-padding: 1rem;
    --mobile-card-gap: 0.75rem;
    --mobile-content-gap: 1.5rem;
    --mobile-heading-gap: 0.75rem;
  }

  .OXqpjg9owx4rP6HS25rt,
  .OXqpjg9owx4rP6HS25rt * {
    box-sizing: border-box;
  }

  .fSnhFYxpTd5WzuhSNc6Y,
  .PAypxwAPeJGC43TLCopk,
  .oBf3yHQdoSh5_nR5SewV,
  .WAym0oUIN0s6Vh8OQhoO,
  .vyg6zxBivlvBS9EChRSS,
  .hiyWzYP27Nph74DMkre1,
  .n7enIcUpoIeUnTKQ63it,
  .FJ_gIUl9TXfFHmmvFu_G,
  .dBlWNfQf4VVcJtmn_MgC {
    width: 100%;
    padding: var(--mobile-section-y) var(--mobile-gutter);
  }

  .fSnhFYxpTd5WzuhSNc6Y {
    min-height: auto;
    padding-top: var(--mobile-section-y-tight);
    padding-bottom: var(--mobile-section-y-tight);
  }

  .H2uL1M80qiiTyrFHSUut,
  .g4vmubIjkUs8MEYawzWk,
  .fU8PjjNNrO2N_KbMpS7N {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  .g4vmubIjkUs8MEYawzWk {
    display: block;
    padding: 0;
  }

  .xSPXIAT6WzS_URuRKZe6 {
    margin-bottom: var(--mobile-heading-gap);
  }

  .r9O9pWZ_2mtAlm6Y5vuX {
    font-size: clamp(2.25rem, 11vw, 3.35rem);
    margin-bottom: var(--mobile-heading-gap);
  }

  .WoWB9CZ4fc6ooRiRhrXw {
    max-width: none;
    font-size: 0.88rem;
    line-height: 1.6;
    margin-bottom: var(--mobile-content-gap);
  }

  .NTl5bJ0v0f0atqgrztob,
  .NFNJ7mmV6pgsSOW3CZ9z {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    gap: var(--mobile-card-gap);
  }

  .NTl5bJ0v0f0atqgrztob .vbPEPxs_NsapFFy4DEvy,
  .NTl5bJ0v0f0atqgrztob .tbFKkWA5VAxZ1ahkZCfk,
  .NFNJ7mmV6pgsSOW3CZ9z .vbPEPxs_NsapFFy4DEvy,
  .NFNJ7mmV6pgsSOW3CZ9z .yQxxdJI3DQMYVWrHdYzo {
    width: 100%;
    justify-content: center;
    box-sizing: border-box;
  }

  .Qr2cnUETErc1HvtJBV6x {
    width: 100%;
    max-width: 100%;
    margin-bottom: var(--mobile-content-gap);
  }

  .AOoXniIsWQLcMlVMsXn4,
  .bWFhqzLQrQNarkbay27V {
    font-size: clamp(1.55rem, 7.5vw, 2.1rem);
  }

  .eQGtR6DYM1ub97Yefj9s,
  .rp32g2IQ_gBfWNetWnUw,
  .Twon1TpowRoObSoU_BJT {
    font-size: 0.84rem;
    line-height: 1.6;
  }

  .iLwKf7lDbKQxcvAdzzSB,
  .R9rHVVGbiJc1X5XNQC5R,
  .hGJBx9Rvlsu8vvDL7DWF,
  .DgVAarNCzsD7MABm2dwn {
    grid-template-columns: 1fr;
    gap: var(--mobile-card-gap);
  }

  .nvPI55x3O40AfTX0ZNO2,
  .XsLnrhbGM2L43Bo_Poil,
  .ZHXnPgdPsCd8OfWcVKnm,
  .UHkJhyYt_ceRU9cVCtRA,
  .imyQPZEMoFTQbLAtRuXn,
  .YRgXBNXdsdAPrv18JhwN,
  .AQnVP0Tl_95jLD9Xh8jH {
    padding: var(--mobile-card-padding);
  }

  .nvPI55x3O40AfTX0ZNO2,
  .UHkJhyYt_ceRU9cVCtRA,
  .YRgXBNXdsdAPrv18JhwN,
  .AQnVP0Tl_95jLD9Xh8jH {
    gap: var(--mobile-card-gap);
  }

  .t7lHsJNBSNXqOeAC5xwn {
    font-size: 2rem;
  }

  .RJ7lPjQPhb0pjKbzCwkc {
    grid-template-columns: 1fr;
    gap: var(--mobile-card-gap);
    margin-bottom: var(--mobile-content-gap);
  }

  .XsLnrhbGM2L43Bo_Poil {
    min-width: 0;
  }

  .ZHXnPgdPsCd8OfWcVKnm {
    gap: var(--mobile-content-gap);
    border-radius: 16px;
  }

  .WsKArNOdFrGCZuPeXvXr {
    margin-bottom: var(--mobile-content-gap);
  }

  .d81nRgi_IrqRLG1b6mQG,
  .AhU0IYFMKLlVGze5uaqe {
    gap: var(--mobile-card-gap);
  }

  .ETmkZAELKJ7Ibxvjhx6g,
  .imyQPZEMoFTQbLAtRuXn,
  .IslEBPrDlUDJZN5X0pJE {
    min-width: 0;
  }

  .ETmkZAELKJ7Ibxvjhx6g > span:last-child,
  .imyQPZEMoFTQbLAtRuXn > div:last-child,
  .IslEBPrDlUDJZN5X0pJE > div:last-child {
    min-width: 0;
    overflow-wrap: anywhere;
  }

  .cE6UzXuzZS18bLStKQRQ,
  .vqvrmwRTk6SwOpy9YKsY {
    gap: var(--mobile-content-gap);
  }

  .X6dwUvtXdglDFt2v93DM {
    padding: 0;
    gap: var(--mobile-content-gap);
  }

  .oeOhlWaR3E6feKHPVwGo {
    width: min(260px, 75vw);
    height: min(260px, 75vw);
  }

  .WcyH33GiQofXjCFRMVkf {
    width: 100%;
    max-width: 100%;
    gap: 0.4rem;
  }

  .F6p2TkzeoGTwxCQsGm4T {
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  .ZL_ACm2QtRE_OThi0H2y {
    gap: var(--mobile-card-gap);
    margin-top: var(--mobile-content-gap);
  }

  .R9rHVVGbiJc1X5XNQC5R {
    margin-bottom: var(--mobile-content-gap);
  }

  .f748OBgQdNcSQSWPxlqr {
    align-items: flex-start;
    padding: var(--mobile-card-padding);
  }

  .DgVAarNCzsD7MABm2dwn {
    margin-bottom: var(--mobile-content-gap);
  }

  .AQnVP0Tl_95jLD9Xh8jH {
    min-width: 0;
  }

  .zfONEx1quHwCqOu42btG,
  .b4lufIHs5hVHN4RPm1zL,
  .WasnzB4ams0QaYZB4vJa,
  .gCU5ekx33JkBB18Iu6yH,
  .yGKTia0K5Lhl_Lp9nnXg {
    overflow-wrap: anywhere;
  }

  .LqvNyutXYcM7qiJFa80e {
    width: 100%;
    box-sizing: border-box;
  }

  .oAiWgavpVmjl4hb8K_aZ {
    gap: var(--mobile-card-gap);
  }

  .gCU5ekx33JkBB18Iu6yH {
    margin-bottom: var(--mobile-content-gap);
  }

  .asltuhAeutv5CGtyFU2U {
    gap: var(--mobile-card-gap);
  }

  .yGKTia0K5Lhl_Lp9nnXg {
    justify-content: center;
    text-align: center;
  }
}

/* ══════════════════════════════════════════════════
   Blog Landing — premium editorial design
══════════════════════════════════════════════════ */

.zamGG7gJq4usfXm8iF25 { width: 100%; background: #F8FAFF; overflow-x: hidden; }

/* ── Shared ── */
.u8IakRmrdIkqjYJzfQy5 { max-width: 1200px; margin: 0 auto; width: 100%; }
.Gy00KhoI4YqYo5GWOp5u {
  font-size: 0.62rem; font-weight: 700;
  letter-spacing: 0.14em; text-transform: uppercase;
  color: #1A6EFF; margin-bottom: 1.2rem;
}
.atESSQa2zx_dJHiubBt9 { color: #CBD5E1; }
.pfsiUMz2Y2HZaiUfOFBp {
  width: 22px; height: 22px; border-radius: 50%;
  color: #fff; font-size: 0.6rem; font-weight: 800;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}

/* ══ HERO ═══════════════════════════════════════════ */
.BIqJvsR_IghtRazxvc6J {
  position: relative;
  background: #060C1A; overflow: hidden;
  padding: 5rem 5rem 4rem;
}

.Xk7dZa2HIiLVfLMtDXiF {
  position: absolute; inset: 0;
  background-image: radial-gradient(circle, rgba(255,255,255,0.048) 1px, transparent 1px);
  background-size: 30px 30px;
  animation: cLodCNwfgBIFOMwgIImo 28s linear infinite; pointer-events: none;
}
@keyframes cLodCNwfgBIFOMwgIImo { to { background-position: 30px 30px; } }

.OKyonxPqQsdnnoYV3ICx {
  position: absolute; top: -80px; left: -60px;
  width: 480px; height: 480px;
  background: radial-gradient(circle, rgba(26,110,255,0.18) 0%, transparent 65%);
  animation: LXSnMWLcLWm53OJRAWbP 12s ease-in-out infinite alternate; pointer-events: none;
}
.FlPDYSU9fZhfPBlQ_oy6 {
  position: absolute; bottom: -40px; right: -40px;
  width: 360px; height: 360px;
  background: radial-gradient(circle, rgba(124,58,237,0.13) 0%, transparent 65%);
  animation: LXSnMWLcLWm53OJRAWbP 16s ease-in-out infinite alternate-reverse; pointer-events: none;
}
@keyframes LXSnMWLcLWm53OJRAWbP {
  from { transform: scale(1) translate(0,0); }
  to   { transform: scale(1.1) translate(20px,14px); }
}

.b7GATqSfqZpJzCfo_mcn {
  position: relative; z-index: 1;
  display: grid; grid-template-columns: 1fr 420px;
  gap: 4rem; align-items: start;
  animation: KNpb9X0xRUiSIfkdTp6e 0.65s cubic-bezier(0.16,1,0.3,1) both;
}
@keyframes KNpb9X0xRUiSIfkdTp6e { from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} }

.eCbuQuSCZk6EMPkPHC3v { display: flex; flex-direction: column; gap: 0; }

.BVu7UzVtfzME4aYk986D {
  display: inline-flex; align-items: center; gap: 8px;
  background: rgba(26,110,255,0.14);
  border: 1px solid rgba(26,110,255,0.28);
  border-radius: 100px; padding: 5px 14px;
  font-size: 0.64rem; font-weight: 700; letter-spacing: 0.1em;
  color: #60A5FA; margin-bottom: 1.2rem; width: fit-content;
}
.MlZBk6HC2Oep5OO4m8pf {
  width: 7px; height: 7px; border-radius: 50%; background: #22C55E;
  animation: UingWF2yqjPDTgN03eke 2s ease-in-out infinite; flex-shrink: 0;
}
@keyframes UingWF2yqjPDTgN03eke {
  0%,100% { box-shadow: 0 0 0 0 rgba(34,197,94,.5); }
  50%      { box-shadow: 0 0 0 5px rgba(34,197,94,0); }
}

.o1slxWnEL8fDZUNu_haC {
  font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
  font-size: clamp(2.2rem,4.5vw,3.6rem); font-weight: 800;
  color: #FFFFFF; letter-spacing: -0.05em; line-height: 1.08;
  margin: 0 0 1rem;
}
.FAzonmoIbYdAwryvwEZs {
  background: linear-gradient(110deg,#60A5FA 0%,#A78BFA 55%,#34D399 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
  background-size: 200%;
  animation: ldNfHSJPwP1i8RqEcXWX 5s ease-in-out infinite alternate;
}
@keyframes ldNfHSJPwP1i8RqEcXWX { from{background-position:0%} to{background-position:100%} }

.AO8JwGk3cLZduJLLiV4n {
  font-size: 0.95rem; color: rgba(255,255,255,0.55);
  line-height: 1.7; margin: 0 0 1.8rem; max-width: 520px;
}

.ZnWjAEr4AjzK9Cmg00Ee { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.Q9h3cEVZCb6SjBGoB44X {
  display: flex; align-items: center; gap: 5px;
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 100px; padding: 5px 12px;
  font-size: 0.72rem; font-weight: 600; color: rgba(255,255,255,0.6);
  cursor: pointer; transition: background 0.15s, border-color 0.15s;
}
.Q9h3cEVZCb6SjBGoB44X:hover { background: rgba(255,255,255,0.12); color: #FFFFFF; border-color: rgba(255,255,255,0.25); }

/* Right — mini post stack */
.dHOryfoCrBsD_tMtV5oJ { display: flex; flex-direction: column; gap: 0.6rem; }

.CeqTLndb8994ccjMTG7l {
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.09);
  border-radius: 12px; padding: 1rem 1.1rem;
  text-align: left; cursor: pointer;
  display: flex; flex-direction: column; gap: 4px;
  transition: background 0.15s, transform 0.15s;
  animation: quJRK6n1i730BjWx9YhQ 0.4s cubic-bezier(0.16,1,0.3,1) var(--di) both;
  border-left: 3px solid var(--accent, #1A6EFF);
}
.CeqTLndb8994ccjMTG7l:hover { background: rgba(255,255,255,0.09); transform: translateX(3px); }
@keyframes quJRK6n1i730BjWx9YhQ { from{opacity:0;transform:translateX(12px)} to{opacity:1;transform:translateX(0)} }

.FzPiEItf5DNUbaIRjmoF { font-size: 0.62rem; font-weight: 700; letter-spacing: 0.06em; }
.xoGGRGUMYtEyrXdXCdC5 { font-size: 0.8rem; font-weight: 600; color: #FFFFFF; line-height: 1.4; }
.GXt_SxwdnGXipUqR9S3s { font-size: 0.65rem; color: rgba(255,255,255,0.35); }

/* ══ FEATURED ════════════════════════════════════════ */
.mxjKKhcGLLzzxSzS3kzE { padding: 3rem 5rem 0; background: #F8FAFF; }

.VrNqmBEDLFXEhy3dQ0ic {
  display: grid; grid-template-columns: 1.6fr 1fr;
  gap: 1.2rem;
}

.fD8mU2Ue5fPAaAhnO7G_ {
  position: relative; border-radius: 20px;
  border: 1.5px solid #E8EEF8; overflow: hidden;
  display: flex; flex-direction: column;
  text-align: left; cursor: pointer;
  transition: box-shadow 0.2s, transform 0.2s;
  background: #FFFFFF;
}
.fD8mU2Ue5fPAaAhnO7G_:hover {
  box-shadow: 0 10px 36px rgba(0,0,0,0.1);
  transform: translateY(-4px);
}

.jYE834kqBids1eCHoS_c {
  position: absolute; inset: 0; opacity: 0.35;
}

.dN8Lc1zZ2mJs7NSRih4O {
  position: relative; z-index: 1;
  padding: 1.8rem; flex: 1;
}

.NaQ3XwP_zjEBYzUZQUvl {
  display: inline-flex; align-items: center; gap: 5px;
  border-radius: 100px; padding: 4px 12px;
  font-size: 0.66rem; font-weight: 700;
  margin-bottom: 0.8rem;
}

.ecUMMVp23Wbf4aYKNxA6 {
  font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
  font-size: 1.2rem; font-weight: 800; color: #0F172A;
  letter-spacing: -0.03em; line-height: 1.3; margin: 0 0 0.7rem;
}
.eSDtnQ1ReEd7eTi1x7i6 .ecUMMVp23Wbf4aYKNxA6 { font-size: 1.5rem; }

.IijBAR09rLdw8TKuD2la {
  font-size: 0.82rem; color: #64748B; line-height: 1.65; margin: 0 0 1rem;
}

.KIMXLm72q47n6iR9lkzm {
  display: flex; align-items: center; gap: 0.5rem;
  font-size: 0.72rem; color: #94A3B8; font-weight: 500;
}

.Sw72Y6NBWtlhregUF21z {
  position: absolute; bottom: 1.4rem; right: 1.4rem;
  font-size: 1.2rem; font-weight: 700;
  opacity: 0; transform: translateX(-6px);
  transition: opacity 0.18s, transform 0.18s;
}
.fD8mU2Ue5fPAaAhnO7G_:hover .Sw72Y6NBWtlhregUF21z { opacity: 1; transform: translateX(0); }

/* ══ FILTER BAR ══════════════════════════════════════ */
.x9CPiq4gAn9R1hLqhZBa { padding: 2rem 5rem 0; background: #F8FAFF; position: sticky; top: 60px; z-index: 10; }

.XbGjm7TqOweQaTHLwykA {
  display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap;
  padding: 0.8rem 0;
  border-bottom: 1.5px solid #E8EEF8;
  overflow-x: auto; scrollbar-width: none;
}
.XbGjm7TqOweQaTHLwykA::-webkit-scrollbar { display: none; }

.t8pS6xO5V32r6Znt7xo3 {
  display: flex; align-items: center; gap: 5px;
  background: transparent; border: 1.5px solid #E2E8F0;
  border-radius: 100px; padding: 5px 14px;
  font-size: 0.76rem; font-weight: 600; color: #64748B;
  cursor: pointer; transition: all 0.15s; white-space: nowrap;
}
.t8pS6xO5V32r6Znt7xo3:hover { border-color: #CBD5E1; color: #0F172A; }
.kkrx8ydzdzd5YgyuSgJO {
  background: var(--accent, #1A6EFF);
  border-color: var(--accent, #1A6EFF);
  color: #FFFFFF;
}
.kkrx8ydzdzd5YgyuSgJO:hover { color: #fff; }
.YXie4BZUoeTnL9oJjp9S {
  background: rgba(0,0,0,0.12); color: inherit;
  border-radius: 100px; padding: 1px 6px;
  font-size: 0.64rem; font-weight: 700;
}
.kkrx8ydzdzd5YgyuSgJO .YXie4BZUoeTnL9oJjp9S { background: rgba(255,255,255,0.22); }

/* ══ POSTS GRID ══════════════════════════════════════ */
.g1jwDBmhEOqZMkj3KxIN { padding: 2rem 5rem 5rem; background: #F8FAFF; }

.z4gCF9O5YwLRzjauKuhW {
  display: grid; grid-template-columns: repeat(3,1fr);
  gap: 1.2rem;
}

.qzBahKCRuUWd0RwgKMvv {
  background: #FFFFFF; border: 1.5px solid #E8EEF8;
  border-radius: 18px; overflow: hidden;
  display: flex; flex-direction: column;
  text-align: left; cursor: pointer;
  transition: box-shadow 0.2s, transform 0.2s;
  animation: _N2CgND1L7uvUBKKAqLY 0.4s cubic-bezier(0.16,1,0.3,1) var(--di) both;
  position: relative;
}
.qzBahKCRuUWd0RwgKMvv::before {
  content: ""; position: absolute;
  top: 0; left: 0; right: 0; height: 3px;
  background: var(--accent, #1A6EFF);
  transform: scaleX(0); transform-origin: left;
  transition: transform 0.25s ease;
}
.qzBahKCRuUWd0RwgKMvv:hover::before { transform: scaleX(1); }
.qzBahKCRuUWd0RwgKMvv:hover { box-shadow: 0 8px 28px rgba(0,0,0,0.08); transform: translateY(-4px); }

@keyframes _N2CgND1L7uvUBKKAqLY { from{opacity:0;transform:translateY(12px)} to{opacity:1;transform:translateY(0)} }

.VJvwZ9vje4N4gZkojbSm {
  height: 64px; display: flex; align-items: center;
  justify-content: flex-end; padding: 0 1.2rem;
  flex-shrink: 0;
}
.Dcz3tRlrHG6qf4OEz2U6 { font-size: 1.8rem; opacity: 0.55; }

.imtjgQn8mF_xtJwyf_sb { padding: 0 1.3rem 0.8rem; flex: 1; display: flex; flex-direction: column; gap: 0.6rem; }

.BLPgx89JImBsx5rNBaVt {
  display: inline-flex; align-items: center; gap: 4px;
  border-radius: 100px; padding: 3px 10px;
  font-size: 0.62rem; font-weight: 700;
  width: fit-content;
}

.PN_fXDRRk7ol_fR6aFoF {
  font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
  font-size: 0.95rem; font-weight: 800; color: #0F172A;
  letter-spacing: -0.02em; line-height: 1.35; margin: 0;
  flex: 1;
}

.iffHNi0qdotpDlLrOFtw {
  font-size: 0.78rem; color: #64748B; line-height: 1.6; margin: 0;
  display: -webkit-box; -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; overflow: hidden;
}

.TepKllcpyt_W0GBp6xn8 { display: flex; gap: 0.4rem; flex-wrap: wrap; }
.nnDZGTTSDyBQWUb94Rs_ {
  background: #F1F5F9; color: #64748B;
  border-radius: 100px; padding: 2px 9px;
  font-size: 0.62rem; font-weight: 600;
}

.n5xb_YisKd2LDql_Qmbu {
  display: flex; align-items: center;
  justify-content: space-between;
  padding: 0.8rem 1.3rem;
  border-top: 1px solid #F1F5F9;
  flex-shrink: 0;
}
.xN7pHAcyVSZkPD9B00hh { display: flex; align-items: center; gap: 0.4rem; }
.kSGybr3C3cfO7eDpfB8s { font-size: 0.68rem; color: #94A3B8; font-weight: 500; }
.IYnn0ELHAP6X131DND_K { font-size: 0.72rem; font-weight: 700; }

.TxWnS4X7rbNwQZBZItp3 {
  grid-column: 1/-1; text-align: center;
  padding: 4rem; color: #94A3B8; font-size: 0.9rem;
}

/* ══ NEWSLETTER ══════════════════════════════════════ */
.pDbBqWCtQoYSmxOONk2o {
  position: relative; padding: 4rem 5rem;
  background: linear-gradient(135deg, #0F172A 0%, #1E1B4B 100%);
  overflow: hidden;
}
.bN8MwX9KBNbVHqXVn0iD {
  position: absolute; inset: 0;
  background-image: radial-gradient(circle at 20% 50%, rgba(26,110,255,0.15) 0%, transparent 50%);
  pointer-events: none;
}

.xP7q5FmLjkPWK3ckvHli {
  max-width: 1200px; margin: 0 auto;
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 4rem; align-items: center; position: relative; z-index: 1;
}

.lcKCFuWki4WBictuMari {
  font-size: 0.62rem; font-weight: 700; letter-spacing: 0.14em;
  text-transform: uppercase; color: rgba(255,255,255,0.4); margin-bottom: 0.5rem;
}
.smFs1Qfk7zzJgR2KhyD7 {
  font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
  font-size: clamp(1.4rem,2.5vw,2rem); font-weight: 800;
  color: #FFFFFF; letter-spacing: -0.04em; line-height: 1.15; margin: 0 0 0.6rem;
}
.iO4zYc0rKslaCqfywUzy { font-size: 0.84rem; color: rgba(255,255,255,0.5); line-height: 1.65; margin: 0; }

.GUCah8XIJ6p6Mpn0JbLt { display: flex; gap: 0.5rem; }
._CG55SaUuiX0AZ4clq7s {
  flex: 1; background: rgba(255,255,255,0.08);
  border: 1.5px solid rgba(255,255,255,0.15);
  border-radius: 100px; padding: 0.75rem 1.2rem;
  font-size: 0.84rem; color: #FFFFFF; outline: none;
  transition: border-color 0.18s;
}
._CG55SaUuiX0AZ4clq7s::placeholder { color: rgba(255,255,255,0.35); }
._CG55SaUuiX0AZ4clq7s:focus { border-color: #60A5FA; }

.wLoQgvfn97mcmYFnyfof {
  background: #1A6EFF; color: #FFFFFF;
  font-size: 0.84rem; font-weight: 700;
  padding: 0.75rem 1.5rem; border-radius: 100px; border: none;
  cursor: pointer; flex-shrink: 0;
  box-shadow: 0 4px 16px rgba(26,110,255,0.4);
  transition: box-shadow 0.18s, transform 0.18s;
}
.wLoQgvfn97mcmYFnyfof:hover { box-shadow: 0 6px 24px rgba(26,110,255,0.6); transform: translateY(-1px); }
.fnadzVBShoTLjEVFaD_A { font-size: 0.68rem; color: rgba(255,255,255,0.3); margin-top: 0.5rem; }

/* ══ RESPONSIVE ══════════════════════════════════════ */
@media (max-width: 1100px) {
  .b7GATqSfqZpJzCfo_mcn      { grid-template-columns: 1fr; }
  .dHOryfoCrBsD_tMtV5oJ      { display: none; }
  .VrNqmBEDLFXEhy3dQ0ic   { grid-template-columns: 1fr; }
  .z4gCF9O5YwLRzjauKuhW      { grid-template-columns: repeat(2,1fr); }
  .xP7q5FmLjkPWK3ckvHli{ grid-template-columns: 1fr; gap: 2rem; }
}
@media (max-width: 768px) {
  .BIqJvsR_IghtRazxvc6J,.mxjKKhcGLLzzxSzS3kzE,.x9CPiq4gAn9R1hLqhZBa,.g1jwDBmhEOqZMkj3KxIN,.pDbBqWCtQoYSmxOONk2o {
    padding-left: 1.5rem; padding-right: 1.5rem;
  }
  .z4gCF9O5YwLRzjauKuhW { grid-template-columns: 1fr; }
}

/* ================================================================
   STACK CALCULATOR — stk- prefix namespace
   ================================================================ */

/* ── Keyframes ── */
@keyframes stk-fade-up {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes stk-tab-in {
  from { opacity: 0; transform: translateY(14px) scale(0.96); }
  to   { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes stk-num-pop {
  0%   { transform: scale(1); }
  40%  { transform: scale(1.06); color: var(--accent, #1B66FD); }
  100% { transform: scale(1); }
}
@keyframes stk-highlight {
  0%   { background: transparent; }
  35%  { background: color-mix(in srgb, var(--accent, #1B66FD) 10%, transparent); border-radius: 8px; }
  100% { background: transparent; }
}

/* ── Root ── */
.stk-root {
  background: #F9F8F6;
  padding: 3rem 0 4rem;
}

.stk-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 2rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

/* ── Vertical tabs ── */
.stk-vert-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  justify-content: center;
}

/* Stagger each tab button on mount */
.stk-vert-btn:nth-child(1) { animation: stk-tab-in 0.45s cubic-bezier(0.22,1,0.36,1) 0.08s both; }
.stk-vert-btn:nth-child(2) { animation: stk-tab-in 0.45s cubic-bezier(0.22,1,0.36,1) 0.16s both; }
.stk-vert-btn:nth-child(3) { animation: stk-tab-in 0.45s cubic-bezier(0.22,1,0.36,1) 0.24s both; }
.stk-vert-btn:nth-child(4) { animation: stk-tab-in 0.45s cubic-bezier(0.22,1,0.36,1) 0.32s both; }
.stk-vert-btn:nth-child(5) { animation: stk-tab-in 0.45s cubic-bezier(0.22,1,0.36,1) 0.40s both; }

.stk-vert-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.55rem 1.15rem;
  background: #FFFFFF;
  border: 1.5px solid #E0DBD3;
  border-radius: 100px;
  font-size: 0.85rem;
  font-weight: 600;
  color: #5A5148;
  cursor: pointer;
  transition: border-color 0.25s, color 0.25s, background 0.25s, box-shadow 0.25s;
}
.stk-vert-btn:hover {
  border-color: var(--accent, #1B66FD);
  color: var(--accent, #1B66FD);
}
.stk-vert-btn--on {
  background: color-mix(in srgb, var(--vac, #1B66FD) 8%, #FFFFFF);
  border-color: var(--vac, #1B66FD);
  color: var(--vac, #1B66FD);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--vac, #1B66FD) 12%, transparent);
}
.stk-vert-em { font-size: 1rem; line-height: 1; }

/* ── Two-column layout ── */
.stk-cols {
  display: grid;
  grid-template-columns: 1fr 420px;
  gap: 2.5rem;
  align-items: start;
}

/* ════ LEFT: inputs ════ */
.stk-inputs {
  background: #FFFFFF;
  border: 1px solid #E8E4DE;
  border-radius: 20px;
  padding: 2rem 2rem 2.25rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.stk-inputs-head {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #9C9389;
  margin: 0;
  padding-bottom: 0.25rem;
  border-bottom: 1px solid #F0EDE8;
}

/* Slider field */
.stk-field {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.stk-field-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}
.stk-label {
  font-size: 0.82rem;
  font-weight: 600;
  color: #3D3630;
  line-height: 1.4;
  flex: 1;
  position: relative;
  cursor: default;
}

/* Value wrap */
.stk-val-wrap {
  display: flex;
  align-items: center;
  gap: 2px;
  background: #F5F2EE;
  border: 1px solid #E0DBD3;
  border-radius: 8px;
  padding: 3px 8px;
  flex-shrink: 0;
}
.stk-val-affix {
  font-size: 0.82rem;
  font-weight: 600;
  color: #7A7169;
}
.stk-num-input {
  width: 68px;
  background: transparent;
  border: none;
  outline: none;
  font-size: 0.88rem;
  font-weight: 700;
  color: #1A1410;
  text-align: right;
  -moz-appearance: textfield;
}
.stk-num-input::-webkit-inner-spin-button,
.stk-num-input::-webkit-outer-spin-button { display: none; }

/* Slider */
.stk-slider {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 5px;
  border-radius: 100px;
  outline: none;
  cursor: pointer;
  background: linear-gradient(
    to right,
    var(--accent, #1B66FD) 0%,
    var(--accent, #1B66FD) var(--fill, 0%),
    #DDD8D0 var(--fill, 0%),
    #DDD8D0 100%
  );
}
.stk-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 20px; height: 20px;
  border-radius: 50%;
  background: #FFFFFF;
  border: 2.5px solid var(--accent, #1B66FD);
  box-shadow: 0 1px 6px rgba(0,0,0,0.14);
  cursor: pointer;
  transition: transform 0.15s;
}
.stk-slider:hover::-webkit-slider-thumb { transform: scale(1.15); }
.stk-slider::-moz-range-thumb {
  width: 20px; height: 20px;
  border-radius: 50%;
  border: 2.5px solid var(--accent, #1B66FD);
  background: #FFFFFF;
  cursor: pointer;
}

/* Tooltip */
.stk-tip-wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
  margin-left: 4px;
  vertical-align: middle;
}
.stk-tip-icon {
  width: 15px; height: 15px;
  border-radius: 50%;
  background: #E8E4DE;
  color: #7A7169;
  font-size: 0.62rem;
  font-weight: 700;
  font-style: normal;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: default;
  flex-shrink: 0;
}
.stk-tip-box {
  display: none;
  position: absolute;
  bottom: calc(100% + 7px);
  left: 50%;
  transform: translateX(-50%);
  width: 230px;
  background: #1A1410;
  color: #F5F2EE;
  font-size: 0.74rem;
  line-height: 1.5;
  font-weight: 400;
  padding: 8px 11px;
  border-radius: 9px;
  z-index: 30;
  pointer-events: none;
  white-space: normal;
}
.stk-tip-wrap:hover .stk-tip-box { display: block; }

/* Plan toggle */
.stk-plan-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.stk-plan-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
  padding: 0.7rem 0.5rem;
  background: #F5F2EE;
  border: 1.5px solid #E0DBD3;
  border-radius: 12px;
  cursor: pointer;
  transition: border-color 0.22s, background 0.22s, box-shadow 0.22s;
}
.stk-plan-btn:hover { border-color: var(--accent, #1B66FD); }
.stk-plan-btn--on {
  background: color-mix(in srgb, var(--accent, #1B66FD) 8%, #FFFFFF);
  border-color: var(--accent, #1B66FD);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent, #1B66FD) 12%, transparent);
}
.stk-plan-name  { font-size: 0.8rem;  font-weight: 700; color: #1A1410; }
.stk-plan-price { font-size: 0.85rem; font-weight: 700; color: #5A5148; }
.stk-plan-price small { font-size: 0.65rem; font-weight: 500; color: #9C9389; }
.stk-plan-note  { font-size: 0.77rem; color: #9C9389; margin: 0; }
.stk-plan-note strong { color: #3D3630; }

/* Section separator */
.stk-sep {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin: 0.25rem 0;
}
.stk-sep::before, .stk-sep::after {
  content: "";
  flex: 1;
  height: 1px;
  background: #EDEAE5;
}
.stk-sep-label {
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #B5AFA8;
  white-space: nowrap;
}

/* ── Software stack grid ── */
.stk-stack-grid {
  display: flex;
  flex-direction: column;
  gap: 0;
  border: 1px solid #EDEAE5;
  border-radius: 12px;
  overflow: hidden;
}
.stk-stack-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.65rem 0.9rem;
  border-bottom: 1px solid #F5F2EE;
  background: #FFFFFF;
  transition: background 0.15s;
}
.stk-stack-row:hover { background: #FAFAF8; }
.stk-stack-name {
  font-size: 0.8rem;
  font-weight: 600;
  color: #3D3630;
  flex: 1;
  line-height: 1.35;
}
.stk-stack-input-wrap {
  display: flex;
  align-items: center;
  gap: 2px;
  background: #F5F2EE;
  border: 1px solid #E0DBD3;
  border-radius: 8px;
  padding: 3px 8px;
  flex-shrink: 0;
}
.stk-stack-pfx { font-size: 0.8rem; font-weight: 600; color: #7A7169; }
.stk-stack-num {
  width: 60px;
  background: transparent;
  border: none;
  outline: none;
  font-size: 0.85rem;
  font-weight: 700;
  color: #1A1410;
  text-align: right;
  -moz-appearance: textfield;
}
.stk-stack-num::-webkit-inner-spin-button,
.stk-stack-num::-webkit-outer-spin-button { display: none; }

.stk-stack-total-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 0.9rem;
  background: #F5F2EE;
}
.stk-stack-total-label { font-size: 0.78rem; font-weight: 700; color: #5A5148; }
.stk-stack-total-val   { font-size: 1rem; font-weight: 700; color: #1A1410; }
.stk-stack-total-period { font-size: 0.7rem; color: #9C9389; margin-left: 2px; }
.stk-stack-all-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0.9rem;
  background: #EDEAE5;
}
.stk-stack-all-label { font-size: 0.74rem; color: #7A7169; }
.stk-stack-all-val   { font-size: 0.85rem; font-weight: 700; color: #3D3630; }

/* ── Pallet Reach note ── */
.stk-reach-note {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
  padding: 0.8rem 1rem;
  background: #F5F2EE;
  border-radius: 10px;
  border: 1px solid #E8E4DE;
}
.stk-reach-badge {
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 100px;
  flex-shrink: 0;
}
.stk-reach-text {
  font-size: 0.78rem;
  color: #5A5148;
  line-height: 1.5;
}

/* ── Add-on list ── */
.stk-addon-list {
  display: flex;
  flex-direction: column;
  gap: 0;
  border: 1px solid #EDEAE5;
  border-radius: 12px;
  overflow: visible;
}
.stk-addon-row {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.9rem 1rem;
  border-bottom: 1px solid #F5F2EE;
  cursor: pointer;
  background: #FFFFFF;
  transition: background 0.15s;
}
.stk-addon-row:hover { background: #FAFAF8; }
.stk-addon-check {
  margin-top: 2px;
  width: 16px; height: 16px;
  accent-color: var(--accent, #1B66FD);
  flex-shrink: 0;
  cursor: pointer;
}
.stk-addon-info { display: flex; flex-direction: column; gap: 0.2rem; flex: 1; }
.stk-addon-name { font-size: 0.83rem; font-weight: 700; color: #1A1410; }
.stk-addon-desc { font-size: 0.73rem; color: #7A7169; line-height: 1.4; }
.stk-addon-price {
  font-size: 0.8rem;
  font-weight: 700;
  color: #3D3630;
  text-align: right;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.stk-addon-note { font-size: 0.67rem; font-weight: 400; color: #9C9389; white-space: nowrap; }

.stk-addon-sub-row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.7rem 1rem 0.7rem 2.75rem;
  background: color-mix(in srgb, var(--accent, #1B66FD) 5%, #FAFAF8);
  border-bottom: 1px solid #F5F2EE;
}
.stk-addon-sub-label { font-size: 0.78rem; font-weight: 600; color: #5A5148; flex: 1; }
.stk-addon-sub-total { font-size: 0.82rem; font-weight: 700; color: var(--accent, #1B66FD); }

.stk-hq-note {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  background: #FFFBEB;
  border-bottom: 1px solid #F5F2EE;
  font-size: 0.76rem;
  color: #6B6259;
  line-height: 1.5;
}

.stk-pallet-total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.85rem 1rem;
  background: #F5F2EE;
  gap: 0.5rem;
}
.stk-pallet-total-label { font-size: 0.8rem; font-weight: 700; color: #3D3630; }
.stk-pallet-total-right { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1rem; }
.stk-pallet-total-val   { font-size: 1.05rem; font-weight: 700; }
.stk-pallet-total-sub   { font-size: 0.71rem; color: #9C9389; }

/* ════ RIGHT: results ════ */
.stk-results-col {
  position: sticky;
  top: 80px;
}
.stk-results {
  background: #FFFFFF;
  border: 1px solid #E8E4DE;
  border-radius: 20px;
  padding: 1.75rem 1.6rem 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
}
.stk-results-head {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #9C9389;
  margin: 0;
  padding-bottom: 0.25rem;
  border-bottom: 1px solid #F0EDE8;
}

/* Result card */
.stk-rc {
  padding: 1rem 1.1rem;
  background: #F9F8F6;
  border: 1px solid #EAE7E2;
  border-radius: 14px;
}
.stk-rc--neg { background: #FFFBEB; border-color: #FDE68A; }
.stk-rc-title  { font-size: 0.77rem; font-weight: 600; color: #6B6259; margin: 0 0 0.3rem; }
.stk-rc-amount {
  font-family: 'Lora', Georgia, serif;
  font-size: 1.55rem;
  font-weight: 700;
  color: #1A1410;
  margin: 0;
  letter-spacing: -0.03em;
  line-height: 1.1;
}
.stk-rc--neg .stk-rc-amount { color: #92400E; }
.stk-rc-period { font-size: 0.7rem; font-weight: 500; color: #9C9389; margin-left: 2px; font-family: 'Inter', system-ui, sans-serif; }
.stk-rc-sub    { font-size: 0.71rem; color: #9C9389; margin: 0.3rem 0 0; line-height: 1.45; }

/* Hero total */
.stk-hero {
  padding: 1.35rem 1.2rem;
  background: color-mix(in srgb, var(--accent, #1B66FD) 6%, #FFFFFF);
  border: 2px solid color-mix(in srgb, var(--accent, #1B66FD) 30%, transparent);
  border-radius: 16px;
  transition: background 0.35s, border-color 0.35s;
}
.stk-hero--neg { background: #FFFBEB; border-color: #FDE68A; }
.stk-hero-label {
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--accent, #1B66FD);
  margin: 0 0 0.4rem;
}
.stk-hero--neg .stk-hero-label { color: #92400E; }
.stk-hero-monthly {
  font-family: 'Lora', Georgia, serif;
  font-size: clamp(1.9rem, 3.5vw, 2.6rem);
  font-weight: 700;
  letter-spacing: -0.04em;
  line-height: 1;
  color: var(--accent, #1B66FD);
  margin: 0 0 0.55rem;
}
.stk-hero--neg .stk-hero-monthly { color: #92400E; }
.stk-hero-per {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  color: #9C9389;
  margin-left: 4px;
}
.stk-hero-annual { display: flex; align-items: center; gap: 0.6rem; flex-wrap: wrap; }
.stk-hero-yr    { font-size: 0.93rem; font-weight: 700; color: #3D3630; }
.stk-hero-badge {
  font-size: 0.62rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase;
  color: #FFFFFF; padding: 2px 9px; border-radius: 100px;
}
.stk-hero-honest {
  font-size: 0.76rem; color: #92400E; line-height: 1.5; margin: 0.5rem 0 0;
  padding: 0.5rem 0.7rem; background: rgba(255,255,255,0.6);
  border-radius: 8px; border: 1px solid #FDE68A;
}

/* ── Payback Period card ── */
.stk-payback {
  display: flex;
  align-items: flex-start;
  gap: 0.8rem;
  padding: 1rem 1.1rem;
  background: linear-gradient(135deg, rgba(16,185,129,0.06), rgba(26,110,255,0.04));
  border: 1.5px solid rgba(16,185,129,0.3);
  border-radius: 14px;
  animation: stk-fade-up 0.35s ease both;
}
@keyframes stk-fade-up {
  from { opacity: 0; transform: translateY(6px); }
  to   { opacity: 1; transform: translateY(0); }
}
.stk-payback-icon {
  font-size: 1.4rem;
  line-height: 1;
  flex-shrink: 0;
  margin-top: 2px;
}
.stk-payback-body { flex: 1; }
.stk-payback-label {
  font-size: 0.62rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #059669;
  margin: 0 0 0.2rem;
}
.stk-payback-val {
  font-family: 'Lora', Georgia, serif;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: #064E3B;
  margin: 0 0 0.25rem;
  line-height: 1.1;
}
.stk-payback-sub {
  font-size: 0.72rem;
  color: #374151;
  line-height: 1.45;
  margin: 0;
}

/* ── Reach badge — add-on variant ── */
.stk-reach-badge--addon {
  background: #6B7280 !important;
}

/* Store economics 2×2 grid */
.stk-econ-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.6rem;
}
.stk-econ-card {
  padding: 0.85rem 1rem;
  background: #F5F2EE;
  border: 1px solid #EAE7E2;
  border-radius: 12px;
}
.stk-econ-card--neg { background: #FFF7F0; border-color: #F9C89A; }
.stk-econ-label { font-size: 0.68rem; font-weight: 600; color: #9C9389; text-transform: uppercase; letter-spacing: 0.08em; margin: 0 0 0.3rem; }
.stk-econ-value { font-family: 'Lora', Georgia, serif; font-size: 1.2rem; font-weight: 700; letter-spacing: -0.025em; color: #1A1410; margin: 0; line-height: 1.1; }
.stk-econ-card--neg .stk-econ-value { color: #C2410C; }
.stk-econ-unit { font-family: 'Inter', system-ui, sans-serif; font-size: 0.67rem; font-weight: 500; color: #9C9389; margin-left: 2px; }
.stk-econ-sub  { font-size: 0.68rem; color: #B5AFA8; margin: 0.25rem 0 0; line-height: 1.4; }
.stk-econ-card--neg .stk-econ-sub { color: #C2410C; opacity: 0.7; }

/* EBITDA after Pallet */
.stk-ebitda-after {
  padding: 1.1rem 1.15rem;
  background: color-mix(in srgb, var(--accent, #1B66FD) 6%, #FFFFFF);
  border: 1.5px solid color-mix(in srgb, var(--accent, #1B66FD) 25%, transparent);
  border-radius: 14px;
}
.stk-ebitda-label { font-size: 0.68rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: var(--accent, #1B66FD); margin: 0 0 0.3rem; }
.stk-ebitda-val {
  font-family: 'Lora', Georgia, serif;
  font-size: 1.5rem; font-weight: 700; letter-spacing: -0.03em;
  color: #1A1410; margin: 0 0 0.35rem; line-height: 1.1;
}
.stk-ebitda-per { font-family: 'Inter', system-ui, sans-serif; font-size: 0.67rem; font-weight: 500; color: #9C9389; margin-left: 4px; }
.stk-ebitda-lift { font-size: 0.8rem; font-weight: 600; color: #15803D; margin: 0; display: flex; align-items: center; gap: 0.2rem; flex-wrap: wrap; }
.stk-lift-pct   { font-weight: 700; color: #15803D; }

/* Disclaimer + CTA */
.stk-disclaimer { font-size: 0.71rem; color: #B5AFA8; line-height: 1.5; margin: 0; text-align: center; }
.stk-cta {
  display: block; text-align: center; padding: 0.85rem 1.5rem;
  color: #FFFFFF; font-size: 0.9rem; font-weight: 700;
  border-radius: 100px; text-decoration: none;
  box-shadow: 0 4px 20px rgba(0,0,0,0.2);
  transition: transform 0.2s, box-shadow 0.25s;
}
.stk-cta:hover { transform: translateY(-2px); box-shadow: 0 8px 28px rgba(0,0,0,0.28); }

/* ── Responsive ── */
@media (max-width: 900px) {
  .stk-cols { grid-template-columns: 1fr; gap: 1.75rem; }
  .stk-results-col { position: static; order: -1; }
}
@media (max-width: 560px) {
  .stk-root {
    width: 100%;
    box-sizing: border-box;
    padding: 1.5rem 0 2.5rem;
    overflow-x: hidden;
  }
  .stk-inner {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 0 1rem;
    gap: 1.25rem;
  }
  .stk-vert-row {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
  }
  .stk-vert-btn {
    width: 100%;
    min-width: 0;
    justify-content: center;
    font-size: 0.76rem;
    padding: 0.55rem 0.35rem;
    white-space: nowrap;
  }
  .stk-vert-btn:last-child {
    grid-column: 1 / -1;
    width: 50%;
    justify-self: center;
  }
  .stk-cols {
    width: 100%;
    min-width: 0;
    gap: 1.25rem;
  }
  .stk-inputs,
  .stk-results {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    border-radius: 16px;
  }
  .stk-inputs {
    padding: 1.25rem 1rem 1.5rem;
    gap: 1.25rem;
  }
  .stk-results {
    padding: 1.15rem 1rem;
    gap: 0.75rem;
  }
  .stk-field-row {
    align-items: flex-start;
    gap: 0.5rem;
  }
  .stk-label {
    min-width: 0;
    font-size: 0.78rem;
    line-height: 1.35;
  }
  .stk-val-wrap {
    padding: 3px 6px;
  }
  .stk-num-input {
    width: 54px;
    font-size: 0.82rem;
  }
  .stk-slider {
    min-width: 0;
  }
  .stk-tip-box {
    left: 0;
    transform: none;
    max-width: calc(100vw - 3rem);
  }
  .stk-plan-row {
    gap: 0.4rem;
  }
  .stk-plan-btn {
    min-width: 0;
    padding: 0.65rem 0.25rem;
  }
  .stk-plan-name,
  .stk-plan-price {
    white-space: nowrap;
  }
  .stk-plan-name { font-size: 0.72rem; }
  .stk-plan-price { font-size: 0.78rem; }
  .stk-sep {
    gap: 0.5rem;
  }
  .stk-sep-label {
    font-size: 0.58rem;
    letter-spacing: 0.1em;
    white-space: normal;
    text-align: center;
  }
  .stk-stack-row {
    gap: 0.5rem;
    padding: 0.65rem 0.7rem;
  }
  .stk-stack-name {
    min-width: 0;
    font-size: 0.75rem;
  }
  .stk-stack-input-wrap {
    padding: 3px 5px;
  }
  .stk-stack-num {
    width: 52px;
    font-size: 0.8rem;
  }
  .stk-stack-total-row,
  .stk-stack-all-row,
  .stk-pallet-total {
    gap: 0.5rem;
  }
  .stk-stack-total-label,
  .stk-pallet-total-label {
    min-width: 0;
    line-height: 1.3;
  }
  .stk-stack-total-val,
  .stk-stack-all-val,
  .stk-pallet-total-right {
    flex-shrink: 0;
    text-align: right;
  }
  .stk-addon-row {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    column-gap: 0.6rem;
    row-gap: 0.35rem;
    align-items: start;
    padding: 0.8rem 0.75rem;
  }
  .stk-addon-check {
    grid-column: 1;
    grid-row: 1 / span 2;
  }
  .stk-addon-info {
    grid-column: 2;
    min-width: 0;
  }
  .stk-addon-name,
  .stk-addon-desc {
    overflow-wrap: anywhere;
  }
  .stk-addon-price {
    grid-column: 2;
    min-width: 0;
    max-width: 100%;
    text-align: left;
    align-items: flex-start;
    overflow-wrap: anywhere;
  }
  .stk-addon-note {
    white-space: normal;
    line-height: 1.3;
  }
  .stk-addon-sub-row {
    flex-wrap: wrap;
    padding: 0.7rem 0.75rem;
    gap: 0.5rem;
  }
  .stk-addon-sub-label {
    min-width: 0;
    flex: 1 1 120px;
  }
  .stk-hq-note {
    padding: 0.7rem 0.75rem;
    overflow-wrap: anywhere;
  }
  .stk-pallet-total {
    align-items: flex-start;
    padding: 0.8rem 0.75rem;
  }
  .stk-pallet-total-right {
    max-width: 55%;
  }
  .stk-hero,
  .stk-payback,
  .stk-ebitda-after {
    padding: 1rem;
    min-width: 0;
  }
  .stk-hero-monthly {
    font-size: clamp(1.75rem, 10vw, 2.25rem);
    overflow-wrap: anywhere;
  }
  .stk-hero-annual {
    gap: 0.4rem;
  }
  .stk-hero-honest {
    overflow-wrap: anywhere;
  }
  .stk-rc {
    padding: 0.85rem 0.9rem;
    min-width: 0;
  }
  .stk-rc-amount,
  .stk-payback-val,
  .stk-ebitda-val {
    overflow-wrap: anywhere;
  }
  .stk-econ-grid { grid-template-columns: 1fr; }
  .stk-econ-card {
    padding: 0.75rem 0.85rem;
  }
  .stk-disclaimer {
    font-size: 0.67rem;
    overflow-wrap: anywhere;
  }
  .stk-cta {
    width: 100%;
    box-sizing: border-box;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (max-width: 360px) {
  .stk-inner { padding-left: 0.75rem; padding-right: 0.75rem; }
  .stk-inputs,
  .stk-results { padding-left: 0.8rem; padding-right: 0.8rem; }
  .stk-vert-btn { font-size: 0.7rem; }
  .stk-vert-em { font-size: 0.85rem; }
  .stk-field-row { gap: 0.35rem; }
  .stk-num-input { width: 48px; }
  .stk-plan-name { font-size: 0.68rem; }
  .stk-plan-price { font-size: 0.72rem; }
  .stk-econ-grid { grid-template-columns: 1fr; }
}

/* ================================================================
   COMPETITOR COMPARISON — cc- prefix namespace
   ================================================================ */

.cc-root {
  background: #FFFFFF;
  border-top: 1px solid #E8E4DE;
  padding: 5rem 0 5rem;
}

/* Stagger pricing cards */
.cc-price-card:nth-child(1) { animation: cc-card-in 0.5s cubic-bezier(0.22,1,0.36,1) 0.1s both; }
.cc-price-card:nth-child(2) { animation: cc-card-in 0.5s cubic-bezier(0.22,1,0.36,1) 0.2s both; }
.cc-price-card:nth-child(3) { animation: cc-card-in 0.5s cubic-bezier(0.22,1,0.36,1) 0.3s both; }
.cc-price-card:nth-child(4) { animation: cc-card-in 0.5s cubic-bezier(0.22,1,0.36,1) 0.4s both; }

.cc-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 2rem;
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

/* ── Keyframes ── */
@keyframes cc-fade-up {
  from { opacity: 0; transform: translateY(24px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes cc-card-in {
  from { opacity: 0; transform: translateY(20px) scale(0.97); }
  to   { opacity: 1; transform: translateY(0) scale(1); }
}

/* ── Header ── */
.cc-header {
  text-align: center;
  max-width: 680px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}

.cc-eyebrow {
  display: inline-block;
  font-size: 0.6rem;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  border: 1px solid;
  padding: 4px 14px;
  border-radius: 100px;
  width: fit-content;
  margin: 0 auto;
  background: transparent;
}

.cc-headline {
  font-family: 'Lora', Georgia, serif;
  font-size: clamp(1.85rem, 3vw, 2.75rem);
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.2;
  color: #1A1410;
  margin: 0;
}

.cc-sub {
  font-size: 0.93rem;
  color: #6B6259;
  line-height: 1.7;
  margin: 0;
}

/* ── Pricing cards row ── */
.cc-pricing-row {
  display: grid;
  grid-template-columns: repeat(var(--cols, 4), 1fr);
  gap: 1rem;
  align-items: stretch; /* equal-height cards */
}

.cc-price-card {
  background: #F9F8F6;
  border: 1px solid #E8E4DE;
  border-radius: 18px;
  padding: 1.5rem 1.3rem 1.6rem;
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}

.cc-price-card--pallet {
  background: color-mix(in srgb, var(--card-accent, #1B66FD) 5%, #FFFFFF);
  border: 2px solid color-mix(in srgb, var(--card-accent, #1B66FD) 30%, transparent);
  box-shadow: 0 4px 24px color-mix(in srgb, var(--card-accent, #1B66FD) 14%, transparent);
}

.cc-price-logo {
  width: 36px; height: 36px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  font-size: 1rem;
  font-weight: 700;
  flex-shrink: 0;
}

.cc-price-name { font-size: 1rem; font-weight: 700; color: #1A1410; margin: 0; }
.cc-price-tagline { font-size: 0.76rem; color: #7A7169; margin: 0; line-height: 1.4; }

.cc-price-amount {
  font-family: 'Lora', Georgia, serif;
  font-size: 1.7rem;
  font-weight: 700;
  letter-spacing: -0.035em;
  color: #1A1410;
  margin: 0.3rem 0;
  line-height: 1;
}
.cc-price-period { font-family: 'Inter', system-ui, sans-serif; font-size: 0.72rem; font-weight: 500; color: #9C9389; margin-left: 2px; }

/* Range display */
.cc-price-range { margin: 0.3rem 0; }
.cc-price-amount-sm { font-family: 'Lora', Georgia, serif; font-size: 1.2rem; font-weight: 700; color: #1A1410; letter-spacing: -0.025em; }
.cc-price-dash { font-size: 0.9rem; color: #9C9389; margin: 0 2px; }

.cc-price-outlets {
  font-size: 0.72rem;
  color: #9C9389;
  margin: 0;
}

.cc-price-badge {
  font-size: 0.67rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #FFFFFF;
  padding: 4px 10px;
  border-radius: 100px;
  width: fit-content;
}

/* Staleness badge */
.cc-stale-badge {
  font-size: 0.67rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #92400E;
  background: #FEF3C7;
  border: 1px solid #FCD34D;
  padding: 4px 10px;
  border-radius: 100px;
  width: fit-content;
  cursor: default;
}

/* Delta pill */
.cc-delta {
  font-size: 0.74rem;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 100px;
  width: fit-content;
}
.cc-delta--cheaper { background: #DCFCE7; color: #15803D; }
.cc-delta--pricier { background: #FEF9C3; color: #854D0E; }
.cc-delta--equal   { background: #F1F5F9; color: #475569; }

/* Wins / gaps lists — anchored to the bottom of every card */
.cc-price-wins,
.cc-price-gaps {
  list-style: none;
  margin: auto 0 0;   /* pushes list to bottom regardless of content above */
  padding: 0.75rem 0 0;
  border-top: 1px solid #EBE7E1;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.cc-price-wins li { font-size: 0.74rem; color: #15803D; font-weight: 600; }
.cc-price-gaps li { font-size: 0.73rem; color: #9C9389; }

/* ── Feature matrix ── */
.cc-matrix-wrap {
  width: 100%;
}

.cc-matrix-scroll {
  overflow-x: auto;
  border: 1px solid #E8E4DE;
  border-radius: 16px;
}

.cc-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 600px;
}

/* Table header */
.cc-th-feature {
  text-align: left;
  padding: 1rem 1.25rem;
  background: #F5F2EE;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #9C9389;
  border-bottom: 1px solid #E8E4DE;
  min-width: 220px;
}

.cc-th-vendor {
  text-align: center;
  padding: 1rem 0.75rem;
  background: #F5F2EE;
  font-size: 0.82rem;
  font-weight: 700;
  color: #3D3630;
  border-bottom: 1px solid #E8E4DE;
  min-width: 110px;
}

.cc-th-pallet {
  color: #FFFFFF !important;
}

.cc-th-score {
  display: block;
  font-size: 0.65rem;
  font-weight: 500;
  opacity: 0.85;
  margin-top: 2px;
}

/* Category header row */
.cc-cat-row { background: #F9F8F6; }
.cc-cat-cell {
  padding: 0.7rem 1.25rem;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #9C9389;
  border-top: 1px solid #EDEAE5;
}

/* Feature rows */
.cc-tr-even { background: #FFFFFF; }
.cc-tr-odd  { background: #FAFAF8; }
.cc-tr-even:hover, .cc-tr-odd:hover { background: #F5F2EE; }

.cc-td-feature {
  padding: 0.7rem 1.25rem;
  font-size: 0.81rem;
  font-weight: 500;
  color: #3D3630;
  border-bottom: 1px solid #F5F2EE;
}

.cc-td-cell {
  text-align: center;
  padding: 0.65rem 0.5rem;
  border-bottom: 1px solid #F5F2EE;
}

.cc-td-pallet {
  background: color-mix(in srgb, #1B66FD 4%, transparent);
}

/* Cell value badges */
.cc-cell { font-size: 0.82rem; font-weight: 600; display: inline-block; }
.cc-yes     { color: #15803D; font-size: 1rem; font-weight: 700; }
.cc-no      { color: #D1D5DB; font-size: 1rem; font-weight: 700; }
.cc-part    { color: #CA8A04; font-size: 0.73rem; background: #FEF9C3; padding: 2px 6px; border-radius: 4px; white-space: nowrap; }
.cc-addon   { color: #2563EB; font-size: 0.73rem; background: #EFF6FF; padding: 2px 6px; border-radius: 4px; white-space: nowrap; }
.cc-premium { color: #9333EA; font-size: 0.73rem; background: #F5F3FF; padding: 2px 6px; border-radius: 4px; white-space: nowrap; }

/* ── Legend ── */
.cc-legend {
  text-align: center;
  font-size: 0.79rem;
  color: #6B6259;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.4rem;
}
.cc-legend-dot { color: #D1D5DB; }

/* ── Disclaimer ── */
.cc-disclaimer {
  font-size: 0.72rem;
  color: #B5AFA8;
  line-height: 1.55;
  text-align: center;
  margin: 0;
  max-width: 700px;
  margin: 0 auto;
}

/* ── Responsive ── */
@media (max-width: 860px) {
  .cc-pricing-row { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 520px) {
  .cc-root {
    width: 100%;
    box-sizing: border-box;
    padding: 2.5rem 0 3rem;
    overflow-x: hidden;
  }
  .cc-inner {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 0 1rem;
    gap: 1.75rem;
  }
  .cc-header {
    width: 100%;
    min-width: 0;
  }
  .cc-headline {
    font-size: clamp(1.55rem, 7.5vw, 2.1rem);
    overflow-wrap: anywhere;
  }
  .cc-sub {
    font-size: 0.82rem;
    line-height: 1.6;
    overflow-wrap: anywhere;
  }
  .cc-sub strong {
    overflow-wrap: anywhere;
    word-break: break-word;
  }
  .cc-pricing-row {
    width: 100%;
    min-width: 0;
    grid-template-columns: 1fr;
    gap: 0.75rem;
  }
  .cc-price-card {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    padding: 1.15rem 1rem 1.25rem;
    border-radius: 16px;
  }
  .cc-price-tagline,
  .cc-price-outlets,
  .cc-price-gaps li {
    overflow-wrap: anywhere;
  }
  .cc-price-range > div {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 0.15rem;
  }
  .cc-price-amount-sm {
    font-size: 1.05rem;
  }
  .cc-price-badge,
  .cc-stale-badge,
  .cc-delta {
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
  }
  .cc-matrix-wrap {
    width: 100%;
    min-width: 0;
  }
  .cc-matrix-scroll {
    max-width: 100%;
    overflow-x: hidden;
  }
  .cc-table {
    width: 100%;
    min-width: 0;
    table-layout: fixed;
  }
  .cc-th-feature,
  .cc-td-feature {
    width: 36%;
    min-width: 0;
    padding-left: 0.55rem;
    padding-right: 0.4rem;
    overflow-wrap: anywhere;
    word-break: break-word;
  }
  .cc-th-vendor,
  .cc-td-cell {
    min-width: 0;
    padding-left: 0.2rem;
    padding-right: 0.2rem;
    overflow-wrap: anywhere;
    word-break: break-word;
  }
  .cc-th-feature,
  .cc-th-vendor {
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
    font-size: 0.58rem;
    line-height: 1.25;
  }
  .cc-th-score {
    font-size: 0.52rem;
    line-height: 1.2;
  }
  .cc-cat-cell {
    padding: 0.55rem;
    font-size: 0.59rem;
  }
  .cc-td-feature {
    font-size: 0.65rem;
    line-height: 1.3;
  }
  .cc-td-cell {
    padding-top: 0.55rem;
    padding-bottom: 0.55rem;
  }
  .cc-cell {
    max-width: 100%;
    font-size: 0.63rem;
    white-space: normal;
  }
  .cc-yes,
  .cc-no {
    font-size: 0.85rem;
  }
  .cc-part,
  .cc-addon,
  .cc-premium {
    display: inline-block;
    padding: 2px 3px;
    line-height: 1.2;
  }
  .cc-legend {
    font-size: 0.72rem;
    line-height: 1.6;
  }
  .cc-disclaimer {
    width: 100%;
    font-size: 0.66rem;
    overflow-wrap: anywhere;
  }
}

/* ── Keyframes ── */
@keyframes cp-fade-up {
  from { opacity: 0; transform: translateY(22px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes cp-fade-in {
  from { opacity: 0; }
  to   { opacity: 1; }
}
@keyframes cp-slide-in-left {
  from { opacity: 0; transform: translateX(-32px); }
  to   { opacity: 1; transform: translateX(0); }
}
@keyframes cp-slide-in-right {
  from { opacity: 0; transform: translateX(32px); }
  to   { opacity: 1; transform: translateX(0); }
}
@keyframes cp-pop {
  0%   { transform: scale(1); }
  45%  { transform: scale(1.04); }
  100% { transform: scale(1); }
}
@keyframes cp-value-flash {
  0%   { background: transparent; }
  30%  { background: color-mix(in srgb, var(--accent, #1B66FD) 12%, transparent); border-radius: 6px; }
  100% { background: transparent; }
}
@keyframes cp-shimmer {
  0%   { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}

/* animate-in utility — toggled by JS via IntersectionObserver */
.cp-animate-up   { opacity: 0; transform: translateY(28px); transition: opacity 0.6s ease, transform 0.6s ease; }
.cp-animate-left { opacity: 0; transform: translateX(-28px); transition: opacity 0.6s ease, transform 0.6s ease; }
.cp-animate-right{ opacity: 0; transform: translateX(28px);  transition: opacity 0.6s ease, transform 0.6s ease; }
.cp-animate-up.cp-visible,
.cp-animate-left.cp-visible,
.cp-animate-right.cp-visible {
  opacity: 1;
  transform: translate(0, 0);
}

.cp-root {
  min-height: 100vh;
  width: 100%;
  overflow-x: hidden;
}

/* ── Hero ── */
.cp-hero {
  background: #F9F8F6;
  border-bottom: 1px solid #E8E4DE;
  padding: 5rem 0 4rem;
  overflow: hidden;
}
.cp-hero-inner {
  max-width: 760px;
  margin: 0 auto;
  padding: 0 2rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
.cp-eyebrow {
  font-size: 0.6rem;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  border: 1px solid;
  padding: 4px 14px;
  border-radius: 100px;
  background: transparent;
  /* hero entrance */
  animation: cp-fade-up 0.55s cubic-bezier(0.22, 1, 0.36, 1) 0.05s both;
}
.cp-headline {
  font-family: 'Lora', Georgia, serif;
  font-size: clamp(2rem, 4vw, 3.1rem);
  font-weight: 700;
  letter-spacing: -0.025em;
  line-height: 1.18;
  color: #1A1410;
  margin: 0;
  animation: cp-fade-up 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.15s both;
}
.cp-headline em { font-style: italic; color: #1B66FD; }
.cp-sub {
  font-size: 1rem;
  color: #6B6259;
  line-height: 1.7;
  margin: 0;
  max-width: 660px;
  animation: cp-fade-up 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.28s both;
}

/* ── Value-change pulse (applied via JS to savings numbers) ── */
.cp-val-changed {
  animation: cp-value-flash 0.55s ease forwards;
}

/* ── Responsive ── */
@media (max-width: 600px) {
  .cp-hero {
    padding: 2.75rem 0 2.25rem;
    width: 100%;
  }
  .cp-hero-inner {
    width: 100%;
    box-sizing: border-box;
    padding: 0 1rem;
    gap: 0.8rem;
  }
  .cp-headline { font-size: clamp(1.75rem, 8vw, 2.4rem); }
  .cp-sub {
    max-width: 100%;
    font-size: 0.88rem;
    line-height: 1.6;
  }
  .cp-eyebrow {
    max-width: 100%;
    text-align: center;
    white-space: normal;
  }
}
@media (prefers-reduced-motion: reduce) {
  .cp-eyebrow, .cp-headline, .cp-sub { animation: none; }
  .cp-animate-up, .cp-animate-left, .cp-animate-right {
    opacity: 1; transform: none; transition: none;
  }
}

/* ══════════════════════════════════════════════════
   Blog Article — clean editorial reading experience
══════════════════════════════════════════════════ */

.lfQFIlB0w0sSFrN6ylXK { width: 100%; background: #FFFFFF; }

.o06Jwu0Jt78CeOWbyY4u { max-width: 1200px; margin: 0 auto; width: 100%; }

.bmLy57s_Bp4e40HWtXna {
  font-size: 0.62rem; font-weight: 700;
  letter-spacing: 0.14em; text-transform: uppercase;
  color: #1A6EFF; margin-bottom: 0.5rem;
}

.K4x8XHf3ndTs1rju4itQ {
  width: 26px; height: 26px; border-radius: 50%;
  color: #fff; font-size: 0.65rem; font-weight: 800;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}

/* ══ HERO ═══════════════════════════════════════════ */
.YzJkOFngC7qjEPlGw7Rx {
  background: #0A0F1E;
  padding: 3rem 5rem 3.5rem;
  position: relative; overflow: hidden;
}

.sG2QsIYpLUSLy3cIPvp1 {
  position: absolute; inset: 0;
  background-image:
    radial-gradient(circle at 20% 50%, rgba(26,110,255,0.12) 0%, transparent 50%),
    radial-gradient(circle, rgba(255,255,255,0.03) 1px, transparent 1px);
  background-size: auto, 30px 30px;
  pointer-events: none;
}
/* category colour tint */
.YzJkOFngC7qjEPlGw7Rx::after {
  content: "";
  position: absolute; inset: 0;
  background: radial-gradient(ellipse at 80% 20%, var(--cat-accent, #1A6EFF) 0%, transparent 60%);
  opacity: 0.07; pointer-events: none;
}

.iKcHQo0uXI4B7UpK14L7 {
  position: relative; z-index: 1;
  max-width: 820px;
  animation: hXa2QqBf8HrrFR0s_G15 0.6s cubic-bezier(0.16,1,0.3,1) both;
}
@keyframes hXa2QqBf8HrrFR0s_G15 { from{opacity:0;transform:translateY(16px)} to{opacity:1;transform:translateY(0)} }

/* breadcrumb */
.s724anyVicyOMByV20Wr {
  display: flex; align-items: center; gap: 6px;
  font-size: 0.72rem; color: rgba(255,255,255,0.4);
  margin-bottom: 1.2rem;
}
.B5SAaa8fYQWJBoRVASJu {
  background: none; border: none; cursor: pointer;
  font-size: 0.72rem; color: rgba(255,255,255,0.5);
  font-weight: 600; padding: 0;
  transition: color 0.15s;
}
.B5SAaa8fYQWJBoRVASJu:hover { color: #FFFFFF; }
.x6QFa0YTR7C_uPxmSn96 { opacity: 0.4; }

.EOLNvUudyTR8CeLyGEEJ {
  display: inline-flex; align-items: center; gap: 5px;
  border-radius: 100px; padding: 4px 12px;
  font-size: 0.68rem; font-weight: 700;
  margin-bottom: 1rem; width: fit-content;
}

.hdBhdkA6E6n2YWj6qh60 {
  font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
  font-size: clamp(1.7rem,4vw,2.8rem); font-weight: 800;
  color: #FFFFFF; letter-spacing: -0.05em; line-height: 1.1;
  margin: 0 0 0.8rem;
}

.elgOm__PfHiIxE6X4iLo {
  font-size: 1rem; color: rgba(255,255,255,0.58);
  line-height: 1.65; margin: 0 0 1.4rem; max-width: 680px;
}

.LSWr5Mu1TEcWkAUfz73g {
  display: flex; align-items: center; gap: 0.7rem;
  flex-wrap: wrap; margin-bottom: 1rem;
  font-size: 0.78rem; color: rgba(255,255,255,0.5);
}
.PsQGqDb87tKgFf5JBiIE { display: flex; align-items: center; gap: 0.5rem; }
._UkjTFqXzUTi1AEcYEUE { width: 3px; height: 3px; border-radius: 50%; background: rgba(255,255,255,0.25); }

._38Kwzr35BmGwMuYKGMrw { display: flex; gap: 0.4rem; flex-wrap: wrap; }
.pylaz22ioyvG7xZLqYsh {
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 100px; padding: 3px 10px;
  font-size: 0.64rem; font-weight: 600;
  color: rgba(255,255,255,0.5);
}

/* ══ BODY ════════════════════════════════════════════ */
.BgrgxStv_VB7B7WW0y1h { padding: 3.5rem 5rem; background: #FFFFFF; }

.bYgtuCGHTnC4hpWpAcOO {
  max-width: 1100px; margin: 0 auto;
  display: grid; grid-template-columns: 1fr 300px;
  gap: 4rem; align-items: start;
}

/* ── Article ── */
.za8xmSZ9tFh1lvrt53c0 { min-width: 0; }

.fqsiSIqi7JNgSoPvvGZw {
  display: flex; align-items: flex-start; gap: 0.6rem;
  background: #F0F7FF; border-left: 4px solid #1A6EFF;
  border-radius: 0 12px 12px 0;
  padding: 1.2rem 1.4rem; margin-bottom: 2rem;
  font-size: 1rem; color: #0F172A; font-style: italic;
  line-height: 1.6; font-weight: 500;
}
.lKpdILJY72gfUniZAFX1 {
  font-size: 2.4rem; line-height: 1; color: #1A6EFF;
  font-family: Georgia, serif; flex-shrink: 0; margin-top: -4px;
}

.JnP6KJiI5LcHhTrAXco8 { display: flex; flex-direction: column; gap: 0; }

.hmRubuku7qyRw7d0xGiI {
  font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
  font-size: 1.4rem; font-weight: 800; color: #0F172A;
  letter-spacing: -0.03em; line-height: 1.2;
  margin: 2rem 0 0.6rem;
  padding-top: 1rem;
  border-top: 1.5px solid #F1F5F9;
}
.hmRubuku7qyRw7d0xGiI:first-child { margin-top: 0; border-top: none; }

.OrZbmzHuhRokTfMuLVFm {
  font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
  font-size: 1.05rem; font-weight: 700; color: #1E293B;
  margin: 1.4rem 0 0.4rem;
}

.hL_hcG7Bkcy7zR181YEa {
  font-size: 0.95rem; color: #334155; line-height: 1.85;
  margin: 0.6rem 0;
}

.pJbkTI_hTGm4kdAMDJK_, .EwsIMchrM59ZTG4YOD6v {
  padding-left: 1.3rem; margin: 0.6rem 0;
  display: flex; flex-direction: column; gap: 0.35rem;
}
.pJbkTI_hTGm4kdAMDJK_ li, .EwsIMchrM59ZTG4YOD6v li {
  font-size: 0.92rem; color: #334155; line-height: 1.7;
}

.N2tjMCwhcvThJ781523F {
  display: flex; align-items: center; justify-content: space-between;
  padding: 1.5rem 0; margin-top: 2rem;
  border-top: 1.5px solid #F1F5F9; flex-wrap: wrap; gap: 1rem;
}
.Zvn_TvpzLJCHxpLprgRQ { display: flex; align-items: center; gap: 0.8rem; }
.TsCwd8QqPDDLVa0USWS3 {
  width: 42px; height: 42px; border-radius: 50%;
  color: #fff; font-size: 0.9rem; font-weight: 800;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.mIw9PglSItC0Rt9TrjkV { font-size: 0.85rem; font-weight: 700; color: #0F172A; }
.VGdLr42AQdv8lyrhMXEb { font-size: 0.72rem; color: #94A3B8; }
.yKqeTM0peuB6Bi4DzdaP { display: flex; gap: 0.4rem; flex-wrap: wrap; }
.fmQsBpy_tDqFFSxSRJO0 {
  background: #F1F5F9; color: #64748B;
  border-radius: 100px; padding: 4px 12px;
  font-size: 0.68rem; font-weight: 600;
}

/* ── Sidebar ── */
.yemAkagspRGcdSLClc8x { display: flex; flex-direction: column; gap: 1.4rem; position: sticky; top: 5rem; }

.NgBzm1bA1ZlXe5k2HAGI {
  background: #0F172A; border-radius: 18px;
  padding: 1.5rem; display: flex; flex-direction: column; gap: 0.6rem;
}
.qIUHjGlsITcIh12tGJBa { font-size: 1.5rem; }
.i3nWjoDP0IVgL41B58qN { font-size: 0.95rem; font-weight: 800; color: #FFFFFF; margin: 0; }
.bdVX_3joO416jXLbt7_8  { font-size: 0.78rem; color: rgba(255,255,255,0.52); line-height: 1.6; margin: 0; }

.kibapH0_Pyf8RUbqO92t {
  display: flex; align-items: center; justify-content: center;
  color: #FFFFFF; font-size: 0.82rem; font-weight: 700;
  padding: 0.7rem; border-radius: 100px; border: none;
  cursor: pointer; margin-top: 0.2rem;
  transition: opacity 0.18s, transform 0.18s;
}
.kibapH0_Pyf8RUbqO92t:hover { opacity: 0.9; transform: translateY(-1px); }

.w65NheurwnqK5H42MD7R {
  display: flex; align-items: center; justify-content: center;
  background: transparent; color: rgba(255,255,255,0.55);
  font-size: 0.78rem; font-weight: 600;
  padding: 0.6rem; border-radius: 100px;
  border: 1.5px solid rgba(255,255,255,0.15); cursor: pointer;
  transition: border-color 0.18s, color 0.18s;
}
.w65NheurwnqK5H42MD7R:hover { border-color: rgba(255,255,255,0.35); color: #FFFFFF; }

/* related */
.VnlFwnDr08fvAy12No_B {
  background: #F8FAFF; border: 1.5px solid #E8EEF8;
  border-radius: 16px; padding: 1.2rem;
}
.M3U9GqMyj2MhMIxHva84 {
  font-size: 0.6rem; font-weight: 800; letter-spacing: 0.12em;
  color: #94A3B8; margin-bottom: 0.8rem;
}
.uOqAsJSln9kLTINXBLjE { display: flex; flex-direction: column; gap: 0; }
.uSrtRMMK4tP53UKyNCYA {
  background: none; border: none; cursor: pointer;
  text-align: left; padding: 0.7rem 0;
  border-bottom: 1px solid #F1F5F9;
  transition: background 0.12s;
}
.uSrtRMMK4tP53UKyNCYA:last-child { border-bottom: none; }
.fkjocujjCAxwiYhyvWXm {
  font-size: 0.8rem; font-weight: 700; color: #0F172A;
  line-height: 1.4; margin-bottom: 3px;
}
.uSrtRMMK4tP53UKyNCYA:hover .fkjocujjCAxwiYhyvWXm { color: #1A6EFF; }
.QiPlPICAJDdlIWFaHELw { font-size: 0.65rem; color: #94A3B8; }

.ko4oRzwNPLfE1zJoRB3L {
  background: none; border: 1.5px solid #E2E8F0;
  border-radius: 100px; padding: 0.6rem 1.2rem;
  font-size: 0.78rem; font-weight: 600; color: #64748B;
  cursor: pointer; transition: border-color 0.15s, color 0.15s;
  width: fit-content;
}
.ko4oRzwNPLfE1zJoRB3L:hover { border-color: #1A6EFF; color: #1A6EFF; }

/* ══ MORE FROM SECTION ════════════════════════════════ */
.UioToE0NIOrb1pAAK3Zc { padding: 3rem 5rem 5rem; background: #F8FAFF; }

.DMkdsX701EP6gyFgJsWK {
  display: flex; align-items: center; justify-content: space-between;
  margin-bottom: 1.5rem;
}
.vUjEVGa1AsCJN0x9A7AL {
  background: none; border: none; cursor: pointer;
  font-size: 0.8rem; font-weight: 700;
  transition: opacity 0.15s;
}
.vUjEVGa1AsCJN0x9A7AL:hover { opacity: 0.7; }

.S9bPwF4TDk44MvCwPuwK { display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; }

.JMHr33fR1dZiESO4Bvbg {
  background: #FFFFFF; border: 1.5px solid #E8EEF8;
  border-radius: 16px; padding: 1.4rem;
  display: flex; flex-direction: column; gap: 0.5rem;
  text-align: left; cursor: pointer;
  transition: box-shadow 0.2s, transform 0.2s;
  position: relative; overflow: hidden;
}
.JMHr33fR1dZiESO4Bvbg::before {
  content: ""; position: absolute;
  top: 0; left: 0; right: 0; height: 3px;
  background: var(--accent, #1A6EFF);
  transform: scaleX(0); transform-origin: left;
  transition: transform 0.22s ease;
}
.JMHr33fR1dZiESO4Bvbg:hover::before { transform: scaleX(1); }
.JMHr33fR1dZiESO4Bvbg:hover { box-shadow: 0 6px 22px rgba(0,0,0,0.08); transform: translateY(-3px); }

.KVTCcDTUPkH5X678BzAi {
  display: inline-flex; align-items: center; gap: 4px;
  border-radius: 100px; padding: 3px 9px;
  font-size: 0.62rem; font-weight: 700; width: fit-content;
}
.IYsYALmHYdJB36C0SyWe {
  font-size: 0.88rem; font-weight: 800; color: #0F172A;
  line-height: 1.35; margin: 0;
}
.va3xAYuOuGJxawdzgGJu {
  font-size: 0.76rem; color: #64748B; line-height: 1.55; margin: 0;
  display: -webkit-box; -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; overflow: hidden;
  flex: 1;
}
.WMeD6Rr22VpZce4xDmnO { font-size: 0.68rem; color: #94A3B8; font-weight: 500; }

/* ══ NOT FOUND ════════════════════════════════════════ */
.rc2XXqRrdxDGy04HW0cH {
  min-height: 60vh; display: flex;
  align-items: center; justify-content: center;
  padding: 5rem 2rem;
}
.glpK7eJvVmCNjsqiKvMB {
  text-align: center; display: flex;
  flex-direction: column; align-items: center; gap: 0.8rem;
}
.KTZZAbkZhep3xrnvInUM { font-size: 3rem; }
.B4To8F4jpnUMGQVJDnD0 {
  font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
  font-size: 1.8rem; font-weight: 800; color: #0F172A;
  letter-spacing: -0.04em; margin: 0;
}
.zH7i33pIPAA5Uapjn5Es { font-size: 0.9rem; color: #64748B; margin: 0; }
.nK7qBOiChaEyLJW1OzDM {
  margin-top: 0.5rem; background: #1A6EFF; color: #FFFFFF;
  font-size: 0.88rem; font-weight: 700;
  padding: 0.75rem 1.8rem; border-radius: 100px; border: none;
  cursor: pointer; transition: opacity 0.18s;
}
.nK7qBOiChaEyLJW1OzDM:hover { opacity: 0.85; }

/* ══ RESPONSIVE ══════════════════════════════════════ */
@media (max-width: 1000px) {
  .bYgtuCGHTnC4hpWpAcOO { grid-template-columns: 1fr; }
  .yemAkagspRGcdSLClc8x { position: static; }
  .S9bPwF4TDk44MvCwPuwK { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 640px) {
  .YzJkOFngC7qjEPlGw7Rx,.BgrgxStv_VB7B7WW0y1h,.UioToE0NIOrb1pAAK3Zc { padding-left: 1.5rem; padding-right: 1.5rem; }
  .S9bPwF4TDk44MvCwPuwK { grid-template-columns: 1fr; }
  .hdBhdkA6E6n2YWj6qh60 { font-size: 1.7rem; }
}

/* ══════════════════════════════════════════════════
   Pallet Newsroom — premium editorial press page
══════════════════════════════════════════════════ */

.FjnYDd54vReIqt6rCPBQ { width: 100%; background: #F8FAFF; overflow-x: hidden; }

/* ══ HERO ═══════════════════════════════════════════ */
.UGW1pGQehe9qqOIboRih {
  position: relative;
  background: #060C1A;
  overflow: hidden;
  padding: 5rem 5rem 4rem;
}

.U6OOoKsN5m9WxtXWOg5D {
  position: absolute; inset: 0;
  background-image: radial-gradient(circle, rgba(255,255,255,0.042) 1px, transparent 1px);
  background-size: 30px 30px;
  animation: Wm7EDIQ9MTmP7ROrYX6j 30s linear infinite; pointer-events: none;
}
@keyframes Wm7EDIQ9MTmP7ROrYX6j { to { background-position: 30px 30px; } }

.va_CFdhhmitvjOUay21A {
  position: absolute; top: -80px; left: -60px;
  width: 500px; height: 500px;
  background: radial-gradient(circle, rgba(26,110,255,0.18) 0%, transparent 60%);
  animation: QwhdZ75TFU7viHu3Ql1_ 14s ease-in-out infinite alternate; pointer-events: none;
}
.t18jY0RlEsOfOQZvFh6L {
  position: absolute; bottom: -40px; right: -30px;
  width: 380px; height: 380px;
  background: radial-gradient(circle, rgba(124,58,237,0.12) 0%, transparent 60%);
  animation: QwhdZ75TFU7viHu3Ql1_ 18s ease-in-out infinite alternate-reverse; pointer-events: none;
}
@keyframes QwhdZ75TFU7viHu3Ql1_ {
  from { transform: scale(1) translate(0,0); }
  to   { transform: scale(1.1) translate(20px,12px); }
}

.TjzPlefSlH8bj_oT9nhm {
  position: relative; z-index: 1;
  max-width: 1200px; margin: 0 auto;
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 4rem; align-items: center;
  animation: IOl2Kw8jthCJ0Y8SBYHN 0.6s cubic-bezier(0.16,1,0.3,1) both;
}
@keyframes IOl2Kw8jthCJ0Y8SBYHN { from{opacity:0;transform:translateY(16px)} to{opacity:1;transform:translateY(0)} }

/* Left */
.fdcB264SGvlP8LNRmpAr {}

.g0oEix1tcoUnpnJ8Waxj {
  display: inline-flex; align-items: center; gap: 8px;
  background: rgba(26,110,255,0.14);
  border: 1px solid rgba(26,110,255,0.28);
  border-radius: 100px; padding: 5px 14px;
  font-size: 0.63rem; font-weight: 700; letter-spacing: 0.1em;
  color: #60A5FA; margin-bottom: 1.2rem;
}
.nY5X1e5P6eBhJ2SQVctV {
  width: 7px; height: 7px; border-radius: 50%; background: #22C55E;
  animation: CMX6srccw9an7pVp3S3Y 2s ease-in-out infinite; flex-shrink: 0;
}
@keyframes CMX6srccw9an7pVp3S3Y {
  0%,100% { box-shadow: 0 0 0 0 rgba(34,197,94,.5); }
  50%      { box-shadow: 0 0 0 5px rgba(34,197,94,0); }
}

.RYROKodavQPv9mQXjxXO {
  font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
  font-size: clamp(2.2rem,4.5vw,3.5rem); font-weight: 800;
  color: #FFFFFF; letter-spacing: -0.05em; line-height: 1.1;
  margin: 0 0 1rem;
}
.PlrlbD3VeRPOWA_Rm3G9 {
  background: linear-gradient(110deg, #60A5FA 0%, #A78BFA 55%, #34D399 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
  background-size: 200%; animation: XSMgFnQQ29aMsSRGZWLF 5s ease-in-out infinite alternate;
}
@keyframes XSMgFnQQ29aMsSRGZWLF { from{background-position:0%} to{background-position:100%} }

.pxjC5iHqxa7N8gQOwTxi {
  font-size: 0.93rem; color: rgba(255,255,255,0.55);
  line-height: 1.72; margin: 0 0 1.6rem;
}

.QWLNCpjBfwPkorbAZIJc { display: flex; flex-wrap: wrap; gap: 0.45rem; }
.z2F4pi7CuinrMbKMf6Bh {
  display: flex; align-items: center; gap: 5px;
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 100px; padding: 4px 11px;
  font-size: 0.68rem; font-weight: 600; color: rgba(255,255,255,0.58);
}
._3VvW7dz16TsmSCnLtAf6 {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 100px; padding: 4px 11px;
  font-size: 0.68rem; color: rgba(255,255,255,0.3);
}

/* Right — featured card */
.koYpDGo7847vgfl7onRZ {
  background: rgba(255,255,255,0.06);
  border: 1.5px solid rgba(255,255,255,0.1);
  border-radius: 20px; padding: 1.8rem;
  display: flex; flex-direction: column; gap: 0.9rem;
  transition: background 0.18s;
}

.xWFOuGhZ7fPDGXJCjLwi {
  display: flex; align-items: center; gap: 7px;
  font-size: 0.62rem; font-weight: 800; letter-spacing: 0.12em;
  color: #34D399;
}
.AIH7I0T7WeEen1GC1mDC {
  width: 6px; height: 6px; border-radius: 50%; background: #34D399;
  animation: CMX6srccw9an7pVp3S3Y 2s ease-in-out infinite;
}

.Plktz_ReN4SA6ItPtFQO {
  font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
  font-size: 1.05rem; font-weight: 800; color: #FFFFFF;
  letter-spacing: -0.03em; line-height: 1.3; margin: 0;
}

.EJapQjF0qG9fd_8lS2sA {
  font-size: 0.78rem; color: rgba(255,255,255,0.52);
  line-height: 1.65; margin: 0;
  display: -webkit-box; -webkit-line-clamp: 3;
  -webkit-box-orient: vertical; overflow: hidden;
}

.ROLnp8IMPnu9VfBmKEZm {
  display: flex; align-items: center;
  justify-content: space-between; flex-wrap: wrap; gap: 0.6rem;
}
.IqkjEi4NNcF2bIwA8d1O { font-size: 0.7rem; color: rgba(255,255,255,0.38); font-weight: 500; }
._1pqudt3sDKeucuegEpZm { display: flex; gap: 0.35rem; }
.H8WmJwuT8vNHXXxLCX5q {
  width: 28px; height: 28px; border-radius: 50%;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.12);
  display: flex; align-items: center; justify-content: center;
  font-size: 0.8rem; text-decoration: none;
  transition: background 0.15s, transform 0.15s;
}
.H8WmJwuT8vNHXXxLCX5q:hover { background: rgba(255,255,255,0.15); transform: scale(1.1); }

.eRcTA8llT4JNS1T3Izjy {
  display: inline-flex; align-items: center; gap: 5px;
  background: #1A6EFF; color: #FFFFFF;
  font-size: 0.8rem; font-weight: 700;
  padding: 0.6rem 1.2rem; border-radius: 100px;
  text-decoration: none; width: fit-content;
  box-shadow: 0 4px 14px rgba(26,110,255,0.38);
  transition: box-shadow 0.18s, transform 0.18s;
}
.eRcTA8llT4JNS1T3Izjy:hover { box-shadow: 0 6px 22px rgba(26,110,255,0.55); transform: translateY(-2px); }

/* ══ MAIN SECTION ════════════════════════════════════ */
.qCarFAYazpzzuXuFd2xd { padding: 3rem 5rem 5rem; }

.dMTxnUDZKB6igWnAh3BV {
  max-width: 1200px; margin: 0 auto;
  display: grid; grid-template-columns: 1fr 300px;
  gap: 2.5rem; align-items: start;
}

/* ── Feed ── */
.VDIuaGuJR5DFJP9cv2Zj { display: flex; flex-direction: column; gap: 0; }

.XNC_H1pJezWynTISXNOS {
  display: flex; align-items: center; gap: 0.45rem; flex-wrap: wrap;
  padding-bottom: 1.2rem;
  border-bottom: 1.5px solid #E8EEF8;
  margin-bottom: 1.5rem;
}

.upZ9PUtKheYga_Hzx5ql {
  display: flex; align-items: center; gap: 5px;
  background: transparent; border: 1.5px solid #E2E8F0;
  border-radius: 100px; padding: 5px 14px;
  font-size: 0.76rem; font-weight: 600; color: #64748B;
  cursor: pointer; transition: all 0.15s;
}
.upZ9PUtKheYga_Hzx5ql:hover { border-color: #CBD5E1; color: #0F172A; }
.wizbovKBpNMfeYHIkQ2R {
  background: #1A6EFF; border-color: #1A6EFF; color: #FFFFFF;
}
.UIl2Cab26RKqXJYU45lI {
  background: rgba(0,0,0,0.1); border-radius: 100px;
  padding: 1px 6px; font-size: 0.64rem; font-weight: 700;
}
.wizbovKBpNMfeYHIkQ2R .UIl2Cab26RKqXJYU45lI { background: rgba(255,255,255,0.22); }

.ToA31uQojkYhueRnswiZ { display: flex; flex-direction: column; gap: 1rem; }

/* ── Press Release Card ── */
.CQd1oGdJgg24nIOFFnmE {
  background: #FFFFFF; border: 1.5px solid #E8EEF8;
  border-radius: 18px; overflow: hidden;
  transition: box-shadow 0.2s, border-color 0.2s;
}
.CQd1oGdJgg24nIOFFnmE:hover { box-shadow: 0 4px 18px rgba(0,0,0,0.06); }
.jtP_5EXJtVUjUFZPwXqz { border-color: #1A6EFF; box-shadow: 0 6px 24px rgba(26,110,255,0.1); }

.p9A_REGJJXI_wXwie5C0 {
  width: 100%; background: none; border: none;
  padding: 1.4rem 1.5rem; text-align: left; cursor: pointer;
  display: flex; flex-direction: column; gap: 0.6rem;
}

.R3a4XfOhHTfkosntDwOs { display: flex; align-items: center; gap: 0.6rem; flex-wrap: wrap; }
.bDORIGEXdvQzlYbneznt {
  background: #EEF4FF; color: #1A6EFF;
  border-radius: 100px; padding: 3px 10px;
  font-size: 0.62rem; font-weight: 700;
}
.HpR1Si4dOgfYm6oVQpTh { font-size: 0.7rem; color: #94A3B8; font-weight: 500; }
.r7BgS2pVRnIhIuzC6d0w { font-size: 0.68rem; color: #64748B; font-weight: 500; }

.ZBlSOZvSnl1CHeipb9J6 {
  font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
  font-size: 1rem; font-weight: 800; color: #0F172A;
  letter-spacing: -0.025em; line-height: 1.3; margin: 0;
}
.mxsxTbQrBe_p_McFSpWB {
  font-size: 0.8rem; color: #64748B; line-height: 1.65; margin: 0;
  display: -webkit-box; -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; overflow: hidden;
}

.vtUQdXV8lisLFZNlQAZ9 {
  display: flex; align-items: center;
  justify-content: space-between;
}
.ZfvsFIouJqpBXPxFovaa { display: flex; gap: 0.35rem; flex-wrap: wrap; }
.NiKGyNF815nDRTu_aOIv {
  background: #F1F5F9; color: #64748B;
  border-radius: 100px; padding: 2px 9px;
  font-size: 0.62rem; font-weight: 600;
}
.D1v7pqYBtfa7127OYiFm {
  font-size: 1rem; color: #94A3B8;
  transition: transform 0.25s ease;
  display: inline-block;
}
.oZJhKAiIAvFrfs3Ozuqm { transform: rotate(180deg); color: #1A6EFF; }

/* Expanded body */
.rWL4cDe1fw7mf4W_VFgv {
  border-top: 1.5px solid #EEF4FF;
  animation: axCB6z4GY7ztiTYgxdWQ 0.28s cubic-bezier(0.16,1,0.3,1) both;
}
@keyframes axCB6z4GY7ztiTYgxdWQ { from{opacity:0;transform:translateY(-6px)} to{opacity:1;transform:translateY(0)} }

.UVA8jY_LTGErw_i8SLqk {
  padding: 1.4rem 1.5rem;
  display: flex; flex-direction: column; gap: 0.8rem;
}
.TePsOJtI9DvDwGpVlmXe {
  font-size: 0.88rem; color: #334155;
  line-height: 1.82; margin: 0;
}
.TePsOJtI9DvDwGpVlmXe strong { color: #0F172A; }

/* Coverage pickups */
.w2_GxRVJiPgLD7W3m3vB {
  padding: 1.2rem 1.5rem;
  background: #F8FAFF;
  border-top: 1.5px solid #E8EEF8;
}
.A1fo4sxLA8TUo5Q5l_8A {
  font-size: 0.58rem; font-weight: 800; letter-spacing: 0.14em;
  color: #94A3B8; margin-bottom: 0.8rem;
}
.Ldl8G28LZr41pmyGDHQl {
  display: grid; grid-template-columns: repeat(3,1fr);
  gap: 0.6rem;
}

.d3zd4xRZQcyuDE6695Fw {
  display: flex; align-items: center; gap: 0.5rem;
  background: #FFFFFF; border: 1.5px solid #E8EEF8;
  border-radius: 10px; padding: 0.65rem 0.8rem;
  text-decoration: none;
  transition: box-shadow 0.18s, border-color 0.18s, transform 0.18s;
  position: relative; overflow: hidden;
}
.d3zd4xRZQcyuDE6695Fw::before {
  content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px;
  background: var(--outlet-color, #1A6EFF);
  transform: scaleY(0); transform-origin: bottom;
  transition: transform 0.2s ease;
}
.d3zd4xRZQcyuDE6695Fw:hover::before { transform: scaleY(1); }
.d3zd4xRZQcyuDE6695Fw:hover {
  box-shadow: 0 4px 14px rgba(0,0,0,0.07);
  border-color: transparent; transform: translateY(-2px);
}
.XIzRny1VQN_dZpnE0g3j { font-size: 1.1rem; flex-shrink: 0; }
.NnoKPSwJup5so98p5NiA { font-size: 0.72rem; font-weight: 700; color: #0F172A; flex: 1; }
.OcaHXdVnkNG6EHrQNK3c { font-size: 0.8rem; color: #94A3B8; flex-shrink: 0; }

/* ── In the Press Card ── */
.EfXRdpRtWRhyQfTEtsXd {
  display: flex; align-items: center; justify-content: space-between;
  gap: 1rem;
  background: #FFFFFF; border: 1.5px solid #E8EEF8;
  border-left: 4px solid var(--outlet-color, #1A6EFF);
  border-radius: 14px; padding: 1.1rem 1.2rem;
  text-decoration: none;
  transition: box-shadow 0.18s, transform 0.18s;
}
.EfXRdpRtWRhyQfTEtsXd:hover {
  box-shadow: 0 4px 16px rgba(0,0,0,0.07); transform: translateX(4px);
}

.mSC8cKE9YkkUPllKZR7B { display: flex; flex-direction: column; gap: 0.35rem; flex: 1; min-width: 0; }
.XQUNNLQDd3DoLCZPAByR { display: flex; align-items: center; gap: 6px; }
.d3jtdADpGW24DEK1mtoo { font-size: 0.9rem; }
.HAbzBDsB4O1BPgolxwt9 { font-size: 0.65rem; font-weight: 700; color: var(--outlet-color, #64748B); text-transform: uppercase; letter-spacing: 0.06em; }
.jrMNn2fMe4j_jMQvtzHI {
  font-size: 0.85rem; font-weight: 700; color: #0F172A;
  line-height: 1.35; margin: 0;
  display: -webkit-box; -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; overflow: hidden;
}
.kTBOUT896g0UMGFCMpNd { display: flex; align-items: center; gap: 0.4rem; flex-wrap: wrap; }
.pk3ANRqwOodxBzZ_RvJ9 { font-size: 0.65rem; color: #94A3B8; font-weight: 500; }
.g9Qq0uP4PbcUaRvVoEDc { font-size: 1.1rem; font-weight: 800; flex-shrink: 0; transition: transform 0.15s; }
.EfXRdpRtWRhyQfTEtsXd:hover .g9Qq0uP4PbcUaRvVoEDc { transform: translateX(3px); }

/* ══ SIDEBAR ═════════════════════════════════════════ */
.VTapQ5OnWz2nHV7fpuMe {
  display: flex; flex-direction: column; gap: 1.2rem;
  position: sticky; top: 5rem;
}

.adGPqlyQdG4yCsmUgW_v {
  background: #FFFFFF; border: 1.5px solid #E8EEF8;
  border-radius: 18px; padding: 1.4rem;
  display: flex; flex-direction: column; gap: 0.6rem;
}
.qk2xNYvns9uwDOoNjWqT { background: #0F172A; border-color: transparent; }

.GZr3Zp14lI3Jz8vi9R5T { font-size: 1.4rem; }
.X1L5KlbYIKI0GbtlGtw1 { font-size: 0.9rem; font-weight: 800; color: #0F172A; margin: 0; }
.COCHR_JvYamM2CugQfYs { font-size: 0.9rem; font-weight: 800; color: #FFFFFF; margin: 0; }
.uu7KKBxLU3EL4w1yQSn1 { font-size: 0.76rem; color: #64748B; line-height: 1.6; margin: 0; }
._ltTeOrEkW2UvyxhX9xU { font-size: 0.76rem; color: rgba(255,255,255,0.52); line-height: 1.6; margin: 0; }

.ZXElLHx8V68ZgxoIy5qe {
  display: inline-flex; align-items: center; gap: 5px;
  color: #1A6EFF; font-size: 0.78rem; font-weight: 700;
  text-decoration: none; padding: 0.6rem 1rem;
  border: 1.5px solid rgba(26,110,255,0.25); border-radius: 100px;
  width: fit-content; transition: background 0.15s, border-color 0.15s;
}
.ZXElLHx8V68ZgxoIy5qe:hover { background: #EEF4FF; border-color: #1A6EFF; }

.XOiKd5RW49FBihdGToHb {
  display: inline-flex; align-items: center; gap: 5px;
  color: #FFFFFF; font-size: 0.78rem; font-weight: 700;
  text-decoration: none; padding: 0.6rem 1rem;
  border: 1.5px solid rgba(255,255,255,0.2); border-radius: 100px;
  width: fit-content; margin-top: 0.2rem;
  transition: background 0.15s, border-color 0.15s;
}
.XOiKd5RW49FBihdGToHb:hover { background: rgba(255,255,255,0.1); border-color: rgba(255,255,255,0.4); }

/* Media kit items */
.SNP0g7OUwlgOJNaIeY8U { display: flex; flex-direction: column; gap: 0.35rem; }
.t5HGBIcOEUqvQLSUGrRA {
  display: flex; align-items: center; gap: 7px;
  font-size: 0.74rem; color: rgba(255,255,255,0.6);
  font-weight: 500;
}

/* Coverage list */
.asL3T0jqDxkZSnOul8DL { display: flex; flex-direction: column; gap: 0; }
.Jy4lx_O8Ggd_EjHfAzyH {
  display: flex; align-items: center; gap: 0.6rem;
  padding: 0.6rem 0;
  border-bottom: 1px solid #F1F5F9;
}
.Jy4lx_O8Ggd_EjHfAzyH:last-child { border-bottom: none; }
.DWcr4pvK1N7EgYDiDCrw { font-size: 1.1rem; flex-shrink: 0; }
.rX9qnmmKvKXOdlGuKvXe { font-size: 0.76rem; font-weight: 700; color: #0F172A; }
.gKUZyy4jgf4xbnXIpCJT { font-size: 0.65rem; color: #94A3B8; }
.dAJH0CocMGbmFygA5Wup {
  width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; margin-left: auto;
}

/* ══ RESPONSIVE ══════════════════════════════════════ */
@media (max-width: 1100px) {
  .TjzPlefSlH8bj_oT9nhm { grid-template-columns: 1fr; }
  .koYpDGo7847vgfl7onRZ { display: none; }
  .dMTxnUDZKB6igWnAh3BV { grid-template-columns: 1fr; }
  .VTapQ5OnWz2nHV7fpuMe { position: static; display: grid; grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 768px) {
  .UGW1pGQehe9qqOIboRih { padding: 3.5rem 1.5rem; }
  .qCarFAYazpzzuXuFd2xd { padding: 2rem 1.5rem 4rem; }
  .Ldl8G28LZr41pmyGDHQl { grid-template-columns: repeat(2,1fr); }
  .VTapQ5OnWz2nHV7fpuMe { grid-template-columns: 1fr; }
}

/* ══════════════════════════════════════════════════
   Pallet Academy — premium certification page
══════════════════════════════════════════════════ */

.MRdzxuI5pxEoL03GMC63 { width: 100%; background: #F8FAFF; overflow-x: hidden; }

/* ── Shared ── */
.Czj4b9WJgaba5XcDIsOz { max-width: 1200px; margin: 0 auto; width: 100%; }

.SPkrRskTRBcp_RxmYmVY {
  font-size: 0.62rem; font-weight: 700; letter-spacing: 0.14em;
  text-transform: uppercase; color: #1A6EFF; margin-bottom: 0.6rem;
}
.O5vZaxN3tvxOB16P8S6I {
  font-size: 0.62rem; font-weight: 700; letter-spacing: 0.14em;
  text-transform: uppercase; color: rgba(255,255,255,0.38); margin-bottom: 0.6rem;
}
.k_Q7wYV2vhWRidQG8aUr { margin-bottom: 2rem; }
.Nm60sk1tjfJU9SslyiNE {
  font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
  font-size: clamp(1.7rem,3.2vw,2.5rem); font-weight: 800;
  color: #0F172A; letter-spacing: -0.045em; line-height: 1.1; margin: 0 0 0.5rem;
}
.nTaLj7Z8sjtRURgrATW_ {
  font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
  font-size: clamp(1.7rem,3.2vw,2.5rem); font-weight: 800;
  color: #FFFFFF; letter-spacing: -0.045em; line-height: 1.1; margin: 0;
}
.Tl4Cz1gXS1K_2FP8ZgkL { font-size: 0.88rem; color: #64748B; line-height: 1.65; margin: 0; }

/* CTAs */
.mUMrx8gHBqNnLY_dfaWz {
  display: inline-flex; align-items: center; gap: 6px;
  background: #1A6EFF; color: #FFFFFF;
  font-size: 0.9rem; font-weight: 700;
  padding: 0.82rem 2rem; border-radius: 100px; border: none;
  cursor: pointer; box-shadow: 0 4px 18px rgba(26,110,255,0.38);
  transition: box-shadow 0.18s, transform 0.18s;
}
.mUMrx8gHBqNnLY_dfaWz:hover { box-shadow: 0 6px 28px rgba(26,110,255,0.55); transform: translateY(-2px); }

.esxwUcdoGF8RNCRhSHi1 {
  display: inline-flex; align-items: center; gap: 6px;
  color: rgba(255,255,255,0.62); font-size: 0.88rem; font-weight: 600;
  padding: 0.78rem 1.4rem; border-radius: 100px;
  border: 1.5px solid rgba(255,255,255,0.18); background: none;
  cursor: pointer; text-decoration: none;
  transition: border-color 0.18s, color 0.18s;
}
.esxwUcdoGF8RNCRhSHi1:hover { border-color: rgba(255,255,255,0.44); color: #FFFFFF; }

.X1fe3upUpMiO2rFjSkHA {
  display: inline-flex; align-items: center; gap: 6px;
  background: transparent; color: #1A6EFF;
  font-size: 0.88rem; font-weight: 700;
  padding: 0.78rem 1.6rem; border-radius: 100px;
  border: 1.5px solid rgba(26,110,255,0.3); cursor: pointer;
  transition: background 0.18s, border-color 0.18s;
}
.X1fe3upUpMiO2rFjSkHA:hover { background: #EEF4FF; border-color: #1A6EFF; }

/* ══ HERO ═══════════════════════════════════════════ */
.ZjnFxGCB9Ci50Pb8wuH7 {
  position: relative; background: #060C1A;
  overflow: hidden; padding-bottom: 0;
}

.oCAwGFqaho5nVxSoj5jY {
  position: absolute; inset: 0;
  background-image: radial-gradient(circle, rgba(255,255,255,0.042) 1px, transparent 1px);
  background-size: 30px 30px;
  animation: tbiUjnrBGYo2gYCpsEMN 30s linear infinite; pointer-events: none;
}
@keyframes tbiUjnrBGYo2gYCpsEMN { to { background-position: 30px 30px; } }

.tZ3Ef8duhvJashMEbLnW {
  position: absolute; top: -100px; left: -80px; width: 520px; height: 520px;
  background: radial-gradient(circle, rgba(59,130,246,0.18) 0%, transparent 60%);
  animation: QqhLsBx6UkybvVBeWCl3 13s ease-in-out infinite alternate; pointer-events: none;
}
.hrjnChZqNmwrlhGxYs0n {
  position: absolute; top: 30%; right: -60px; width: 380px; height: 380px;
  background: radial-gradient(circle, rgba(139,92,246,0.12) 0%, transparent 60%);
  animation: QqhLsBx6UkybvVBeWCl3 17s ease-in-out infinite alternate-reverse; pointer-events: none;
}
.Lu30Fif5rqL9t3ZSa65A {
  position: absolute; bottom: 0; left: 30%; width: 400px; height: 300px;
  background: radial-gradient(circle, rgba(16,185,129,0.08) 0%, transparent 60%);
  animation: QqhLsBx6UkybvVBeWCl3 21s ease-in-out infinite alternate; pointer-events: none;
}
@keyframes QqhLsBx6UkybvVBeWCl3 {
  from { transform: scale(1) translate(0,0); }
  to   { transform: scale(1.12) translate(20px,14px); }
}

/* Badge strip */
.V2nX7FzvtLyL4AhaN3jW {
  position: relative; z-index: 2;
  display: flex; gap: 0.5rem; flex-wrap: wrap;
  padding: 1.2rem 5rem 0;
}
.okixfPtBOLZNNN0h7p5j {
  display: flex; align-items: center; gap: 5px;
  background: rgba(255,255,255,0.05);
  border: 1px solid; border-radius: 100px;
  padding: 4px 12px; font-size: 0.68rem; font-weight: 800;
  letter-spacing: 0.06em;
}
.bbxkgKP4P5kRU6cCMuwx {
  width: 6px; height: 6px; border-radius: 50%;
  animation: Z3gXrrXRshq7g8LAUvjt 2.5s ease-in-out infinite;
}
@keyframes Z3gXrrXRshq7g8LAUvjt {
  0%,100% { opacity: 1; } 50% { opacity: 0.4; }
}

/* Hero body */
.ePjy7dOrdeaWCqNt5sJw {
  position: relative; z-index: 1;
  display: grid; grid-template-columns: 1fr 420px;
  gap: 4rem; align-items: center;
  padding: 3rem 5rem 0;
  animation: TxY7dfhLmsPhJTr7sikh 0.6s cubic-bezier(0.16,1,0.3,1) both;
}
@keyframes TxY7dfhLmsPhJTr7sikh { from{opacity:0;transform:translateY(16px)} to{opacity:1;transform:translateY(0)} }

.Js87z6amgGUHUG_KWWtM { display: flex; flex-direction: column; gap: 0; }

.bnZYTFPLp_6hkt0RJnXw {
  display: inline-flex; align-items: center; gap: 8px;
  background: rgba(26,110,255,0.14); border: 1px solid rgba(26,110,255,0.28);
  border-radius: 100px; padding: 5px 14px;
  font-size: 0.63rem; font-weight: 700; letter-spacing: 0.1em;
  color: #60A5FA; margin-bottom: 1.2rem; width: fit-content;
}
.wGOK2hjJBhBbieW4y0rU {
  width: 7px; height: 7px; border-radius: 50%; background: #22C55E;
  animation: zYHkP_IVxwj6ZrLqkSDO 2s ease-in-out infinite; flex-shrink: 0;
}
@keyframes zYHkP_IVxwj6ZrLqkSDO {
  0%,100% { box-shadow: 0 0 0 0 rgba(34,197,94,.5); }
  50%      { box-shadow: 0 0 0 6px rgba(34,197,94,0); }
}

.D6uYNP8EvtV8JVQsKZvR {
  font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
  font-size: clamp(2.2rem,4.8vw,3.8rem); font-weight: 800;
  color: #FFFFFF; letter-spacing: -0.055em; line-height: 1.06;
  margin: 0 0 1.2rem;
}
.yMeKtJbBsxL3Y0p3rcpW {
  background: linear-gradient(110deg,#60A5FA 0%,#A78BFA 45%,#34D399 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
  background-size: 200%; animation: PU1uYO5TPIvJl2jmot6E 5s ease-in-out infinite alternate;
}
@keyframes PU1uYO5TPIvJl2jmot6E { from{background-position:0%} to{background-position:100%} }

.DvYrVzba1WI9_TtploaR {
  font-size: 0.94rem; color: rgba(255,255,255,0.58); line-height: 1.72; margin: 0 0 0.7rem;
}
.NXaD5pzMWfjG5I98lxHA {
  font-size: 0.84rem; color: rgba(255,255,255,0.42); line-height: 1.65; margin: 0 0 1.8rem;
}

.D0a0ZDYY9lbyH6W_meP8 { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; margin-bottom: 1.5rem; }

.ubfDgfwFn0vgSkO2i2NS { display: flex; flex-direction: column; gap: 0.3rem; }
.TerodrboBeShRZjZW0dw {
  display: flex; align-items: center; gap: 7px;
  font-size: 0.74rem; color: rgba(255,255,255,0.45); font-weight: 500;
}
.jmUjCxOTlWBQJcWkgiYS { color: #22C55E; font-weight: 800; }

/* Right — cert cards */
.zjUx47MKcXO6MJauHrPb {
  display: flex; flex-direction: column; gap: 0.65rem;
  padding-bottom: 3rem;
}
.QVri3S2sbe7HMI2BL2NF {
  background: rgba(255,255,255,0.05);
  border: 1.5px solid rgba(255,255,255,0.09);
  border-left: 3px solid var(--accent);
  border-radius: 14px; padding: 1rem 1.1rem;
  display: flex; flex-direction: column; gap: 4px;
  animation: Gwygii1pCeoPh92SEmd8 0.4s cubic-bezier(0.16,1,0.3,1) calc(var(--i) * 0.08s) both;
  transition: background 0.15s, transform 0.15s;
}
.QVri3S2sbe7HMI2BL2NF:hover { background: rgba(255,255,255,0.08); transform: translateX(4px); }
@keyframes Gwygii1pCeoPh92SEmd8 { from{opacity:0;transform:translateX(14px)} to{opacity:1;transform:translateX(0)} }

.tT596FY_bsE8OIIVrTjQ {
  display: inline-flex; border-radius: 100px; padding: 2px 9px;
  font-size: 0.6rem; font-weight: 700; width: fit-content;
}
.t_jeic2lUe32ibCX0Cwx { font-size: 0.72rem; font-weight: 800; letter-spacing: 0.06em; }
.wAda0zwrPxMeRGj5K3BM { font-size: 0.82rem; font-weight: 700; color: #FFFFFF; line-height: 1.3; }
.qXKXZMIWIAfY788N2PsW { font-size: 0.7rem; color: rgba(255,255,255,0.42); }
.EQHx1kuEpXTVzGyuipax { font-size: 0.66rem; color: rgba(255,255,255,0.3); }

/* Stats strip */
.h6c5dh_Zy3XLSPPPo_oA {
  position: relative; z-index: 1;
  display: grid; grid-template-columns: repeat(4,1fr);
  border-top: 1px solid rgba(255,255,255,0.07); margin-top: 2rem;
}
.kYQx8uwL9CICOHtDd3rv {
  padding: 1.3rem 5rem; border-right: 1px solid rgba(255,255,255,0.07);
  display: flex; flex-direction: column; gap: 3px;
}
.kYQx8uwL9CICOHtDd3rv:last-child { border-right: none; }
.PZ5qGjKAhbfXWJqjSu9J {
  font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
  font-size: 1.4rem; font-weight: 800; color: #FFFFFF;
  letter-spacing: -0.04em; line-height: 1;
}
.nJB1Mty0iwuo1CO9sKCh { font-size: 0.68rem; color: rgba(255,255,255,0.38); font-weight: 500; }

/* ══ WHY ═════════════════════════════════════════════ */
.Dcj4UrYLfRupJXOJMARo { padding: 5rem; background: #FFFFFF; }

.Czj4b9WJgaba5XcDIsOz { max-width: 1200px; margin: 0 auto; }

.Dcj4UrYLfRupJXOJMARo .Czj4b9WJgaba5XcDIsOz {
  display: grid; grid-template-columns: 1fr 1.1fr;
  gap: 5rem; align-items: center;
  max-width: 1200px; margin: 0 auto;
}

.riB326UnfVbSffMr26Oe {}
.GqmJZvIK0K7IVVIBjIaw { font-size: 0.9rem; color: #475569; line-height: 1.78; margin: 0 0 0.8rem; }

.ry1g26R8ns05caoOcwUv { display: flex; flex-direction: column; gap: 0.7rem; }

.tVyqXabdwamRrCTDja5e {
  display: flex; align-items: flex-start; gap: 1rem;
  background: #F8FAFF; border: 1.5px solid #E8EEF8;
  border-radius: 14px; padding: 1rem 1.1rem;
  animation: HfWtrVreJQ2336tnEaUZ 0.4s cubic-bezier(0.16,1,0.3,1) var(--di) both;
  transition: box-shadow 0.18s, transform 0.18s;
}
.tVyqXabdwamRrCTDja5e:hover { box-shadow: 0 4px 16px rgba(0,0,0,0.06); transform: translateX(4px); }
@keyframes HfWtrVreJQ2336tnEaUZ { from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:translateY(0)} }

.LeC5arR0m5kga7QjzyBk {
  font-size: 1.3rem; width: 42px; height: 42px; border-radius: 12px;
  background: #EEF4FF; display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.ErFbmVkweRtBIJi8wouy { font-size: 0.84rem; font-weight: 700; color: #0F172A; margin-bottom: 3px; }
.zRnqMBnNzPqswLVgOQqW  { font-size: 0.76rem; color: #64748B; line-height: 1.6; }

/* ══ HOW IT WORKS ════════════════════════════════════ */
.Ks42aooKjdoE5Lli7bMV {
  position: relative; padding: 5rem;
  background: #0A0F1E; overflow: hidden;
}
.Cp1KWmm6Lu7Zm01zUCXh {
  position: absolute; inset: 0;
  background-image:
    radial-gradient(circle at 10% 50%, rgba(59,130,246,0.13) 0%, transparent 45%),
    radial-gradient(circle at 85% 30%, rgba(139,92,246,0.09) 0%, transparent 45%);
  pointer-events: none;
}

.DOjVxZ_nGi5pELf4rwCT {
  display: grid; grid-template-columns: repeat(5,1fr);
  gap: 0; position: relative; z-index: 1;
}
/* connector line across tops */
.DOjVxZ_nGi5pELf4rwCT::before {
  content: ""; position: absolute;
  top: 24px; left: 24px; right: 24px; height: 2px;
  background: linear-gradient(90deg,#3B82F6,#8B5CF6,#10B981,#F59E0B,#EC4899);
  z-index: 0;
}

.VP7e3IjS22W7vz06Xha8 {
  position: relative; z-index: 1;
  display: flex; flex-direction: column; gap: 0.5rem;
  padding-right: 1.5rem;
}

.DP9MwQydJ_TcqU5DEe3Q {
  width: 50px; height: 50px; border-radius: 50%;
  background: #0A0F1E; border: 2.5px solid;
  display: flex; align-items: center; justify-content: center;
  font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
  font-size: 0.82rem; font-weight: 800; margin-bottom: 0.8rem; flex-shrink: 0;
}

.vnaOu0Ayzos5EMBRD2Xw { font-size: 0.9rem; font-weight: 700; color: #FFFFFF; margin: 0; }
.qlwpXYNAwEjFWL_aa_Va  { font-size: 0.76rem; color: rgba(255,255,255,0.48); line-height: 1.65; margin: 0; }

/* ══ LADDER ══════════════════════════════════════════ */
.PuhA43VTOieQMK0_UQzx { padding: 5rem; background: #F8FAFF; }

.hJH33fnLhjPs9mnXaqEJ {
  border: 1.5px solid #E8EEF8; border-radius: 18px;
  overflow: hidden; background: #FFFFFF;
}

.lorDdgCotkmTKTJv6myZ {
  display: grid; grid-template-columns: 160px 1fr 1fr 140px;
  background: #F1F5F9; padding: 0.8rem 1.5rem;
  font-size: 0.62rem; font-weight: 800; letter-spacing: 0.1em;
  color: #94A3B8; text-transform: uppercase;
}

.SjYUtos6YCLTW8yi4Cvg {
  display: grid; grid-template-columns: 160px 1fr 1fr 140px;
  padding: 1rem 1.5rem; border-top: 1px solid #F1F5F9;
  align-items: center; transition: background 0.15s;
  cursor: default;
}
.SjYUtos6YCLTW8yi4Cvg:first-of-type { border-top: none; }
.fEknqvUigk5j5eGzEPeD { background: var(--accent, #EEF4FF)08; }
.SjYUtos6YCLTW8yi4Cvg:hover { background: #F8FAFF; }

.TQOCSmi0gQmVy9m5JARx { display: flex; align-items: center; gap: 8px; }
.yyiMWvK_OLjBGl1DZvux { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; }
.x1bJYzsYmVKfN6gE4cgu { font-size: 0.75rem; font-weight: 700; }

.mO2y3mmoOL5eLjq6TEw2 { display: flex; align-items: center; gap: 0.6rem; flex-wrap: wrap; }
.kj3_10BoqxueSVT9WQBW {
  border-radius: 100px; padding: 3px 9px;
  font-size: 0.64rem; font-weight: 800; flex-shrink: 0;
}
.r0HKiUmtzikfNRQHMyzr { font-size: 0.8rem; font-weight: 600; color: #0F172A; }

.Z9iffS7dtkSrqxXsiO9w { font-size: 0.76rem; color: #64748B; }

.VIvQsUOrhjuunjcsTxsf {}
.VyVjX6HNWRveqTRakF1c {
  background: #F1F5F9; border-radius: 100px; padding: 4px 10px;
  font-size: 0.68rem; font-weight: 600; color: #475569;
}

/* ══ COURSE CATALOGUE ════════════════════════════════ */
.Ad9lCDlgxrlOCrsBm0RZ { padding: 5rem; background: #FFFFFF; }

.UD6XKFClT9x9BDIZ1G0A {
  display: flex; gap: 0.5rem; flex-wrap: wrap;
  margin-bottom: 1.5rem;
}
.QwSTLy8LVUpDvyVWJ68b {
  display: flex; flex-direction: column; align-items: center; gap: 2px;
  background: transparent; border: 1.5px solid #E2E8F0;
  border-radius: 12px; padding: 0.65rem 1.1rem;
  cursor: pointer; transition: all 0.18s; min-width: 90px;
}
.QwSTLy8LVUpDvyVWJ68b:hover { border-color: #CBD5E1; background: #F8FAFF; }
.ZzPfStz9yA2NwsPyYEcD { font-weight: 700; }
.yAVLpN4c0ZuDRLRW8YlX { font-size: 0.82rem; font-weight: 800; }
.hY3csDW7fGZtJAzBxl18 { font-size: 0.6rem; font-weight: 600; color: inherit; opacity: 0.7; }

/* Panel */
.j9ofE_mm0g3musOJZZQF {
  background: #F8FAFF; border: 1.5px solid var(--accent-bg, #E8EEF8);
  border-top: 3px solid var(--accent, #1A6EFF);
  border-radius: 18px; overflow: hidden;
  animation: Jcsi_OQxUSwsji38zTX_ 0.3s cubic-bezier(0.16,1,0.3,1) both;
  margin-bottom: 3rem;
}
@keyframes Jcsi_OQxUSwsji38zTX_ { from{opacity:0;transform:translateY(8px)} to{opacity:1;transform:translateY(0)} }

.pMyQqWyeRTGeeCHQMBpG {
  display: grid; grid-template-columns: 1fr 1.1fr;
  gap: 3rem; padding: 2rem;
}

.opVJXZFW4CPDqBxmh2JS { display: flex; flex-direction: column; gap: 0.8rem; }
.CgSeFgiiV4rskx0x3LDp {
  display: inline-flex; border-radius: 100px; padding: 4px 12px;
  font-size: 0.66rem; font-weight: 700; width: fit-content;
}
.wjSEqdWDyILICtDpm1gR {
  font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
  font-size: 1.3rem; font-weight: 800; color: #0F172A;
  letter-spacing: -0.03em; line-height: 1.2; margin: 0;
}
.fNvrKF10PjhBw5G1ywM3 { font-size: 0.82rem; color: #475569; line-height: 1.6; margin: 0; }

.bURw17bwCSmaXdwNJZDh { display: flex; flex-direction: column; gap: 0.5rem; }
.GmOYC3I1p3QriRlFr5Jl { display: flex; align-items: flex-start; gap: 0.6rem; }
.xKLCNKtxCiI49nKiuCs0 { font-size: 1rem; flex-shrink: 0; margin-top: 1px; }
.JPCLU3Seg_tfWigGqXFC { font-size: 0.62rem; font-weight: 700; color: #94A3B8; letter-spacing: 0.06em; text-transform: uppercase; }
.kVU9cgKE4g6bv7IljvQm { font-size: 0.8rem; color: #334155; font-weight: 500; }

.aW2AFgLakZgFEqWByNQ6 {
  border-radius: 12px; border: 1.5px solid; padding: 1rem 1.1rem;
}
.GHzO4dkHb9subj5RdS0Y {
  font-size: 0.6rem; font-weight: 800; letter-spacing: 0.12em;
  margin-bottom: 0.4rem;
}
.zgXco_Jrfw5ubXMkOjlH { font-size: 0.8rem; color: #334155; line-height: 1.65; margin: 0; }

.Rt6kBs5dftbgPf_FeSrn {
  display: flex; align-items: center; gap: 6px;
  color: #FFFFFF; font-size: 0.82rem; font-weight: 700;
  padding: 0.7rem 1.4rem; border-radius: 100px; border: none;
  cursor: pointer; width: fit-content;
  box-shadow: 0 4px 14px rgba(0,0,0,0.2);
  transition: opacity 0.18s, transform 0.18s;
}
.Rt6kBs5dftbgPf_FeSrn:hover { opacity: 0.9; transform: translateY(-2px); }

/* Modules */
.ULKZ2nLAjfo5wJhHDYRv {}
.m7vlEbsXqxPWk4GSQ78V {
  font-size: 0.6rem; font-weight: 800; letter-spacing: 0.14em;
  text-transform: uppercase; margin-bottom: 0.9rem;
}
.T8Bkg9De9DCWPuDUFltA { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0.5rem; }
.DjnGRjTMGfGx9ief4jYS {
  display: flex; align-items: flex-start; gap: 0.7rem;
  font-size: 0.82rem; color: #334155; line-height: 1.55;
}
.hpH24DY5py1XLjDv6eTO {
  width: 24px; height: 24px; border-radius: 7px; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
  font-size: 0.6rem; font-weight: 800;
  margin-top: 1px;
}

/* Add-ons */
.kxLepulqgv3T4UDw3M1m {
  border-top: 1.5px solid #E8EEF8; padding-top: 2.5rem;
}
.RbOCO4aDuJMrXELwc04t { margin-bottom: 1.2rem; }
.mW0YBSUs8DgiP3itj7eO { font-size: 0.82rem; color: #64748B; line-height: 1.6; margin: 0.3rem 0 0; }

.az1Np_wJkJ9zyGzv7xNn {
  display: grid; grid-template-columns: repeat(5,1fr); gap: 0.8rem;
}
.OJvYy8T3kkVal2duqex1 {
  background: #F8FAFF; border: 1.5px solid #E8EEF8;
  border-radius: 14px; padding: 1.1rem;
  display: flex; flex-direction: column; gap: 0.4rem;
  position: relative; overflow: hidden;
  transition: box-shadow 0.18s, transform 0.18s;
}
.OJvYy8T3kkVal2duqex1::before {
  content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px;
  background: var(--accent); transform: scaleX(0); transform-origin: left;
  transition: transform 0.22s ease;
}
.OJvYy8T3kkVal2duqex1:hover::before { transform: scaleX(1); }
.OJvYy8T3kkVal2duqex1:hover { box-shadow: 0 4px 16px rgba(0,0,0,0.07); transform: translateY(-3px); }

.FdAK0AjmI3x4YViqctIo {
  width: 38px; height: 38px; border-radius: 10px;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.2rem; flex-shrink: 0;
}
.K5AYZtLPJua1u1YaeWm1 { font-size: 0.7rem; font-weight: 800; line-height: 1.3; }
.PMSZAKm0i_dNnEi2vUhN { font-size: 0.7rem; color: #64748B; line-height: 1.5; flex: 1; }
.xBF9yVzYmf89UvEoA0rt {
  font-size: 0.62rem; color: #94A3B8; font-weight: 600;
  background: #F1F5F9; border-radius: 100px; padding: 2px 8px; width: fit-content;
}

/* ══ AUDIENCE SECTION ════════════════════════════════ */
.vG1fZzg5gZG1BliGwvzE { padding: 5rem; background: #F8FAFF; }
.vG1fZzg5gZG1BliGwvzE .Czj4b9WJgaba5XcDIsOz { max-width: 1200px; margin: 0 auto; }

.MmlwJcYilOIsv2VOK7KQ {
  display: grid; grid-template-columns: 1fr 1fr; gap: 1.2rem;
}
.l9xLQ5lMQBUCbMt4TE6Q {
  background: #FFFFFF; border: 1.5px solid #E8EEF8;
  border-radius: 22px; padding: 2rem;
  display: flex; flex-direction: column; gap: 0.8rem;
}

.rYyy4aGbCsQRurNF8WjA { font-size: 1.8rem; }
._UQZ4BtNs8fiNh_zalEj {
  font-size: 0.6rem; font-weight: 800; letter-spacing: 0.14em;
  text-transform: uppercase; color: #94A3B8;
}
.i7rvlccnPaupLd9heEAV {
  font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
  font-size: 1.2rem; font-weight: 800; color: #0F172A;
  letter-spacing: -0.03em; line-height: 1.25; margin: 0;
}
.fb0ByHd6oXRQDbg0L7dz { font-size: 0.84rem; color: #64748B; line-height: 1.72; margin: 0; }

.NLli7Q0qrSQAxGBQlxd8 { display: flex; flex-direction: column; gap: 0.45rem; }
.Hj1FEv27izi1bPzKP2lw {
  display: flex; align-items: flex-start; gap: 7px;
  font-size: 0.8rem; color: #475569; line-height: 1.5;
}
.Aq3yKUVRAnNt8bUZzCb3 { font-weight: 800; flex-shrink: 0; }

.KPXBp6injGVojosTR6hQ { font-size: 0.76rem; line-height: 1.55; margin: 0; }

.mqoYM38SaqW13fRCtEIQ {
  display: inline-flex; align-items: center; gap: 6px;
  color: #FFFFFF; font-size: 0.84rem; font-weight: 700;
  padding: 0.75rem 1.5rem; border-radius: 100px; border: none;
  cursor: pointer; width: fit-content; margin-top: 0.3rem;
  transition: opacity 0.18s, transform 0.18s;
  box-shadow: 0 4px 16px rgba(0,0,0,0.2);
}
.mqoYM38SaqW13fRCtEIQ:hover { opacity: 0.9; transform: translateY(-2px); }

/* ══ CLOSING ═════════════════════════════════════════ */
.gEufYEA2lovgEPOQ_Jll {
  position: relative; padding: 7rem 5rem;
  text-align: center; background: #FFFFFF; overflow: hidden;
}
.njXK_FO7sk1f4zzeEABu {
  position: absolute; top: 50%; left: 50%;
  transform: translate(-50%,-50%);
  width: 700px; height: 500px;
  background: radial-gradient(ellipse, rgba(26,110,255,0.06) 0%, transparent 65%);
  pointer-events: none;
}
.hlw120lUjyguw679V9on {
  position: absolute; top: 20%; right: 10%;
  width: 350px; height: 350px;
  background: radial-gradient(circle, rgba(139,92,246,0.05) 0%, transparent 65%);
  pointer-events: none;
}

.RC1Ct3ocMETXPaZ9jXKN {
  position: relative; z-index: 1;
  max-width: 640px; margin: 0 auto;
  display: flex; flex-direction: column; align-items: center; gap: 1rem;
}

._1hmBsrDn7oedKnND6KTQ {
  display: inline-flex; align-items: center; gap: 6px;
  background: #EEF4FF; border: 1px solid rgba(26,110,255,0.2);
  border-radius: 100px; padding: 5px 14px;
  font-size: 0.65rem; font-weight: 700; letter-spacing: 0.1em; color: #1A6EFF;
}
.n4ceJ7KX2MnZXXqP8vSv {
  font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
  font-size: clamp(2rem,4vw,3rem); font-weight: 800;
  color: #0F172A; letter-spacing: -0.05em; line-height: 1.1; margin: 0;
}
.o8xc_bIPx7w6G5Z4w8ww {
  font-size: 0.9rem; color: #64748B; line-height: 1.72;
  margin: 0; max-width: 520px;
}
.cUQEalK4SSk0OcgG78rD { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; justify-content: center; margin-top: 0.3rem; }

/* ══ RESPONSIVE ══════════════════════════════════════ */
@media (max-width: 1100px) {
  .ePjy7dOrdeaWCqNt5sJw         { grid-template-columns: 1fr; }
  .zjUx47MKcXO6MJauHrPb         { display: none; }
  .h6c5dh_Zy3XLSPPPo_oA         { grid-template-columns: repeat(2,1fr); }
  .Dcj4UrYLfRupJXOJMARo .Czj4b9WJgaba5XcDIsOz { grid-template-columns: 1fr; gap: 2rem; }
  .DOjVxZ_nGi5pELf4rwCT           { grid-template-columns: 1fr; }
  .DOjVxZ_nGi5pELf4rwCT::before   { display: none; }
  .pMyQqWyeRTGeeCHQMBpG     { grid-template-columns: 1fr; gap: 1.5rem; }
  .az1Np_wJkJ9zyGzv7xNn        { grid-template-columns: repeat(3,1fr); }
  .MmlwJcYilOIsv2VOK7KQ      { grid-template-columns: 1fr; }
  .lorDdgCotkmTKTJv6myZ,
  .SjYUtos6YCLTW8yi4Cvg         { grid-template-columns: 140px 1fr 1fr; }
  .VIvQsUOrhjuunjcsTxsf    { display: none; }
}
@media (max-width: 768px) {
  .ZjnFxGCB9Ci50Pb8wuH7,.Dcj4UrYLfRupJXOJMARo,.Ks42aooKjdoE5Lli7bMV,.PuhA43VTOieQMK0_UQzx,.Ad9lCDlgxrlOCrsBm0RZ,.vG1fZzg5gZG1BliGwvzE,.gEufYEA2lovgEPOQ_Jll {
    padding-left: 1.5rem; padding-right: 1.5rem;
  }
  .V2nX7FzvtLyL4AhaN3jW { padding: 1rem 1.5rem 0; }
  .ePjy7dOrdeaWCqNt5sJw  { padding: 2rem 1.5rem 0; }
  .h6c5dh_Zy3XLSPPPo_oA  { grid-template-columns: repeat(2,1fr); }
  .kYQx8uwL9CICOHtDd3rv   { padding: 1.2rem 1.5rem; }
  .az1Np_wJkJ9zyGzv7xNn { grid-template-columns: repeat(2,1fr); }
  .UD6XKFClT9x9BDIZ1G0A  { gap: 0.4rem; }
  .lorDdgCotkmTKTJv6myZ,
  .SjYUtos6YCLTW8yi4Cvg  { grid-template-columns: 120px 1fr; }
  .Z9iffS7dtkSrqxXsiO9w { display: none; }
}

/* ══════════════════════════════════════
   REQUEST DEMO FORM
   Matches Contact Sales design system
══════════════════════════════════════ */

.F1pLjYqZoaPwaYYBr4EK {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  margin-top: 5rem;
  margin-bottom: 5rem;
  width: 100%;
  box-sizing: border-box;
  font-family: 'Space Grotesk', sans-serif;
}

@media (max-width: 820px) {
  .F1pLjYqZoaPwaYYBr4EK {
    grid-template-columns: 1fr;
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
}

/* ── Left column (title + bullets) ── */
.ePxngZiiSxNWWhaJi2rT {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.tzitDE6eedBp0qyiZdoQ {
  font-size: 3rem;
  font-weight: 800;
  margin: 0 0 1.5rem;
  color: #0a0a0a;
  letter-spacing: -0.02em;
  line-height: 1.1;
}

@media (max-width: 600px) {
  .tzitDE6eedBp0qyiZdoQ {
    font-size: 2rem;
    margin-bottom: 0.75rem;
  }
}

.Nv4qP2OiBk6LPNYKRpia {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.ZP1NBQegiys5YpZHVS6M {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.5rem;
}

.ZP1NBQegiys5YpZHVS6M svg {
  color: #1A6EFF;
  font-size: 24px;
}

.JeSJ2cbxbq8El8o_5vfZ {
  font-size: 0.95rem;
  margin: 0;
  color: #555;
  line-height: 1.6;
}

@media (max-width: 600px) {
  .JeSJ2cbxbq8El8o_5vfZ { font-size: 0.9rem; }
}

/* ── Right column — form card ── */
.kCjBeZV_wau0mJCPF__q {
  background: #fff;
  border-radius: 20px;
  padding: 2.5rem;
  box-shadow: 0 4px 32px rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(0, 0, 0, 0.06);
}

@media (max-width: 1024px) {
  .kCjBeZV_wau0mJCPF__q { padding: 2rem; }
}

@media (max-width: 600px) {
  .kCjBeZV_wau0mJCPF__q {
    padding: 1.5rem 1.25rem;
    border-radius: 16px;
  }
}

/* ── Form inner stack ── */
.IhdTIgOjSUIrkLu_9t1t {
  display: flex;
  flex-direction: column;
  gap: 1.1rem;
}

/* ── Field wrapper ── */
.LFAVAJmYSoa0gs7Cw1fb {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.RNPV0bOH5BZgzrVn_0pf {
  font-size: 0.8rem;
  font-weight: 700;
  color: #333;
  letter-spacing: 0.01em;
  margin: 0;
}

/* ── Native inputs (text, email, tel, date, time) ── */
.AtkYDsaBlP51b9eq71PW {
  width: 100%;
  padding: 0.65rem 0.9rem;
  border: 1.5px solid #e0e0e8;
  border-radius: 10px;
  font-size: 0.9rem;
  color: #111;
  font-family: inherit;
  background: #fff;
  transition: border-color 0.2s, box-shadow 0.2s;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  box-sizing: border-box;
}

.AtkYDsaBlP51b9eq71PW::placeholder {
  color: #bbb;
  font-size: 0.88rem;
}

.AtkYDsaBlP51b9eq71PW:focus {
  border-color: #1A6EFF;
  box-shadow: 0 0 0 3px rgba(26, 110, 255, 0.12);
}

.AtkYDsaBlP51b9eq71PW:disabled {
  background-color: #f5f5f5;
  color: #bbb;
  cursor: not-allowed;
}

/* Restore date/time native chrome (calendar icon etc.) while keeping styling */
.AtkYDsaBlP51b9eq71PW[type="date"],
.AtkYDsaBlP51b9eq71PW[type="time"] {
  -webkit-appearance: auto;
  appearance: auto;
}

/* ── Multi-column grid rows ── */
.Yjai7GsGtlHwqz516OWC {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.85rem;
}

.LGbnKkCCirQBSf19ntGQ {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.85rem;
}

@media (max-width: 540px) {
  .Yjai7GsGtlHwqz516OWC,
  .LGbnKkCCirQBSf19ntGQ {
    grid-template-columns: 1fr;
    gap: 1.1rem;
  }
}

/* ── Submit button ── */
.hZEOGogW7YnTUVbM3H8H {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  background: linear-gradient(135deg, #1A6EFF, #7B6FFF);
  color: #fff;
  border: none;
  border-radius: 10px;
  padding: 0.7rem 1.8rem;
  font-size: 0.92rem;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
  transition: transform 0.2s, box-shadow 0.2s, opacity 0.2s;
  box-shadow: 0 3px 16px rgba(26, 110, 255, 0.3);
  margin-left: auto;
  min-width: 140px;
}

.hZEOGogW7YnTUVbM3H8H:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: 0 6px 24px rgba(26, 110, 255, 0.45);
}

.hZEOGogW7YnTUVbM3H8H:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

@media (max-width: 600px) {
  .hZEOGogW7YnTUVbM3H8H {
    width: 100%;
    margin-left: 0;
    font-size: 0.9rem;
    padding: 0.75rem 1.5rem;
  }
}