* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background-color: #fff;
    font-family: 'Inter', 'Inter display', system-ui, -apple-system, sans-serif;
    color: #231645;
    line-height: 1.4;
    scroll-behavior: smooth;
}

.rtContainer {
    max-width: 1160px;
    margin: 0 auto;
    padding: 0 24px;
    width: 100%;
}

.rtTitle,
h1,
h2,
h3,
.rtHeading {
    font-family: 'Geist', 'Inter', sans-serif;
    font-weight: 600;
    color: #231645;
    line-height: 1.2;
    letter-spacing: -0.02em;
}

.rtText {
    font-family: 'Inter', system-ui, sans-serif;
    color: #231645;
    font-weight: 400;
    line-height: 1.5;
}

.rtBtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: linear-gradient(135deg, #3c2af3, #160a37 46%, #e61850);
    border-radius: 8px;
    padding: 12px 20px;
    box-shadow: 0 11px 4px #19005103, 0 6px 4px #1f006405, 0 3px 3px #21006d08, 0 1px 1px #18004f0a;
    font-weight: 600;
    font-size: 0.95rem;
    transition: all 0.25s ease;
    border: none;
    cursor: pointer;
    text-decoration: none;
    color: white;
    font-family: 'Geist', sans-serif;
}

.rtBtnOutline {
    background: white;
    color: #231645;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02), 0 1px 2px rgba(0, 0, 0, 0.05);
    border: 1px solid #ececec;
    background: #fff;
}

.rtBtnOutline:hover {
    background: #faf9fe;
    border-color: #cfcfdf;
}

.rtBtn:hover {
    transform: translateY(-2px);
    opacity: 0.95;
    box-shadow: 0 16px 20px -8px rgba(60, 42, 243, 0.2), 0 4px 8px rgba(0, 0, 0, 0.02);
}

.rtCard {
    border: 1px solid #ececec;
    border-radius: 16px;
    background: #fff;
    transition: all 0.2s;
}

header {
    position: absolute;
    left: 50%;
    top: 40px;
    transform: translate(-50%, 0);
    background: #fff;
    max-width: 1170px;
    width: 96%;
    z-index: 3;
    border-radius: 12px;
}

.rtHeader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    flex-wrap: wrap;
}

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

.rtLogo img {
    height: 38px;
    width: auto;
}

