/* Smart English — Final Homepage Polish
   Single unified entrance + text hover + platform visual + start icons.
*/

/* 1) One refined entrance for every homepage section */
.se-home-hero,
.se-home-stats,
.se-home-why,
.se-home-stages,
.se-home-notes,
.se-home-platform,
.se-home-start,
.se-home-testimonials,
.se-home-faq,
.se-home-final-cta {
    opacity: 0;
    transform: translateY(34px);
    transition:
        opacity .76s ease,
        transform .76s cubic-bezier(.2,.76,.25,1);
    will-change: opacity, transform;
}

.se-home-hero.se-global-visible,
.se-home-stats.se-global-visible,
.se-home-why.se-global-visible,
.se-home-stages.se-global-visible,
.se-home-notes.se-global-visible,
.se-home-platform.se-global-visible,
.se-home-start.se-global-visible,
.se-home-testimonials.se-global-visible,
.se-home-faq.se-global-visible,
.se-home-final-cta.se-global-visible {
    opacity: 1;
    transform: translateY(0);
}

/* Stops the different old entry animations so the page has one unified motion. */
.se-global-visible [class*="reveal"] {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
}

/* 2) Soft hover for headlines and supporting copy */
.se-home-why h2,
.se-home-stages h2,
.se-home-notes h2,
.se-home-platform h2,
.se-home-start h2,
.se-home-testimonials h2,
.se-home-faq h2,
.se-home-final-cta h2 {
    display: inline-block;
    cursor: default;
    transition:
        transform .30s cubic-bezier(.2,.76,.25,1),
        filter .30s ease,
        text-shadow .30s ease;
}

.se-home-why h2:hover,
.se-home-stages h2:hover,
.se-home-notes h2:hover,
.se-home-platform h2:hover,
.se-home-start h2:hover,
.se-home-testimonials h2:hover,
.se-home-faq h2:hover,
.se-home-final-cta h2:hover {
    filter: brightness(1.06);
    text-shadow: 0 9px 22px rgba(7, 72, 139, .10);
    transform: translateY(-4px);
}

.se-home-notes h2:hover,
.se-home-platform h2:hover,
.se-home-final-cta h2:hover {
    text-shadow: 0 10px 27px rgba(0, 9, 42, .28);
}

.se-home-why__intro p,
.se-home-stages__intro p,
.se-home-notes__lead,
.se-home-platform__intro p,
.se-home-start__head p,
.se-home-testimonials__head p,
.se-home-faq__head p,
.se-home-final-cta__lead {
    transition: transform .28s ease, color .28s ease;
}

.se-home-why__intro p:hover,
.se-home-stages__intro p:hover,
.se-home-notes__lead:hover,
.se-home-platform__intro p:hover,
.se-home-start__head p:hover,
.se-home-testimonials__head p:hover,
.se-home-faq__head p:hover,
.se-home-final-cta__lead:hover {
    transform: translateY(-2px);
}

/* Small title hover inside cards — subtle, never distracting */
.se-home-why h3,
.se-stage-card h3,
.se-home-platform__item h3,
.se-home-start__step h3 {
    transition: transform .25s ease, color .25s ease;
}

.se-home-why h3:hover,
.se-stage-card h3:hover,
.se-home-platform__item h3:hover,
.se-home-start__step h3:hover {
    transform: translateX(-4px);
}

/* 3) "كل ما يحتاجه الطالب" — larger floating visual */
@media (min-width: 981px) {
    .se-home-platform__visual {
        width: min(490px, 100%);
        transform: translateY(4px);
    }

    .se-home-platform__circle-shell {
        position: relative;
        width: 100%;
        height: 100%;
        transform: scale(1.10);
        transform-origin: center;
    }
}

.se-home-platform__image-wrap {
    animation: seFinalPlatformFloat 5.8s ease-in-out infinite;
    transition:
        transform .45s cubic-bezier(.2,.76,.25,1),
        box-shadow .45s ease,
        border-color .45s ease;
}

.se-home-platform__image-wrap:hover {
    transform: translateY(-12px) scale(1.035);
    box-shadow:
        0 30px 54px rgba(0, 25, 83, .28),
        0 0 0 10px rgba(112, 218, 255, .10);
}

