/*
 * Enhancements for the landing page sections below the hero.
 * The hero deliberately remains untouched in this stylesheet.
 */
:root {
    --landing-ink: #172033;
    --landing-muted: #5e6b82;
    --landing-red: #dc2626;
    --landing-red-dark: #b91c1c;
    --landing-surface: #ffffff;
    --landing-shadow: 0 24px 60px rgba(20, 33, 61, .12);
}

.modern-section {
    position: relative;
    isolation: isolate;
}

.section-entreprise,
.section-investisseurs {
    min-height: unset;
    height: auto;
    padding: clamp(4.5rem, 9vw, 7.5rem) 1.25rem;
    overflow: hidden;
}

.section-entreprise {
    background:
        radial-gradient(circle at 8% 15%, rgba(254, 226, 226, .82), transparent 32rem),
        linear-gradient(135deg, #fff 0%, #fffafa 100%);
}

.section-investisseurs {
    background:
        radial-gradient(circle at 92% 86%, rgba(254, 226, 226, .72), transparent 30rem),
        linear-gradient(145deg, #f7f9fc 0%, #fff 100%);
}

.section-entreprise::before,
.section-investisseurs::before {
    content: '';
    position: absolute;
    z-index: -1;
    width: 14rem;
    height: 14rem;
    border: 1px solid rgba(220, 38, 38, .13);
    border-radius: 50%;
}

.section-entreprise::before { right: -5rem; top: 2rem; }
.section-investisseurs::before { left: -5rem; bottom: 1rem; }

.section-entreprise .container5,
.section-investisseurs .container5 {
    width: min(100%, 1200px);
    gap: clamp(2.5rem, 6vw, 6rem);
}

.section-entreprise .content4,
.section-investisseurs .content4 {
    gap: 1.5rem;
}

.section-entreprise .main2 > p:first-of-type,
.section-investisseurs .main2 > p:first-of-type {
    color: var(--landing-ink);
    font-size: clamp(2rem, 3.4vw, 3.25rem);
    letter-spacing: -.045em;
    line-height: 1.08;
    max-width: 14ch;
}

.section-entreprise .main2 > p:last-of-type,
.section-investisseurs .main2 > p:last-of-type {
    color: var(--landing-muted);
    font-size: clamp(1rem, 1.4vw, 1.125rem);
    line-height: 1.7;
    max-width: 42ch;
}

.section-entreprise .inline-flex,
.section-investisseurs .inline-flex {
    align-self: flex-start;
    border-radius: 999px;
    box-shadow: 0 8px 22px rgba(220, 38, 38, .08);
}

.section-media {
    border-radius: 1.5rem;
    box-shadow: var(--landing-shadow);
    background: var(--landing-surface);
}

.section-media::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: inherit;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .42);
}

.section-media .rectangle-10 {
    aspect-ratio: 16 / 9;
    object-fit: cover;
    transition: transform .65s cubic-bezier(.2, .8, .2, 1), filter .65s ease;
}

.section-media:hover .rectangle-10 {
    transform: scale(1.055);
    filter: saturate(1.07) contrast(1.03);
}

.section-entreprise .button2,
.section-investisseurs .button2 {
    background: linear-gradient(135deg, var(--landing-red), var(--landing-red-dark));
    box-shadow: 0 12px 24px rgba(220, 38, 38, .22);
}

.section-entreprise .button2:hover,
.section-investisseurs .button2:hover {
    transform: translateY(-3px);
    box-shadow: 0 16px 28px rgba(220, 38, 38, .3);
}

.faq2,
.testimonials2 {
    padding: clamp(4.5rem, 8vw, 7rem) 1.25rem !important;
    background: #fff;
}

.faq2 .container6,
.testimonials2 .container4 {
    width: min(100%, 1120px);
    margin-inline: auto;
}

.faq2 .accordion-toggle {
    border-radius: 1rem;
    transition: background-color .25s ease, color .25s ease, box-shadow .25s ease;
}

.faq2 .accordion-toggle:hover,
.faq2 .accordion-toggle.active {
    box-shadow: 0 12px 28px rgba(20, 33, 61, .09);
}

.testimonial-swiper .swiper-slide > div {
    box-shadow: var(--landing-shadow);
}

.testimonial-button-prev,
.testimonial-button-next {
    transition: transform .25s ease, box-shadow .25s ease;
}

.testimonial-button-prev:hover,
.testimonial-button-next:hover {
    transform: translateY(-50%) scale(1.08);
    box-shadow: 0 10px 20px rgba(20, 33, 61, .16);
}

.modern-footer {
    background: linear-gradient(150deg, #fff8f8, #fff 48%, #f7f9fc);
    border-top: 1px solid rgba(220, 38, 38, .09);
}

.modern-footer .newsletter {
    max-width: 700px;
    margin-inline: auto;
}

.modern-footer .enter-your-mail,
.modern-footer .button7 {
    border-radius: .9rem !important;
}

html.js .modern-reveal {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity .7s ease, transform .7s cubic-bezier(.22, 1, .36, 1);
}

html.js .modern-reveal.modern-reveal-delay { transition-delay: .14s; }
html.js .modern-reveal.is-visible { opacity: 1; transform: translateY(0); }

@media (max-width: 992px) {
    .section-entreprise .inline-flex,
    .section-investisseurs .inline-flex { align-self: center; }

    .section-entreprise .main2 > p:first-of-type,
    .section-investisseurs .main2 > p:first-of-type,
    .section-entreprise .main2 > p:last-of-type,
    .section-investisseurs .main2 > p:last-of-type { max-width: 100%; }
}

@media (max-width: 640px) {
    .section-entreprise,
    .section-investisseurs { padding-inline: 1rem; }

    .section-media { border-radius: 1.15rem; }

    .section-entreprise .main2 > p:first-of-type,
    .section-investisseurs .main2 > p:first-of-type { font-size: 2rem; }
}

@media (prefers-reduced-motion: reduce) {
    .section-media .rectangle-10,
    html.js .modern-reveal,
    .testimonial-button-prev,
    .testimonial-button-next {
        animation: none;
        transition: none;
        transform: none;
        opacity: 1;
    }
}