.rtBrand {
    font-family: 'Geist', sans-serif;
    font-weight: 700;
    font-size: 1.7rem;
    letter-spacing: -0.02em;
    background: linear-gradient(135deg, #3c2af3, #e61850);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}

.rtNav {
    display: flex;
    gap: 32px;
    align-items: center;
}

.rtNav a {
    text-decoration: none;
    color: #231645;
    font-weight: 500;
    transition: 0.2s;
    font-size: 1rem;
}

.rtNav a:hover {
    color: #3c2af3;
}

.rtMenuIcon {
    display: none;
    font-size: 28px;
    cursor: pointer;
    background: none;
    border: none;
}

.rtHero {
    width: 98%;
    margin: 16px auto 0 auto;
    background: linear-gradient(135deg, #ebf2f8, #fdf2ec);
    border-radius: 20px;
    padding: 180px 32px 86px 32px;
    text-align: center;
}

.rtHero h1 {
    font-size: 3.5rem;
    line-height: 1.2;
    max-width: 900px;
    margin: 0 auto 18px;
}

.rtHero p {
    font-size: 1.2rem;
    max-width: 720px;
    margin: 0 auto 28px;
    opacity: 0.85;
    font-weight: 400;
}

.rtHeroBtns {
    display: flex;
    gap: 18px;
    justify-content: center;
    flex-wrap: wrap;
}

.rtSteps {
    display: flex;
    gap: 30px;
    margin: 70px 0;
    flex-wrap: wrap;
    justify-content: center;
}

.rtStepItem {
    flex: 1;
    min-width: 240px;
    border: 1px solid #ececec;
    border-radius: 16px;
    padding: 28px 20px;
    background: #fff;
    transition: all 0.25s;
}

.rtStepIcon {
    width: 56px;
    height: 56px;
    border: 1px solid #ececec;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 22px;
}

.rtStepIcon img {
    width: 28px;
    height: 28px;
}

.rtStepItem h3 {
    font-size: 1.5rem;
    margin-bottom: 12px;
}

.rtAboutWrap {
    display: flex;
    gap: 50px;
    align-items: center;
    margin: 80px 0;
    flex-wrap: wrap;
}

.rtAboutContent {
    flex: 1.2;
}

.rtAboutContent h2 {
    font-size: 2.4rem;
    margin-bottom: 20px;
}

.rtAboutContent p {
    margin-bottom: 20px;
    font-size: 1rem;
    line-height: 1.5;
}

.rtAboutImg {
    flex: 0.9;
}

.rtAboutImg img {
    width: 100%;
    border-radius: 24px;
    background: linear-gradient(#ebf2f8, #fdf2ec);
    padding: 45px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.02);
}

.rtFeaturesGrid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin: 50px 0 70px;
}

.rtFeatureItem {
    border: 1px solid #ececec;
    border-radius: 16px;
    padding: 28px 20px;
    background: #fff;
}

.rtFeatureIcon {
    width: 56px;
    height: 56px;
    border: 1px solid #ececec;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.rtFeatureItem h3 {
    margin-bottom: 6px;
}

.rtFeatureIcon img {
    width: 28px;
    height: 28px;
}

.rtStats {
    display: flex;
    justify-content: space-between;
    background: #fff;
    margin: 60px 0;
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    padding: 50px 0;
    flex-wrap: wrap;
}

.rtStatItem {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 0 24px;
    position: relative;
}

.rtStatItem:not(:last-child):after {
    content: "";
    position: absolute;
    right: 0;
    top: 15%;
    height: 70%;
    width: 1px;
    background: #ececec;
}

.rtStatNumber {
    font-size: 2.6rem;
    font-weight: 700;
    font-family: 'Geist', monospace;
    color: #231645;
    line-height: 1;
}

.rtStatInfo h4 {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 2px;
}

.rtStatInfo p {
    font-size: 14px;
}

.rtPlatforms {
    background: linear-gradient(135deg, #ebf2f8, #fdf2ec);
    border-radius: 20px;
    padding: 40px 48px;
    margin: 70px 0;
}

.rtPlatformGrid {
    display: flex;
    gap: 32px;
    justify-content: space-between;
    flex-wrap: wrap;
    text-align: center;
}

.rtPlatformCard {
    flex: 1;
    min-width: 180px;
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(2px);
    border-radius: 14px;
    padding: 24px 12px;
}

.rtPlatformCard h4 {
    font-size: 1.5rem;
    margin-bottom: 8px;
}

.rtCtaBlock {
    background: linear-gradient(135deg, #faf2fd, #ffe7e8);
    border-radius: 32px;
    text-align: center;
    padding: 60px 32px;
    margin: 70px 0;
}

.rtCtaBlock h2 {
    font-size: 2.2rem;
    margin-bottom: 18px;
}

.rtFooter {
    border-top: 1px solid #ececec;
    padding: 50px 0 30px;
    margin-top: 30px;
}

.rtFooterInner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 40px;
}

.rtFooterCol {
    flex: 1;
    min-width: 170px;
}

.rtFooterCol strong {
    margin-bottom: 12px;
    display: block;
}

.rtFooterLogo {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 20px;
}

.rtFooterLogo img {
    height: 36px;
}

.rtFooterCol p {
    margin-top: 10px;
    font-size: 0.85rem;
    opacity: 0.8;
}

.rtFooterLinks a,
.rtFooterLegal a {
    display: block;
    text-decoration: none;
    color: #231645;
    margin-bottom: 12px;
    font-size: 0.9rem;
}

.rtFooterLinks a:hover,
.rtFooterLegal a:hover {
    color: #3c2af3;
}

.rtFooterContact p {
    margin-bottom: 8px;
}

.rtCopyright {
    margin-top: 45px;
    text-align: left;
    font-size: 0.8rem;
    border-top: 1px solid #ececec;
    padding-top: 24px;
}

.rtContactHero {
    background: linear-gradient(135deg, #ebf2f8, #fdf2ec);
    border-radius: 20px;
    margin: 120px auto 0 auto;
    width: 98%;
    padding: 48px 32px;
}

.rtContactHeroInner {
    max-width: 1160px;
    margin: 0 auto;
}

.rtContactTitle {
    font-family: 'Geist', sans-serif;
    font-size: 2.6rem;
    font-weight: 600;
    color: #231645;
    margin-bottom: 12px;
}

.rtBreadcrumbs {
    font-family: 'Inter', sans-serif;
    font-size: 0.9rem;
    color: #231645;
    opacity: 0.7;
}

.rtBreadcrumbs a {
    color: #231645;
    text-decoration: none;
}

.rtBreadcrumbs a:hover {
    color: #3c2af3;
}

.rtSeparator {
    margin: 0 8px;
}

.rtContactInfoSection {
    margin: 70px 0 50px;
}

.rtContactHeader {
    text-align: center;
    margin-bottom: 48px;
}

.rtContactHeader h2 {
    font-family: 'Geist', sans-serif;
    font-size: 2.2rem;
    font-weight: 600;
    color: #231645;
    margin-bottom: 12px;
}

.rtContactHeader p {
    font-family: 'Inter', sans-serif;
    color: #231645;
    opacity: 0.8;
    max-width: 550px;
    margin: 0 auto;
}

.rtContactCards {
    display: flex;
    gap: 30px;
    justify-content: center;
    flex-wrap: wrap;
}

.rtContactCard {
    flex: 1;
    min-width: 240px;
    border: 1px solid #ececec;
    border-radius: 16px;
    padding: 32px 24px;
    text-align: center;
    background: #fff;
    transition: all 0.2s ease;
}

.rtContactCard:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.05);
}

.rtContactCardIcon {
    font-size: 2.5rem;
    margin-bottom: 16px;
}

.rtContactCard h3 {
    font-family: 'Geist', sans-serif;
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 8px;
    color: #231645;
}

.rtContactCard p {
    font-family: 'Inter', sans-serif;
    color: #231645;
    opacity: 0.8;
    line-height: 1.4;
}

.rtFormSection {
    margin: 60px 0 80px;
}

.rtFormWrapper {
    max-width: 780px;
    margin: 0 auto;
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 24px;
    padding: 48px 40px;
}

.rtFormTitle {
    font-family: 'Geist', sans-serif;
    font-size: 1.8rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: 32px;
    color: #231645;
}

.rtFormRow {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.rtFormGroup {
    flex: 1;
}

.rtFormGroup.full {
    width: 100%;
    margin-bottom: 20px;
}

.rtFormGroup input,
.rtFormGroup textarea {
    width: 100%;
    padding: 14px 18px;
    font-family: 'Inter', sans-serif;
    font-size: 1rem;
    border: 1px solid #ececec;
    border-radius: 12px;
    background: #fff;
    transition: 0.2s;
    outline: none;
    color: #231645;
}

.rtFormGroup input:focus,
.rtFormGroup textarea:focus {
    border-color: #3c2af3;
    box-shadow: 0 0 0 3px rgba(60, 42, 243, 0.1);
}

.rtFormGroup input::placeholder,
.rtFormGroup textarea::placeholder {
    color: #aaa;
}

.rtFormSubmit {
    text-align: center;
    margin-top: 16px;
}

.rtFormSubmit button {
    padding: 12px 32px;
    font-size: 1rem;
    cursor: pointer;
}

.rtPopupOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2000;
    visibility: hidden;
    opacity: 0;
    transition: 0.2s ease;
}

.rtPopupOverlay.active {
    visibility: visible;
    opacity: 1;
}

.rtPopupCard {
    background: #fff;
    border-radius: 24px;
    padding: 40px 32px;
    text-align: center;
    max-width: 420px;
    width: 90%;
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.2);
    animation: rtPopupFadeIn 0.25s ease;
}

.rtPopupIcon {
    width: 64px;
    height: 64px;
    background: linear-gradient(135deg, #3c2af3, #e61850);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    font-size: 32px;
    color: white;
    font-weight: bold;
}

.rtPopupCard h3 {
    font-family: 'Geist', sans-serif;
    font-size: 1.6rem;
    margin-bottom: 12px;
    color: #231645;
}

.rtPopupCard p {
    font-family: 'Inter', sans-serif;
    color: #231645;
    opacity: 0.8;
    margin-bottom: 24px;
}

@keyframes rtPopupFadeIn {
    from {
        opacity: 0;
        transform: scale(0.96);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@media (max-width: 700px) {
    .rtContactHero {
        padding: 32px 20px;
    }

    .rtContactTitle {
        font-size: 2.2rem;
    }

    .rtFormWrapper {
        padding: 32px 20px;
    }

    .rtFormRow {
        flex-direction: column;
        gap: 12px;
    }
}

.rtAboutHero {
    background: linear-gradient(135deg, #ebf2f8, #fdf2ec);
    border-radius: 20px;
    margin: 120px auto 0 auto;
    width: 98%;
    padding: 56px 32px;
}

.rtAboutHeroInner {
    max-width: 1160px;
    margin: 0 auto;
}

.rtAboutHeroTitle {
    font-family: 'Geist', sans-serif;
    font-size: 2.6rem;
    font-weight: 600;
    color: #231645;
    margin-bottom: 12px;
}

.rtBreadcrumbs {
    font-family: 'Inter', sans-serif;
    font-size: 0.9rem;
    color: #231645;
    opacity: 0.7;
}

.rtBreadcrumbs a {
    color: #231645;
    text-decoration: none;
}

.rtBreadcrumbs a:hover {
    color: #3c2af3;
}

.rtSeparator {
    margin: 0 8px;
}


.rtCoreValues {
    margin: 80px 0 50px;
}

.rtCoreGrid {
    display: flex;
    gap: 30px;
    justify-content: center;
    flex-wrap: wrap;
}

.rtCoreCard {
    flex: 1;
    min-width: 260px;
    border: 1px solid #ececec;
    border-radius: 20px;
    padding: 32px 24px;
    background: #fff;
    transition: all 0.25s ease;
}

.rtCoreCard:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.03);
}

.rtCoreIcon {
    width: 56px;
    height: 56px;
    border: 1px solid #ececec;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
}

.rtCoreIcon img {
    width: 28px;
    height: 28px;
}

.rtCoreCard h3 {
    font-family: 'Geist', sans-serif;
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 12px;
    color: #231645;
}

.rtCoreCard p {
    font-family: 'Inter', sans-serif;
    color: #231645;
    opacity: 0.75;
    line-height: 1.5;
}


.rtAboutStats {
    margin: 60px 0;
}

.rtAboutStatsGrid {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    padding: 48px 0;
    flex-wrap: wrap;
}

.rtAboutStatItem {
    flex: 1;
    text-align: center;
    padding: 0 20px;
    position: relative;
}

.rtAboutStatItem:not(:last-child):after {
    content: "";
    position: absolute;
    right: 0;
    top: 10%;
    height: 80%;
    width: 1px;
    background: #ececec;
}

.rtAboutStatNumber {
    font-family: 'Geist', sans-serif;
    font-size: 2.5rem;
    font-weight: 700;
    color: #231645;
    margin-bottom: 8px;
    letter-spacing: -0.02em;
}

.rtAboutStatText {
    font-family: 'Inter', sans-serif;
    font-size: 0.9rem;
    color: #231645;
    opacity: 0.7;
    line-height: 1.4;
}


.rtAboutStory {
    margin: 70px 0 90px;
}

.rtStoryHeader {
    text-align: center;
    margin-bottom: 48px;
}

.rtStorySubtitle {
    font-family: 'Inter', sans-serif;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #3c2af3;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 12px;
}

.rtStoryHeader h2 {
    font-family: 'Geist', sans-serif;
    font-size: 2.2rem;
    font-weight: 600;
    color: #231645;
    line-height: 1.3;
}

.rtStoryContent {
    max-width: 880px;
    margin: 0 auto;
}

.rtStoryTextBlock p {
    font-family: 'Inter', sans-serif;
    font-size: 1.05rem;
    line-height: 1.65;
    color: #231645;
    margin-bottom: 24px;
    opacity: 0.85;
}

.rtStoryTextBlock p:last-child {
    margin-bottom: 0;
}


@media (max-width: 860px) {
    .rtAboutHero {
        padding: 40px 24px;
    }

    .rtAboutHeroTitle {
        font-size: 2.2rem;
    }

    .rtCoreGrid {
        flex-direction: column;
    }

    .rtAboutStatsGrid {
        flex-direction: column;
        gap: 32px;
        align-items: center;
    }

    .rtAboutStatItem:not(:last-child):after {
        display: none;
    }

    .rtAboutStatItem {
        padding: 0;
    }

    .rtStoryHeader h2 {
        font-size: 1.7rem;
    }

    .rtStoryTextBlock p {
        font-size: 1rem;
    }
}

@media (max-width: 480px) {
    .rtAboutHeroTitle {
        font-size: 1.8rem;
    }
}




.rtLegalHero {
    background: linear-gradient(135deg, #ebf2f8, #fdf2ec);
    border-radius: 20px;
    margin: 120px auto 0 auto;
    width: 98%;
    padding: 48px 32px;
}

.rtLegalHeroInner {
    max-width: 1160px;
    margin: 0 auto;
}

.rtLegalTitle {
    font-family: 'Geist', sans-serif;
    font-size: 2.8rem;
    font-weight: 600;
    color: #231645;
    margin-bottom: 12px;
}

.rtLegalDate {
    font-family: 'Inter', sans-serif;
    font-size: 0.85rem;
    color: #231645;
    opacity: 0.6;
    margin-top: 8px;
}

.rtLegalContent {
    max-width: 1000px;
    margin: 60px auto 80px;
    padding: 0 20px;
}

.rtLegalSection {
    margin-bottom: 40px;
}

.rtLegalSection h2 {
    font-family: 'Geist', sans-serif;
    font-size: 1.6rem;
    font-weight: 600;
    color: #231645;
    margin-bottom: 20px;
    padding-bottom: 8px;
    border-bottom: 2px solid #ececec;
}

.rtLegalSection h3 {
    font-family: 'Geist', sans-serif;
    font-size: 1.2rem;
    font-weight: 600;
    color: #231645;
    margin: 24px 0 12px 0;
}

.rtLegalSection p {
    font-family: 'Inter', sans-serif;
    font-size: 1rem;
    line-height: 1.65;
    color: #231645;
    opacity: 0.85;
    margin-bottom: 16px;
}

.rtLegalSection ul,
.rtLegalSection ol {
    margin: 16px 0 16px 24px;
    font-family: 'Inter', sans-serif;
    color: #231645;
    opacity: 0.85;
    line-height: 1.6;
}

.rtLegalSection li {
    margin-bottom: 8px;
}

.rtLegalSection a {
    color: #3c2af3;
    text-decoration: none;
}

.rtLegalSection a:hover {
    text-decoration: underline;
}

.rtLegalContactBox {
    background: #f8f9ff;
    border: 1px solid #ececec;
    border-radius: 16px;
    padding: 28px 32px;
    margin: 32px 0;
}

.rtLegalContactBox p {
    margin-bottom: 8px;
}

.rtLegalContactBox strong {
    font-weight: 600;
}

@media (max-width: 700px) {
    .rtLegalHero {
        padding: 32px 20px;
    }

    .rtLegalTitle {
        font-size: 2rem;
    }

    .rtLegalSection h2 {
        font-size: 1.4rem;
    }
}


.rtServicesHero {
    background: linear-gradient(135deg, #ebf2f8, #fdf2ec);
    border-radius: 20px;
    margin: 120px auto 0 auto;
    width: 98%;
    padding: 56px 32px;
}

.rtServicesHeroInner {
    max-width: 1160px;
    margin: 0 auto;
}

.rtServicesTitle {
    font-family: 'Geist', sans-serif;
    font-size: 2.6rem;
    font-weight: 600;
    color: #231645;
    margin-bottom: 12px;
}

.rtBreadcrumbs {
    font-family: 'Inter', sans-serif;
    font-size: 0.9rem;
    color: #231645;
    opacity: 0.7;
}

.rtBreadcrumbs a {
    color: #231645;
    text-decoration: none;
}

.rtBreadcrumbs a:hover {
    color: #3c2af3;
}

.rtSeparator {
    margin: 0 8px;
}


.rtServicesHeader {
    text-align: center;
    margin: 60px 0 48px;
}

.rtServicesSubtitle {
    font-family: 'Inter', sans-serif;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #3c2af3;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 12px;
}

.rtServicesHeader h2 {
    font-family: 'Geist', sans-serif;
    font-size: 2.2rem;
    font-weight: 600;
    color: #231645;
    margin-bottom: 16px;
    line-height: 1.3;
}

.rtServicesHeader p {
    font-family: 'Inter', sans-serif;
    font-size: 1.1rem;
    color: #231645;
    opacity: 0.7;
    max-width: 600px;
    margin: 0 auto;
}


.rtServicesGrid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    margin-bottom: 80px;
}


.rtServiceCard {
    border: 1px solid #ececec;
    border-radius: 20px;
    padding: 32px 28px;
    background: #fff;
    transition: all 0.3s ease;
}

.rtServiceCard:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.04);
}

.rtServiceIcon {
    width: 56px;
    height: 56px;
    border: 1px solid #ececec;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
}

.rtServiceIcon img {
    width: 28px;
    height: 28px;
}

.rtServiceCard h3 {
    font-family: 'Geist', sans-serif;
    font-size: 1.5rem;
    font-weight: 600;
    color: #231645;
    margin-bottom: 12px;
}

.rtServiceCard>p {
    font-family: 'Inter', sans-serif;
    font-size: 0.95rem;
    line-height: 1.5;
    color: #231645;
    opacity: 0.75;
    margin-bottom: 20px;
}

.rtServiceList {
    list-style: none;
    padding: 0;
    margin: 0;
}

.rtServiceList li {
    font-family: 'Inter', sans-serif;
    font-size: 0.9rem;
    color: #231645;
    opacity: 0.8;
    padding-left: 24px;
    position: relative;
    margin-bottom: 10px;
}

.rtServiceList li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #3c2af3;
    font-weight: 600;
    font-size: 1rem;
}


@media (max-width: 860px) {
    .rtServicesHero {
        padding: 40px 24px;
    }

    .rtServicesTitle {
        font-size: 2.2rem;
    }

    .rtServicesHeader h2 {
        font-size: 1.7rem;
    }

    .rtServicesGrid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .rtServiceCard {
        padding: 28px 20px;
    }

    .rtServiceCard h3 {
        font-size: 1.3rem;
    }
}

@media (max-width: 480px) {
    .rtServicesTitle {
        font-size: 1.8rem;
    }

    .rtServicesHeader h2 {
        font-size: 1.4rem;
    }
}


















@media (max-width: 860px) {
    .rtContainer {
        padding: 0 20px;
    }

    .rtNav {
        position: fixed;
        top: 0;
        left: -100%;
        width: 70%;
        height: 100vh;
        background: white;
        flex-direction: column;
        justify-content: center;
        gap: 28px;
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
        transition: 0.3s;
        z-index: 1000;
        padding: 40px 28px;
    }

    .rtHeader {
        z-index: 9;
    }

    .rtNav.activeMenu {
        left: 0;

        position: absolute;
        z-index: 999;
    }

    .rtMenuIcon {
        display: block;
    }

    .rtNav a {
        font-size: 1.3rem;
    }

    .rtHero h1 {
        font-size: 2.4rem;
    }

    .rtFeaturesGrid,
    .rtSteps {
        grid-template-columns: 1fr;
        flex-direction: column;
    }

    .rtFeaturesGrid {
        display: flex;
        flex-direction: column;
    }

    .rtStatItem:not(:last-child):after {
        display: none;
    }

    .rtStats {
        flex-direction: column;
        gap: 30px;
        align-items: flex-start;
    }

    .rtAboutWrap {
        flex-direction: column;
    }

    .rtPlatformGrid {
        flex-direction: column;
        align-items: center;
    }
}

.rtListCheck {
    list-style: none;
    padding-left: 0;
}

.rtListCheck li {
    background: url('../images/check.svg') left center no-repeat;
    background-size: 18px;
    padding-left: 28px;
    margin-bottom: 12px;
}

.rtBtnLink {
    text-decoration: none;
}

.rtCenter {
    text-align: center;
}

@media(max-width: 520px) {
    .rtPlatforms {
        padding: 40px 30px;
    }

    .rtStatItem {
        flex-direction: column;
        text-align: center;
    }

    .rtHero h1 {
        font-size: 2rem;
    }

    .rtHero p {
        font-size: 1rem;
    }

    .rtAboutContent h2 {
        font-size: 2rem;
    }

    .rtNav a {
        font-size: 1rem;
    }
    .rtAboutImg img{
        padding: 25px;
    }
    header{
        top: 30px;
    }
}