.se-home-platform__image {
    transition: transform .55s cubic-bezier(.2,.76,.25,1), filter .55s ease;
}

.se-home-platform__image-wrap:hover .se-home-platform__image {
    filter: saturate(1.06) contrast(1.03) brightness(1.03);
    transform: scale(1.09);
}

.se-home-platform__float-badge {
    transition: transform .30s cubic-bezier(.2,.76,.25,1), box-shadow .30s ease;
}

.se-home-platform__float-badge:hover {
    box-shadow: 0 17px 30px rgba(0, 28, 84, .27);
    transform: translateY(-7px) scale(1.10);
}

/* 4) "رحلتك في تعلم الإنجليزية" — stronger, premium icons */
.se-home-start__icon {
    position: relative;
    overflow: visible;
    width: 82px;
    height: 82px;
    border: 1px solid rgba(13, 108, 208, .16);
    border-radius: 26px;
    color: #0a68cf;
    background:
        radial-gradient(circle at 30% 22%, rgba(255,255,255,.95), transparent 34%),
        linear-gradient(145deg, #edf8ff 0%, #ffffff 100%);
    box-shadow:
        0 15px 28px rgba(12, 91, 180, .13),
        inset 0 1px 0 rgba(255,255,255,.92);
}

.se-home-start__icon::before {
    content: "";
    position: absolute;
    inset: -6px;
    z-index: -1;
    border: 1px solid rgba(74, 207, 247, .26);
    border-radius: 31px;
    background: rgba(87, 210, 249, .05);
    transition: transform .36s cubic-bezier(.2,.8,.25,1), border-color .30s ease;
}

.se-home-start__icon::after {
    content: "✦";
    position: absolute;
    top: -10px;
    right: -9px;
    width: 25px;
    height: 25px;
    display: grid;
    place-items: center;
    border: 2px solid #fff;
    border-radius: 50%;
    color: #0a5ebd;
    background: #ffe184;
    box-shadow: 0 6px 12px rgba(255, 185, 22, .22);
    font-size: 13px;
    line-height: 1;
    transition: transform .36s cubic-bezier(.2,.8,.25,1), background .30s ease;
}

.se-home-start__icon svg {
    width: 45px;
    height: 45px;
}

.se-home-start__step:hover .se-home-start__icon {
    color: #fff;
    border-radius: 50%;
    background: linear-gradient(145deg, #27bfe9, #0965c9);
    box-shadow:
        0 19px 34px rgba(7, 81, 175, .22),
        inset 0 1px 0 rgba(255,255,255,.24);
}

.se-home-start__step:hover .se-home-start__icon::before {
    border-color: rgba(255, 196, 65, .70);
    transform: rotate(16deg) scale(1.06);
}

.se-home-start__step:hover .se-home-start__icon::after {
    color: #fff;
    background: #0a66c9;
    transform: rotate(-18deg) scale(1.13);
}

/* Slightly tighter white information sections — preserves each section's own identity */
@media (min-width: 701px) {
    .se-home-why {
        padding-top: 92px;
        padding-bottom: 98px;
    }

    .se-home-start {
        padding-top: 88px;
        padding-bottom: 94px;
    }

    .se-home-testimonials {
        padding-top: 94px;
        padding-bottom: 98px;
    }

    .se-home-faq {
        padding-top: 94px;
        padding-bottom: 98px;
    }
}

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

@media (max-width: 700px) {
    .se-home-platform__circle-shell {
        transform: scale(1.04);
        transform-origin: center;
    }

    .se-home-start__icon {
        width: 74px;
        height: 74px;
    }

    .se-home-start__icon svg {
        width: 40px;
        height: 40px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .se-home-hero,
    .se-home-stats,
    .se-home-why,
    .se-home-stages,
    .se-home-notes,
    .se-home-platform,
    .se-home-start,
    .se-home-testimonials,
    .se-home-faq,
    .se-home-final-cta {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }

    .se-home-platform__image-wrap {
        animation: none !important;
    }
}