/* =====================================================
   AI COURSE STYLES - OPTIMIZED
   ===================================================== */

/* ===================
   FONTS
   =================== */
@font-face {
    font-family: 'Rubik';
    src: url('/fonts/rubik/Rubik-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Rubik';
    src: url('/fonts/rubik/Rubik-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Rubik';
    src: url('/fonts/rubik/Rubik-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Rubik';
    src: url('/fonts/rubik/Rubik-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

/* ===================
   GLOBAL RESET
   =================== */
section.ai-hero,
section.ai-result,
section.ai-instruments,
section.ai-for-who,
section.ai-education,
section.ai-how-to-learn,
section.ai-try-demo,
section.ai-usefulness,
section.ai-methodics,
section.ai-certificate,
section.ai-first-step,
section.ai-faq {
    font-family: 'Rubik', sans-serif;
}

section.ai-hero *,
section.ai-result *,
section.ai-instruments *,
section.ai-for-who *,
section.ai-education *,
section.ai-how-to-learn *,
section.ai-try-demo *,
section.ai-usefulness *,
section.ai-methodics *,
section.ai-certificate *,
section.ai-first-step *,
section.ai-faq * {
    text-transform: none;
    letter-spacing: normal;
}

section[class^="ai-"] h1,
section[class^="ai-"] h2,
section[class^="ai-"] h3,
section[class^="ai-"] h4,
section[class^="ai-"] h5,
section[class^="ai-"] h6,
section[class^="ai-"] p,
section[class^="ai-"] span {
    margin: 0;
    padding: 0;
}

/* ===================
   COMMON COMPONENTS
   =================== */

/* CTA Button - shared across sections */
.ai-hero__cta,
.ai-for-who__cta,
.ai-education__cta,
.ai-try-demo__cta,
.ai-methodics__cta,
.ai-certificate__cta,
.ai-first-step__cta,
.ai-faq__cta {
    position: relative;
    width: 460px;
    height: 60px;
    background: linear-gradient(154.819deg, rgb(242, 169, 4) 10.859%, rgb(245, 8, 130) 89.141%);
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.ai-hero__cta-text,
.ai-for-who__cta-text,
.ai-education__cta-text,
.ai-try-demo__cta-text,
.ai-methodics__cta-text,
.ai-certificate__cta-text,
.ai-first-step__cta-text,
.ai-faq__cta-text {
    font-weight: 600;
    font-size: 24px;
    line-height: normal;
    color: #ffffff;
    white-space: nowrap;
}

/* CTA Buttons - clickable version */
.ai-hero__cta-button,
.ai-for-who__cta-button,
.ai-education__cta-button,
.ai-try-demo__cta-button,
.ai-methodics__cta-button,
.ai-certificate__cta-button,
.ai-first-step__cta-button,
.ai-faq__cta-button {
    font-family: 'Rubik', sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: normal;
    color: #ffffff;
    white-space: nowrap;
    background: transparent;
    border: none;
    cursor: pointer;
    margin: 0;
    transition: opacity 0.2s ease;
    /* Занимает всю площадь родителя */
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
}

.ai-hero__cta-button:hover,
.ai-for-who__cta-button:hover,
.ai-education__cta-button:hover,
.ai-try-demo__cta-button:hover,
.ai-methodics__cta-button:hover,
.ai-certificate__cta-button:hover,
.ai-first-step__cta-button:hover,
.ai-faq__cta-button:hover {
    opacity: 0.9;
}

/* Icon colors - shared */
[class*="__icon--pink"] { background: #f952a8; }
[class*="__icon--purple"] { background: #7141b7; }
[class*="__icon--cyan"] { background: #21dbc5; }
[class*="__icon--green"] { background: #20c2af; }
[class*="__icon--orange"] { background: #f8610d; }
[class*="__icon--blue"] { background: #03a0e3; }

/* Image wrapper colors - shared */
[class*="__image-wrapper--green"] { border-color: #94ff2a; }
[class*="__image-wrapper--orange"] { border-color: #ef8100; }
[class*="__image-wrapper--cyan"] { border-color: #21dbc5; }
[class*="__image-wrapper--purple"] { border-color: #7141b7; }

/* Day colors */
.ai-education__day--pink { color: #f952a8; }
.ai-education__day--purple { color: #7141b7; }
.ai-education__day--cyan { color: #21dbc5; }
.ai-education__day--blue { color: #03a0e3; }
.ai-education__day--orange { color: #f8610d; }

/* How-to-learn icon green override */
.ai-how-to-learn__icon--green { background: #94ff2a; }

/* First-step icon blue override */
.ai-first-step__icon--blue { background: #03a0e3; }

/* ===================
   HERO SECTION
   =================== */
.ai-hero {
    position: relative;
    width: 100%;
    min-height: 1012px;
    background: linear-gradient(156.393deg, rgb(38, 28, 82) 14.51%, rgb(84, 29, 136) 51.42%, rgb(34, 55, 136) 85.49%);
    overflow: hidden;
    margin: 0;
    padding: 130px 0 121px;
    display: flex;
    justify-content: center;
}

.ai-hero__decoration {
    position: absolute;
    left: 80px;
    top: 56px;
    width: 1722px;
    height: 900px;
    pointer-events: none;
    z-index: 0;
}

.ai-hero__decoration img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
}

.ai-hero__wrapper {
    position: relative;
    z-index: 1;
    width: 1920px;
    max-width: 100%;
    display: flex;
    gap: 90px;
    padding: 0 250px;
    align-items: flex-start;
}

.ai-hero__content {
    width: 700px;
    display: flex;
    flex-direction: column;
    gap: 60px;
    flex-shrink: 0;
}

.airo__title-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
    font-weight: 600;
}

section.ai-hero .ai-hero__title {
    font-size: 64px;
    line-height: normal;
    font-weight: 600;
    background: linear-gradient(171.017deg, rgb(242, 169, 4) 22.504%, rgb(245, 8, 130) 100.69%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    text-align: left;
    margin-bottom: 20px;
}

section.ai-hero .ai-hero__subtitle {
    font-size: 36px;
    line-height: normal;
    font-weight: 600;
    color: #edf1f7;
}

.ai-hero__info {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.ai-hero__info-text {
    font-weight: 400;
    font-size: 32px;
    line-height: normal;
    color: #fbfdfc;
}

.ai-hero__features {
    display: flex;
    gap: 20px;
    align-items: center;
    flex-wrap: wrap;
}

.ai-hero__feature {
    display: flex;
    gap: 10px;
    align-items: center;
}

.ai-hero__feature-text {
    font-weight: 500;
    font-size: 24px;
    line-height: normal;
    color: #00f0ff;
    white-space: nowrap;
}

.ai-hero__feature-arrow {
    width: 30px;
    height: 14.72px;
}

.ai-hero__feature-arrow img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
}

.ai-hero__left-column {
    display: flex;
    flex-direction: column;
    gap: 70px;
    width: 700px;
    flex-shrink: 0;
}

.ai-hero__image-wrapper {
    position: relative;
    width: 580px;
    height: 780px;
    background: #ffffff;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0px 0px 128px 0px rgba(245, 245, 245, 0.5);
    flex-shrink: 0;
}

.ai-hero__image-inner {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) translate(-6.5px, -19px);
    width: 665px;
    height: 1182px;
}

.ai-hero__image-inner img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: 50% 50%;
    pointer-events: none;
}

/* ===================
   RESULT SECTION
   =================== */
.ai-result {
    position: relative;
    width: 100%;
    background: #f5fcff;
    padding: 100px 0;
}

.ai-result__container {
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 490px;
    display: flex;
    flex-direction: column;
    gap: 90px;
    align-items: center;
}

section.ai-result .ai-result__title {
    font-weight: 600;
    font-size: 36px;
    line-height: normal;
    color: #002b53;
    text-align: center;
    white-space: nowrap;
}

section.ai-result .ai-result__title-gradient {
    font-weight: 600;
    font-size: 36px;
    line-height: normal;
    background: linear-gradient(167.814deg, rgb(245, 8, 130) 11.551%, rgb(3, 180, 255) 98.429%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.ai-result__columns {
    display: flex;
    gap: 260px;
    width: 940px;
}

.ai-result__column {
    display: flex;
    flex-direction: column;
    gap: 40px;
    width: 340px;
}

.ai-result__item {
    display: flex;
    gap: 20px;
    align-items: center;
    width: 100%;
}

.ai-result__icon {
    width: 60px;
    height: 60px;
    min-width: 60px;
    min-height: 60px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ai-result__icon img,
.ai-result__icon svg {
    width: 30px;
    height: 30px;
}

.ai-result__text {
    font-weight: 400;
    font-size: 16px;
    line-height: normal;
    color: #002b53;
    flex: 1;
}

/* ===================
   INSTRUMENTS SECTION
   =================== */
.ai-instruments {
    position: relative;
    width: 100%;
    background: #f5fcff;
    padding: 100px 0 200px;
}

.ai-instruments__container {
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.ai-instruments__header {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    margin-bottom: 196px;
}

.ai-instruments__title-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}

section.ai-instruments .ai-instruments__title {
    font-weight: 600;
    font-size: 36px;
    line-height: normal;
    color: #002b53;
    text-align: center;
    white-space: nowrap;
}

section.ai-instruments .ai-instruments__title-gradient {
    font-weight: 600;
    font-size: 36px;
    line-height: normal;
    background: linear-gradient(103.984deg, rgb(100, 32, 195) 0.75655%, rgb(30, 57, 137) 99.31%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.ai-instruments__description {
    font-weight: 400;
    font-size: 18px;
    line-height: normal;
    color: #4d4d4d;
    text-align: center;
    width: 802px;
}

.ai-instruments__cards {
    display: flex;
    gap: 40px;
    align-items: center;
    width: 940px;
}

.ai-instruments__card {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    flex: 1;
}

.ai-instruments__logo {
    width: 80px;
    height: 80px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ai-instruments__logo img {
    width: 80px;
    height: 80px;
}

.ai-instruments__card-info {
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: center;
    text-align: center;
    width: 100%;
}

.ai-instruments__card-title {
    font-weight: 700;
    font-size: 20px;
    line-height: normal;
    color: #002b53;
    white-space: nowrap;
}

.ai-instruments__card-desc {
    font-weight: 400;
    font-size: 16px;
    line-height: normal;
    color: #4d4d4d;
    white-space: nowrap;
}

/* ===================
   FOR WHO SECTION
   =================== */
.ai-for-who {
    position: relative;
    width: 100%;
    background: #e6f7ff;
    padding: 100px 0;
}

.ai-for-who__container {
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 390px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

section.ai-for-who .ai-for-who__title {
    font-weight: 600;
    font-size: 36px;
    line-height: normal;
    text-align: center;
    margin-bottom: 90px;
    background: url('/img/courses/ai/for-who-title-bg.png') center / cover no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    width: 100%;
}

.ai-for-who__cards {
    display: flex;
    gap: 90px;
    align-items: stretch;
    width: 1140px;
    margin-bottom: 150px;
}

.ai-for-who__card {
    background: #fbfdfc;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    padding: 40px 20px;
    border-radius: 20px;
    box-shadow: 0px 5px 10px 3px rgba(40, 88, 115, 0.15);
    width: 320px;
}

.ai-for-who__image-wrapper,
.ai-methodics__image-wrapper {
    background: #ffffff;
    border: 4px solid;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 10px 2px rgba(7, 69, 31, 0.15);
    width: 180px;
    height: 180px;
    flex-shrink: 0;
}

.ai-for-who__image,
.ai-methodics__image {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.ai-for-who__image img,
.ai-methodics__image img {
    width: 180px;
    height: 180px;
    object-fit: cover;
    object-position: center;
}

.ai-for-who__card-info {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    text-align: center;
    width: 100%;
}

.ai-for-who__card-title {
    font-weight: 700;
    font-size: 20px;
    line-height: normal;
    color: #002b53;
}

.ai-for-who__card-desc {
    font-weight: 400;
    font-size: 16px;
    line-height: normal;
    color: #4d4d4d;
}

/* ===================
   EDUCATION SECTION
   =================== */
section.ai-education {
    position: relative;
    width: 100%;
    background: #ffffff;
    padding: 60px 0 180px;
}

section.ai-education .ai-education__container {
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 590px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

section.ai-education .ai-education__title {
    font-weight: 600;
    font-size: 36px;
    line-height: normal;
    color: #002b53;
    text-align: center;
    margin-bottom: 110px;
    white-space: nowrap;
}

section.ai-education .ai-education__title-gradient {
    font-weight: 600;
    font-size: 36px;
    line-height: normal;
    background: linear-gradient(102.08deg, rgb(100, 32, 195) 0.75655%, rgb(30, 57, 137) 99.31%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

section.ai-education .ai-education__grid {
    display: grid;
    grid-template-columns: repeat(2, 340px);
    gap: 60px;
    width: 740px;
    margin-bottom: 80px;
}

section.ai-education .ai-education__card {
    background: #f5fcff;
    display: flex;
    flex-direction: column;
    height: 240px;
    justify-content: space-between;
    padding: 20px 30px;
    border-radius: 20px;
    box-shadow: 0px 5px 10px 3px rgba(40, 88, 115, 0.15);
}

section.ai-education .ai-education__card-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

section.ai-education .ai-education__card-header {
    display: flex;
    gap: 20px;
    align-items: center;
}

section.ai-education .ai-education__icon {
    width: 60px;
    height: 60px;
    min-width: 60px;
    min-height: 60px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

section.ai-education .ai-education__icon img {
    width: 30px;
    height: 30px;
}

section.ai-education .ai-education__card-header-text {
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: 60px;
    width: 218px;
}

section.ai-education .ai-education__day {
    font-weight: 600;
    font-size: 20px;
    line-height: normal;
    color: #192138;
}

section.ai-education .ai-education__card-subtitle {
    display: flex;
    gap: 5px;
    align-items: center;
    font-size: 16px;
    white-space: nowrap;
}

section.ai-education .ai-education__card-subtitle-main {
    font-weight: 500;
    color: #192138;
}

section.ai-education .ai-education__card-subtitle-tool {
    font-weight: 400;
    color: #4d4d4d;
}

section.ai-education .ai-education__card-description {
    font-weight: 400;
    font-size: 16px;
    line-height: normal;
    color: #4d4d4d;
}

section.ai-education .ai-education__card-result {
    background: #94ff2a;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 20px;
    border-radius: 100px;
}

section.ai-education .ai-education__card-result p {
    font-weight: 500;
    font-size: 14px;
    line-height: normal;
    color: #192138;
    white-space: nowrap;
}

/* ===================
   HOW TO LEARN SECTION
   =================== */
section.ai-how-to-learn {
    position: relative;
    width: 100%;
    background: #f5fcff;
    padding: 100px 0;
}

section.ai-how-to-learn .ai-how-to-learn__container {
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 250px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

section.ai-how-to-learn .ai-how-to-learn__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    margin-bottom: 80px;
}

section.ai-how-to-learn .ai-how-to-learn__title {
    font-weight: 600;
    font-size: 36px;
    line-height: normal;
    color: #002b53;
    text-align: center;
}

section.ai-how-to-learn .ai-how-to-learn__title-gradient {
    font-weight: 600;
    font-size: 36px;
    line-height: normal;
    background: linear-gradient(90deg, #f952a8 0%, #7141b7 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

section.ai-how-to-learn .ai-how-to-learn__subtitle {
    font-weight: 400;
    font-size: 24px;
    line-height: normal;
    color: #4d4d4d;
    text-align: center;
}

section.ai-how-to-learn .ai-how-to-learn__cards {
    display: flex;
    gap: 40px;
    width: 100%;
    justify-content: center;
}

section.ai-how-to-learn .ai-how-to-learn__card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    flex: 1;
    max-width: 200px;
}

section.ai-how-to-learn .ai-how-to-learn__icon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

section.ai-how-to-learn .ai-how-to-learn__icon img {
    width: 40px;
    height: 40px;
    object-fit: contain;
}

section.ai-how-to-learn .ai-how-to-learn__card-info {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    text-align: center;
}

section.ai-how-to-learn .ai-how-to-learn__card-title {
    font-weight: 600;
    font-size: 20px;
    line-height: normal;
    color: #192138;
    max-width: 200px;
}

section.ai-how-to-learn .ai-how-to-learn__card-desc {
    font-weight: 400;
    font-size: 16px;
    line-height: normal;
    color: #4d4d4d;
}

/* ===================
   TRY DEMO SECTION
   =================== */
section.ai-try-demo {
    position: relative;
    width: 100%;
    background: #ffffff;
    padding: 100px 0;
}

section.ai-try-demo .ai-try-demo__container {
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 490px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

section.ai-try-demo .ai-try-demo__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin-bottom: 44px;
}

section.ai-try-demo .ai-try-demo__title {
    font-weight: 600;
    font-size: 36px;
    line-height: normal;
    background: linear-gradient(90deg, #fb7d04 0%, #f33dae 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-align: center;
}

section.ai-try-demo .ai-try-demo__subtitle {
    font-weight: 400;
    font-size: 18px;
    line-height: normal;
    color: #4d4d4d;
    text-align: center;
}

section.ai-try-demo .ai-try-demo__cta {
    text-decoration: none;
}

/* ===================
   USEFULNESS SECTION
   =================== */
section.ai-usefulness {
    position: relative;
    width: 100%;
    background: #ffffff;
    padding: 100px 0;
}

section.ai-usefulness .ai-usefulness__container {
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 490px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

section.ai-usefulness .ai-usefulness__title {
    font-weight: 600;
    font-size: 36px;
    line-height: normal;
    background: linear-gradient(95.9966deg, rgb(100, 32, 195) 0.75655%, rgb(30, 57, 137) 99.31%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 143px;
    text-align: center;
}

section.ai-usefulness .ai-usefulness__cards {
    display: flex;
    gap: 260px;
    width: 100%;
    justify-content: center;
}

section.ai-usefulness .ai-usefulness__card {
    display: flex;
    gap: 20px;
    width: 340px;
}

section.ai-usefulness .ai-usefulness__icon {
    width: 60px;
    height: 60px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

section.ai-usefulness .ai-usefulness__icon img {
    width: 30px;
    height: 30px;
    object-fit: contain;
}

section.ai-usefulness .ai-usefulness__card-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1;
}

section.ai-usefulness .ai-usefulness__card-title {
    font-weight: 500;
    font-size: 16px;
    line-height: normal;
    color: #192138;
}

section.ai-usefulness .ai-usefulness__card-desc {
    font-weight: 400;
    font-size: 16px;
    line-height: normal;
    color: #4d4d4d;
}

/* ===================
   METHODICS SECTION
   =================== */
section.ai-methodics {
    position: relative;
    width: 100%;
    background: #e6f7ff;
    padding: 100px 0;
}

section.ai-methodics .ai-methodics__container {
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 370px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

section.ai-methodics .ai-methodics__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin-bottom: 66px;
}

section.ai-methodics .ai-methodics__title {
    font-weight: 600;
    font-size: 36px;
    line-height: normal;
    text-align: center;
    background: url('/img/courses/ai/for-who-title-bg.png') center / cover no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

section.ai-methodics .ai-methodics__subtitle {
    font-weight: 400;
    font-size: 18px;
    line-height: normal;
    color: #4d4d4d;
    text-align: center;
    max-width: 452px;
}

section.ai-methodics .ai-methodics__characters-title {
    font-weight: 600;
    font-size: 30px;
    line-height: normal;
    color: #002b53;
    text-align: center;
    margin-bottom: 66px;
}

section.ai-methodics .ai-methodics__cards {
    display: flex;
    gap: 29px;
    justify-content: center;
    width: 1180px;
    margin-bottom: 110px;
}

section.ai-methodics .ai-methodics__card {
    background: #fbfdfc;
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: 320px;
    align-items: center;
    padding: 40px 20px;
    border-radius: 20px;
    box-shadow: 0px 5px 10px 3px rgba(40, 88, 115, 0.15);
    flex: 1;
}

section.ai-methodics .ai-methodics__card-info {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    text-align: center;
    width: 100%;
}

section.ai-methodics .ai-methodics__card-title {
    font-weight: 700;
    font-size: 20px;
    line-height: normal;
    color: #002b53;
}

section.ai-methodics .ai-methodics__card-desc {
    font-weight: 400;
    font-size: 16px;
    line-height: normal;
    color: #4d4d4d;
}

/* ===================
   CERTIFICATE SECTION
   =================== */
section.ai-certificate {
    position: relative;
    width: 100%;
    background: #f5fcff;
    padding: 100px 0;
}

section.ai-certificate .ai-certificate__container {
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 370px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

section.ai-certificate .ai-certificate__title {
    font-weight: 600;
    font-size: 36px;
    line-height: normal;
    text-align: center;
    margin-bottom: 120px;
    background: linear-gradient(96.4214deg, rgb(100, 32, 195) 0.75655%, rgb(30, 57, 137) 99.31%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

section.ai-certificate .ai-certificate__content {
    display: flex;
    gap: 140px;
    align-items: flex-start;
    width: 100%;
}

section.ai-certificate .ai-certificate__card {
    position: relative;
    width: 460px;
    height: 460px;
    background: linear-gradient(131.908deg, rgb(19, 25, 46) 3.3432%, rgb(46, 6, 77) 100%);
    border-radius: 20px;
    overflow: hidden;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

section.ai-certificate .ai-certificate__card-icon {
    width: 70px;
    height: 70px;
    background: linear-gradient(180deg, #20e934 0%, #0087c1 100%);
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}

section.ai-certificate .ai-certificate__card-icon img {
    width: 26px;
    height: 40px;
}

section.ai-certificate .ai-certificate__card-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    margin-top: 20px;
}

section.ai-certificate .ai-certificate__card-title {
    font-weight: 600;
    font-size: 24px;
    line-height: normal;
    color: #f5fcff;
}

section.ai-certificate .ai-certificate__card-subtitle {
    font-weight: 400;
    font-size: 16px;
    line-height: normal;
    color: #21dbc5;
}

section.ai-certificate .ai-certificate__card-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin-top: 32px;
    width: 260px;
    text-align: center;
}

section.ai-certificate .ai-certificate__card-label {
    font-weight: 400;
    font-size: 14px;
    line-height: normal;
    color: #f5fcff;
}

section.ai-certificate .ai-certificate__card-name {
    font-weight: 600;
    font-size: 26px;
    line-height: normal;
    color: #f5fcff;
}

section.ai-certificate .ai-certificate__card-text {
    font-weight: 400;
    font-size: 14px;
    line-height: normal;
    color: #f5fcff;
}

section.ai-certificate .ai-certificate__card-line {
    width: 400px;
    height: 2px;
    background: #002b53;
    border: none;
    position: absolute;
    bottom: 59px;
    left: 50%;
    transform: translateX(-50%);
}

section.ai-certificate .ai-certificate__card-date {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    font-weight: 400;
    font-size: 14px;
    line-height: normal;
    color: #999999;
}

section.ai-certificate .ai-certificate__info {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-top: 60px;
    width: 400px;
}

section.ai-certificate .ai-certificate__description {
    font-weight: 400;
    font-size: 20px;
    line-height: normal;
    color: #192138;
}

section.ai-certificate .ai-certificate__benefits {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

section.ai-certificate .ai-certificate__benefit {
    display: flex;
    gap: 10px;
    align-items: center;
}

section.ai-certificate .ai-certificate__benefit-icon {
    width: 40px;
    height: 40px;
    background: #40bf55;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

section.ai-certificate .ai-certificate__benefit-icon img {
    width: 14px;
    height: 20px;
}

section.ai-certificate .ai-certificate__benefit-text {
    font-weight: 400;
    font-size: 16px;
    line-height: normal;
    color: #4d4d4d;
}

section.ai-certificate .ai-certificate__cta {
    margin-top: 200px;
}

/* ===================
   FIRST STEP SECTION
   =================== */
section.ai-first-step {
    position: relative;
    width: 100%;
    background: #e6f7ff;
    padding: 100px 0;
}

section.ai-first-step .ai-first-step__container {
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 470px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

section.ai-first-step .ai-first-step__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin-bottom: 100px;
}

section.ai-first-step .ai-first-step__title {
    font-weight: 600;
    font-size: 36px;
    line-height: normal;
    text-align: center;
    background: linear-gradient(90deg, #fb7d04 0%, #f33dae 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

section.ai-first-step .ai-first-step__title-purple {
    font-size: inherit;
    font-weight: inherit;
    background: linear-gradient(103.81deg, rgb(100, 32, 195) 0.75655%, rgb(30, 57, 137) 99.31%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

section.ai-first-step .ai-first-step__subtitle {
    font-weight: 400;
    font-size: 18px;
    line-height: normal;
    color: #4d4d4d;
    text-align: center;
    max-width: 754px;
}

section.ai-first-step .ai-first-step__modules {
    display: flex;
    flex-direction: column;
    gap: 50px;
    width: 980px;
    margin-bottom: 148px;
}

section.ai-first-step .ai-first-step__row {
    display: flex;
    gap: 45px;
    justify-content: space-between;
}

section.ai-first-step .ai-first-step__module {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    flex: 1;
}

section.ai-first-step .ai-first-step__icon {
    width: 60px;
    height: 60px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

section.ai-first-step .ai-first-step__icon img {
    width: 30px;
    height: 30px;
}

section.ai-first-step .ai-first-step__module-title {
    font-weight: 500;
    font-size: 16px;
    line-height: normal;
    color: #192138;
    text-align: center;
    white-space: nowrap;
}

/* ===================
   FAQ SECTION
   =================== */
section.ai-faq {
    position: relative;
    width: 100%;
    background: #e6f7ff;
    padding: 100px 0;
}

section.ai-faq .ai-faq__container {
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 490px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

section.ai-faq .ai-faq__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin-bottom: 80px;
}

section.ai-faq .ai-faq__title {
    font-weight: 600;
    font-size: 36px;
    line-height: normal;
    color: #192138;
    text-align: center;
}

section.ai-faq .ai-faq__subtitle {
    font-weight: 400;
    font-size: 18px;
    line-height: normal;
    color: #4d4d4d;
    text-align: center;
}

section.ai-faq .ai-faq__list {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    margin-bottom: 100px;
}

section.ai-faq .ai-faq__item {
    background: #f5fcff;
    border-radius: 20px;
    box-shadow: 0px 5px 10px 3px rgba(40, 88, 115, 0.15);
    overflow: hidden;
}

section.ai-faq .ai-faq__question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 30px;
    cursor: pointer;
    transition: background 0.3s ease;
}

section.ai-faq .ai-faq__question:hover {
    background: rgba(0, 0, 0, 0.02);
}

section.ai-faq .ai-faq__question-text {
    font-weight: 500;
    font-size: 16px;
    line-height: normal;
    color: #192138;
    padding-right: 20px;
}

section.ai-faq .ai-faq__icon {
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease;
}

section.ai-faq .ai-faq__icon img {
    width: 15px;
    height: 8px;
}

section.ai-faq .ai-faq__item.active .ai-faq__icon {
    transform: rotate(180deg);
}

section.ai-faq .ai-faq__answer {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.4s cubic-bezier(0.4, 0, 0.2, 1), padding-bottom 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    padding: 0 30px 0;
}

section.ai-faq .ai-faq__answer > p {
    overflow: hidden;
}

section.ai-faq .ai-faq__item.active .ai-faq__answer {
    grid-template-rows: 1fr;
    padding-bottom: 20px;
}

section.ai-faq .ai-faq__answer p {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.6;
    color: #4d4d4d;
}

section.ai-faq .ai-faq__answer p strong {
    font-weight: 600;
    color: #192138;
}

/* =====================================================
   RESPONSIVE - BOOTSTRAP-LIKE APPROACH
   ===================================================== */

/* ===================
   XL - ≤1600px
   =================== */
@media (max-width: 1600px) {
    /* Hero */
    .ai-hero__wrapper {
        padding: 0 150px;
        gap: 60px;
    }
    .ai-hero__content {
        width: 600px;
    }
    .ai-hero__left-column {
        width: 600px;
    }
    .ai-hero__image-wrapper {
        width: 500px;
        height: 670px;
    }
    .ai-hero__image-inner {
        width: 575px;
        height: 1015px;
        transform: translate(-50%, -50%) translate(-5.6px, -16px);
    }

    /* Containers */
    .ai-result__container { padding: 0 300px; }
    .ai-for-who__container { padding: 0 200px; }
    section.ai-education .ai-education__container { padding: 0 400px; }
    section.ai-how-to-learn .ai-how-to-learn__container { padding: 0 150px; }
    section.ai-try-demo .ai-try-demo__container { padding: 0 300px; }
    section.ai-usefulness .ai-usefulness__container { padding: 0 300px; }
    section.ai-methodics .ai-methodics__container { padding: 0 200px; }
    section.ai-certificate .ai-certificate__container { padding: 0 200px; }
    section.ai-first-step .ai-first-step__container { padding: 0 300px; }
    section.ai-faq .ai-faq__container { padding: 0 300px; }
}

/* ===================
   LG - ≤1400px
   =================== */
@media (max-width: 1400px) {
    /* Hero */
    .ai-hero {
        min-height: auto;
        padding: 100px 0;
    }
    .ai-hero__wrapper {
        padding: 0 80px;
        gap: 40px;
    }
    .ai-hero__content {
        width: 500px;
        gap: 40px;
    }
    .ai-hero__left-column {
        width: 500px;
        gap: 50px;
    }
    section.ai-hero .ai-hero__title {
        font-size: 48px;
    }
    section.ai-hero .ai-hero__subtitle {
        font-size: 28px;
    }
    .ai-hero__info-text {
        font-size: 24px;
    }
    .ai-hero__feature-text {
        font-size: 20px;
    }
    .ai-hero__image-wrapper {
        width: 450px;
        height: 600px;
    }
    .ai-hero__image-inner {
        width: 517px;
        height: 910px;
        transform: translate(-50%, -50%) translate(-5px, -14.5px);
    }
    .ai-hero__decoration {
        width: 1400px;
        height: 750px;
    }

    /* Containers */
    .ai-result__container { padding: 0 150px; }
    .ai-for-who__container { padding: 0 100px; }
    section.ai-education .ai-education__container { padding: 0 250px; }
    section.ai-how-to-learn .ai-how-to-learn__container { padding: 0 80px; }
    section.ai-try-demo .ai-try-demo__container { padding: 0 150px; }
    section.ai-usefulness .ai-usefulness__container { padding: 0 150px; }
    section.ai-methodics .ai-methodics__container { padding: 0 100px; }
    section.ai-certificate .ai-certificate__container { padding: 0 100px; }
    section.ai-first-step .ai-first-step__container { padding: 0 150px; }
    section.ai-faq .ai-faq__container { padding: 0 150px; }

    /* Result */
    .ai-result__columns {
        gap: 100px;
        width: 100%;
        max-width: 900px;
    }

    /* For Who */
    .ai-for-who__cards {
        width: 100%;
        gap: 40px;
        justify-content: center;
    }
    .ai-for-who__card {
        width: 280px;
    }

    /* Instruments */
    .ai-instruments__cards {
        width: 100%;
        max-width: 900px;
    }
    .ai-instruments__description {
        width: 100%;
        max-width: 700px;
    }

    /* Methodics */
    section.ai-methodics .ai-methodics__cards {
        width: 100%;
        max-width: 1100px;
    }

    /* First Step */
    section.ai-first-step .ai-first-step__modules {
        width: 100%;
        max-width: 900px;
    }

    /* Usefulness */
    section.ai-usefulness .ai-usefulness__cards {
        gap: 100px;
    }
}

/* ===================
   MD - ≤1200px
   =================== */
@media (max-width: 1200px) {
    /* Hero */
    .ai-hero__wrapper {
        flex-direction: column;
        align-items: center;
        padding: 0 40px;
    }
    .ai-hero__content {
        width: 100%;
        max-width: 700px;
        text-align: center;
        align-items: center;
    }
    .ai-hero__left-column {
        width: 100%;
        max-width: 700px;
        align-items: center;
    }
    section.ai-hero .ai-hero__title {
        text-align: center;
    }
    .ai-hero__features {
        justify-content: center;
    }
    .ai-hero__image-wrapper {
        width: 100%;
        max-width: 500px;
        height: 500px;
    }
    .ai-hero__image-inner {
        width: 575px;
        height: 758px;
        transform: translate(-50%, -50%) translate(-5.6px, -12px);
    }
    .ai-hero__decoration {
        display: none;
    }

    /* Containers - all same padding */
    .ai-result__container,
    .ai-for-who__container,
    section.ai-education .ai-education__container,
    section.ai-how-to-learn .ai-how-to-learn__container,
    section.ai-try-demo .ai-try-demo__container,
    section.ai-usefulness .ai-usefulness__container,
    section.ai-methodics .ai-methodics__container,
    section.ai-certificate .ai-certificate__container,
    section.ai-first-step .ai-first-step__container,
    section.ai-faq .ai-faq__container {
        padding: 0 40px;
    }

    /* Result */
    .ai-result__columns {
        flex-direction: column;
        gap: 40px;
        align-items: center;
    }
    .ai-result__column {
        width: 100%;
        max-width: 400px;
    }

    /* For Who */
    .ai-for-who__cards {
        flex-wrap: wrap;
        gap: 30px;
    }
    .ai-for-who__card {
        width: calc(50% - 15px);
        min-width: 280px;
    }

    /* Education */
    section.ai-education .ai-education__grid {
        grid-template-columns: 1fr;
        width: 100%;
        max-width: 400px;
    }

    /* How to Learn */
    section.ai-how-to-learn .ai-how-to-learn__cards {
        flex-wrap: wrap;
        gap: 30px;
    }
    section.ai-how-to-learn .ai-how-to-learn__card {
        max-width: none;
        width: calc(33.333% - 20px);
        min-width: 150px;
    }

    /* Methodics */
    section.ai-methodics .ai-methodics__cards {
        flex-wrap: wrap;
        gap: 20px;
    }
    section.ai-methodics .ai-methodics__card {
        flex: 1 1 calc(50% - 10px);
        min-width: 250px;
        height: auto;
    }

    /* Certificate */
    section.ai-certificate .ai-certificate__content {
        flex-direction: column;
        align-items: center;
        gap: 60px;
    }
    section.ai-certificate .ai-certificate__info {
        padding-top: 0;
        width: 100%;
        max-width: 460px;
    }
    section.ai-certificate .ai-certificate__cta {
        margin-top: 60px;
    }

    /* First Step */
    section.ai-first-step .ai-first-step__row {
        flex-wrap: wrap;
        gap: 30px;
        justify-content: center;
    }
    section.ai-first-step .ai-first-step__module {
        flex: 0 0 calc(33.333% - 20px);
        min-width: 120px;
    }
    section.ai-first-step .ai-first-step__module-title {
        white-space: normal;
    }

    /* Usefulness */
    section.ai-usefulness .ai-usefulness__cards {
        flex-direction: column;
        gap: 40px;
        align-items: center;
    }

    /* Titles */
    section.ai-result .ai-result__title,
    section.ai-instruments .ai-instruments__title,
    section.ai-education .ai-education__title {
        white-space: normal;
    }
}

/* ===================
   SM - ≤992px
   =================== */
@media (max-width: 992px) {
    /* Sections padding */
    .ai-hero { padding: 80px 0; }
    .ai-result,
    .ai-instruments,
    .ai-for-who,
    section.ai-education,
    section.ai-how-to-learn,
    section.ai-try-demo,
    section.ai-usefulness,
    section.ai-methodics,
    section.ai-certificate,
    section.ai-first-step,
    section.ai-faq {
        padding: 60px 0;
    }
    section.ai-education { padding: 60px 0 100px; }
    .ai-instruments { padding: 60px 0 120px; }

    /* Hero */
    section.ai-hero .ai-hero__title {
        font-size: 40px;
    }
    section.ai-hero .ai-hero__subtitle {
        font-size: 24px;
    }
    .ai-hero__info-text {
        font-size: 20px;
    }
    .ai-hero__image-wrapper {
        height: 450px;
    }
    .ai-hero__image-inner {
        width: 517px;
        height: 682px;
        transform: translate(-50%, -50%) translate(-5px, -11px);
    }

    /* Titles */
    section.ai-result .ai-result__title,
    section.ai-result .ai-result__title-gradient,
    section.ai-instruments .ai-instruments__title,
    section.ai-instruments .ai-instruments__title-gradient,
    section.ai-for-who .ai-for-who__title,
    section.ai-education .ai-education__title,
    section.ai-education .ai-education__title-gradient,
    section.ai-how-to-learn .ai-how-to-learn__title,
    section.ai-how-to-learn .ai-how-to-learn__title-gradient,
    section.ai-try-demo .ai-try-demo__title,
    section.ai-usefulness .ai-usefulness__title,
    section.ai-methodics .ai-methodics__title,
    section.ai-certificate .ai-certificate__title,
    section.ai-first-step .ai-first-step__title,
    section.ai-faq .ai-faq__title {
        font-size: 28px;
    }

    /* Margins */
    .ai-instruments__header { margin-bottom: 100px; }
    section.ai-for-who .ai-for-who__title { margin-bottom: 50px; }
    .ai-for-who__cards { margin-bottom: 80px; }
    section.ai-education .ai-education__title { margin-bottom: 60px; }
    section.ai-how-to-learn .ai-how-to-learn__header { margin-bottom: 50px; }
    section.ai-methodics .ai-methodics__header { margin-bottom: 40px; }
    section.ai-methodics .ai-methodics__characters-title { margin-bottom: 40px; }
    section.ai-methodics .ai-methodics__cards { margin-bottom: 60px; }
    section.ai-certificate .ai-certificate__title { margin-bottom: 60px; }
    section.ai-first-step .ai-first-step__header { margin-bottom: 60px; }
    section.ai-first-step .ai-first-step__modules { margin-bottom: 80px; }
    section.ai-usefulness .ai-usefulness__title { margin-bottom: 60px; }

    /* For Who - single column */
    .ai-for-who__card {
        width: 100%;
        max-width: 320px;
    }

    /* How to Learn */
    section.ai-how-to-learn .ai-how-to-learn__card {
        width: calc(50% - 15px);
    }

    /* Instruments */
    .ai-instruments__cards {
        flex-wrap: wrap;
        gap: 30px;
    }
    .ai-instruments__card {
        flex: 0 0 calc(33.333% - 20px);
        min-width: 140px;
    }

    /* CTA buttons */
    .ai-hero__cta,
    .ai-for-who__cta,
    .ai-education__cta,
    .ai-try-demo__cta,
    .ai-methodics__cta,
    .ai-certificate__cta,
    .ai-first-step__cta,
    .ai-faq__cta {
        width: 100%;
        max-width: 400px;
    }
    .ai-hero__cta-text,
    .ai-for-who__cta-text,
    .ai-education__cta-text,
    .ai-try-demo__cta-text,
    .ai-methodics__cta-text,
    .ai-certificate__cta-text,
    .ai-first-step__cta-text,
    .ai-faq__cta-text,
    .ai-hero__cta-button,
    .ai-for-who__cta-button,
    .ai-education__cta-button,
    .ai-try-demo__cta-button,
    .ai-methodics__cta-button,
    .ai-certificate__cta-button,
    .ai-first-step__cta-button,
    .ai-faq__cta-button {
        font-size: 20px;
    }
}

/* ===================
   XS - ≤768px
   =================== */
@media (max-width: 768px) {
    /* Containers */
    .ai-result__container,
    .ai-for-who__container,
    section.ai-education .ai-education__container,
    section.ai-how-to-learn .ai-how-to-learn__container,
    section.ai-try-demo .ai-try-demo__container,
    section.ai-usefulness .ai-usefulness__container,
    section.ai-methodics .ai-methodics__container,
    section.ai-certificate .ai-certificate__container,
    section.ai-first-step .ai-first-step__container,
    section.ai-faq .ai-faq__container {
        padding: 0 20px;
    }
    .ai-hero__wrapper {
        padding: 0 20px;
    }

    /* Hero */
    .ai-hero { padding: 60px 0; }
    section.ai-hero .ai-hero__title {
        font-size: 32px;
    }
    section.ai-hero .ai-hero__subtitle {
        font-size: 20px;
    }
    .ai-hero__info-text {
        font-size: 18px;
    }
    .ai-hero__feature-text {
        font-size: 16px;
    }
    .ai-hero__image-wrapper {
        height: 510px;
    }
    .ai-hero__image-inner {
        width: 575px;
        height: 606px;
        transform: translate(-50%, -50%) translate(-5.6px, -10px);
    }

    /* Sections padding */
    .ai-result,
    .ai-instruments,
    .ai-for-who,
    section.ai-education,
    section.ai-how-to-learn,
    section.ai-try-demo,
    section.ai-usefulness,
    section.ai-methodics,
    section.ai-certificate,
    section.ai-first-step,
    section.ai-faq {
        padding: 50px 0;
    }

    /* Titles */
    section.ai-result .ai-result__title,
    section.ai-result .ai-result__title-gradient,
    section.ai-instruments .ai-instruments__title,
    section.ai-instruments .ai-instruments__title-gradient,
    section.ai-for-who .ai-for-who__title,
    section.ai-education .ai-education__title,
    section.ai-education .ai-education__title-gradient,
    section.ai-how-to-learn .ai-how-to-learn__title,
    section.ai-how-to-learn .ai-how-to-learn__title-gradient,
    section.ai-try-demo .ai-try-demo__title,
    section.ai-usefulness .ai-usefulness__title,
    section.ai-methodics .ai-methodics__title,
    section.ai-certificate .ai-certificate__title,
    section.ai-first-step .ai-first-step__title,
    section.ai-faq .ai-faq__title {
        font-size: 24px;
    }
    section.ai-methodics .ai-methodics__characters-title {
        font-size: 22px;
    }

    /* For Who */
    .ai-for-who__cards {
        flex-direction: column;
        align-items: center;
    }

    /* Instruments */
    .ai-instruments__cards {
        flex-direction: column;
        align-items: center;
    }
    .ai-instruments__card {
        width: 100%;
        max-width: 250px;
    }
    .ai-instruments__header {
        margin-bottom: 60px;
    }

    /* How to Learn */
    section.ai-how-to-learn .ai-how-to-learn__cards {
        flex-direction: column;
        align-items: center;
    }
    section.ai-how-to-learn .ai-how-to-learn__card {
        width: 100%;
        max-width: 250px;
    }
    section.ai-how-to-learn .ai-how-to-learn__subtitle {
        font-size: 18px;
    }

    /* Methodics */
    section.ai-methodics .ai-methodics__cards {
        flex-direction: column;
        align-items: center;
    }
    section.ai-methodics .ai-methodics__card {
        width: 100%;
        max-width: 320px;
    }

    /* First Step */
    section.ai-first-step .ai-first-step__module {
        flex: 0 0 calc(50% - 15px);
    }

    /* Certificate card */
    section.ai-certificate .ai-certificate__card {
        width: 100%;
        max-width: 400px;
        height: auto;
        min-height: 400px;
        padding-bottom: 80px;
    }
    section.ai-certificate .ai-certificate__card-line {
        width: 90%;
    }

    /* FAQ */
    section.ai-faq .ai-faq__question {
        padding: 15px 20px;
    }
    section.ai-faq .ai-faq__answer {
        padding: 0 20px 0;
    }
    section.ai-faq .ai-faq__list {
        margin-bottom: 60px;
    }
}

/* ===================
   XXS - ≤576px
   =================== */
@media (max-width: 576px) {
    /* Hero */
    section.ai-hero .ai-hero__title {
        font-size: 28px;
    }
    section.ai-hero .ai-hero__subtitle {
        font-size: 18px;
    }
    .ai-hero__info-text {
        font-size: 16px;
    }
    .ai-hero__content {
        gap: 30px;
    }
    .ai-hero__left-column {
        gap: 30px;
    }
    .ai-hero__image-wrapper {
        height: 510px;
    }
    .ai-hero__image-inner {
        width: 520px;
        height: 530px;
        transform: translate(-50%, -50%) translate(-5px, -8.5px);
    }

    /* Titles */
    section.ai-result .ai-result__title,
    section.ai-result .ai-result__title-gradient,
    section.ai-instruments .ai-instruments__title,
    section.ai-instruments .ai-instruments__title-gradient,
    section.ai-for-who .ai-for-who__title,
    section.ai-education .ai-education__title,
    section.ai-education .ai-education__title-gradient,
    section.ai-how-to-learn .ai-how-to-learn__title,
    section.ai-how-to-learn .ai-how-to-learn__title-gradient,
    section.ai-try-demo .ai-try-demo__title,
    section.ai-usefulness .ai-usefulness__title,
    section.ai-methodics .ai-methodics__title,
    section.ai-certificate .ai-certificate__title,
    section.ai-first-step .ai-first-step__title,
    section.ai-faq .ai-faq__title {
        font-size: 20px;
    }
    section.ai-methodics .ai-methodics__characters-title {
        font-size: 18px;
    }

    /* CTA buttons */
    .ai-hero__cta-text,
    .ai-for-who__cta-text,
    .ai-education__cta-text,
    .ai-try-demo__cta-text,
    .ai-methodics__cta-text,
    .ai-certificate__cta-text,
    .ai-first-step__cta-text,
    .ai-faq__cta-text,
    .ai-hero__cta-button,
    .ai-for-who__cta-button,
    .ai-education__cta-button,
    .ai-try-demo__cta-button,
    .ai-methodics__cta-button,
    .ai-certificate__cta-button,
    .ai-first-step__cta-button,
    .ai-faq__cta-button {
        font-size: 16px;
    }
    .ai-hero__cta,
    .ai-for-who__cta,
    .ai-education__cta,
    .ai-try-demo__cta,
    .ai-methodics__cta,
    .ai-certificate__cta,
    .ai-first-step__cta,
    .ai-faq__cta {
        height: 50px;
    }

    /* Cards */
    .ai-for-who__card,
    section.ai-methodics .ai-methodics__card {
        padding: 30px 15px;
    }
    .ai-for-who__image-wrapper,
    .ai-methodics__image-wrapper {
        width: 150px;
        height: 150px;
    }
    .ai-for-who__image img,
    .ai-methodics__image img {
        width: 150px;
        height: 150px;
    }

    /* Education cards */
    section.ai-education .ai-education__card {
        height: auto;
        padding: 15px 20px;
    }
    section.ai-education .ai-education__card-header {
        flex-direction: column;
        align-items: flex-start;
    }
    section.ai-education .ai-education__card-header-text {
        height: auto;
        width: 100%;
    }
    section.ai-education .ai-education__card-subtitle {
        white-space: normal;
        flex-wrap: wrap;
    }

    /* First Step */
    section.ai-first-step .ai-first-step__row {
        gap: 20px;
    }
    section.ai-first-step .ai-first-step__module {
        flex: 0 0 calc(50% - 10px);
    }
    section.ai-first-step .ai-first-step__icon {
        width: 50px;
        height: 50px;
    }
    section.ai-first-step .ai-first-step__icon img {
        width: 25px;
        height: 25px;
    }

    /* Result icons */
    .ai-result__icon,
    section.ai-education .ai-education__icon {
        width: 50px;
        height: 50px;
        min-width: 50px;
        min-height: 50px;
    }
    .ai-result__icon img,
    .ai-result__icon svg,
    section.ai-education .ai-education__icon img {
        width: 25px;
        height: 25px;
    }

    /* How to Learn icons */
    section.ai-how-to-learn .ai-how-to-learn__icon {
        width: 60px;
        height: 60px;
    }
    section.ai-how-to-learn .ai-how-to-learn__icon img {
        width: 30px;
        height: 30px;
    }

    /* Usefulness */
    section.ai-usefulness .ai-usefulness__card {
        width: 100%;
    }
    section.ai-usefulness .ai-usefulness__icon {
        width: 50px;
        height: 50px;
    }
    section.ai-usefulness .ai-usefulness__icon img {
        width: 25px;
        height: 25px;
    }

    /* Certificate */
    section.ai-certificate .ai-certificate__card {
        min-height: 380px;
    }
    section.ai-certificate .ai-certificate__card-name {
        font-size: 22px;
    }
    section.ai-certificate .ai-certificate__benefit-icon {
        width: 35px;
        height: 35px;
    }
}