@charset "UTF-8";.se-about-hero-v2__inner {
    display: grid !important;
    grid-template-columns: 1.05fr .95fr !important;
}
.se-about-hero-v2__visual img {
    width: 100%;
    max-width: 430px !important;
    height: auto;
}
.se-about-hero-v2__visual {
    transform: translateY(50px);
}
.se-about-hero-v2__content {
    max-width: 560px;
}

.se-about-hero-v2__eyebrow {
    margin-bottom: 18px;
}

.se-about-hero-v2 h1 {
    margin-bottom: 26px;
    max-width: 540px;
    line-height: 1.06;
}

.se-about-hero-v2__intro {
    font-size: 1.12rem;
    line-height: 1.75;
    margin-bottom: 20px;
}

.se-about-hero-v2__highlight {
    margin-top: 22px;
    padding-left: 18px;
    border-left: 2px solid #c9a85c;
}

.se-about-hero-v2__signature {
    margin-top: 34px;
    line-height: 1.7;
}

@media (max-width: 600px) {
    .se-contact-form-v2__inner {
        width: 96%;
    }

    .se-about-hero-v2__content {
        max-width: 100%;
    }

    .se-about-hero-v2 h1 {
        max-width: 58%;
        min-height: 170px;
        margin-bottom: 24px;
    }

    .se-about-hero-v2__visual {
        position: absolute;
        top: 115px;
        right: 0;
        width: 145px !important;
        max-width: 38% !important;
        margin: 0 !important;
        transform: none !important;
    }

    .se-about-hero-v2__visual img {
        display: block;
        width: 100% !important;
        height: auto !important;
        max-width: none !important;
        object-fit: contain !important;
        transform: none !important;
    }
}
/* BLOG V2 — SECTION 1 : HERO */

.se-blog-hero-v2 {
    width: 100%;
    background:
        radial-gradient(circle at 72% 28%, rgba(38,108,150,.12) 0%, transparent 36%),
        radial-gradient(circle at 28% 75%, rgba(201,168,92,.06) 0%, transparent 32%),
        #07131f;
    padding: 120px 0 125px;
}

.se-blog-hero-v2__inner {
    width: min(920px, 88%);
    margin: 0 auto;
}

.se-blog-hero-v2__eyebrow {
    margin-bottom: 20px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .22em;
    color: #c9a85c;
}

.se-blog-hero-v2 h1 {
    max-width: 780px;
    margin: 0 0 34px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(2.7rem, 5vw, 4.6rem);
    font-weight: 500;
    line-height: 1.08;
    color: #f4f1e9;
}

.se-blog-hero-v2__intro {
    max-width: 720px;
    margin: 0 0 22px;
    font-family: "Lato", Arial, sans-serif;
    font-size: 1.25rem;
    line-height: 1.75;
    color: #f4f1e9;
}

.se-blog-hero-v2 p:not(.se-blog-hero-v2__intro) {
    max-width: 760px;
    margin: 0;
    font-family: "Lato", Arial, sans-serif;
    font-size: 1.08rem;
    line-height: 1.85;
    color: rgba(244,241,233,.76);
}

.se-blog-hero-v2__manifesto {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 28px;
    margin-top: 48px;
    padding-top: 28px;
    border-top: 1px solid rgba(201,168,92,.30);
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .9rem;
    font-weight: 500;
    letter-spacing: .04em;
    color: #d6b568;
}

.se-blog-hero-v2__manifesto span {
    display: inline-block;
}

/* BLOG V2 — CARTES ARTICLES */
.com-content-category-blog__items.blog-items {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 28px !important;
    margin-top: 70px;
}

.com-content-category-blog__item.blog-item {
    display: block !important;
    overflow: hidden;
    border: 1px solid rgba(201,168,92,.22);
    background: #0a1723;
}

.com-content-category-blog__item .item-image {
    width: 100%;
    margin: 0 !important;
}

.com-content-category-blog__item .item-image img {
    display: block;
    width: 100% !important;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.com-content-category-blog__item .item-content {
    padding: 26px 26px 30px;
}

.com-content-category-blog__item .page-header h2 {
    margin: 0 0 18px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 1.35rem;
    line-height: 1.35;
}

.com-content-category-blog__item .page-header h2 a {
    color: #f4f1e9;
    text-decoration: none;
}

.com-content-category-blog__item .item-content p {
    font-family: "Lato", Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.7;
    color: rgba(244,241,233,.74);
}

/* BLOG V2 — SECTION 2 : À EXPLORER */

.se-blog-explore-v2 {
    width: 100%;
    background: #0a1723;
    padding: 105px 0 115px;
}

.se-blog-explore-v2__inner {
    width: min(1080px, 88%);
    margin: 0 auto;
}

.se-blog-explore-v2__eyebrow {
    margin-bottom: 18px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .22em;
    color: #c9a85c;
}

.se-blog-explore-v2 h2 {
    max-width: 780px;
    margin: 0 0 28px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(2.2rem, 4vw, 3.4rem);
    font-weight: 500;
    line-height: 1.15;
    color: #f4f1e9;
}

.se-blog-explore-v2__intro {
    max-width: 760px;
    margin: 0 0 50px;
    font-family: "Lato", Arial, sans-serif;
    font-size: 1.08rem;
    line-height: 1.8;
    color: rgba(244,241,233,.78);
}

.se-blog-explore-v2__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}

.se-blog-explore-v2__card {
    min-height: 210px;
    padding: 30px 30px 32px;
    border: 1px solid rgba(201,168,92,.22);
    background: rgba(255,255,255,.015);
}

.se-blog-explore-v2__card > span {
    display: block;
    margin-bottom: 22px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .76rem;
    font-weight: 600;
    letter-spacing: .16em;
    color: #c9a85c;
}

.se-blog-explore-v2__card h3 {
    margin: 0 0 14px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.35;
    color: #f4f1e9;
}

.se-blog-explore-v2__card p {
    margin: 0;
    font-family: "Lato", Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.7;
    color: rgba(244,241,233,.72);
}
/* BLOG V2 — LIEN LIRE LA SUITE */
.com-content-category-blog__item .readmore {
    margin-top: 24px;
}

.com-content-category-blog__item .readmore a {
    display: inline-block;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .88rem;
    font-weight: 600;
    letter-spacing: .05em;
    color: #d6b568 !important;
    text-decoration: none !important;
}

.com-content-category-blog__item .readmore a::after {
    content: " →";
}

.com-content-category-blog__item .readmore a:hover {
    color: #f4f1e9 !important;
}
/* BLOG V2 — CARTES RESPONSIVE TABLETTE */
@media (max-width: 900px) {
    .com-content-category-blog__items.blog-items {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* BLOG V2 — SECTION CTA BOUSSOLE */
.se-blog-cta-v2 {
    width: 100%;
    margin-top: 90px;
    padding: 105px 0 110px;
    background:
        radial-gradient(circle at 50% 20%, rgba(38,108,150,.12), transparent 42%),
        #07131f;
    border-top: 1px solid rgba(201,168,92,.18);
}

.se-blog-cta-v2__inner {
    width: min(820px, 88%);
    margin: 0 auto;
    text-align: center;
}

.se-blog-cta-v2__eyebrow {
    margin-bottom: 22px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .22em;
    color: #c9a85c;
}

.se-blog-cta-v2 h2 {
    margin: 0 auto 26px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(2rem, 4vw, 3.2rem);
    font-weight: 500;
    line-height: 1.18;
    color: #f4f1e9;
}

.se-blog-cta-v2 p {
    max-width: 680px;
    margin: 0 auto 38px;
    font-family: "Lato", Arial, sans-serif;
    font-size: 1.08rem;
    line-height: 1.8;
    color: rgba(244,241,233,.76);
}

.se-blog-cta-v2__button {
    display: inline-block;
    padding: 15px 25px;
    border: 1px solid #c9a85c;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .82rem;
    font-weight: 600;
    letter-spacing: .08em;
    color: #d6b568 !important;
    text-decoration: none !important;
    transition: .25s ease;
}

.se-blog-cta-v2__button:hover {
    background: #c9a85c;
    color: #07131f !important;
}
/* CONTACT V2 — FORMULAIRE JOOMLA NATIF */
.com-contact {
    max-width: 700px;
    margin: 0 auto;
    padding: 34px 38px;
    background: #122433;
    border: 1px solid rgba(201,168,92,.16);
    border-radius: 14px;
    box-sizing: border-box;
    box-shadow: 0 12px 32px rgba(0,0,0,.16);
}
/* CONTACT V2 — FOND DU COMPOSANT CONTACT */
body:has(.com-contact) {
    background: #102333 !important;
}

.com-contact .contact-form,
.com-contact form {
    max-width: 100%;
    margin: 0 auto;
}

.com-contact label {
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .08em;
    color: #d6b568;
}

.com-contact input[type="text"],
.com-contact input[type="email"],
.com-contact textarea {
    width: 100%;
    padding: 12px 14px;
    background: #07131f;
    border: 1px solid rgba(201,168,92,.24);
    border-radius: 8px;
    color: #f4f1e9;
    font-family: "Lato", Arial, sans-serif;
    font-size: .98rem;
    box-sizing: border-box;
}

.com-contact textarea {
    min-height: 150px;
    resize: vertical;
}

.com-contact input:focus,
.com-contact textarea:focus {
    outline: none;
    border-color: #c9a85c;
    box-shadow: 0 0 0 2px rgba(201,168,92,.10);
}

.com-contact button,
.com-contact .btn-primary {
    padding: 11px 24px;
    background: transparent;
    border: 1px solid #c9a85c;
    border-radius: 7px;
    color: #d6b568;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .82rem;
    font-weight: 600;
    letter-spacing: .08em;
}

.com-contact button:hover,
.com-contact .btn-primary:hover {
    background: rgba(201,168,92,.10);
    color: #f4f1e9;
}

/* BLOG V2 — À EXPLORER MOBILE */
@media (max-width: 600px) {
    .se-contact-details-v2__inner {
        grid-template-columns: 1fr !important;
        gap: 42px;
    }

    .se-contact-details-v2__info {
        width: 100%;
    }

    .se-blog-explore-v2__card {
        width: 100%;
        max-width: 100%;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box;
    }
}
.se-blog-hero-v2__manifesto span {
    display: inline-block;
}
/* CONTACT V2 — SECTION 1 : HERO */
.se-contact-hero-v2 {
    width: 100%;
    background:
        radial-gradient(circle at 75% 30%, rgba(38,108,150,.12), transparent 38%),
        radial-gradient(circle at 25% 75%, rgba(201,168,92,.06), transparent 34%),
        #07131f;
    padding: 120px 0 125px;
}

.se-contact-hero-v2__inner {
    width: min(920px, 88%);
    margin: 0 auto;
}

.se-contact-hero-v2__eyebrow {
    margin-bottom: 20px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .22em;
    color: #c9a85c;
}

.se-contact-hero-v2 h1 {
    max-width: 780px;
    margin: 0 0 34px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(2.7rem, 5vw, 4.6rem);
    font-weight: 500;
    line-height: 1.08;
    color: #f4f1e9;
}

.se-contact-hero-v2__intro {
    max-width: 740px;
    margin: 0 0 22px;
    font-family: "Lato", Arial, sans-serif;
    font-size: 1.22rem;
    line-height: 1.75;
    color: #f4f1e9;
}

.se-contact-hero-v2 p:not(.se-contact-hero-v2__intro) {
    max-width: 700px;
    margin: 0;
    font-family: "Lato", Arial, sans-serif;
    font-size: 1.06rem;
    line-height: 1.8;
    color: rgba(244,241,233,.76);
}

.se-contact-hero-v2__signature {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 42px;
    padding-left: 18px;
    border-left: 2px solid #c9a85c;
    font-family: "Lato", Arial, sans-serif;
    color: rgba(244,241,233,.72);
}

.se-contact-hero-v2__signature strong {
    font-family: "Montserrat", Arial, sans-serif;
    font-weight: 600;
    color: #d6b568;
}
/* CONTACT V2 — SECTION 2 : COORDONNÉES */
.se-contact-details-v2 {
    width: 100%;
    background: #0a1723;
    padding: 105px 0 115px;
}

.se-contact-details-v2__inner {
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    gap: 80px;
    align-items: start;
    width: min(1080px, 88%);
    margin: 0 auto;
}

.se-contact-details-v2__eyebrow {
    margin-bottom: 18px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .22em;
    color: #c9a85c;
}

.se-contact-details-v2 h2 {
    max-width: 650px;
    margin: 0 0 28px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(2.1rem, 4vw, 3.3rem);
    font-weight: 500;
    line-height: 1.15;
    color: #f4f1e9;
}

.se-contact-details-v2__intro {
    max-width: 620px;
    margin: 0;
    font-family: "Lato", Arial, sans-serif;
    font-size: 1.08rem;
    line-height: 1.8;
    color: rgba(244,241,233,.76);
}

.se-contact-details-v2__info {
    border-top: 1px solid rgba(201,168,92,.30);
}

.se-contact-details-v2__item {
    padding: 24px 0;
    border-bottom: 1px solid rgba(201,168,92,.20);
}

.se-contact-details-v2__item > span {
    display: block;
    margin-bottom: 8px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .16em;
    color: #c9a85c;
}

.se-contact-details-v2__item a,
.se-contact-details-v2__item p {
    margin: 0;
    font-family: "Lato", Arial, sans-serif;
    font-size: 1.08rem;
    line-height: 1.6;
    color: #f4f1e9 !important;
    text-decoration: none;
}

.se-contact-details-v2__item a:hover {
    color: #d6b568 !important;
}

/* À PROPOS V2 — SECTION 2 : MON PARCOURS */

.se-about-story-v2 {
    width: 100%;
    background: #0a1723;
    padding: 105px 0 115px;
}

.se-about-story-v2__inner {
    width: min(820px, 88%);
    margin: 0 auto;
}
/* BOUSSOLE V2 — SECTION 1 : HERO */
.se-boussole-hero-v2 {
    width: 100%;
    background:
        radial-gradient(circle at 78% 28%, rgba(38,108,150,.15), transparent 38%),
        radial-gradient(circle at 22% 78%, rgba(201,168,92,.07), transparent 34%),
        #07131f;
    padding: 120px 0 125px;
}

.se-boussole-hero-v2__inner {
    width: min(920px, 88%);
    margin: 0 auto;
}

.se-boussole-hero-v2__eyebrow {
    margin-bottom: 20px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .22em;
    color: #c9a85c;
}

.se-boussole-hero-v2 h1 {
    max-width: 820px;
    margin: 0 0 32px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(2.7rem, 5vw, 4.6rem);
    font-weight: 500;
    line-height: 1.08;
    color: #f4f1e9;
}

.se-boussole-hero-v2__intro {
    max-width: 720px;
    margin: 0 0 22px;
    font-family: "Lato", Arial, sans-serif;
    font-size: 1.22rem;
    line-height: 1.75;
    color: #f4f1e9;
}

.se-boussole-hero-v2 p:not(.se-boussole-hero-v2__intro) {
    max-width: 720px;
    margin: 0;
    font-family: "Lato", Arial, sans-serif;
    font-size: 1.06rem;
    line-height: 1.8;
    color: rgba(244,241,233,.76);
}

.se-boussole-hero-v2__highlight {
    max-width: 700px;
    margin-top: 32px;
    padding: 16px 0 16px 20px;
    border-left: 2px solid #c9a85c;
    font-family: "Lato", Arial, sans-serif;
    font-size: 1.05rem;
    line-height: 1.7;
    color: #d6b568;
}

.se-boussole-hero-v2__cta {
    display: inline-block;
    margin-top: 36px;
    padding: 13px 26px;
    border: 1px solid #c9a85c;
    border-radius: 7px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .10em;
    color: #d6b568 !important;
    text-decoration: none !important;
    transition: background .25s ease, color .25s ease, transform .25s ease;
}

.se-boussole-hero-v2__cta:hover {
    background: rgba(201,168,92,.10);
    color: #f4f1e9 !important;
    transform: translateY(-2px);
}

/* BOUSSOLE V2 — SECTION 2 : TROIS REPÈRES */
.se-boussole-path-v2 {
    width: 100%;
    background: #0a1723;
    padding: 100px 0 110px;
}

.se-boussole-path-v2__inner {
    width: min(1080px, 88%);
    margin: 0 auto;
}

.se-boussole-path-v2__heading {
    max-width: 760px;
    margin-bottom: 58px;
}

.se-boussole-path-v2__eyebrow {
    margin-bottom: 18px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .76rem;
    font-weight: 600;
    letter-spacing: .20em;
    color: #c9a85c;
}

.se-boussole-path-v2 h2 {
    margin: 0 0 26px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(2rem, 4vw, 3.2rem);
    font-weight: 500;
    line-height: 1.14;
    color: #f4f1e9;
}

.se-boussole-path-v2__heading p {
    max-width: 700px;
    margin: 0;
    font-family: "Lato", Arial, sans-serif;
    font-size: 1.05rem;
    line-height: 1.8;
    color: rgba(244,241,233,.74);
}

.se-boussole-path-v2__cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

.se-boussole-path-v2__card {
    padding: 32px 28px 30px;
    background: #102333;
    border: 1px solid rgba(201,168,92,.16);
    border-radius: 14px;
}

.se-boussole-path-v2__number {
    display: block;
    margin-bottom: 20px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .16em;
    color: #c9a85c;
}

.se-boussole-path-v2__card h3 {
    margin: 0 0 16px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: .08em;
    color: #f4f1e9;
}

.se-boussole-path-v2__card p {
    margin: 0;
    font-family: "Lato", Arial, sans-serif;
    font-size: .98rem;
    line-height: 1.7;
    color: rgba(244,241,233,.72);
}

@media (max-width: 768px) {
    .se-boussole-path-v2__cards {
        grid-template-columns: 1fr;
        gap: 18px;
    }
}
/* BOUSSOLE V2 — SECTION 3 : QUIZ */
.se-boussole-quiz-v2 {
    width: 100%;
    background:
        radial-gradient(circle at 50% 35%, rgba(38,108,150,.10), transparent 42%),
        #07131f;
    padding: 105px 0 120px;
}

.se-boussole-quiz-v2__inner {
    width: min(900px, 88%);
    margin: 0 auto;
}

.se-boussole-quiz-v2__intro {
    max-width: 720px;
    margin: 0 auto 58px;
    text-align: center;
}

.se-boussole-quiz-v2__eyebrow {
    margin-bottom: 18px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .76rem;
    font-weight: 600;
    letter-spacing: .20em;
    color: #c9a85c;
}

.se-boussole-quiz-v2__intro h2 {
    margin: 0 0 22px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 500;
    line-height: 1.15;
    color: #f4f1e9;
}

.se-boussole-quiz-v2__intro p {
    max-width: 660px;
    margin: 0 auto;
    font-family: "Lato", Arial, sans-serif;
    font-size: 1.04rem;
    line-height: 1.8;
    color: rgba(244,241,233,.74);
}

.se-boussole-quiz-v2__meta {
    margin-top: 24px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .74rem;
    letter-spacing: .06em;
    color: rgba(214,181,104,.82);
}

.se-boussole-quiz-v2__meta span {
    margin: 0 8px;
    color: rgba(244,241,233,.30);
}

/* CARTE QUESTION */
.se-boussole-question-v2 {
    max-width: 760px;
    margin: 0 auto;
    padding: 38px 42px 42px;
    background: #102333;
    border: 1px solid rgba(201,168,92,.18);
    border-radius: 16px;
    box-shadow: 0 18px 48px rgba(0,0,0,.20);
}

.se-boussole-question-v2__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 14px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .72rem;
    letter-spacing: .14em;
    color: #c9a85c;
}

.se-boussole-question-v2__top strong {
    font-weight: 600;
    color: #d6b568;
}

/* BARRE DE PROGRESSION */
.se-boussole-question-v2__progress {
    width: 100%;
    height: 3px;
    margin-bottom: 34px;
    overflow: hidden;
    background: rgba(244,241,233,.10);
    border-radius: 20px;
}

.se-boussole-question-v2__progress span {
    display: block;
    height: 100%;
    background: #c9a85c;
    border-radius: 20px;
}

.se-boussole-question-v2 h3 {
    max-width: 650px;
    margin: 0;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(1.35rem, 2.5vw, 1.75rem);
    font-weight: 500;
    line-height: 1.45;
    color: #f4f1e9;
}

.se-boussole-question-v2__answers {
    margin-top: 32px;
}

@media (max-width: 600px) {
    .se-boussole-quiz-v2 {
        padding: 80px 0 90px;
    }

    .se-boussole-question-v2 {
        padding: 30px 22px 34px;
    }

    .se-boussole-quiz-v2__meta span {
        margin: 0 4px;
    }
}
/* BOUSSOLE V2 — CHOIX DE RÉPONSE */
.se-boussole-question-v2__answers {
    display: grid;
    gap: 14px;
    margin-top: 32px;
}

.se-boussole-answer-v2 {
    display: flex;
    align-items: center;
    gap: 18px;
    width: 100%;
    padding: 18px 20px;
    margin: 0;
    background: #0b1b28;
    border: 1px solid rgba(201,168,92,.16);
    border-radius: 10px;
    box-sizing: border-box;
    cursor: pointer;
    transition:
        border-color .22s ease,
        background .22s ease,
        transform .22s ease;
}

.se-boussole-answer-v2:hover {
    background: #122838;
    border-color: rgba(201,168,92,.48);
    transform: translateY(-1px);
}

/* Cache le bouton radio natif */
.se-boussole-answer-v2 input[type="radio"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

/* Lettre A, B, C... */
.se-boussole-answer-v2__letter {
    display: flex;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(201,168,92,.38);
    border-radius: 50%;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .78rem;
    font-weight: 600;
    color: #d6b568;
    transition: all .22s ease;
}

.se-boussole-answer-v2__text {
    font-family: "Lato", Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.6;
    color: rgba(244,241,233,.82);
}

/* RÉPONSE SÉLECTIONNÉE */
.se-boussole-answer-v2:has(input[type="radio"]:checked) {
    background: rgba(201,168,92,.10);
    border-color: #c9a85c;
}

.se-boussole-answer-v2:has(input[type="radio"]:checked)
.se-boussole-answer-v2__letter {
    background: #c9a85c;
    border-color: #c9a85c;
    color: #07131f;
}

.se-boussole-answer-v2:has(input[type="radio"]:checked)
.se-boussole-answer-v2__text {
    color: #f4f1e9;
}

@media (max-width: 600px) {
    .se-boussole-answer-v2 {
        align-items: flex-start;
        gap: 14px;
        padding: 16px;
    }

    .se-boussole-answer-v2__letter {
        flex-basis: 34px;
        width: 34px;
        height: 34px;
    }

    .se-boussole-answer-v2__text {
        font-size: .96rem;
    }
}
/* BOUSSOLE V2 — NAVIGATION DU QUIZ */
.se-boussole-question-v2__navigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin-top: 30px;
    padding-top: 26px;
    border-top: 1px solid rgba(201,168,92,.14);
}

.se-boussole-question-v2__message {
    font-family: "Lato", Arial, sans-serif;
    font-size: .9rem;
    color: rgba(244,241,233,.52);
}

.se-boussole-question-v2__next {
    padding: 12px 26px;
    background: transparent;
    border: 1px solid #c9a85c;
    border-radius: 7px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .10em;
    color: #d6b568;
    cursor: pointer;
    transition: all .22s ease;
}

.se-boussole-question-v2__next:hover:not(:disabled) {
    background: rgba(201,168,92,.10);
    color: #f4f1e9;
    transform: translateY(-1px);
}

/* État désactivé tant qu'aucune réponse n'est choisie */
.se-boussole-question-v2__next:disabled {
    opacity: .32;
    cursor: not-allowed;
}

@media (max-width: 600px) {
    .se-boussole-question-v2__navigation {
        flex-direction: column;
        align-items: stretch;
    }

    .se-boussole-question-v2__message {
        text-align: center;
    }

    .se-boussole-question-v2__next {
        width: 100%;
    }
}
/* CONTACT V2 — SECTION 3 : FORMULAIRE — VERSION DOUCE */
.se-contact-form-v2 {
    width: 100%;
    background:
        linear-gradient(
            180deg,
            #0a1723 0%,
            #102333 55%,
            #142b3d 100%
        );
    padding: 90px 0 110px;
}

.se-contact-form-v2__inner {
    width: min(860px, 88%);
    margin: 0 auto;
}

.se-contact-form-v2 iframe {
    display: block;
    width: 100% !important;
    min-height: 760px;
    border: 1px solid rgba(201,168,92,.20) !important;
    border-radius: 18px;
    background: #0d1d2a;
    box-shadow: 0 18px 45px rgba(0,0,0,.22);
}

.se-about-story-v2__eyebrow {
    margin-bottom: 18px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .22em;
    color: #c9a85c;
}

.se-about-story-v2 h2 {
    max-width: 720px;
    margin: 0 0 36px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(2.2rem, 4vw, 3.4rem);
    font-weight: 500;
    line-height: 1.15;
    color: #f4f1e9;
}

.se-about-story-v2 p {
    max-width: 760px;
    margin: 0 0 22px;
    font-family: "Lato", Arial, sans-serif;
    font-size: 1.08rem;
    line-height: 1.85;
    color: rgba(244,241,233,.78);
}

.se-about-story-v2__quote {
    max-width: 720px;
    margin: 48px 0;
    padding: 24px 0 24px 28px;
    border-left: 3px solid #c9a85c;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(1.55rem, 3vw, 2.15rem);
    font-weight: 500;
    line-height: 1.35;
    color: #d6b568;
}

.se-about-story-v2 strong {
    color: #f4f1e9;
    font-weight: 600;
}
/* À PROPOS V2 — SECTION 3 : POURQUOI STATION ENERGEIA */

.se-about-why-v2 {
    width: 100%;
    background:
        radial-gradient(circle at 75% 35%, rgba(38,108,150,.09) 0%, transparent 34%),
        #07131f;
    padding: 110px 0 120px;
}

.se-about-why-v2__inner {
    width: min(920px, 88%);
    margin: 0 auto;
}

.se-about-why-v2__eyebrow {
    margin-bottom: 18px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .22em;
    color: #c9a85c;
}

.se-about-why-v2 h2 {
    max-width: 820px;
    margin: 0 0 38px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(2.2rem, 4vw, 3.4rem);
    font-weight: 500;
    line-height: 1.15;
    color: #f4f1e9;
}

.se-about-why-v2 p {
    max-width: 790px;
    margin: 0 0 22px;
    font-family: "Lato", Arial, sans-serif;
    font-size: 1.08rem;
    line-height: 1.85;
    color: rgba(244,241,233,.78);
}

.se-about-why-v2 strong {
    color: #f4f1e9;
    font-weight: 600;
}

.se-about-why-v2__path {
    margin: 52px 0;
    padding: 28px 24px;
    border-top: 1px solid rgba(201,168,92,.35);
    border-bottom: 1px solid rgba(201,168,92,.35);
    text-align: center;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .92rem;
    font-weight: 600;
    letter-spacing: .10em;
    color: #f4f1e9;
}

.se-about-why-v2__path span {
    margin: 0 12px;
    color: #c9a85c;
}

.se-about-why-v2__closing {
    max-width: 760px;
    margin-top: 50px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(1.35rem, 2.5vw, 1.8rem);
    font-weight: 400;
    line-height: 1.55;
    color: rgba(244,241,233,.82);
}

.se-about-why-v2__closing strong {
    display: block;
    margin-top: 10px;
    color: #d6b568;
    font-weight: 500;
}
/* À PROPOS V2 — SECTION 4 : MA FAÇON D’ACCOMPAGNER */

.se-about-approach-v2 {
    width: 100%;
    background: #0a1723;
    padding: 110px 0 120px;
}

.se-about-approach-v2__inner {
    width: min(1080px, 88%);
    margin: 0 auto;
}

.se-about-approach-v2__eyebrow {
    margin-bottom: 18px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .22em;
    color: #c9a85c;
}

.se-about-approach-v2 h2 {
    max-width: 760px;
    margin: 0 0 30px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(2.2rem, 4vw, 3.4rem);
    font-weight: 500;
    line-height: 1.15;
    color: #f4f1e9;
}

.se-about-approach-v2__intro,
.se-about-approach-v2 > .se-about-approach-v2__inner > p {
    max-width: 760px;
    margin: 0 0 20px;
    font-family: "Lato", Arial, sans-serif;
    font-size: 1.08rem;
    line-height: 1.8;
    color: rgba(244,241,233,.78);
}

.se-about-approach-v2__principles {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin: 52px 0 48px;
}

.se-about-approach-v2__principle {
    padding: 28px 26px;
    border: 1px solid rgba(201,168,92,.22);
    background: rgba(255,255,255,.015);
}

.se-about-approach-v2__principle h3 {
    margin: 0 0 14px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 1.12rem;
    font-weight: 600;
    line-height: 1.35;
    color: #d6b568;
}

.se-about-approach-v2__principle p {
    margin: 0;
    font-family: "Lato", Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.7;
    color: rgba(244,241,233,.74);
}

.se-about-approach-v2__closing {
    max-width: 760px;
    padding-top: 28px;
    border-top: 1px solid rgba(201,168,92,.28);
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(1.3rem, 2.3vw, 1.7rem);
    line-height: 1.55;
    color: rgba(244,241,233,.82);
}

.se-about-approach-v2__closing strong {
    display: block;
    margin-top: 8px;
    color: #d6b568;
    font-weight: 500;
}

@media (max-width: 600px) {

    .se-about-approach-v2__principles {
        grid-template-columns: 1fr !important;
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
        gap: 18px;
    }

    .se-about-approach-v2__principle {
        width: 100%;
        max-width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box;
    }
}
/* À PROPOS V2 — SECTION 5 : ET MAINTENANT ? */

.se-about-contact-v2 {
    width: 100%;
    background:
        radial-gradient(circle at 50% 20%, rgba(201,168,92,.08) 0%, transparent 34%),
        #07131f;
    padding: 105px 0 115px;
    text-align: center;
}

.se-about-contact-v2__inner {
    width: min(780px, 88%);
    margin: 0 auto;
}

.se-about-contact-v2__eyebrow {
    margin-bottom: 18px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .22em;
    color: #c9a85c;
}

.se-about-contact-v2 h2 {
    margin: 0 0 30px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(2.2rem, 4vw, 3.4rem);
    font-weight: 500;
    line-height: 1.15;
    color: #f4f1e9;
}

.se-about-contact-v2 p {
    max-width: 700px;
    margin: 0 auto 20px;
    font-family: "Lato", Arial, sans-serif;
    font-size: 1.08rem;
    line-height: 1.8;
    color: rgba(244,241,233,.78);
}

.se-about-contact-v2__highlight {
    margin-top: 28px !important;
    font-family: "Montserrat", Arial, sans-serif !important;
    font-size: 1.3rem !important;
    line-height: 1.55 !important;
    color: #f4f1e9 !important;
}

.se-about-contact-v2__highlight strong {
    color: #d6b568;
    font-weight: 500;
}

.se-about-contact-v2__button {
    display: inline-block;
    margin-top: 34px;
    padding: 15px 28px;
    border: 1px solid #c9a85c;
    border-radius: 999px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .82rem;
    font-weight: 600;
    letter-spacing: .10em;
    text-decoration: none;
    color: #f4f1e9;
    background: rgba(201,168,92,.08);
    transition: .25s ease;
}

.se-about-contact-v2__button:hover {
    background: #c9a85c;
    color: #07131f;
}

.se-about-contact-v2 h2,
.se-about-contact-v2 p,
.se-about-contact-v2__highlight {
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
}

.se-about-contact-v2__highlight strong {
    display: block;
    margin-top: 6px;
    color: #d6b568;
}

/* ========================================
   STATION ENERGEIA V2
   Fondation graphique Cassiopeia
   ======================================== */

:root {
    --se-bg: #07111f;
    --se-bg-soft: #0c1828;
    --se-bg-card: #101f32;
    --se-gold: #c9a85c;
    --se-gold-soft: #e1c98d;
    --se-blue: #5da9ff;
    --se-text: #f5f3ee;
    --se-text-soft: #c8d0da;
    --se-border: rgba(201, 168, 92, 0.28);
}

/* Base générale */
body {
    background: var(--se-bg);
    color: var(--se-text);
    font-family: "Lato", Arial, sans-serif;
}

/* Titres */
h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--se-text);
    font-family: "Montserrat", Arial, sans-serif;
    font-weight: 600;
}

/* Liens */
a {
    color: var(--se-gold-soft);
}

a:hover,
a:focus {
    color: var(--se-gold);
}

/* Header Cassiopeia */
.container-header {
    background: rgba(7, 17, 31, 0.96);
    border-bottom: 1px solid var(--se-border);
    box-shadow: none;
}

/* Navigation */
.container-header .mod-menu > li > a {
    color: var(--se-text);
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 0.92rem;
    font-weight: 500;
    letter-spacing: 0.04em;
}

.container-header .mod-menu > li > a:hover,
.container-header .mod-menu > li.active > a {
    color: var(--se-gold);
}

/* Zone principale */
.site-grid {
    background: var(--se-bg);
}

main {
    color: var(--se-text);
}

/* Articles / cartes générales */
.card,
.blog-item,
.item-content {
    background: var(--se-bg-soft);
    border-color: var(--se-border);
}

/* Pied de page */
.container-footer {
    background: #050c15;
    color: var(--se-text-soft);
    border-top: 1px solid var(--se-border);
}
/* ========================================
   STATION ENERGEIA V2
   Logo de l'en-tête
   ======================================== */

.container-header .navbar-brand img {
    max-height: 60px;
    width: auto;
    height: auto;
}
/* ========================================
   STATION ENERGEIA V2
   Bouton Votre Boussole
   ======================================== */

.container-header .mod-menu > li.item-289 > a {
    color: var(--se-gold-soft);
    border: 1px solid var(--se-gold);
    border-radius: 6px;
    padding: 0.55rem 1rem;
    margin-left: 0.5rem;
    transition: all 0.25s ease;
}

.container-header .mod-menu > li.item-289 > a:hover,
.container-header .mod-menu > li.item-289.active > a {
    background: var(--se-gold);
    color: var(--se-bg);
}
/* ========================================
   STATION ENERGEIA V2
   Centrage du menu principal
   ======================================== */

.container-header ul.mod-menu {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
/* ========================================
   STATION ENERGEIA V2
   Respiration du header
   ======================================== */

.container-header .container-nav {
    padding-top: 10px;
    padding-bottom: 10px;
}
/* ========================================
   STATION ENERGEIA V2
   HERO — Accueil
   ======================================== */

.se-hero {
    position: relative;
    min-height: 680px;
    display: flex;
    align-items: center;
    overflow: hidden;

    background-image: url("https://stationenergeia.arunachy.com/images/hero-station-energeia-v2-optimise.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;

    /* Permet au HERO de sortir de la largeur
       normale de l'article Cassiopeia */
    width: 100vw;
    margin-left: calc(50% - 50vw);
}

/* Voile sombre pour garder le texte très lisible */
.se-hero-overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            90deg,
            rgba(5, 12, 23, 0.93) 0%,
            rgba(7, 17, 31, 0.78) 40%,
            rgba(7, 17, 31, 0.30) 72%,
            rgba(7, 17, 31, 0.12) 100%
        );
}

/* Contenu */
.se-hero-content {
    position: relative;
    z-index: 2;
    width: min(1180px, 90%);
margin-left: 5%;
margin-right: auto;
    padding: 80px 0;
}

/* Grand titre */
.se-hero h1 {
    max-width: 850px;
    margin: 0 0 28px;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(2.7rem, 5vw, 4.7rem);
    line-height: 1.08;
    font-weight: 600;
    letter-spacing: -0.025em;

    color: #ffffff;
}

/* Partie dorée du titre */
.se-hero h1 span {
    color: var(--se-gold-soft);
}

/* Texte d'introduction */
.se-hero p {
    max-width: 720px;
    margin: 0 0 36px;

    font-family: "Lato", Arial, sans-serif;
    font-size: 1.18rem;
    line-height: 1.7;

    color: var(--se-text-soft);
}

/* Bouton principal */
.se-hero-button {
    display: inline-block;
    padding: 15px 26px;

    border: 1px solid var(--se-gold);
    border-radius: 6px;

    background: var(--se-gold);
    color: var(--se-bg);

    font-family: "Montserrat", Arial, sans-serif;
    font-size: 0.92rem;
    font-weight: 600;
    letter-spacing: 0.055em;
    text-decoration: none;

    transition:
        transform 0.25s ease,
        background 0.25s ease,
        color 0.25s ease;
}

.se-hero-button:hover,
.se-hero-button:focus {
    background: var(--se-gold-soft);
    color: var(--se-bg);
    transform: translateY(-2px);
}

/* ========================================
   HERO — Tablette et mobile
   ======================================== */

@media (max-width: 768px) {

    .se-hero {
        min-height: 620px;
        background-position: 62% center;
    }

    .se-hero-overlay {
        background: rgba(5, 12, 23, 0.72);
    }

    .se-hero-content {
        width: 88%;
        padding: 65px 0;
    }

    .se-hero h1 {
        font-size: clamp(2.2rem, 10vw, 3.3rem);
    }

    .se-hero p {
        font-size: 1.05rem;
        line-height: 1.6;
    }

    .se-hero-button {
        padding: 14px 20px;
        font-size: 0.82rem;
    }
  }
/* ========================================
   STATION ENERGEIA V2
   DÉCOUVRE TON CHEMIN
   ======================================== */

.se-path {
    width: min(1220px, 92%);
    margin: 0 auto;
    padding: 110px 0 120px;
}

.se-path-intro {
    max-width: 760px;
    margin: 0 auto 55px;
    text-align: center;
}

.se-eyebrow {
    margin: 0 0 12px;
    color: var(--se-gold);
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 0.82rem;
    font-weight: 600;
    letter-spacing: 0.16em;
}

.se-path h2 {
    margin: 0 0 18px;
    font-size: clamp(2.2rem, 4vw, 3.5rem);
    line-height: 1.12;
}

.se-path-lead {
    margin: 0;
    color: var(--se-text-soft);
    font-size: 1.12rem;
    line-height: 1.75;
}

.se-path-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 18px;
}

.se-path-card {
    position: relative;
    min-height: 340px;
    padding: 28px 22px 26px;

    display: flex;
    flex-direction: column;

  
}

.se-path-icon {
    width: 52px;
    height: 52px;
    margin-bottom: 22px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid rgba(201, 168, 92, 0.45);
    border-radius: 50%;

    color: var(--se-gold-soft);
    font-size: 1.5rem;
}

.se-path-card h3 {
    margin: 0 0 16px;
    color: var(--se-gold-soft);
    font-size: 1rem;
    letter-spacing: 0.08em;
}

.se-path-card p {
    margin: 0 0 28px;
    color: var(--se-text-soft);
    font-size: 0.96rem;
    line-height: 1.65;
}

.se-path-card a {
    margin-top: auto;
    color: var(--se-gold-soft);
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 0.88rem;
    font-weight: 600;
    text-decoration: none;
}

.se-path-card a::after {
    content: " →";
}

.se-path-card a:hover {
    color: var(--se-gold);
}



@media (max-width: 1100px) {
    .se-path-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {

    .se-path {
        width: 88%;
        padding: 80px 0 90px;
    }

    .se-path-grid {
        grid-template-columns: 1fr;
    }

    .se-path-card {
        min-height: 0;
    }

}
/* ========================================
   CARTES — STYLE FINAL
   ======================================== */

.se-path-grid > .se-path-card {
    background: linear-gradient(
        180deg,
        rgba(20, 43, 66, 0.88) 0%,
        rgba(10, 25, 42, 0.82) 100%
    ) !important;

    border: 1px solid rgba(201, 168, 92, 0.28) !important;
    border-radius: 10px;

    box-shadow:
        0 10px 30px rgba(0, 0, 0, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.025);

    transition:
        transform 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease;
}

.se-path-grid > .se-path-card:hover {
    transform: translateY(-6px);

    border-color: rgba(201, 168, 92, 0.60) !important;

    box-shadow:
        0 18px 42px rgba(0, 0, 0, 0.28),
        0 0 22px rgba(201, 168, 92, 0.06);
}

/* ÉCHANGER — légère distinction */
.se-path-grid > .se-path-card--exchange {
    background: linear-gradient(
        180deg,
        rgba(27, 54, 79, 0.96) 0%,
        rgba(13, 31, 50, 0.90) 100%
    ) !important;

    border-color: rgba(201, 168, 92, 0.42) !important;
}
/* ========================================
   ALIGNEMENT DES CTA DES CARTES
   ======================================== */


/* ========================================
   CARTES — ALIGNEMENT CENTRAL FINAL
   ======================================== */

.se-path-grid > .se-path-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    height: 100%;
}

/* Icône centrée */
.se-path-grid > .se-path-card .se-path-icon {
    margin-left: auto;
    margin-right: auto;
}

/* Titre centré */
.se-path-grid > .se-path-card h3 {
    width: 100%;
    text-align: center;
}

/* Description centrée + hauteur uniforme */
.se-path-grid > .se-path-card > p {
    width: 100%;
    min-height: 120px;
    margin-bottom: 20px;
    text-align: center;
}

/* CTA centré et toujours placé au bas */
.se-path-grid > .se-path-card > a {
    display: inline-block;
    margin-top: auto !important;
    padding-top: 16px;
    text-align: center;
    align-self: center;
}
/* ========================================
   À PROPOS DE RICHARD
   ======================================== */

.se-about {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    padding: 110px 0;
    background:
        radial-gradient(circle at 18% 45%,
        rgba(93,169,255,.08), transparent 34%),
        linear-gradient(180deg, #091524 0%, #07111f 100%);
    border-top: 1px solid rgba(201,168,92,.12);
    border-bottom: 1px solid rgba(201,168,92,.12);
}

.se-about-inner {
    width: min(1180px, 90%);
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
    gap: 72px;
    align-items: center;
}

.se-about-image {
    position: relative;
}

.se-about-image::before {
    content: "";
    position: absolute;
    inset: -12px 12px 12px -12px;
    border: 1px solid rgba(201,168,92,.30);
    border-radius: 14px;
    pointer-events: none;
}

.se-about-image img {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: auto;
    border-radius: 12px;
    box-shadow: 0 24px 60px rgba(0,0,0,.30);
}

.se-about-content h2 {
    margin: 0 0 28px;
    max-width: 650px;
    font-size: clamp(2.2rem,4vw,3.6rem);
    line-height: 1.12;
}

.se-about-content > p:not(.se-eyebrow) {
    color: var(--se-text-soft);
    font-size: 1.03rem;
    line-height: 1.75;
    margin: 0 0 18px;
}

.se-about-content .se-about-signature {
    color: var(--se-text) !important;
    font-weight: 500;
    border-left: 2px solid var(--se-gold);
    padding-left: 20px;
    margin-top: 28px !important;
    margin-bottom: 32px !important;
}

.se-about-button {
    display: inline-block;
    padding: .82rem 1.25rem;
    color: var(--se-gold-soft);
    border: 1px solid var(--se-gold);
    border-radius: 6px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .88rem;
    font-weight: 600;
    letter-spacing: .04em;
    text-decoration: none;
    transition: .25s ease;
}

.se-about-button:hover,
.se-about-button:focus {
    background: var(--se-gold);
    color: var(--se-bg);
}

@media (max-width: 900px) {
    .se-about {
        padding: 80px 0;
    }

    .se-about-inner {
        width: 88%;
        grid-template-columns: 1fr;
        gap: 48px;
    }

    .se-about-image {
        max-width: 620px;
        margin: 0 auto;
    }
}
/* ========================================
   À PROPOS — AJUSTEMENT PHOTO FINAL
   ======================================== */

.se-about-image {
    transform: scale(1.15);
    transform-origin: center center;
}
/* ========================================
   TA BOUSSOLE ÉNERGÉTIQUE
   ======================================== */

.se-compass {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    padding: 100px 0;
    background:
        radial-gradient(
            circle at 18% 50%,
            rgba(201, 168, 92, 0.12),
            transparent 28%
        ),
        radial-gradient(
            circle at 85% 25%,
            rgba(93, 169, 255, 0.07),
            transparent 32%
        ),
        linear-gradient(
            135deg,
            #071523 0%,
            #0b1c30 52%,
            #07111f 100%
        );
    border-top: 1px solid rgba(201, 168, 92, 0.18);
    border-bottom: 1px solid rgba(201, 168, 92, 0.18);
}



/* Symbole */





/* Contenu */

.se-compass-content h2 {
    margin: 0 0 22px;
    font-size: clamp(2.3rem, 4vw, 3.7rem);
    line-height: 1.12;
}

.se-compass-lead {
    max-width: 760px;
    margin: 0 0 14px;
    color: var(--se-text);
    font-size: 1.12rem;
    line-height: 1.7;
}

.se-compass-content > p:not(.se-eyebrow):not(.se-compass-disclaimer) {
    max-width: 760px;
    color: var(--se-text-soft);
    line-height: 1.7;
}

/* Parcours */

.se-compass-path {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin: 30px 0;
    color: var(--se-text);
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 0.94rem;
}

.se-compass-path strong {
    color: var(--se-gold);
    font-weight: 400;
}

/* Bouton */

.se-compass-button {
    display: inline-block;
    padding: 14px 24px;
    background: var(--se-gold);
    border: 1px solid var(--se-gold);
    border-radius: 6px;
    color: #07111f;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 0.88rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-decoration: none;
    transition: all 0.25s ease;
}

.se-compass-button:hover,
.se-compass-button:focus {
    background: var(--se-gold-soft);
    border-color: var(--se-gold-soft);
    color: #07111f;
    transform: translateY(-2px);
}

/* Mention */

.se-compass-disclaimer {
    max-width: 760px;
    margin: 24px 0 0;
    color: rgba(200, 208, 218, 0.70);
    font-size: 0.78rem;
    line-height: 1.55;
}

/* Mobile */

@media (max-width: 800px) {

    .se-compass {
        padding: 75px 0;
    }

  

  

  

    .se-compass-path {
        align-items: flex-start;
        flex-direction: column;
    }

    .se-compass-path strong {
        transform: rotate(90deg);
        margin-left: 12px;
    }
}
/* ========================================
   BOUSSOLE — PRÉSENCE VISUELLE DU SYMBOLE
   ======================================== */



.se-compass {
    position: relative;
    overflow: hidden;
}

.se-compass-visual {
    position: absolute;
    inset: 0 auto 0 0;
    width: 56%;
    z-index: 1;
    pointer-events: none;
}

.se-compass-visual img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left center;
    display: block;
    opacity: 0.96;
}

.se-compass-inner {
    position: relative;
    z-index: 2;
    width: min(1180px, 90%);
    margin: 0 auto;
    display: grid;
    grid-template-columns: 44% 56%;
    min-height: 620px;
    align-items: center;
}

.se-compass-content {
    grid-column: 2;
    position: relative;
    padding: 70px 0 70px 42px;
    background: linear-gradient(
        90deg,
        rgba(7, 17, 31, 0.08) 0%,
        rgba(7, 17, 31, 0.70) 12%,
        rgba(7, 17, 31, 0.94) 34%,
        rgba(7, 17, 31, 0.98) 100%
    );
}

@media (max-width: 900px) {

    .se-compass-visual {
        width: 100%;
        opacity: 0.34;
    }

    .se-compass-inner {
        grid-template-columns: 1fr;
        min-height: auto;
    }

    .se-compass-content {
        grid-column: 1;
        padding: 75px 0;
        background: rgba(7, 17, 31, 0.76);
    }
}
/* ========================================
   QUELLE PORTE SOUHAITES-TU EXPLORER ?
   ======================================== */

.se-doors {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    padding: 110px 0 120px;
    background:
        radial-gradient(
            circle at 50% 15%,
            rgba(93, 169, 255, 0.06),
            transparent 35%
        ),
        #07111f;
}

.se-doors-inner {
    width: min(1220px, 92%);
    margin: 0 auto;
}

.se-doors-intro {
    max-width: 820px;
    margin: 0 auto 55px;
    text-align: center;
}

.se-doors-intro h2 {
    margin: 12px 0 0;
    font-size: clamp(2.2rem, 4vw, 3.5rem);
    line-height: 1.15;
}

/* Grille */

.se-doors-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}

/* Cartes */

.se-door-card {
    min-height: 390px;
    padding: 34px 26px 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;

    background: linear-gradient(
        180deg,
        rgba(20, 43, 66, 0.88) 0%,
        rgba(10, 25, 42, 0.82) 100%
    );

    border: 1px solid rgba(201, 168, 92, 0.28);
    border-radius: 10px;

    box-shadow:
        0 12px 32px rgba(0, 0, 0, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.025);

    transition:
        transform 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease;
}

.se-door-card:hover {
    transform: translateY(-6px);
    border-color: rgba(201, 168, 92, 0.60);

    box-shadow:
        0 18px 42px rgba(0, 0, 0, 0.28),
        0 0 22px rgba(201, 168, 92, 0.06);
}

/* Icônes */

.se-door-icon {
    width: 68px;
    height: 68px;
    margin-bottom: 24px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid rgba(201, 168, 92, 0.48);
    border-radius: 50%;

    background: rgba(201, 168, 92, 0.035);
    font-size: 1.8rem;

    box-shadow: 0 0 28px rgba(201, 168, 92, 0.07);
}

/* Titres */

.se-door-card h3 {
    width: 100%;
    min-height: 58px;
    margin: 0 0 18px;

    color: var(--se-gold-soft);

    font-size: 1.05rem;
    line-height: 1.4;
    letter-spacing: 0.025em;
}

/* Texte */

.se-door-card p {
    width: 100%;
    margin: 0 0 26px;

    color: var(--se-text-soft);

    font-size: 0.96rem;
    line-height: 1.65;
}

/* Boutons / liens */

.se-door-card a {
    display: inline-block;
    margin-top: auto;
    padding-top: 18px;

    color: var(--se-gold-soft);

    font-family: "Montserrat", Arial, sans-serif;
    font-size: 0.82rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-decoration: none;
}

.se-door-card a::after {
    content: " →";
}

.se-door-card a:hover {
    color: var(--se-gold);
}

/* Tablette */

@media (max-width: 1050px) {

    .se-doors-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Mobile */

@media (max-width: 640px) {

    .se-doors {
        padding: 80px 0 90px;
    }

    .se-doors-inner {
        width: 88%;
    }

    .se-doors-grid {
        grid-template-columns: 1fr;
    }

    .se-door-card {
        min-height: 0;
    }

    .se-door-card h3 {
        min-height: 0;
    }
}
/* ========================================
   EXPÉRIENCES PARTAGÉES
   ======================================== */

.se-testimonials {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    padding: 110px 0 105px;
    background:
        radial-gradient(
            circle at 50% 20%,
            rgba(201, 168, 92, 0.055),
            transparent 34%
        ),
        linear-gradient(
            180deg,
            #091524 0%,
            #07111f 100%
        );
}

.se-testimonials-inner {
    width: min(1160px, 90%);
    margin: 0 auto;
}

/* Introduction */

.se-testimonials-intro {
    max-width: 780px;
    margin: 0 auto 60px;
    text-align: center;
}

.se-testimonials-intro h2 {
    margin: 10px 0 20px;
    font-size: clamp(2.2rem, 4vw, 3.5rem);
    line-height: 1.15;
}

.se-testimonials-lead {
    margin: 0;
    color: var(--se-text-soft);
    font-size: 1.06rem;
    line-height: 1.75;
}

/* Les trois témoignages */

.se-testimonials-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 34px;
}

.se-testimonial-card {
    position: relative;
    min-height: 300px;
    padding: 34px 30px 30px;

    display: flex;
    flex-direction: column;

    background: rgba(14, 31, 49, 0.42);

    border-top: 1px solid rgba(201, 168, 92, 0.55);
    border-right: 1px solid rgba(201, 168, 92, 0.10);
    border-bottom: 1px solid rgba(201, 168, 92, 0.10);
    border-left: 1px solid rgba(201, 168, 92, 0.10);

    border-radius: 8px;

    box-shadow: 0 14px 36px rgba(0, 0, 0, 0.12);
}

/* Guillemets décoratifs */

.se-testimonial-card::before {
    content: "“";
    position: absolute;
    top: 40px;
    right: 26px;

    color: rgba(201, 168, 92, 0.20);

    font-family: Georgia, serif;
    font-size: 5rem;
    line-height: 0.5;
}

/* Catégorie */

.se-testimonial-category {
    margin: 0 0 28px;

    color: var(--se-gold);

    font-family: "Montserrat", Arial, sans-serif;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.10em;
    text-transform: uppercase;
}

/* Témoignage */

.se-testimonial-card blockquote {
    margin: 0 0 28px;
    padding: 0;
    border: 0;

    color: var(--se-text);

    font-family: Georgia, serif;
    font-size: 1.08rem;
    font-style: italic;
    line-height: 1.75;
}

/* Auteur */

.se-testimonial-author {
    margin: auto 0 0;

    color: var(--se-text-soft);

    font-size: 0.88rem;
}

/* Bouton */

.se-testimonials-action {
    margin-top: 48px;
    text-align: center;
}

.se-testimonials-button {
    display: inline-block;

    padding: 13px 22px;

    color: var(--se-gold-soft);

    border: 1px solid rgba(201, 168, 92, 0.65);
    border-radius: 6px;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: 0.82rem;
    font-weight: 600;
    letter-spacing: 0.04em;

    text-decoration: none;
    transition: all 0.25s ease;
}

.se-testimonials-button:hover,
.se-testimonials-button:focus {
    background: var(--se-gold);
    color: var(--se-bg);
}

/* Mention sous les témoignages */

.se-testimonials-disclaimer {
    max-width: 780px;
    margin: 28px auto 0;

    color: rgba(200, 208, 218, 0.62);

    font-size: 0.76rem;
    line-height: 1.55;
    text-align: center;
}

/* Tablette */

@media (max-width: 900px) {

    .se-testimonials-grid {
        grid-template-columns: 1fr;
        max-width: 680px;
        margin: 0 auto;
    }

    .se-testimonial-card {
        min-height: 0;
    }
}

/* Mobile */

@media (max-width: 640px) {

    .se-testimonials {
        padding: 80px 0 85px;
    }

    .se-testimonials-inner {
        width: 88%;
    }

    .se-testimonial-card {
        padding: 30px 24px;
    }
}
/* ========================================
   ET MAINTENANT ?
   ======================================== */

.se-final {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    padding: 115px 0 120px;

    background:
        radial-gradient(
            circle at 50% 20%,
            rgba(201, 168, 92, 0.08),
            transparent 34%
        ),
        linear-gradient(
            180deg,
            #081321 0%,
            #050c15 100%
        );

    border-top: 1px solid rgba(201, 168, 92, 0.14);
}

.se-final-inner {
    width: min(920px, 88%);
    margin: 0 auto;
    text-align: center;
}

.se-final h2 {
    margin: 12px 0 26px;

    font-size: clamp(2.5rem, 5vw, 4.2rem);
    line-height: 1.12;
}

.se-final-lead {
    max-width: 760px;
    margin: 0 auto 16px;

    color: var(--se-text);

    font-size: 1.12rem;
    line-height: 1.7;
}

.se-final-message {
    max-width: 720px;
    margin: 0 auto;

    color: var(--se-text-soft);

    font-size: 1rem;
    line-height: 1.7;
}

/* Boutons */

.se-final-actions {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;

    gap: 16px;
    margin-top: 38px;
}

.se-final-button {
    display: inline-block;

    padding: 14px 24px;

    border-radius: 6px;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: 0.86rem;
    font-weight: 700;
    letter-spacing: 0.04em;

    text-decoration: none;

    transition:
        transform 0.25s ease,
        background 0.25s ease,
        color 0.25s ease,
        border-color 0.25s ease;
}

/* Bouton principal */

.se-final-button--primary {
    background: var(--se-gold);
    border: 1px solid var(--se-gold);
    color: #07111f;
}

.se-final-button--primary:hover,
.se-final-button--primary:focus {
    background: var(--se-gold-soft);
    border-color: var(--se-gold-soft);
    color: #07111f;
    transform: translateY(-2px);
}

/* Bouton secondaire */

.se-final-button--secondary {
    background: transparent;
    border: 1px solid rgba(201, 168, 92, 0.65);
    color: var(--se-gold-soft);
}

.se-final-button--secondary:hover,
.se-final-button--secondary:focus {
    background: rgba(201, 168, 92, 0.08);
    border-color: var(--se-gold);
    color: var(--se-gold);
    transform: translateY(-2px);
}

/* Mobile */

@media (max-width: 640px) {

    .se-final {
        padding: 85px 0 90px;
    }

    .se-final-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .se-final-button {
        width: 100%;
    }
}
/* ========================================
   ET MAINTENANT ? — VERSION CINÉMATIQUE
   ======================================== */

.se-final {
    position: relative;
    overflow: hidden;
    padding: 145px 0 150px;

    background:
        radial-gradient(
            ellipse at 50% 42%,
            rgba(40, 105, 175, 0.20) 0%,
            rgba(18, 57, 94, 0.12) 28%,
            transparent 58%
        ),
        radial-gradient(
            circle at 50% 35%,
            rgba(201, 168, 92, 0.10) 0%,
            transparent 32%
        ),
        linear-gradient(
            180deg,
            #071321 0%,
            #08182a 45%,
            #040b13 100%
        );
}

/* Halo énergétique central */

.se-final::before {
    content: "";
    position: absolute;

    width: 620px;
    height: 620px;

    left: 50%;
    top: 48%;

    transform: translate(-50%, -50%);

    border: 1px solid rgba(201, 168, 92, 0.12);
    border-radius: 50%;

    box-shadow:
        0 0 0 70px rgba(201, 168, 92, 0.018),
        0 0 0 145px rgba(93, 169, 255, 0.014),
        0 0 120px rgba(93, 169, 255, 0.10);

    pointer-events: none;
}

/* Ligne lumineuse supérieure */

.se-final::after {
    content: "";
    position: absolute;

    top: 0;
    left: 50%;

    width: min(760px, 70%);
    height: 1px;

    transform: translateX(-50%);

    background: linear-gradient(
        90deg,
        transparent,
        rgba(201, 168, 92, 0.70),
        transparent
    );

    box-shadow: 0 0 20px rgba(201, 168, 92, 0.18);
}

/* Contenu au-dessus des effets */

.se-final-inner {
    position: relative;
    z-index: 2;
}

/* Petit titre */

.se-final .se-eyebrow {
    margin-bottom: 18px;
    color: var(--se-gold);
    letter-spacing: 0.22em;
}

/* Grand titre */

.se-final h2 {
    max-width: 900px;
    margin: 0 auto 30px;

    font-size: clamp(3rem, 5.5vw, 5rem);
    line-height: 1.06;

    text-shadow:
        0 8px 35px rgba(0, 0, 0, 0.35),
        0 0 35px rgba(93, 169, 255, 0.06);
}

/* Première phrase */

.se-final-lead {
    font-size: 1.18rem;
    line-height: 1.75;
}

/* Phrase finale */

.se-final-message {
    margin-top: 12px;
    color: var(--se-gold-soft);
    font-size: 1.06rem;
}

/* Boutons plus présents */

.se-final-actions {
    margin-top: 48px;
    gap: 20px;
}

.se-final-button {
    min-width: 250px;
    padding: 16px 28px;

    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.20);
}

.se-final-button--primary {
    box-shadow:
        0 10px 30px rgba(0, 0, 0, 0.22),
        0 0 28px rgba(201, 168, 92, 0.12);
}


/* Mobile */

@media (max-width: 640px) {

    .se-final {
        padding: 105px 0 110px;
    }

    .se-final::before {
        width: 390px;
        height: 390px;
    }

    .se-final h2 {
        font-size: clamp(2.6rem, 11vw, 3.6rem);
    }

    .se-final-button {
        min-width: 0;
    }
}
/* ========================================
   FOOTER STATION ENERGEIA
   ======================================== */

.se-footer {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    padding: 75px 0 0;

    background:
        radial-gradient(
            circle at 15% 20%,
            rgba(93, 169, 255, 0.045),
            transparent 30%
        ),
        #040a12;

    border-top: 1px solid rgba(201, 168, 92, 0.22);
    color: var(--se-text-soft);
}

.se-footer-inner {
    width: min(1220px, 90%);
    margin: 0 auto;
}

/* 4 colonnes */

.se-footer-grid {
    display: grid;
    grid-template-columns: 1.35fr .8fr 1.05fr 1fr;
    gap: 55px;
    padding-bottom: 65px;
}

/* Titres */

.se-footer h3 {
    margin: 0 0 22px;

    color: var(--se-gold-soft);

    font-size: .88rem;
    font-weight: 600;
    letter-spacing: .09em;
    text-transform: uppercase;
}

/* Logo */

.se-footer-brand img {
    display: block;
    width: 190px;
    max-width: 100%;
    height: auto;
    margin-bottom: 25px;
}

.se-footer-brand > p {
    max-width: 300px;
    margin: 0 0 18px;

    font-size: .92rem;
    line-height: 1.7;
}

.se-footer-tagline {
    color: var(--se-gold) !important;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: .72rem !important;
    font-weight: 600;
    letter-spacing: .12em;
}

/* Navigation */

.se-footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.se-footer li {
    margin-bottom: 10px;
}

.se-footer a {
    color: var(--se-text-soft);
    text-decoration: none;
    transition: color .2s ease;
}

.se-footer a:hover,
.se-footer a:focus {
    color: var(--se-gold);
}

/* Contact */

.se-footer-col > p {
    font-size: .92rem;
    line-height: 1.7;
}

.se-footer-contact {
    display: inline-block;
    margin-top: 12px;
    padding: 11px 16px;

    border: 1px solid rgba(201, 168, 92, .55);
    border-radius: 5px;

    color: var(--se-gold-soft) !important;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: .75rem;
    font-weight: 600;
    letter-spacing: .04em;
}

.se-footer-contact:hover {
    background: var(--se-gold);
    color: #07111f !important;
}

/* Réseaux sociaux */

.se-footer-socials {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 22px;
}

.se-footer-socials a {
    color: var(--se-gold-soft);
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .78rem;
}

/* Bas du footer */

.se-footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;

    padding: 25px 0 30px;

    border-top: 1px solid rgba(201, 168, 92, .14);

    color: rgba(200, 208, 218, .58);
}

.se-footer-bottom p {
    margin: 0;
    font-size: .76rem;
    line-height: 1.6;
}

.se-footer-bottom a {
    color: rgba(200, 208, 218, .65);
}

.se-footer-bottom span {
    margin: 0 7px;
    color: rgba(201, 168, 92, .45);
}

/* Tablette */

@media (max-width: 1000px) {

    .se-footer-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 50px;
    }
}

/* Mobile */

@media (max-width: 640px) {

    .se-footer {
        padding-top: 60px;
    }

    .se-footer-inner {
        width: 88%;
    }

    .se-footer-grid {
        grid-template-columns: 1fr;
        gap: 42px;
        padding-bottom: 50px;
    }

    .se-footer-bottom {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
}
/* À PROPOS — correction photo sur mobile */
@media (max-width: 640px) {
    .se-about-image {
        transform: none;
    }
}
/* BOUSSOLE — plus visible sur mobile */
@media (max-width: 640px) {

    .se-compass-visual {
        opacity: 0.58;
    }

    .se-compass-content {
        background: rgba(7, 17, 31, 0.58);
    }
}
/* =========================================================
   PAGE COMPRENDRE — HERO
   ========================================================= */

.se-understand-hero {
    position: relative;
    width: 100%;
    min-height: 680px;
    display: flex;
    align-items: center;
    overflow: hidden;

    background-image:
        linear-gradient(
            90deg,
            rgba(5, 15, 29, 0.96) 0%,
            rgba(5, 15, 29, 0.88) 34%,
            rgba(5, 15, 29, 0.48) 62%,
            rgba(5, 15, 29, 0.18) 100%
        ),
        url("https://stationenergeia.arunachy.com/images/hero-comprendre-station-energeia-web.jpg");

    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.se-understand-hero__overlay {
    position: absolute;
    inset: 0;
    pointer-events: none;

    background:
        radial-gradient(
            circle at 75% 48%,
            rgba(201, 168, 92, 0.08),
            transparent 38%
        );
}

.se-understand-hero__inner {
    position: relative;
    z-index: 2;
    width: min(1180px, 88%);
    margin: 0 auto;
    padding: 105px 0 95px;
}

.se-understand-hero__content {
    max-width: 670px;
}

.se-understand-hero__eyebrow {
    margin-bottom: 20px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 0.82rem;
    font-weight: 600;
    letter-spacing: 0.24em;
    color: #c9a85c;
}

.se-understand-hero h1 {
    margin: 0 0 30px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(2.8rem, 5vw, 4.8rem);
    font-weight: 500;
    line-height: 1.08;
    letter-spacing: -0.025em;
    color: #f4f1e9;
}

.se-understand-hero h1 span {
    color: #d6b568;
}

.se-understand-hero p {
    max-width: 620px;
    margin: 0 0 18px;
    font-family: "Lato", Arial, sans-serif;
    font-size: 1.08rem;
    line-height: 1.75;
    color: rgba(244, 241, 233, 0.84);
}

.se-understand-hero__markers {
    margin-top: 34px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 0.78rem;
    font-weight: 500;
    letter-spacing: 0.16em;
    color: rgba(244, 241, 233, 0.72);
}

.se-understand-hero__markers strong {
    padding: 0 10px;
    font-weight: 400;
    color: #c9a85c;
}


/* COMPRENDRE — HERO TABLETTE */

@media (max-width: 900px) {

    .se-understand-hero {
        min-height: 620px;

        background-image:
            linear-gradient(
                90deg,
                rgba(5, 15, 29, 0.94) 0%,
                rgba(5, 15, 29, 0.78) 60%,
                rgba(5, 15, 29, 0.42) 100%
            ),
            url("https://stationenergeia.arunachy.com/images/hero-comprendre-station-energeia-web.jpg");

        background-position: 60% center;
    }

    .se-understand-hero__inner {
        width: 88%;
        padding: 90px 0;
    }

    .se-understand-hero__content {
        max-width: 600px;
    }
}


/* COMPRENDRE — HERO MOBILE */

@media (max-width: 640px) {

    .se-understand-hero {
        min-height: auto;
        align-items: flex-start;

        background-image:
            linear-gradient(
                180deg,
                rgba(5, 15, 29, 0.72) 0%,
                rgba(5, 15, 29, 0.90) 58%,
                rgba(5, 15, 29, 0.98) 100%
            ),
            url("https://stationenergeia.arunachy.com/images/hero-comprendre-station-energeia-web.jpg");

        background-position: 68% center;
    }

    .se-understand-hero__inner {
        width: 88%;
        padding: 80px 0 70px;
    }

    .se-understand-hero h1 {
        font-size: clamp(2.35rem, 11vw, 3.2rem);
        line-height: 1.08;
    }

    .se-understand-hero p {
        font-size: 1rem;
        line-height: 1.7;
    }

    .se-understand-hero__markers {
        line-height: 2;
        letter-spacing: 0.10em;
    }

    .se-understand-hero__markers strong {
        padding: 0 5px;
    }
}
/* =========================================================
   PAGE COMPRENDRE — SECTION 2 : LES 4 AXES
   ========================================================= */

.se-understand-axes {
    position: relative;
    width: 100%;
    padding: 110px 0 115px;
    background:
        radial-gradient(
            circle at 50% 15%,
            rgba(38, 78, 112, 0.12),
            transparent 42%
        ),
        #07111f;
    overflow: hidden;
}

.se-understand-axes__inner {
    width: min(1180px, 88%);
    margin: 0 auto;
}


/* INTRODUCTION */

.se-understand-axes__intro {
    max-width: 760px;
    margin: 0 auto 70px;
    text-align: center;
}

.se-understand-axes__eyebrow {
    margin-bottom: 18px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.22em;
    color: #c9a85c;
}

.se-understand-axes__intro h2 {
    margin: 0 0 25px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(2.2rem, 4vw, 3.5rem);
    font-weight: 500;
    line-height: 1.15;
    color: #f4f1e9;
}

.se-understand-axes__intro h2 span {
    color: #d6b568;
}

.se-understand-axes__intro p {
    max-width: 680px;
    margin: 0 auto;
    font-family: "Lato", Arial, sans-serif;
    font-size: 1.08rem;
    line-height: 1.75;
    color: rgba(244, 241, 233, 0.76);
}


/* GRILLE */

.se-understand-axes__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
}


/* CARTES */

.se-understand-axis {
    position: relative;
    min-height: 330px;
    padding: 34px 28px 32px;

    background:
        linear-gradient(
            180deg,
            rgba(17, 36, 57, 0.88) 0%,
            rgba(9, 23, 39, 0.78) 100%
        );

    border: 1px solid rgba(201, 168, 92, 0.22);
    border-radius: 10px;

    box-shadow:
        0 18px 45px rgba(0, 0, 0, 0.18);

    transition:
        transform 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease;
}

.se-understand-axis:hover {
    transform: translateY(-5px);
    border-color: rgba(214, 181, 104, 0.55);

    box-shadow:
        0 22px 50px rgba(0, 0, 0, 0.28),
        0 0 28px rgba(201, 168, 92, 0.06);
}


/* NUMÉRO */

.se-understand-axis__number {
    margin-bottom: 48px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.16em;
    color: #c9a85c;
}

.se-understand-axis__marker {
    width: 42px;
    height: 1px;
    margin-bottom: 42px;
    background: linear-gradient(
        90deg,
        rgba(214, 181, 104, 0.95),
        rgba(214, 181, 104, 0.18)
    );
}


/* TEXTE DES CARTES */

.se-understand-axis h3 {
    margin: 0 0 18px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.25;
    color: #f4f1e9;
}

.se-understand-axis p {
    margin: 0;
    font-family: "Lato", Arial, sans-serif;
    font-size: 0.98rem;
    line-height: 1.7;
    color: rgba(244, 241, 233, 0.70);
}


/* PHRASE DE CONCLUSION */

.se-understand-axes__statement {
    max-width: 850px;
    margin: 65px auto 0;
    padding-top: 32px;
    text-align: center;

    border-top: 1px solid rgba(201, 168, 92, 0.20);

    font-family: "Lato", Arial, sans-serif;
    font-size: 1.08rem;
    line-height: 1.75;
    color: rgba(244, 241, 233, 0.72);
}

.se-understand-axes__statement span {
    display: block;
    margin-bottom: 5px;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: 1.18rem;
    font-weight: 500;
    color: #d6b568;
}


/* TABLETTE */

@media (max-width: 1000px) {

    .se-understand-axes__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .se-understand-axis {
        min-height: 290px;
    }
}


/* MOBILE */

@media (max-width: 640px) {

    .se-understand-axes {
        padding: 80px 0 85px;
    }

    .se-understand-axes__intro {
        margin-bottom: 48px;
    }

    .se-understand-axes__grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .se-understand-axis {
        min-height: 0;
        padding: 28px 24px;
    }

    .se-understand-axis__marker {
    margin-bottom: 28px;
}

    .se-understand-axes__statement {
        margin-top: 48px;
        padding-top: 28px;
    }
}
/* =========================================================
   PAGE COMPRENDRE — SECTION 3 : UN MOT, PLUSIEURS RÉALITÉS
   ========================================================= */

.se-understand-meaning {
    position: relative;
    width: 100%;
    padding: 115px 0 120px;
    background:
        radial-gradient(
            circle at 85% 35%,
            rgba(201, 168, 92, 0.07),
            transparent 32%
        ),
        #0a1727;
    overflow: hidden;
}

.se-understand-meaning__inner {
    width: min(1120px, 88%);
    margin: 0 auto;
}


/* INTRODUCTION */

.se-understand-meaning__intro {
    max-width: 900px;
    margin: 0 auto 75px;
    text-align: left;
}

.se-understand-meaning__eyebrow {
    margin-bottom: 20px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.22em;
    color: #c9a85c;
}

.se-understand-meaning__intro h2 {
    margin: 0;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(2.2rem, 3.8vw, 3.45rem);
    font-weight: 500;
    line-height: 1.15;
    color: #f4f1e9;
}

.se-understand-meaning__intro h2 span {
    color: #d6b568;
}

.se-understand-meaning__text {
    max-width: 760px;
    margin: 0 0 42px;
    padding-top: 0;
}

.se-understand-meaning__text p {
    margin: 0 0 20px;
    font-family: "Lato", Arial, sans-serif;
    font-size: 1.05rem;
    line-height: 1.8;
    color: rgba(244, 241, 233, 0.76);
}

.se-understand-meaning__text p:last-child {
    margin-bottom: 0;
}


/* LES TROIS REPÈRES */

.se-understand-meaning__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-top: 1px solid rgba(201, 168, 92, 0.22);
    border-bottom: 1px solid rgba(201, 168, 92, 0.22);
}

.se-understand-meaning__card {
    position: relative;
    padding: 42px 38px 44px;
}

.se-understand-meaning__card + .se-understand-meaning__card {
    border-left: 1px solid rgba(201, 168, 92, 0.18);
}

.se-understand-meaning__marker {
    width: 34px;
    height: 1px;
    margin-bottom: 26px;
    background: linear-gradient(
        90deg,
        rgba(214, 181, 104, 0.95),
        rgba(214, 181, 104, 0.18)
    );
}

.se-understand-meaning__label {
    min-height: 48px;
    margin-bottom: 16px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1.45;
    letter-spacing: 0.13em;
    color: #d6b568;
}

.se-understand-meaning__card p {
    margin: 0;
    font-family: "Lato", Arial, sans-serif;
    font-size: 0.98rem;
    line-height: 1.7;
    color: rgba(244, 241, 233, 0.72);
}


/* CONCLUSION */

.se-understand-meaning__conclusion {
    max-width: 820px;
    margin: 65px auto 0;
    text-align: center;
    font-family: "Lato", Arial, sans-serif;
    font-size: 1.08rem;
    line-height: 1.75;
    color: rgba(244, 241, 233, 0.74);
}

.se-understand-meaning__conclusion span {
    display: block;
    margin-bottom: 7px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.5;
    color: #f4f1e9;
}


/* TABLETTE */

@media (max-width: 900px) {

  

    .se-understand-meaning__grid {
        grid-template-columns: 1fr;
    }

    .se-understand-meaning__card + .se-understand-meaning__card {
        border-left: 0;
        border-top: 1px solid rgba(201, 168, 92, 0.18);
    }

    .se-understand-meaning__label {
        min-height: 0;
    }
}


/* MOBILE */

@media (max-width: 640px) {

    .se-understand-meaning {
        padding: 80px 0 85px;
    }

    .se-understand-meaning__intro {
        margin-bottom: 50px;
    }

    .se-understand-meaning__card {
        padding: 32px 24px 34px;
    }

    .se-understand-meaning__conclusion {
        margin-top: 48px;
    }

    .se-understand-meaning__conclusion span {
        font-size: 1.12rem;
    }
}
/* =========================================================
   PAGE COMPRENDRE — SECTION 4 : FRÉQUENCES ET VIBRATIONS
   ========================================================= */

.se-understand-frequency {
    position: relative;
    width: 100%;
    padding: 115px 0 120px;
    background:
        radial-gradient(
            circle at 18% 55%,
            rgba(35, 83, 124, 0.13),
            transparent 38%
        ),
        #07111f;
    overflow: hidden;
}

.se-understand-frequency__inner {
    width: min(1080px, 88%);
    margin: 0 auto;
}


/* INTRODUCTION */

.se-understand-frequency__eyebrow {
    margin-bottom: 20px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.22em;
    color: #c9a85c;
}

.se-understand-frequency h2 {
    max-width: 850px;
    margin: 0 0 42px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(2.2rem, 4vw, 3.5rem);
    font-weight: 500;
    line-height: 1.15;
    color: #f4f1e9;
}

.se-understand-frequency h2 span {
    color: #d6b568;
}

.se-understand-frequency__text {
    max-width: 790px;
}

.se-understand-frequency__text p {
    margin: 0 0 20px;
    font-family: "Lato", Arial, sans-serif;
    font-size: 1.05rem;
    line-height: 1.8;
    color: rgba(244, 241, 233, 0.76);
}

.se-understand-frequency__text p:last-child {
    margin-bottom: 0;
}

.se-understand-frequency__text strong {
    font-weight: 500;
    color: #f4f1e9;
}


/* CHEMIN VISUEL */

.se-understand-frequency__path {
    position: relative;
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr;
    gap: 24px;
    align-items: center;

    margin: 75px 0 0;
    padding: 45px 0;

    border-top: 1px solid rgba(201, 168, 92, 0.18);
    border-bottom: 1px solid rgba(201, 168, 92, 0.18);
}

.se-understand-frequency__step {
    text-align: center;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.08em;
    color: #f4f1e9;
}

.se-understand-frequency__step span {
    display: block;
    margin-bottom: 4px;

    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.18em;
    color: #c9a85c;
}

.se-understand-frequency__arrow {
    position: relative;
    min-width: 80px;
    overflow: hidden;

    font-size: 0;
}

.se-understand-frequency__arrow::before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;

    background: linear-gradient(
        90deg,
        rgba(201, 168, 92, 0.18),
        rgba(214, 181, 104, 0.90)
    );
}

.se-understand-frequency__arrow::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;

    width: 7px;
    height: 7px;

    border-top: 1px solid #d6b568;
    border-right: 1px solid #d6b568;

    transform: translateY(-50%) rotate(45deg);
}


/* MESSAGE FINAL */

.se-understand-frequency__statement {
    max-width: 850px;
    margin: 65px auto 0;
    text-align: center;
}

.se-understand-frequency__line {
    width: 45px;
    height: 1px;
    margin: 0 auto 28px;

    background: linear-gradient(
        90deg,
        rgba(214, 181, 104, 0.15),
        #d6b568,
        rgba(214, 181, 104, 0.15)
    );
}

.se-understand-frequency__statement p {
    margin: 0;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: 1.22rem;
    font-weight: 400;
    line-height: 1.65;
    color: #f4f1e9;
}

.se-understand-frequency__statement p span {
    display: block;
    margin-top: 4px;
    color: #d6b568;
}


/* TABLETTE / MOBILE */

@media (max-width: 800px) {

    .se-understand-frequency__path {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 38px 0;
    }

    .se-understand-frequency__arrow {
        width: 1px;
        min-width: 0;
        height: 35px;
        margin: 0 auto;
    }

    .se-understand-frequency__arrow::before {
        width: 1px;
        height: 100%;
        margin: 0 auto;

        background: linear-gradient(
            180deg,
            rgba(201, 168, 92, 0.18),
            rgba(214, 181, 104, 0.90)
        );
    }

    .se-understand-frequency__arrow::after {
        right: auto;
        left: 50%;
        top: auto;
        bottom: 0;

        transform: translateX(-50%) rotate(135deg);
    }
}


@media (max-width: 640px) {

    .se-understand-frequency {
        padding: 80px 0 85px;
    }

    .se-understand-frequency h2 {
        margin-bottom: 34px;
    }

    .se-understand-frequency__path {
        margin-top: 55px;
    }

    .se-understand-frequency__statement {
        margin-top: 48px;
    }

    .se-understand-frequency__statement p {
        font-size: 1.08rem;
    }
}
/* =========================================================
   PAGE COMPRENDRE — SECTION 5 : OBSERVER AVEC DISCERNEMENT
   ========================================================= */

.se-understand-observe {
    position: relative;
    width: 100%;
    padding: 115px 0 120px;
    background:
        radial-gradient(
            circle at 78% 30%,
            rgba(201, 168, 92, 0.06),
            transparent 35%
        ),
        #0a1727;
    overflow: hidden;
}

.se-understand-observe__inner {
    width: min(1080px, 88%);
    margin: 0 auto;
}


/* INTRODUCTION */

.se-understand-observe__eyebrow {
    margin-bottom: 20px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.22em;
    color: #c9a85c;
}

.se-understand-observe h2 {
    max-width: 900px;
    margin: 0 0 42px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(2.2rem, 4vw, 3.5rem);
    font-weight: 500;
    line-height: 1.15;
    color: #f4f1e9;
}

.se-understand-observe h2 span {
    color: #d6b568;
}

.se-understand-observe__text {
    max-width: 790px;
}

.se-understand-observe__text p {
    margin: 0 0 20px;
    font-family: "Lato", Arial, sans-serif;
    font-size: 1.05rem;
    line-height: 1.8;
    color: rgba(244, 241, 233, 0.76);
}

.se-understand-observe__text p:last-child {
    margin-bottom: 0;
}


/* LES 4 REPÈRES */

.se-understand-observe__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;

    margin-top: 75px;

    border-top: 1px solid rgba(201, 168, 92, 0.20);
    border-bottom: 1px solid rgba(201, 168, 92, 0.20);
}

.se-understand-observe__item {
    position: relative;
    padding: 42px 28px 44px;
}

.se-understand-observe__item + .se-understand-observe__item {
    border-left: 1px solid rgba(201, 168, 92, 0.16);
}

.se-understand-observe__marker {
    position: relative;
    width: 34px;
    height: 14px;
    margin-bottom: 28px;
}

.se-understand-observe__marker::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;

    width: 8px;
    height: 8px;

    border: 1px solid #d6b568;

    transform:
        translateY(-50%)
        rotate(45deg);

    box-shadow:
        0 0 12px rgba(214, 181, 104, 0.28);
}

.se-understand-observe__marker::after {
    content: "";
    position: absolute;
    left: 13px;
    top: 50%;

    width: 21px;
    height: 1px;

    background: linear-gradient(
        90deg,
        rgba(214, 181, 104, 0.75),
        rgba(214, 181, 104, 0.08)
    );

    transform: translateY(-50%);
}

.se-understand-observe__item h3 {
    margin: 0 0 14px;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: 0.82rem;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0.13em;

    color: #d6b568;
}

.se-understand-observe__item p {
    margin: 0;

    font-family: "Lato", Arial, sans-serif;
    font-size: 0.98rem;
    line-height: 1.65;

    color: rgba(244, 241, 233, 0.72);
}


/* PHRASE FINALE */

.se-understand-observe__statement {
    max-width: 850px;
    margin: 65px auto 0;
    text-align: center;

    font-family: "Lato", Arial, sans-serif;
    font-size: 1.12rem;
    line-height: 1.75;

    color: rgba(244, 241, 233, 0.76);
}

.se-understand-observe__statement span {
    font-family: "Montserrat", Arial, sans-serif;
    font-weight: 500;
    color: #d6b568;
}


/* TABLETTE */

@media (max-width: 900px) {

    .se-understand-observe__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .se-understand-observe__item:nth-child(3) {
        border-left: 0;
        border-top: 1px solid rgba(201, 168, 92, 0.16);
    }

    .se-understand-observe__item:nth-child(4) {
        border-top: 1px solid rgba(201, 168, 92, 0.16);
    }
}


/* MOBILE */

@media (max-width: 640px) {

    .se-understand-observe {
        padding: 80px 0 85px;
    }

    .se-understand-observe__grid {
        grid-template-columns: 1fr;
        margin-top: 55px;
    }

    .se-understand-observe__item {
        padding: 30px 22px 32px;
    }

    .se-understand-observe__item + .se-understand-observe__item {
        border-left: 0;
        border-top: 1px solid rgba(201, 168, 92, 0.16);
    }

    .se-understand-observe__statement {
        margin-top: 48px;
    }
}
/* =========================================================
   PAGE COMPRENDRE — SECTION 6 : CONTINUER À COMPRENDRE
   ========================================================= */

.se-understand-more {
    position: relative;
    width: 100%;
    padding: 115px 0 120px;
    background:
        radial-gradient(
            circle at 50% 15%,
            rgba(40, 86, 126, 0.12),
            transparent 38%
        ),
        #07111f;
    overflow: hidden;
}

.se-understand-more__inner {
    width: min(1120px, 88%);
    margin: 0 auto;
}


/* INTRODUCTION */

.se-understand-more__eyebrow {
    margin-bottom: 20px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.22em;
    color: #c9a85c;
}

.se-understand-more h2 {
    max-width: 780px;
    margin: 0 0 25px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(2.2rem, 4vw, 3.5rem);
    font-weight: 500;
    line-height: 1.15;
    color: #f4f1e9;
}

.se-understand-more h2 span {
    color: #d6b568;
}

.se-understand-more__intro {
    max-width: 680px;
    margin: 0;
    font-family: "Lato", Arial, sans-serif;
    font-size: 1.05rem;
    line-height: 1.8;
    color: rgba(244, 241, 233, 0.76);
}


/* GRILLE */

.se-understand-more__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
    margin-top: 65px;
}


/* PORTES */

.se-understand-more__card {
    position: relative;
    min-height: 300px;
    padding: 38px 34px 34px;

    display: flex;
    flex-direction: column;

    background:
        linear-gradient(
            135deg,
            rgba(18, 39, 61, 0.90) 0%,
            rgba(9, 23, 39, 0.76) 100%
        );

    border: 1px solid rgba(201, 168, 92, 0.22);
    border-radius: 10px;

    box-shadow:
        0 18px 45px rgba(0, 0, 0, 0.18);

    transition:
        transform 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease;
}

.se-understand-more__card:hover {
    transform: translateY(-4px);
    border-color: rgba(214, 181, 104, 0.52);

    box-shadow:
        0 24px 55px rgba(0, 0, 0, 0.28),
        0 0 30px rgba(201, 168, 92, 0.05);
}


/* PETIT REPÈRE */

.se-understand-more__marker {
    width: 46px;
    height: 1px;
    margin-bottom: 32px;

    background: linear-gradient(
        90deg,
        #d6b568,
        rgba(214, 181, 104, 0.12)
    );
}


/* CONTENU */

.se-understand-more__card h3 {
    margin: 0 0 18px;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.45;
    letter-spacing: 0.10em;

    color: #d6b568;
}

.se-understand-more__card p {
    margin: 0 0 30px;

    font-family: "Lato", Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.7;

    color: rgba(244, 241, 233, 0.73);
}


/* LIENS */

.se-understand-more__card a {
    align-self: flex-start;
    margin-top: auto;
    padding-top: 10px;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: 0.76rem;
    font-weight: 600;
    letter-spacing: 0.13em;

    color: #f4f1e9;
    text-decoration: none;

    transition:
        color 0.2s ease,
        transform 0.2s ease;
}

.se-understand-more__card a:hover {
    color: #d6b568;
    transform: translateX(4px);
}


/* TABLETTE */

@media (max-width: 800px) {

    .se-understand-more__grid {
        grid-template-columns: 1fr;
    }

    .se-understand-more__card {
        min-height: 260px;
    }
}


/* MOBILE */

@media (max-width: 640px) {

    .se-understand-more {
        padding: 80px 0 85px;
    }

    .se-understand-more__grid {
        margin-top: 50px;
        gap: 18px;
    }

    .se-understand-more__card {
        min-height: 0;
        padding: 30px 25px;
    }

    .se-understand-more__marker {
        margin-bottom: 26px;
    }
}
/* =========================================================
   PAGE COMPRENDRE — SECTION 7 : PROCHAINE ÉTAPE
   ========================================================= */

.se-understand-next {
    position: relative;
    width: 100%;
    padding: 120px 0 125px;
    overflow: hidden;

    background:
        radial-gradient(
            circle at 50% 100%,
            rgba(201, 168, 92, 0.11),
            transparent 42%
        ),
        radial-gradient(
            circle at 80% 20%,
            rgba(40, 88, 130, 0.10),
            transparent 35%
        ),
        #091625;
}

.se-understand-next__inner {
    position: relative;
    z-index: 2;
    width: min(950px, 88%);
    margin: 0 auto;
    text-align: center;
}


/* SURTITRE */

.se-understand-next__eyebrow {
    margin-bottom: 22px;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.22em;

    color: #c9a85c;
}


/* TITRE */

.se-understand-next h2 {
    max-width: 900px;
    margin: 0 auto 30px;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(2.3rem, 4.3vw, 3.7rem);
    font-weight: 500;
    line-height: 1.15;

    color: #f4f1e9;
}

.se-understand-next h2 span {
    color: #d6b568;
}


/* TEXTE */

.se-understand-next__intro {
    max-width: 760px;
    margin: 0 auto;

    font-family: "Lato", Arial, sans-serif;
    font-size: 1.07rem;
    line-height: 1.8;

    color: rgba(244, 241, 233, 0.76);
}

.se-understand-next__intro strong {
    font-weight: 500;
    color: #f4f1e9;
}


/* BOUTONS */

.se-understand-next__actions {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;

    margin-top: 45px;
}

.se-understand-next__button {
    display: inline-flex;
    justify-content: center;
    align-items: center;

    min-height: 52px;
    padding: 14px 27px;

    border: 1px solid rgba(214, 181, 104, 0.55);
    border-radius: 4px;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: 0.76rem;
    font-weight: 600;
    letter-spacing: 0.11em;

    color: #f4f1e9;
    text-decoration: none;

    background: rgba(8, 22, 38, 0.40);

    transition:
        transform 0.22s ease,
        border-color 0.22s ease,
        background 0.22s ease,
        box-shadow 0.22s ease;
}

.se-understand-next__button:hover {
    transform: translateY(-2px);
    color: #ffffff;

    border-color: #d6b568;

    background: rgba(201, 168, 92, 0.10);

    box-shadow:
        0 10px 28px rgba(0, 0, 0, 0.20);
}


/* BOUTON BOUSSOLE */

.se-understand-next__button--gold {
    color: #081522;
    border-color: #d6b568;

    background:
        linear-gradient(
            135deg,
            #d9bb73 0%,
            #b9954e 100%
        );
}

.se-understand-next__button--gold:hover {
    color: #081522;

    background:
        linear-gradient(
            135deg,
            #e3c983 0%,
            #c7a45b 100%
        );

    box-shadow:
        0 10px 30px rgba(201, 168, 92, 0.18);
}


/* PHRASE FINALE */

.se-understand-next__statement {
    max-width: 700px;
    margin: 58px auto 0;
    padding-top: 30px;

    border-top: 1px solid rgba(201, 168, 92, 0.18);

    font-family: "Lato", Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.7;

    color: rgba(244, 241, 233, 0.68);
}

.se-understand-next__statement span {
    color: #d6b568;
}


/* MOBILE */

@media (max-width: 640px) {

    .se-understand-next {
        padding: 85px 0 90px;
    }

    .se-understand-next h2 {
        font-size: clamp(2.15rem, 10vw, 3rem);
    }

    .se-understand-next__actions {
        flex-direction: column;
        margin-top: 38px;
    }

    .se-understand-next__button {
        width: 100%;
        max-width: 360px;
    }

    .se-understand-next__statement {
        margin-top: 48px;
    }
}
/* MENU TABLETTE / MOBILE — affichage hamburger */
@media (max-width: 900px) {

    .container-header .navbar-toggler {
        display: block !important;
    }

    .container-header .navbar-collapse {
        display: none !important;
    }

    .container-header .navbar-collapse.show {
        display: block !important;
    }
}
/* COMPRENDRE — titre Énergie sur mobile */
@media (max-width: 640px) {

    .se-understand-meaning h2 {
        font-size: 2rem;
        line-height: 1.18;
        max-width: 340px;
        margin-left: auto;
        margin-right: auto;
    }
}
@media (max-width: 640px) {
    .se-understand-meaning h2 {
        font-size: 2rem;
        line-height: 1.18;
        max-width: 360px;
        margin-left: auto;
        margin-right: auto;
    }

    .se-understand-meaning h2 .mobile-break {
        display: inline-block;
        margin-top: 6px;
    }
}
/* COMPRENDRE — titre Énergie : coupure contrôlée sur mobile */

.se-meaning-title--mobile {
    display: none;
}

@media (max-width: 640px) {

    .se-meaning-title--desktop {
        display: none;
    }

    .se-meaning-title--mobile {
        display: block;
    }

    .se-understand-meaning .se-meaning-title {
        font-size: 2rem;
        line-height: 1.2;
        max-width: 360px;
        margin-left: auto;
        margin-right: auto;
    }
}
/* =========================================================
   EXPLORER — HERO
   ========================================================= */

.se-explore-hero {
    position: relative;
    width: 100%;
    min-height: 680px;
    display: flex;
    align-items: center;
    overflow: hidden;

    background-image: url("https://stationenergeia.arunachy.com/images/hero-explorer-station-energeia.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.se-explore-hero__overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(
        90deg,
        rgba(5, 14, 25, .96) 0%,
        rgba(5, 14, 25, .88) 30%,
        rgba(5, 14, 25, .55) 55%,
        rgba(5, 14, 25, .16) 100%
    );
}

.se-explore-hero__inner {
    position: relative;
    z-index: 2;
    width: min(1180px, 88%);
    margin: 0 auto;
    padding: 100px 0;
}

.se-explore-hero__content {
    max-width: 690px;
}

.se-explore-hero__eyebrow {
    margin-bottom: 22px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .22em;
    color: #c9a85c;
}

.se-explore-hero h1 {
    margin: 0 0 30px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(2.7rem, 5vw, 4.5rem);
    font-weight: 500;
    line-height: 1.08;
    color: #f4f1e9;
}

.se-explore-hero h1 span {
    color: #d6b568;
}

.se-explore-hero p {
    max-width: 650px;
    margin: 0 0 16px;
    font-family: "Lato", Arial, sans-serif;
    font-size: 1.07rem;
    line-height: 1.8;
    color: rgba(244, 241, 233, .78);
}

.se-explore-hero__markers {
    margin-top: 38px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .15em;
    color: rgba(244, 241, 233, .68);
}

.se-explore-hero__markers span {
    margin: 0 10px;
    color: #c9a85c;
}

/* Tablette */
@media (max-width: 900px) {

    .se-explore-hero {
        min-height: 620px;
        background-position: 58% center;
    }

    .se-explore-hero__content {
        max-width: 600px;
    }
}

/* Mobile */
@media (max-width: 640px) {

    .se-explore-hero {
        min-height: 650px;
        background-position: 61% center;
    }

    .se-explore-hero__overlay {
        background:
            linear-gradient(
                180deg,
                rgba(5, 14, 25, .90) 0%,
                rgba(5, 14, 25, .78) 55%,
                rgba(5, 14, 25, .93) 100%
            );
    }

    .se-explore-hero__inner {
        width: 88%;
        padding: 80px 0;
    }

    .se-explore-hero h1 {
        font-size: clamp(2.25rem, 10vw, 3rem);
        line-height: 1.12;
    }

    .se-explore-hero p {
        font-size: 1rem;
        line-height: 1.7;
    }

    .se-explore-hero__markers {
        line-height: 2;
    }
}
/* =========================================================
   EXPLORER — SECTION 2 : CHANGER DE POINT DE VUE
   ========================================================= */

.se-explore-mindset {
    position: relative;
    width: 100%;
    padding: 115px 0 120px;
    background: #0c1928;
}

.se-explore-mindset__inner {
    width: min(1180px, 88%);
    margin: 0 auto;
}

.se-explore-mindset__eyebrow {
    margin-bottom: 20px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .22em;
    color: #c9a85c;
}

.se-explore-mindset h2 {
    max-width: 900px;
    margin: 0 0 32px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(2.3rem, 4vw, 3.6rem);
    font-weight: 500;
    line-height: 1.15;
    color: #f4f1e9;
}

.se-explore-mindset h2 span {
    color: #d6b568;
}

.se-explore-mindset__intro {
    max-width: 780px;
    margin-bottom: 65px;
}

.se-explore-mindset__intro p {
    margin: 0 0 18px;
    font-family: "Lato", Arial, sans-serif;
    font-size: 1.06rem;
    line-height: 1.8;
    color: rgba(244, 241, 233, .76);
}


/* ----- Les 4 repères ----- */

.se-explore-mindset__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 26px;
}

.se-explore-mindset__card {
    position: relative;
    min-height: 245px;
    padding: 30px 26px 28px;
    border: 1px solid rgba(201, 168, 92, .16);
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.025),
            rgba(255,255,255,.008)
        );
}

.se-explore-mindset__marker {
    width: 42px;
    height: 2px;
    margin-bottom: 25px;
    background: linear-gradient(
        90deg,
        #d6b568,
        rgba(214,181,104,.12)
    );
}

.se-explore-mindset__card h3 {
    margin: 0 0 17px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .88rem;
    font-weight: 600;
    line-height: 1.45;
    letter-spacing: .10em;
    color: #d6b568;
}

.se-explore-mindset__card p {
    margin: 0;
    font-family: "Lato", Arial, sans-serif;
    font-size: .98rem;
    line-height: 1.7;
    color: rgba(244, 241, 233, .70);
}


/* ----- Phrase de conclusion ----- */

.se-explore-mindset__statement {
    max-width: 850px;
    margin: 70px auto 0;
    padding-top: 32px;
    border-top: 1px solid rgba(201,168,92,.20);
    text-align: center;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(1.25rem, 2vw, 1.6rem);
    font-weight: 400;
    line-height: 1.55;
    color: #f4f1e9;
}

.se-explore-mindset__statement span {
    color: #d6b568;
}


/* ----- Tablette ----- */

@media (max-width: 900px) {

    .se-explore-mindset {
        padding: 95px 0 100px;
    }

    .se-explore-mindset__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .se-explore-mindset__card {
        min-height: 220px;
    }
}


/* ----- Mobile ----- */

@media (max-width: 640px) {

    .se-explore-mindset {
        padding: 80px 0 85px;
    }

    .se-explore-mindset h2 {
        font-size: clamp(2.1rem, 9vw, 2.8rem);
    }

    .se-explore-mindset__intro {
        margin-bottom: 48px;
    }

    .se-explore-mindset__grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .se-explore-mindset__card {
        min-height: auto;
    }

    .se-explore-mindset__statement {
        margin-top: 52px;
    }
}
/* =========================================================
   EXPLORER — SECTION 3 : ET SI ON S'ÉTAIT TROMPÉS ?
   ========================================================= */

.se-explore-series {
    position: relative;
    width: 100%;
    padding: 125px 0 130px;
    overflow: hidden;
    background:
    radial-gradient(
        circle at 82% 28%,
        rgba(48, 105, 160, .28) 0%,
        rgba(30, 78, 125, .14) 22%,
        transparent 48%
    ),
    radial-gradient(
        circle at 18% 82%,
        rgba(214, 181, 104, .18) 0%,
        rgba(201, 168, 92, .08) 24%,
        transparent 48%
    ),
    #07131f;
}

/* halo très discret */
.se-explore-series::before {
    content: "";
    position: absolute;
    width: 520px;
    height: 520px;
    right: -180px;
    top: -180px;
    border: 1px solid rgba(201, 168, 92, .08);
    border-radius: 50%;
    box-shadow:
        0 0 0 70px rgba(201, 168, 92, .018),
        0 0 0 140px rgba(201, 168, 92, .012);
    pointer-events: none;
}

.se-explore-series__inner {
    position: relative;
    z-index: 2;
    width: min(1050px, 88%);
    margin: 0 auto;
    text-align: center;
}

.se-explore-series__eyebrow {
    margin-bottom: 24px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .76rem;
    font-weight: 600;
    letter-spacing: .24em;
    color: #c9a85c;
}

.se-explore-series h2 {
    margin: 0;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(3rem, 6.5vw, 5.8rem);
    font-weight: 500;
    line-height: .98;
    letter-spacing: -.025em;
    color: #f4f1e9;
}

.se-explore-series h2 span {
    color: #d6b568;
}

.se-explore-series__subtitle {
    margin-top: 24px;
    font-family: "Lato", Arial, sans-serif;
    font-size: clamp(1.15rem, 2vw, 1.45rem);
    font-style: italic;
    letter-spacing: .025em;
    color: rgba(244, 241, 233, .72);
}


/* ----- Texte éditorial ----- */

.se-explore-series__text {
    max-width: 760px;
    margin: 58px auto 0;
}

.se-explore-series__text p {
    margin: 0 0 20px;
    font-family: "Lato", Arial, sans-serif;
    font-size: 1.07rem;
    line-height: 1.82;
    color: rgba(244, 241, 233, .74);
}

.se-explore-series__text strong {
    font-weight: 500;
    color: #f4f1e9;
}


/* ----- Thématiques ----- */

.se-explore-series__topics {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 11px 14px;
    max-width: 900px;
    margin: 52px auto 0;
    padding: 26px 20px;
    border-top: 1px solid rgba(201, 168, 92, .16);
    border-bottom: 1px solid rgba(201, 168, 92, .16);
}

.se-explore-series__topics span {
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .69rem;
    font-weight: 600;
    letter-spacing: .13em;
    color: rgba(244, 241, 233, .68);
}

.se-explore-series__topics i {
    font-style: normal;
    color: #c9a85c;
}


/* ----- Bouton ----- */

.se-explore-series__action {
    margin-top: 45px;
}

.se-explore-series__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 14px 30px;
    border: 1px solid rgba(214, 181, 104, .65);
    border-radius: 4px;
    background: rgba(201, 168, 92, .05);

    font-family: "Montserrat", Arial, sans-serif;
    font-size: .76rem;
    font-weight: 600;
    letter-spacing: .12em;
    color: #f4f1e9;
    text-decoration: none;

    transition:
        transform .22s ease,
        border-color .22s ease,
        background .22s ease,
        box-shadow .22s ease;
}

.se-explore-series__button:hover {
    transform: translateY(-2px);
    color: #fff;
    border-color: #d6b568;
    background: rgba(201, 168, 92, .11);
    box-shadow: 0 12px 30px rgba(0, 0, 0, .22);
}


/* ----- Tablette ----- */

@media (max-width: 900px) {

    .se-explore-series {
        padding: 105px 0 110px;
    }

    .se-explore-series::before {
        width: 400px;
        height: 400px;
    }
}


/* ----- Mobile ----- */

@media (max-width: 640px) {

    .se-explore-series {
        padding: 85px 0 90px;
    }

    .se-explore-series h2 {
        font-size: clamp(2.7rem, 13vw, 4rem);
        line-height: 1;
    }

    .se-explore-series__subtitle {
        margin-top: 20px;
    }

    .se-explore-series__text {
        margin-top: 45px;
    }

    .se-explore-series__topics {
        margin-top: 42px;
        padding: 23px 8px;
        gap: 10px;
    }

    .se-explore-series__topics i {
        display: none;
    }

    .se-explore-series__button {
        width: 100%;
        max-width: 340px;
    }
}
/* EXPLORER — correction titre série */
.se-explore-series h2 span {
    color: #d6b568 !important;
}
/* EXPLORER — mot TROMPÉS en doré */
.se-explore-series__gold {
    color: #d6b568 !important;
}
/* =========================================================
   EXPLORER — SECTION 4 : QUESTIONS OUVERTES
   ========================================================= */

.se-explore-questions {
    position: relative;
    width: 100%;
    padding: 120px 0 125px;
    background: #0b1827;
}

.se-explore-questions__inner {
    width: min(1180px, 88%);
    margin: 0 auto;
}

.se-explore-questions__eyebrow {
    margin-bottom: 20px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .22em;
    color: #c9a85c;
}

.se-explore-questions h2 {
    max-width: 950px;
    margin: 0 0 30px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(2.3rem, 4vw, 3.6rem);
    font-weight: 500;
    line-height: 1.15;
    color: #f4f1e9;
}

.se-explore-questions h2 span {
    color: #d6b568;
}

.se-explore-questions__intro {
    max-width: 760px;
    margin-bottom: 65px;
}

.se-explore-questions__intro p {
    margin: 0;
    font-family: "Lato", Arial, sans-serif;
    font-size: 1.06rem;
    line-height: 1.8;
    color: rgba(244, 241, 233, .75);
}


/* ----- Les quatre questions ----- */

.se-explore-questions__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 22px;
}

.se-explore-question {
    position: relative;
    min-height: 250px;
    padding: 38px 40px;
    overflow: hidden;
    border-left: 2px solid rgba(214, 181, 104, .55);
    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.028),
            rgba(255,255,255,.008)
        );
}

/* Grand ? subtil en arrière-plan */
.se-explore-question::after {
    content: "?";
    position: absolute;
    right: 22px;
    bottom: -35px;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: 10rem;
    font-weight: 500;
    line-height: 1;

    color: rgba(214, 181, 104, .055);
    pointer-events: none;
}

.se-explore-question__label {
    position: relative;
    z-index: 2;
    margin-bottom: 25px;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .17em;
    color: #d6b568;
}

.se-explore-question p {
    position: relative;
    z-index: 2;
    max-width: 460px;
    margin: 0;

    font-family: "Lato", Arial, sans-serif;
    font-size: 1.13rem;
    line-height: 1.7;
    color: rgba(244, 241, 233, .82);
}


/* ----- Phrase finale ----- */

.se-explore-questions__statement {
    max-width: 850px;
    margin: 70px auto 0;
    padding-top: 32px;
    border-top: 1px solid rgba(201, 168, 92, .18);

    text-align: center;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(1.2rem, 2vw, 1.55rem);
    font-weight: 400;
    line-height: 1.55;
    color: #f4f1e9;
}

.se-explore-questions__statement span {
    color: #d6b568;
}


/* ----- Tablette ----- */

@media (max-width: 900px) {

    .se-explore-questions {
        padding: 100px 0 105px;
    }

    .se-explore-question {
        padding: 32px;
    }
}


/* ----- Mobile ----- */

@media (max-width: 640px) {

    .se-explore-questions {
        padding: 82px 0 88px;
    }

    .se-explore-questions h2 {
        font-size: clamp(2.05rem, 9vw, 2.8rem);
    }

    .se-explore-questions__intro {
        margin-bottom: 48px;
    }

    .se-explore-questions__grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .se-explore-question {
        min-height: auto;
        padding: 30px 26px 34px;
    }

    .se-explore-question::after {
        font-size: 8rem;
        right: 12px;
        bottom: -28px;
    }

    .se-explore-questions__statement {
        margin-top: 52px;
    }
}
/* =========================================================
   EXPLORER — SECTION 5 : REVENIR À SA PROPRE EXPÉRIENCE
   ========================================================= */

.se-explore-experience {
    position: relative;
    width: 100%;
    padding: 120px 0 125px;
    overflow: hidden;
    background:
        radial-gradient(
            circle at 12% 50%,
            rgba(38, 83, 125, .10),
            transparent 35%
        ),
        #081522;
}

.se-explore-experience__inner {
    width: min(1180px, 88%);
    margin: 0 auto;
}

.se-explore-experience__eyebrow {
    margin-bottom: 20px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .22em;
    color: #c9a85c;
}

.se-explore-experience h2 {
    max-width: 950px;
    margin: 0 0 32px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(2.3rem, 4vw, 3.6rem);
    font-weight: 500;
    line-height: 1.15;
    color: #f4f1e9;
}

.se-explore-experience h2 span {
    color: #d6b568;
}

.se-explore-experience__intro {
    max-width: 780px;
    margin-bottom: 80px;
}

.se-explore-experience__intro p {
    margin: 0 0 18px;
    font-family: "Lato", Arial, sans-serif;
    font-size: 1.06rem;
    line-height: 1.8;
    color: rgba(244, 241, 233, .75);
}


/* ----- Progression ----- */

.se-explore-experience__steps {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 55px;
}

/* ligne reliant les trois étapes */
.se-explore-experience__steps::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 5%;
    right: 5%;
    height: 1px;
    background: linear-gradient(
        90deg,
        rgba(214,181,104,.15),
        rgba(214,181,104,.70),
        rgba(214,181,104,.15)
    );
}

.se-explore-experience__step {
    position: relative;
    z-index: 2;
    padding-top: 43px;
}


/* point sur le parcours */
.se-explore-experience__marker {
    position: absolute;
    top: 4px;
    left: 0;

    width: 13px;
    height: 13px;

    border: 2px solid #d6b568;
    border-radius: 50%;

    background: #081522;

    box-shadow:
        0 0 0 5px rgba(214,181,104,.07),
        0 0 18px rgba(214,181,104,.15);
}

.se-explore-experience__step h3 {
    margin: 0 0 17px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .82rem;
    font-weight: 600;
    line-height: 1.45;
    letter-spacing: .12em;
    color: #d6b568;
}

.se-explore-experience__step p {
    max-width: 315px;
    margin: 0;
    font-family: "Lato", Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.7;
    color: rgba(244, 241, 233, .72);
}


/* ----- Phrase finale ----- */

.se-explore-experience__statement {
    max-width: 850px;
    margin: 78px auto 0;
    padding-top: 34px;

    border-top: 1px solid rgba(201,168,92,.18);

    text-align: center;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(1.2rem, 2vw, 1.55rem);
    font-weight: 400;
    line-height: 1.6;
    color: #f4f1e9;
}

.se-explore-experience__statement span {
    color: #d6b568;
}


/* ----- Tablette ----- */

@media (max-width: 900px) {

    .se-explore-experience {
        padding: 100px 0 105px;
    }

    .se-explore-experience__steps {
        gap: 32px;
    }
}


/* ----- Mobile ----- */

@media (max-width: 640px) {

    .se-explore-experience {
        padding: 82px 0 88px;
    }

    .se-explore-experience h2 {
        font-size: clamp(2.05rem, 9vw, 2.8rem);
    }

    .se-explore-experience__intro {
        margin-bottom: 55px;
    }

    .se-explore-experience__steps {
        display: block;
        padding-left: 30px;
    }

    /* le chemin devient vertical */
    .se-explore-experience__steps::before {
        top: 5px;
        bottom: 5px;
        left: 6px;
        right: auto;
        width: 1px;
        height: auto;

        background: linear-gradient(
            180deg,
            rgba(214,181,104,.15),
            rgba(214,181,104,.70),
            rgba(214,181,104,.15)
        );
    }

    .se-explore-experience__step {
        padding: 0 0 48px 15px;
    }

    .se-explore-experience__step:last-child {
        padding-bottom: 0;
    }

    .se-explore-experience__marker {
        top: 2px;
        left: -30px;
    }

    .se-explore-experience__statement {
        margin-top: 58px;
    }
}
/* =========================================================
   EXPLORER — SECTION 6 : POURSUIVRE L'EXPLORATION
   ========================================================= */

.se-explore-more {
    position: relative;
    width: 100%;
    padding: 120px 0 125px;
    background: #0c1928;
}

.se-explore-more__inner {
    width: min(1180px, 88%);
    margin: 0 auto;
}

.se-explore-more__eyebrow {
    margin-bottom: 20px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .22em;
    color: #c9a85c;
}

.se-explore-more h2 {
    max-width: 850px;
    margin: 0 0 28px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(2.3rem, 4vw, 3.6rem);
    font-weight: 500;
    line-height: 1.15;
    color: #f4f1e9;
}

.se-explore-more h2 span {
    color: #d6b568;
}

.se-explore-more__intro {
    max-width: 720px;
    margin: 0 0 65px;
    font-family: "Lato", Arial, sans-serif;
    font-size: 1.06rem;
    line-height: 1.8;
    color: rgba(244, 241, 233, .75);
}


/* ----- Les quatre portes ----- */

.se-explore-more__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}

.se-explore-more__card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 315px;
    padding: 38px 38px 34px;

    border: 1px solid rgba(201,168,92,.16);

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.028),
            rgba(255,255,255,.008)
        );
}

.se-explore-more__marker {
    width: 44px;
    height: 2px;
    margin-bottom: 27px;

    background: linear-gradient(
        90deg,
        #d6b568,
        rgba(214,181,104,.10)
    );
}

.se-explore-more__card h3 {
    margin: 0 0 18px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .88rem;
    font-weight: 600;
    line-height: 1.45;
    letter-spacing: .10em;
    color: #d6b568;
}

.se-explore-more__card p {
    max-width: 470px;
    margin: 0 0 30px;
    font-family: "Lato", Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.72;
    color: rgba(244,241,233,.72);
}


/* bouton toujours aligné au bas */
.se-explore-more__link {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    margin-top: auto;

    padding: 12px 0 5px;

    border-bottom: 1px solid rgba(214,181,104,.45);

    font-family: "Montserrat", Arial, sans-serif;
    font-size: .70rem;
    font-weight: 600;
    letter-spacing: .11em;

    color: #f4f1e9;
    text-decoration: none;

    transition:
        color .2s ease,
        border-color .2s ease,
        transform .2s ease;
}

.se-explore-more__link:hover {
    color: #d6b568;
    border-color: #d6b568;
    transform: translateX(3px);
}


/* ----- Tablette ----- */

@media (max-width: 900px) {

    .se-explore-more {
        padding: 100px 0 105px;
    }

    .se-explore-more__card {
        padding: 32px;
    }
}


/* ----- Mobile ----- */

@media (max-width: 640px) {

    .se-explore-more {
        padding: 82px 0 88px;
    }

    .se-explore-more h2 {
        font-size: clamp(2.05rem, 9vw, 2.8rem);
    }

    .se-explore-more__intro {
        margin-bottom: 48px;
    }

    .se-explore-more__grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .se-explore-more__card {
        min-height: 285px;
        padding: 30px 27px;
    }
}
/* =========================================================
   EXPLORER — SECTION 7 : ET MAINTENANT ?
   ========================================================= */

.se-explore-next {
    position: relative;
    width: 100%;
    padding: 120px 0 125px;
    overflow: hidden;

    background:
        radial-gradient(
            circle at 50% 100%,
            rgba(201,168,92,.12),
            transparent 42%
        ),
        radial-gradient(
            circle at 82% 18%,
            rgba(40,88,130,.13),
            transparent 36%
        ),
        #091625;
}

.se-explore-next__inner {
    position: relative;
    z-index: 2;
    width: min(950px, 88%);
    margin: 0 auto;
    text-align: center;
}

.se-explore-next__eyebrow {
    margin-bottom: 22px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .22em;
    color: #c9a85c;
}

.se-explore-next h2 {
    max-width: 920px;
    margin: 0 auto 30px;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(2.3rem, 4.3vw, 3.7rem);
    font-weight: 500;
    line-height: 1.15;

    color: #f4f1e9;
}

.se-explore-next h2 span {
    color: #d6b568;
}

.se-explore-next__intro {
    max-width: 760px;
    margin: 0 auto;

    font-family: "Lato", Arial, sans-serif;
    font-size: 1.07rem;
    line-height: 1.8;

    color: rgba(244,241,233,.76);
}


/* ----- Boutons ----- */

.se-explore-next__actions {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;

    margin-top: 45px;
}

.se-explore-next__button {
    display: inline-flex;
    justify-content: center;
    align-items: center;

    min-height: 52px;
    padding: 14px 27px;

    border: 1px solid rgba(214,181,104,.55);
    border-radius: 4px;

    background: rgba(8,22,38,.40);

    font-family: "Montserrat", Arial, sans-serif;
    font-size: .76rem;
    font-weight: 600;
    letter-spacing: .10em;

    color: #f4f1e9;
    text-decoration: none;

    transition:
        transform .22s ease,
        border-color .22s ease,
        background .22s ease,
        box-shadow .22s ease;
}

.se-explore-next__button:hover {
    transform: translateY(-2px);
    color: #fff;
    border-color: #d6b568;
    background: rgba(201,168,92,.10);
    box-shadow: 0 10px 28px rgba(0,0,0,.20);
}


/* bouton Boussole */
.se-explore-next__button--gold {
    color: #081522;
    border-color: #d6b568;

    background:
        linear-gradient(
            135deg,
            #d9bb73 0%,
            #b9954e 100%
        );
}

.se-explore-next__button--gold:hover {
    color: #081522;

    background:
        linear-gradient(
            135deg,
            #e3c983 0%,
            #c7a45b 100%
        );

    box-shadow:
        0 10px 30px rgba(201,168,92,.18);
}


/* ----- Phrase finale ----- */

.se-explore-next__statement {
    max-width: 700px;
    margin: 58px auto 0;
    padding-top: 30px;

    border-top:
        1px solid rgba(201,168,92,.18);

    font-family: "Lato", Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.7;

    color: rgba(244,241,233,.68);
}

.se-explore-next__statement span {
    color: #d6b568;
}


/* ----- Mobile ----- */

@media (max-width: 640px) {

    .se-explore-next {
        padding: 85px 0 90px;
    }

    .se-explore-next h2 {
        font-size: clamp(2.05rem, 9vw, 2.9rem);
    }

    .se-explore-next__actions {
        flex-direction: column;
        margin-top: 38px;
    }

    .se-explore-next__button {
        width: 100%;
        max-width: 390px;
    }

    .se-explore-next__statement {
        margin-top: 48px;
    }
}
/* =========================================================
   EXPÉRIMENTER — HERO
   ========================================================= */

.se-experience-hero {
    position: relative;
    width: 100%;
    min-height: 680px;
    display: flex;
    align-items: center;
    overflow: hidden;

    background-image: url("https://stationenergeia.arunachy.com/images/hero-experimenter-station-energeia-v3.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.se-experience-hero__overlay {
    position: absolute;
    inset: 0;
    z-index: 1;

    background: linear-gradient(
        90deg,
        rgba(5, 14, 25, .96) 0%,
        rgba(5, 14, 25, .88) 30%,
        rgba(5, 14, 25, .56) 55%,
        rgba(5, 14, 25, .16) 100%
    );
}

.se-experience-hero__inner {
    position: relative;
    z-index: 2;
    width: min(1180px, 88%);
    margin: 0 auto;
    padding: 100px 0;
}

.se-experience-hero__content {
    max-width: 700px;
}

.se-experience-hero__eyebrow {
    margin-bottom: 22px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .22em;
    color: #c9a85c;
}

.se-experience-hero h1 {
    margin: 0 0 30px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(2.7rem, 5vw, 4.5rem);
    font-weight: 500;
    line-height: 1.08;
    color: #f4f1e9;
}

.se-experience-hero h1 span {
    color: #d6b568;
}

.se-experience-hero p {
    max-width: 650px;
    margin: 0 0 16px;
    font-family: "Lato", Arial, sans-serif;
    font-size: 1.07rem;
    line-height: 1.8;
    color: rgba(244, 241, 233, .78);
}

.se-experience-hero__markers {
    margin-top: 38px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .15em;
    color: rgba(244, 241, 233, .68);
}

.se-experience-hero__markers span {
    margin: 0 10px;
    color: #c9a85c;
}


/* ----- Tablette ----- */

@media (max-width: 900px) {

    .se-experience-hero {
        min-height: 620px;
        background-position: 58% center;
    }

    .se-experience-hero__content {
        max-width: 600px;
    }
}


/* ----- Mobile ----- */

@media (max-width: 640px) {

    .se-experience-hero {
        min-height: 650px;
        background-position: 60% center;
    }

    .se-experience-hero__overlay {
        background: linear-gradient(
            180deg,
            rgba(5,14,25,.90) 0%,
            rgba(5,14,25,.78) 55%,
            rgba(5,14,25,.93) 100%
        );
    }

    .se-experience-hero__inner {
        width: 88%;
        padding: 80px 0;
    }

    .se-experience-hero h1 {
        font-size: clamp(2.25rem, 10vw, 3rem);
        line-height: 1.12;
    }

    .se-experience-hero p {
        font-size: 1rem;
        line-height: 1.7;
    }

    .se-experience-hero__markers {
        line-height: 2;
    }
}
/* =========================================================
   EXPÉRIMENTER — SECTION 2 : VIVRE SA PROPRE EXPÉRIENCE
   ========================================================= */

.se-experience-own {
    position: relative;
    width: 100%;
    padding: 120px 0 125px;
    background: #0c1928;
}

.se-experience-own__inner {
    width: min(1180px, 88%);
    margin: 0 auto;
}

.se-experience-own__eyebrow {
    margin-bottom: 20px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .22em;
    color: #c9a85c;
}

.se-experience-own h2 {
    max-width: 950px;
    margin: 0 0 32px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(2.3rem, 4vw, 3.6rem);
    font-weight: 500;
    line-height: 1.15;
    color: #f4f1e9;
}

.se-experience-own h2 span {
    color: #d6b568;
}

.se-experience-own__intro {
    max-width: 780px;
    margin-bottom: 78px;
}

.se-experience-own__intro p {
    margin: 0 0 18px;
    font-family: "Lato", Arial, sans-serif;
    font-size: 1.06rem;
    line-height: 1.8;
    color: rgba(244, 241, 233, .75);
}


/* ----- Progression en 4 étapes ----- */

.se-experience-own__steps {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 38px;
}

/* ligne horizontale */
.se-experience-own__steps::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 3%;
    right: 3%;
    height: 1px;

    background: linear-gradient(
        90deg,
        rgba(214,181,104,.12),
        rgba(214,181,104,.72),
        rgba(214,181,104,.12)
    );
}

.se-experience-own__step {
    position: relative;
    z-index: 2;
    padding-top: 44px;
}

.se-experience-own__marker {
    position: absolute;
    top: 4px;
    left: 0;

    width: 13px;
    height: 13px;

    border: 2px solid #d6b568;
    border-radius: 50%;

    background: #0c1928;

    box-shadow:
        0 0 0 5px rgba(214,181,104,.06),
        0 0 18px rgba(214,181,104,.14);
}

.se-experience-own__step h3 {
    margin: 0 0 17px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .80rem;
    font-weight: 600;
    line-height: 1.45;
    letter-spacing: .12em;
    color: #d6b568;
}

.se-experience-own__step p {
    max-width: 250px;
    margin: 0;
    font-family: "Lato", Arial, sans-serif;
    font-size: .98rem;
    line-height: 1.7;
    color: rgba(244, 241, 233, .72);
}


/* ----- Phrase finale ----- */

.se-experience-own__statement {
    max-width: 860px;
    margin: 78px auto 0;
    padding-top: 34px;

    border-top: 1px solid rgba(201,168,92,.18);

    text-align: center;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(1.2rem, 2vw, 1.55rem);
    font-weight: 400;
    line-height: 1.6;
    color: #f4f1e9;
}

.se-experience-own__statement span {
    color: #d6b568;
}


/* ----- Tablette ----- */

@media (max-width: 900px) {

    .se-experience-own {
        padding: 100px 0 105px;
    }

    .se-experience-own__steps {
        grid-template-columns: repeat(2, 1fr);
        gap: 45px 32px;
    }

    .se-experience-own__steps::before {
        display: none;
    }

    .se-experience-own__step {
        padding-top: 38px;
    }
}


/* ----- Mobile ----- */

@media (max-width: 640px) {

    .se-experience-own {
        padding: 82px 0 88px;
    }

    .se-experience-own h2 {
        font-size: clamp(2.05rem, 9vw, 2.8rem);
    }

    .se-experience-own__intro {
        margin-bottom: 55px;
    }

    .se-experience-own__steps {
        display: block;
        padding-left: 30px;
    }

    /* chemin vertical */
    .se-experience-own__steps::before {
        display: block;
        top: 5px;
        bottom: 5px;
        left: 6px;
        right: auto;

        width: 1px;
        height: auto;

        background: linear-gradient(
            180deg,
            rgba(214,181,104,.12),
            rgba(214,181,104,.72),
            rgba(214,181,104,.12)
        );
    }

    .se-experience-own__step {
        padding: 0 0 48px 15px;
    }

    .se-experience-own__step:last-child {
        padding-bottom: 0;
    }

    .se-experience-own__marker {
        top: 2px;
        left: -30px;
    }

    .se-experience-own__step p {
        max-width: none;
    }

    .se-experience-own__statement {
        margin-top: 58px;
    }
}
/* =========================================================
   EXPÉRIMENTER — SECTION 3 : SÉANCE DÉCOUVERTE
   ========================================================= */

.se-experience-discovery {
    position: relative;
    width: 100%;
    padding: 120px 0 125px;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 55%,
            rgba(34, 105, 145, .10) 0%,
            rgba(34, 105, 145, .04) 28%,
            transparent 58%),
        #08131f;
}

.se-experience-discovery__inner {
    position: relative;
    z-index: 2;
    width: min(1180px, 88%);
    margin: 0 auto;
}

.se-experience-discovery__eyebrow {
    margin-bottom: 20px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .22em;
    color: #c9a85c;
}

.se-experience-discovery h2 {
    max-width: 950px;
    margin: 0 0 32px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(2.3rem, 4vw, 3.6rem);
    font-weight: 500;
    line-height: 1.15;
    color: #f4f1e9;
}

.se-experience-discovery h2 span {
    color: #d6b568;
}

.se-experience-discovery__intro {
    max-width: 790px;
    margin-bottom: 70px;
}

.se-experience-discovery__intro p {
    margin: 0 0 18px;
    font-family: "Lato", Arial, sans-serif;
    font-size: 1.06rem;
    line-height: 1.8;
    color: rgba(244, 241, 233, .75);
}


/* ----- AVANT / PENDANT / APRÈS ----- */

.se-experience-discovery__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.se-experience-discovery__item {
    position: relative;
    min-height: 285px;
    padding: 38px 34px 36px;

    border: 1px solid rgba(214, 181, 104, .16);
    border-radius: 3px;

    background: rgba(255, 255, 255, .018);

    transition:
        transform .25s ease,
        border-color .25s ease,
        background .25s ease;
}

.se-experience-discovery__item:hover {
    transform: translateY(-4px);
    border-color: rgba(214, 181, 104, .38);
    background: rgba(255, 255, 255, .028);
}

/* bloc central légèrement mis en valeur */

.se-experience-discovery__item:nth-child(2) {
    border-color: rgba(214, 181, 104, .28);

    background:
        radial-gradient(circle at 50% 15%,
            rgba(43, 119, 162, .12),
            transparent 58%),
        rgba(255, 255, 255, .022);
}

.se-experience-discovery__label {
    margin-bottom: 28px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .20em;
    color: #d6b568;
}

.se-experience-discovery__item h3 {
    margin: 0 0 18px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 1.22rem;
    font-weight: 500;
    line-height: 1.4;
    color: #f4f1e9;
}

.se-experience-discovery__item p {
    margin: 0;
    font-family: "Lato", Arial, sans-serif;
    font-size: .98rem;
    line-height: 1.75;
    color: rgba(244, 241, 233, .70);
}


/* ----- Phrase finale ----- */

.se-experience-discovery__statement {
    max-width: 800px;
    margin: 72px auto 0;
    text-align: center;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(1.25rem, 2vw, 1.6rem);
    font-weight: 400;
    line-height: 1.6;
    color: #f4f1e9;
}

.se-experience-discovery__statement::before {
    content: "";
    display: block;
    width: 54px;
    height: 1px;
    margin: 0 auto 30px;
    background: #c9a85c;
    opacity: .65;
}

.se-experience-discovery__statement span {
    color: #d6b568;
}


/* ----- Tablette ----- */

@media (max-width: 900px) {

    .se-experience-discovery {
        padding: 100px 0 105px;
    }

    .se-experience-discovery__grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .se-experience-discovery__item {
        min-height: 0;
    }
}


/* ----- Mobile ----- */

@media (max-width: 640px) {

    .se-experience-discovery {
        padding: 82px 0 88px;
    }

    .se-experience-discovery h2 {
        font-size: clamp(2.05rem, 9vw, 2.8rem);
    }

    .se-experience-discovery__intro {
        margin-bottom: 52px;
    }

    .se-experience-discovery__item {
        padding: 31px 27px 32px;
    }

    .se-experience-discovery__label {
        margin-bottom: 20px;
    }

    .se-experience-discovery__statement {
        margin-top: 58px;
    }
}
/* =========================================================
   EXPÉRIMENTER — SECTION 4 : DIFFÉRENTES FAÇONS D'EXPÉRIMENTER
   ========================================================= */

.se-experience-ways {
    position: relative;
    width: 100%;
    padding: 120px 0 125px;
    overflow: hidden;
    background:
        radial-gradient(circle at 88% 20%,
            rgba(35, 103, 145, .09) 0%,
            transparent 35%),
        #0c1928;
}

.se-experience-ways__inner {
    position: relative;
    z-index: 2;
    width: min(1180px, 88%);
    margin: 0 auto;
}

.se-experience-ways__eyebrow {
    margin-bottom: 20px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .22em;
    color: #c9a85c;
}

.se-experience-ways h2 {
    max-width: 1000px;
    margin: 0 0 32px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(2.3rem, 4vw, 3.6rem);
    font-weight: 500;
    line-height: 1.15;
    color: #f4f1e9;
}

.se-experience-ways h2 span {
    color: #d6b568;
}

.se-experience-ways__intro {
    max-width: 790px;
    margin-bottom: 70px;
}

.se-experience-ways__intro p {
    margin: 0 0 18px;
    font-family: "Lato", Arial, sans-serif;
    font-size: 1.06rem;
    line-height: 1.8;
    color: rgba(244, 241, 233, .75);
}


/* ----- Les 4 portes ----- */

.se-experience-ways__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2px;
    background: rgba(214, 181, 104, .12);
    border: 1px solid rgba(214, 181, 104, .12);
}

.se-experience-ways__item {
    position: relative;
    min-height: 310px;
    padding: 42px 42px 38px;
    background: #0a1724;
    transition: background .25s ease;
}

.se-experience-ways__item:hover {
    background:
        radial-gradient(circle at 85% 15%,
            rgba(41, 112, 154, .10),
            transparent 48%),
        #0c1b2a;
}

.se-experience-ways__number {
    margin-bottom: 32px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .18em;
    color: rgba(214, 181, 104, .58);
}

.se-experience-ways__item h3 {
    margin: 0 0 18px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 1.35rem;
    font-weight: 500;
    line-height: 1.35;
    color: #f4f1e9;
}

.se-experience-ways__item p {
    max-width: 440px;
    margin: 0 0 30px;
    font-family: "Lato", Arial, sans-serif;
    font-size: .98rem;
    line-height: 1.75;
    color: rgba(244, 241, 233, .70);
}

.se-experience-ways__link {
    position: absolute;
    left: 42px;
    bottom: 37px;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: .70rem;
    font-weight: 600;
    letter-spacing: .12em;

    color: #c9a85c;
    text-decoration: none;

    transition: color .2s ease;
}

.se-experience-ways__link span {
    display: inline-block;
    margin-left: 7px;
    transition: transform .2s ease;
}

.se-experience-ways__link:hover {
    color: #e0c47e;
}

.se-experience-ways__link:hover span {
    transform: translateX(5px);
}


/* ----- Phrase finale ----- */

.se-experience-ways__statement {
    max-width: 850px;
    margin: 75px auto 0;
    text-align: center;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(1.25rem, 2vw, 1.6rem);
    font-weight: 400;
    line-height: 1.6;
    color: #f4f1e9;
}

.se-experience-ways__statement span {
    color: #d6b568;
}


/* ----- Tablette ----- */

@media (max-width: 900px) {

    .se-experience-ways {
        padding: 100px 0 105px;
    }

    .se-experience-ways__item {
        min-height: 330px;
        padding: 36px 32px;
    }

    .se-experience-ways__link {
        left: 32px;
        bottom: 32px;
    }
}


/* ----- Mobile ----- */

@media (max-width: 640px) {

    .se-experience-ways {
        padding: 82px 0 88px;
    }

    .se-experience-ways h2 {
        font-size: clamp(2.05rem, 9vw, 2.8rem);
    }

    .se-experience-ways__intro {
        margin-bottom: 52px;
    }

    .se-experience-ways__grid {
        grid-template-columns: 1fr;
    }

    .se-experience-ways__item {
        min-height: 300px;
        padding: 32px 27px;
    }

    .se-experience-ways__number {
        margin-bottom: 23px;
    }

    .se-experience-ways__link {
        left: 27px;
        bottom: 29px;
    }

    .se-experience-ways__statement {
        margin-top: 58px;
    }
}
/* =========================================================
   EXPÉRIMENTER — SECTION 5 : PAS BESOIN D'Y CROIRE
   ========================================================= */

.se-experience-belief {
    position: relative;
    width: 100%;
    padding: 120px 0 125px;
    overflow: hidden;
    background:
        radial-gradient(circle at 12% 75%,
            rgba(37, 105, 148, .09) 0%,
            transparent 34%),
        #08131f;
}

.se-experience-belief__inner {
    position: relative;
    z-index: 2;
    width: min(1180px, 88%);
    margin: 0 auto;
}

.se-experience-belief__eyebrow {
    margin-bottom: 20px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .22em;
    color: #c9a85c;
}

.se-experience-belief h2 {
    max-width: 1000px;
    margin: 0 0 32px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(2.3rem, 4vw, 3.6rem);
    font-weight: 500;
    line-height: 1.15;
    color: #f4f1e9;
}

.se-experience-belief h2 span {
    color: #d6b568;
}

.se-experience-belief__intro {
    max-width: 790px;
    margin-bottom: 70px;
}

.se-experience-belief__intro p {
    margin: 0 0 18px;
    font-family: "Lato", Arial, sans-serif;
    font-size: 1.06rem;
    line-height: 1.8;
    color: rgba(244, 241, 233, .75);
}


/* ----- Les 3 repères ----- */

.se-experience-belief__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    border-top: 1px solid rgba(214, 181, 104, .16);
    border-bottom: 1px solid rgba(214, 181, 104, .16);
}

.se-experience-belief__item {
    position: relative;
    padding: 42px 38px 44px;
}

.se-experience-belief__item + .se-experience-belief__item {
    border-left: 1px solid rgba(214, 181, 104, .16);
}

.se-experience-belief__symbol {
    margin-bottom: 26px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .18em;
    color: rgba(214, 181, 104, .55);
}

.se-experience-belief__item h3 {
    margin: 0 0 17px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .80rem;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: .11em;
    color: #d6b568;
}

.se-experience-belief__item p {
    max-width: 300px;
    margin: 0;
    font-family: "Lato", Arial, sans-serif;
    font-size: .98rem;
    line-height: 1.75;
    color: rgba(244, 241, 233, .70);
}


/* ----- Parcours Station Energeia ----- */

.se-experience-belief__path {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
    margin: 78px auto 0;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .17em;
    color: rgba(244, 241, 233, .65);
}

.se-experience-belief__path b {
    font-size: 1rem;
    font-weight: 400;
    color: #c9a85c;
}

.se-experience-belief__path span:last-of-type {
    color: #d6b568;
}


/* ----- Phrase finale ----- */

.se-experience-belief__statement {
    max-width: 900px;
    margin: 36px auto 0;
    text-align: center;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(1.25rem, 2vw, 1.6rem);
    font-weight: 400;
    line-height: 1.65;
    color: #f4f1e9;
}

.se-experience-belief__statement span {
    color: #d6b568;
}


/* ----- Tablette ----- */

@media (max-width: 900px) {

    .se-experience-belief {
        padding: 100px 0 105px;
    }

    .se-experience-belief__item {
        padding: 36px 25px 38px;
    }

    .se-experience-belief__path {
        gap: 16px;
    }
}


/* ----- Mobile ----- */

@media (max-width: 640px) {

    .se-experience-belief {
        padding: 82px 0 88px;
    }

    .se-experience-belief h2 {
        font-size: clamp(2.05rem, 9vw, 2.8rem);
    }

    .se-experience-belief__intro {
        margin-bottom: 52px;
    }

    .se-experience-belief__grid {
        grid-template-columns: 1fr;
    }

    .se-experience-belief__item {
        padding: 31px 0 34px;
    }

    .se-experience-belief__item + .se-experience-belief__item {
        border-left: 0;
        border-top: 1px solid rgba(214, 181, 104, .16);
    }

    .se-experience-belief__item p {
        max-width: none;
    }

    .se-experience-belief__path {
        flex-direction: column;
        gap: 12px;
        margin-top: 58px;
    }

    .se-experience-belief__path b {
        transform: rotate(90deg);
    }

    .se-experience-belief__statement {
        margin-top: 32px;
    }
}
/* =========================================================
   EXPÉRIMENTER — SECTION 6 : À TON RYTHME
   ========================================================= */

.se-experience-next {
    position: relative;
    width: 100%;
    padding: 120px 0 125px;
    overflow: hidden;
    background:
        radial-gradient(circle at 75% 35%,
            rgba(38, 108, 150, .10) 0%,
            transparent 38%),
        #0c1928;
}

.se-experience-next__inner {
    position: relative;
    z-index: 2;
    width: min(1180px, 88%);
    margin: 0 auto;
}

.se-experience-next__eyebrow {
    margin-bottom: 20px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .22em;
    color: #c9a85c;
}

.se-experience-next h2 {
    max-width: 1000px;
    margin: 0 0 32px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(2.3rem, 4vw, 3.6rem);
    font-weight: 500;
    line-height: 1.15;
    color: #f4f1e9;
}

.se-experience-next h2 span {
    color: #d6b568;
}

.se-experience-next__intro {
    max-width: 790px;
    margin-bottom: 70px;
}

.se-experience-next__intro p {
    margin: 0 0 18px;
    font-family: "Lato", Arial, sans-serif;
    font-size: 1.06rem;
    line-height: 1.8;
    color: rgba(244, 241, 233, .75);
}


/* ----- Les deux choix ----- */

.se-experience-next__choices {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}

.se-experience-next__choice {
    position: relative;
    min-height: 380px;
    padding: 45px 42px 44px;

    border: 1px solid rgba(214, 181, 104, .16);
    background: rgba(255, 255, 255, .015);

    transition:
        transform .25s ease,
        border-color .25s ease,
        background .25s ease;
}

.se-experience-next__choice:hover {
    transform: translateY(-4px);
    border-color: rgba(214, 181, 104, .35);
}


/* Porte principale : expérimenter */

.se-experience-next__choice--experience {
    border-color: rgba(214, 181, 104, .30);

    background:
        radial-gradient(circle at 82% 18%,
            rgba(41, 112, 154, .14),
            transparent 48%),
        rgba(255, 255, 255, .025);
}


/* Porte secondaire : explorer */

.se-experience-next__choice--explore {
    background: rgba(255, 255, 255, .012);
}

.se-experience-next__number {
    margin-bottom: 31px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .18em;
    color: rgba(214, 181, 104, .58);
}

.se-experience-next__choice h3 {
    margin: 0 0 21px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.45;
    letter-spacing: .04em;
    color: #f4f1e9;
}

.se-experience-next__choice p {
    max-width: 450px;
    margin: 0 0 38px;
    font-family: "Lato", Arial, sans-serif;
    font-size: .99rem;
    line-height: 1.75;
    color: rgba(244, 241, 233, .70);
}


/* ----- Boutons ----- */

.se-experience-next__button {
    position: absolute;
    left: 42px;
    bottom: 44px;

    display: inline-block;
    padding: 14px 22px;

    border: 1px solid #c9a85c;
    background: #c9a85c;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: .70rem;
    font-weight: 600;
    letter-spacing: .11em;

    color: #08131f;
    text-decoration: none;

    transition:
        background .2s ease,
        color .2s ease,
        border-color .2s ease;
}

.se-experience-next__button:hover {
    background: #dec17b;
    border-color: #dec17b;
    color: #08131f;
}

.se-experience-next__button--secondary {
    background: transparent;
    color: #d6b568;
}

.se-experience-next__button--secondary:hover {
    background: rgba(214, 181, 104, .08);
    border-color: #d6b568;
    color: #e2c982;
}


/* ----- Boussole ----- */

.se-experience-next__compass {
    margin-top: 58px;
    padding-top: 36px;

    border-top: 1px solid rgba(214, 181, 104, .16);

    text-align: center;
}

.se-experience-next__compass p {
    margin: 0 0 13px;
    font-family: "Lato", Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.6;
    color: rgba(244, 241, 233, .68);
}

.se-experience-next__compass a {
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .13em;

    color: #d6b568;
    text-decoration: none;
}

.se-experience-next__compass a span {
    display: inline-block;
    margin-left: 7px;
    transition: transform .2s ease;
}

.se-experience-next__compass a:hover span {
    transform: translateX(5px);
}


/* ----- Tablette ----- */

@media (max-width: 900px) {

    .se-experience-next {
        padding: 100px 0 105px;
    }

    .se-experience-next__choice {
        min-height: 410px;
        padding: 38px 32px;
    }

    .se-experience-next__button {
        left: 32px;
        bottom: 38px;
    }
}


/* ----- Mobile ----- */

@media (max-width: 640px) {

    .se-experience-next {
        padding: 82px 0 88px;
    }

    .se-experience-next h2 {
        font-size: clamp(2.05rem, 9vw, 2.8rem);
    }

    .se-experience-next__intro {
        margin-bottom: 52px;
    }

    .se-experience-next__choices {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .se-experience-next__choice {
        min-height: 365px;
        padding: 32px 27px;
    }

    .se-experience-next__button {
        left: 27px;
        bottom: 31px;
    }

    .se-experience-next__compass {
        margin-top: 48px;
        padding-top: 32px;
    }
}
/* =========================================================
   EXPÉRIMENTER — SECTION 7 : CONCLUSION
   ========================================================= */

.se-experience-final {
    position: relative;
    width: 100%;
    padding: 135px 0 130px;
    overflow: hidden;

    background:
        radial-gradient(circle at 50% 42%,
            rgba(42, 111, 153, .13) 0%,
            rgba(42, 111, 153, .05) 28%,
            transparent 58%),
        #08131f;
}

.se-experience-final__inner {
    position: relative;
    z-index: 2;
    width: min(1050px, 88%);
    margin: 0 auto;
    text-align: center;
}

.se-experience-final__eyebrow {
    margin-bottom: 24px;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .22em;

    color: #c9a85c;
}

.se-experience-final h2 {
    max-width: 1000px;
    margin: 0 auto 36px;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(2.4rem, 4.2vw, 3.7rem);
    font-weight: 500;
    line-height: 1.16;

    color: #f4f1e9;
}

.se-experience-final h2 span {
    color: #d6b568;
}

.se-experience-final__text {
    max-width: 720px;
    margin: 0 auto 45px;
}

.se-experience-final__text p {
    margin: 0 0 17px;

    font-family: "Lato", Arial, sans-serif;
    font-size: 1.06rem;
    line-height: 1.8;

    color: rgba(244, 241, 233, .74);
}


/* ----- Actions ----- */

.se-experience-final__actions {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;

    gap: 16px;
    margin-top: 42px;
}

.se-experience-final__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 50px;
    padding: 14px 25px;

    border: 1px solid #c9a85c;
    background: #c9a85c;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: .70rem;
    font-weight: 600;
    letter-spacing: .11em;

    color: #08131f;
    text-decoration: none;

    transition:
        background .2s ease,
        border-color .2s ease,
        color .2s ease,
        transform .2s ease;
}

.se-experience-final__button:hover {
    transform: translateY(-2px);
    background: #dec17b;
    border-color: #dec17b;
    color: #08131f;
}

.se-experience-final__button--secondary {
    background: transparent;
    color: #d6b568;
}

.se-experience-final__button--secondary:hover {
    background: rgba(214, 181, 104, .08);
    border-color: #d6b568;
    color: #e2c982;
}


/* ----- Séparation finale ----- */

.se-experience-final__line {
    width: 70px;
    height: 1px;

    margin: 75px auto 32px;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(214, 181, 104, .75),
        transparent
    );
}

.se-experience-final__closing {
    margin: 0;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(1rem, 1.6vw, 1.25rem);
    font-weight: 400;
    line-height: 1.7;
    letter-spacing: .02em;

    color: rgba(244, 241, 233, .72);
}

.se-experience-final__closing span {
    color: #d6b568;
}


/* ----- Tablette ----- */

@media (max-width: 900px) {

    .se-experience-final {
        padding: 110px 0 110px;
    }
}


/* ----- Mobile ----- */

@media (max-width: 640px) {

    .se-experience-final {
        padding: 88px 0 92px;
    }

    .se-experience-final h2 {
        font-size: clamp(2.05rem, 9vw, 2.8rem);
    }

    .se-experience-final__actions {
        flex-direction: column;
        width: 100%;
        margin-top: 36px;
    }

    .se-experience-final__button {
        width: 100%;
        max-width: 360px;
    }

    .se-experience-final__line {
        margin-top: 62px;
    }
}
/* =========================================================
   ÉVOLUER — HERO
   ========================================================= */

.se-evolve-hero {
    position: relative;
    width: 100%;
    min-height: 680px;
    display: flex;
    align-items: center;
    overflow: hidden;

   background-image: url("https://stationenergeia.arunachy.com/images/hero-evoluer-station-energeia-v2.jpg?v=2");
    background-size: cover;
   background-position: 35% center;
    background-repeat: no-repeat;
}
.se-evolve-hero__overlay {
    position: absolute;
    inset: 0;
    z-index: 1;

  background: linear-gradient(
    90deg,
    transparent 0%,
    transparent 22%,
    rgba(5, 14, 25, .55) 30%,
    rgba(5, 14, 25, .88) 42%,
    rgba(5, 14, 25, .62) 60%,
    rgba(5, 14, 25, .16) 82%,
    transparent 100%
);

.se-evolve-hero__inner {
    position: relative;
    z-index: 2;
    width: min(1180px, 88%);
    margin: 0 auto;
    padding: 100px 0;
}

.se-evolve-hero__content {
    max-width: 720px;
}

.se-evolve-hero__eyebrow {
    margin-bottom: 22px;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .22em;

    color: #c9a85c;
}

.se-evolve-hero h1 {
    margin: 0 0 30px;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(2.7rem, 5vw, 4.5rem);
    font-weight: 500;
    line-height: 1.08;

    color: #f4f1e9;
}

.se-evolve-hero h1 span {
    color: #d6b568;
}

.se-evolve-hero p {
    max-width: 570px;
    margin: 0 0 16px;

    font-family: "Lato", Arial, sans-serif;
    font-size: 1.07rem;
    line-height: 1.8;

    color: rgba(244, 241, 233, .78);
}

.se-evolve-hero__markers {
    margin-top: 38px;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .15em;

    color: rgba(244, 241, 233, .68);
}

.se-evolve-hero__markers span {
    margin: 0 10px;
    color: #c9a85c;
}


/* ----- Tablette ----- */

@media (max-width: 900px) {

    .se-evolve-hero {
        min-height: 620px;
        background-position: 58% center;
    }

    .se-evolve-hero__content {
        max-width: 620px;
    }
}


/* ----- Mobile ----- */

@media (max-width: 640px) {

    .se-evolve-hero {
        min-height: 650px;
        background-position: 62% center;
    }

    .se-evolve-hero__overlay {
        background: linear-gradient(
            180deg,
            rgba(5, 14, 25, .91) 0%,
            rgba(5, 14, 25, .78) 55%,
            rgba(5, 14, 25, .94) 100%
        );
    }

    .se-evolve-hero__inner {
        width: 88%;
        padding: 80px 0;
    }

    .se-evolve-hero h1 {
        font-size: clamp(2.25rem, 10vw, 3rem);
        line-height: 1.12;
    }

    .se-evolve-hero p {
        font-size: 1rem;
        line-height: 1.7;
    }

    .se-evolve-hero__markers {
        line-height: 2;
    }
}
  .se-evolve-hero__content > p:nth-of-type(2) {
    max-width: 540px !important;
}
  /* =========================================================
   ÉVOLUER — SECTION 2 : UNE DÉMARCHE QUI S'INTÈGRE
   ========================================================= */

.se-evolve-meaning {
    position: relative;
    width: 100%;
    padding: 120px 0 125px;
    overflow: hidden;

    background:
        radial-gradient(circle at 88% 72%,
            rgba(38, 108, 150, .09) 0%,
            transparent 35%),
        #0c1928;
}

.se-evolve-meaning__inner {
    position: relative;
    z-index: 2;
    width: min(1180px, 88%);
    margin: 0 auto;
}

.se-evolve-meaning__eyebrow {
    margin-bottom: 20px;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .22em;

    color: #c9a85c;
}

.se-evolve-meaning h2 {
    max-width: 1050px;
    margin: 0 0 32px;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(2.3rem, 4vw, 3.6rem);
    font-weight: 500;
    line-height: 1.15;

    color: #f4f1e9;
}

.se-evolve-meaning h2 span {
    color: #d6b568;
}

.se-evolve-meaning__intro {
    max-width: 790px;
    margin-bottom: 78px;
}

.se-evolve-meaning__intro p {
    margin: 0 0 18px;

    font-family: "Lato", Arial, sans-serif;
    font-size: 1.06rem;
    line-height: 1.8;

    color: rgba(244, 241, 233, .75);
}


/* ----- Progression ----- */

.se-evolve-meaning__steps {
    position: relative;

    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 38px;
}

.se-evolve-meaning__steps::before {
    content: "";
    position: absolute;

    top: 10px;
    left: 3%;
    right: 3%;

    height: 1px;

    background: linear-gradient(
        90deg,
        rgba(214, 181, 104, .12),
        rgba(214, 181, 104, .72),
        rgba(214, 181, 104, .12)
    );
}

.se-evolve-meaning__step {
    position: relative;
    z-index: 2;
    padding-top: 44px;
}

.se-evolve-meaning__marker {
    position: absolute;

    top: 4px;
    left: 0;

    width: 13px;
    height: 13px;

    border: 2px solid #d6b568;
    border-radius: 50%;

    background: #0c1928;

    box-shadow:
        0 0 0 5px rgba(214, 181, 104, .06),
        0 0 18px rgba(214, 181, 104, .14);
}

.se-evolve-meaning__step h3 {
    margin: 0 0 17px;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: .80rem;
    font-weight: 600;
    line-height: 1.45;
    letter-spacing: .12em;

    color: #d6b568;
}

.se-evolve-meaning__step p {
    max-width: 250px;
    margin: 0;

    font-family: "Lato", Arial, sans-serif;
    font-size: .98rem;
    line-height: 1.7;

    color: rgba(244, 241, 233, .72);
}


/* Dernière étape : autonomie */

.se-evolve-meaning__step:last-child h3 {
    color: #e2c982;
}

.se-evolve-meaning__step:last-child .se-evolve-meaning__marker {
    background: #d6b568;

    box-shadow:
        0 0 0 6px rgba(214, 181, 104, .08),
        0 0 24px rgba(214, 181, 104, .25);
}


/* ----- Phrase finale ----- */

.se-evolve-meaning__statement {
    max-width: 900px;
    margin: 78px auto 0;
    padding-top: 34px;

    border-top: 1px solid rgba(201, 168, 92, .18);

    text-align: center;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(1.2rem, 2vw, 1.55rem);
    font-weight: 400;
    line-height: 1.6;

    color: #f4f1e9;
}

.se-evolve-meaning__statement span {
    color: #d6b568;
}


/* ----- Tablette ----- */

@media (max-width: 900px) {

    .se-evolve-meaning {
        padding: 100px 0 105px;
    }

    .se-evolve-meaning__steps {
        grid-template-columns: repeat(2, 1fr);
        gap: 45px 32px;
    }

    .se-evolve-meaning__steps::before {
        display: none;
    }

    .se-evolve-meaning__step {
        padding-top: 38px;
    }
}


/* ----- Mobile ----- */

@media (max-width: 640px) {

    .se-evolve-meaning {
        padding: 82px 0 88px;
    }

    .se-evolve-meaning h2 {
        font-size: clamp(2.05rem, 9vw, 2.8rem);
    }

    .se-evolve-meaning__intro {
        margin-bottom: 55px;
    }

    .se-evolve-meaning__steps {
        display: block;
        padding-left: 30px;
    }

    .se-evolve-meaning__steps::before {
        display: block;

        top: 5px;
        bottom: 5px;
        left: 6px;
        right: auto;

        width: 1px;
        height: auto;

        background: linear-gradient(
            180deg,
            rgba(214, 181, 104, .12),
            rgba(214, 181, 104, .72),
            rgba(214, 181, 104, .12)
        );
    }

    .se-evolve-meaning__step {
        padding: 0 0 48px 15px;
    }

    .se-evolve-meaning__step:last-child {
        padding-bottom: 0;
    }

    .se-evolve-meaning__marker {
        top: 2px;
        left: -30px;
    }

    .se-evolve-meaning__step p {
        max-width: none;
    }

    .se-evolve-meaning__statement {
        margin-top: 58px;
    }
}
  .se-evolve-meaning__step:last-child h3 {
    color: #d6b568 !important;
    font-weight: 700;
}
  .se-evolve-meaning__autonomy {
    color: #d6b568 !important;
    font-weight: 700 !important;
}
  /* =========================================================
   ÉVOLUER — SECTION 3 : UN PARCOURS À TON RYTHME
   ========================================================= */

/* =========================================================
   ÉVOLUER — SECTION 3 : VERSION PLUS DISTINCTE
   ========================================================= */

.se-evolve-path {
    position: relative;
    width: 100%;
    padding: 130px 0 135px;
    overflow: hidden;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.015) 0%,
            rgba(255,255,255,0) 18%
        ),
        radial-gradient(circle at 50% 18%,
            rgba(214,181,104,.08) 0%,
            transparent 30%),
        #101d2b;
}

.se-evolve-path__inner {
    position: relative;
    z-index: 2;
    width: min(1040px, 84%);
    margin: 0 auto;
}

.se-evolve-path__eyebrow,
.se-evolve-path h2,
.se-evolve-path__intro {
    max-width: 820px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.se-evolve-path__intro {
    margin-bottom: 72px;
}

.se-evolve-path__steps {
    max-width: 860px;
    margin: 0 auto;
    display: grid;
    gap: 24px;
}

.se-evolve-path__step,
.se-evolve-path__step:nth-child(2),
.se-evolve-path__step:nth-child(3) {
    margin-left: 0;
}

.se-evolve-path__step {
    position: relative;
    display: grid;
    grid-template-columns: 120px 1fr;
    align-items: center;

    min-height: 150px;
    padding: 30px 38px;

    border: 1px solid rgba(214,181,104,.16);
    border-radius: 18px;

    background:
        linear-gradient(
            90deg,
            rgba(214,181,104,.035),
            rgba(255,255,255,.015)
        );

    box-shadow: 0 18px 45px rgba(0,0,0,.16);
}

.se-evolve-path__step:nth-child(2) {
    transform: translateX(28px);
}

.se-evolve-path__step:nth-child(3) {
    transform: translateX(56px);

    background:
        linear-gradient(
            90deg,
            rgba(214,181,104,.055),
            rgba(38,108,150,.05)
        );
}

.se-evolve-path__number {
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 4.6rem;
    font-weight: 300;
    line-height: 1;

    color: rgba(214,181,104,.28);
}

.se-evolve-path__content {
    padding-left: 34px;
    border-left: 1px solid rgba(214,181,104,.22);
}

.se-evolve-path__content h3 {
    margin: 0 0 12px;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: .88rem;
    font-weight: 600;
    letter-spacing: .16em;

    color: #d6b568;
}

.se-evolve-path__content p {
    max-width: 560px;
    margin: 0;

    font-family: "Lato", Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.75;

    color: rgba(244,241,233,.74);
}

.se-evolve-path__statement {
    max-width: 760px;
    margin: 80px auto 0;
    text-align: center;
}

    font-family: "Montserrat", Arial, sans-serif;
}

.se-evolve-path__statement p {
    margin: 0 0 10px;

    font-size: clamp(1.1rem, 2vw, 1.35rem);
    font-weight: 400;
    line-height: 1.6;

    color: rgba(244, 241, 233, .80);
}

.se-evolve-path__statement strong {
    display: block;

    font-size: clamp(1.25rem, 2vw, 1.55rem);
    font-weight: 500;

    color: #d6b568;
}


/* ----- Tablette ----- */

@media (max-width: 900px) {

    .se-evolve-path {
        padding: 100px 0 105px;
    }

    .se-evolve-path__step:nth-child(2),
    .se-evolve-path__step:nth-child(3) {
        margin-left: 0;
    }

    .se-evolve-path__step {
        grid-template-columns: 120px 1fr;
    }
}


/* ----- Mobile ----- */

@media (max-width: 640px) {

    .se-evolve-path {
        padding: 82px 0 88px;
    }

    .se-evolve-path h2 {
        font-size: clamp(2.05rem, 9vw, 2.8rem);
    }

    .se-evolve-path__intro {
        margin-bottom: 55px;
    }

    .se-evolve-path__step {
        display: block;

        min-height: 0;
        padding: 34px 10px;
    }

    .se-evolve-path__number {
        margin-bottom: 22px;

        font-size: 3.5rem;
    }

    .se-evolve-path__content {
        padding-left: 22px;
    }

    .se-evolve-path__statement {
        margin-top: 58px;
    }
}
/* =========================================================
   ÉVOLUER — SECTION 3 : OVERRIDE FINAL
   ========================================================= */

.se-evolve-path {
    padding: 145px 0 135px !important;

    background:
        /* Halo bleu — continuité exacte de la section 2 */
        radial-gradient(
            circle at 88% 0%,
            rgba(38, 108, 150, .09) 0%,
            rgba(38, 108, 150, .055) 15%,
            rgba(38, 108, 150, .025) 30%,
            transparent 48%
        ),

        /* Nouvelle ambiance qui apparaît progressivement */
        radial-gradient(
            ellipse at 50% 58%,
            rgba(214, 181, 104, .045) 0%,
            rgba(214, 181, 104, .020) 32%,
            transparent 68%
        ),

        /* Fond : même couleur en haut, évolution très lente ensuite */
        linear-gradient(
            180deg,
            #0c1928 0%,
            #0c1928 20%,
            #0c1a29 38%,
            #0d1b2a 58%,
            #0e1c2b 78%,
            #0e1d2c 100%
        ) !important;
}

.se-evolve-path__inner {
    width: min(1040px, 84%) !important;
    margin: 0 auto !important;
}

.se-evolve-path__eyebrow,
.se-evolve-path h2,
.se-evolve-path__intro {
    max-width: 820px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}

.se-evolve-path__intro {
    margin-bottom: 72px !important;
}

.se-evolve-path__steps {
    width: 100% !important;
    max-width: 860px !important;
    margin: 0 auto !important;
    display: grid !important;
    gap: 24px !important;
}

.se-evolve-path__step,
.se-evolve-path__step:nth-child(2),
.se-evolve-path__step:nth-child(3) {
    width: 100% !important;
    margin-left: 0 !important;
    min-height: 150px !important;
    padding: 30px 38px !important;

    display: grid !important;
    grid-template-columns: 120px 1fr !important;
    align-items: center !important;

    border: 1px solid rgba(214,181,104,.18) !important;
    border-radius: 18px !important;

    background:
        linear-gradient(
            90deg,
            rgba(214,181,104,.04),
            rgba(255,255,255,.015)
        ) !important;

    box-shadow: 0 18px 45px rgba(0,0,0,.16) !important;
}

.se-evolve-path__step:nth-child(2) {
    transform: translateX(28px) !important;
}

.se-evolve-path__step:nth-child(3) {
    transform: translateX(56px) !important;

    background:
        linear-gradient(
            90deg,
            rgba(214,181,104,.07),
            rgba(38,108,150,.06)
        ) !important;
}

.se-evolve-path__number {
    font-size: 4.6rem !important;
    color: rgba(214,181,104,.28) !important;
}

.se-evolve-path__content {
    padding-left: 34px !important;
    border-left: 1px solid rgba(214,181,104,.22) !important;
}

.se-evolve-path__statement {
    max-width: 760px !important;
    margin: 80px auto 0 !important;
    text-align: center !important;
}
.se-evolve-path {
    position: relative !important;
}

.se-evolve-path::before {
    content: "";
    position: absolute;
    z-index: 1;

    top: -80px;
    left: 0;
    right: 0;

    height: 180px;

    background: linear-gradient(
        180deg,
        transparent 0%,
        rgba(12, 25, 40, .35) 30%,
        rgba(12, 25, 40, .72) 58%,
        #0c1928 100%
    );

    pointer-events: none;
}

.se-evolve-path__inner {
    position: relative !important;
    z-index: 2 !important;
}
/* =========================================================
   ÉVOLUER — SECTION 4 : PROGRAMME MEDBED QUANTIQUE
   ========================================================= */

.se-evolve-program {
    position: relative;
    width: 100%;
    padding: 125px 0 130px;
    overflow: hidden;

    background:
        radial-gradient(
            circle at 82% 30%,
            rgba(38,108,150,.10) 0%,
            rgba(38,108,150,.035) 25%,
            transparent 48%
        ),
        radial-gradient(
            circle at 18% 78%,
            rgba(214,181,104,.07) 0%,
            transparent 38%
        ),
        #07131f;
}

.se-evolve-program__inner {
    position: relative;
    z-index: 2;
    width: min(1100px, 88%);
    margin: 0 auto;
}


/* ----- Introduction ----- */

.se-evolve-program__eyebrow {
    margin-bottom: 20px;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .22em;

    color: #c9a85c;
}

.se-evolve-program h2 {
    max-width: 1000px;
    margin: 0 0 32px;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(2.3rem, 4vw, 3.6rem);
    font-weight: 500;
    line-height: 1.15;

    color: #f4f1e9;
}

.se-evolve-program h2 span {
    color: #d6b568;
}

.se-evolve-program__intro {
    max-width: 780px;
    margin-bottom: 72px;
}

.se-evolve-program__intro p {
    margin: 0 0 18px;

    font-family: "Lato", Arial, sans-serif;
    font-size: 1.06rem;
    line-height: 1.8;

    color: rgba(244,241,233,.74);
}

.se-evolve-program__intro strong {
    font-weight: 500;
    color: #e3c982;
}


/* ----- Les 3 repères ----- */

.se-evolve-program__steps {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;

    margin-top: 15px;
}

.se-evolve-program__step {
    position: relative;
    min-height: 270px;
    padding: 38px 34px;

    border: 1px solid rgba(214,181,104,.16);
    border-radius: 18px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.025),
            rgba(214,181,104,.018)
        );

    box-shadow: 0 18px 50px rgba(0,0,0,.15);
}

.se-evolve-program__number {
    margin-bottom: 34px;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: 2.6rem;
    font-weight: 300;
    line-height: 1;

    color: rgba(214,181,104,.30);
}

.se-evolve-program__step h3 {
    margin: 0 0 17px;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: .86rem;
    font-weight: 600;
    letter-spacing: .15em;

    color: #d6b568;
}

.se-evolve-program__step p {
    margin: 0;

    font-family: "Lato", Arial, sans-serif;
    font-size: .98rem;
    line-height: 1.72;

    color: rgba(244,241,233,.70);
}


/* ----- Message de positionnement ----- */

.se-evolve-program__statement {
    max-width: 850px;
    margin: 75px auto 0;
    padding: 34px 40px;

    border-top: 1px solid rgba(214,181,104,.18);
    border-bottom: 1px solid rgba(214,181,104,.18);

    text-align: center;
    font-family: "Montserrat", Arial, sans-serif;
}

.se-evolve-program__statement strong {
    display: block;
    margin-bottom: 9px;

    font-size: clamp(1.2rem, 2vw, 1.5rem);
    font-weight: 500;

    color: #f4f1e9;
}

.se-evolve-program__statement span {
    display: block;

    font-size: 1.05rem;
    line-height: 1.6;

    color: #d6b568;
}


/* ----- Boutons ----- */

.se-evolve-program__actions {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;

    gap: 16px;
    margin-top: 48px;
}

.se-evolve-program__button {
    display: inline-flex;
    justify-content: center;
    align-items: center;

    min-height: 52px;
    padding: 14px 25px;

    border-radius: 4px;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .10em;
    text-decoration: none !important;

    transition:
        background .25s ease,
        border-color .25s ease,
        color .25s ease;
}

.se-evolve-program__button--primary {
    border: 1px solid #c9a85c;

    background: #c9a85c;
    color: #07131f !important;
}

.se-evolve-program__button--primary:hover {
    background: #d6b568;
    border-color: #d6b568;
}

.se-evolve-program__button--secondary {
    border: 1px solid rgba(244,241,233,.25);

    background: transparent;
    color: #f4f1e9 !important;
}

.se-evolve-program__button--secondary:hover {
    border-color: #c9a85c;
    color: #d6b568 !important;
}


/* ----- Tablette ----- */

@media (max-width: 900px) {

    .se-evolve-program {
        padding: 100px 0 105px;
    }

    .se-evolve-program__steps {
        grid-template-columns: 1fr;
        max-width: 680px;
    }

    .se-evolve-program__step {
        min-height: 0;
    }
}


/* ----- Mobile ----- */

@media (max-width: 640px) {

    .se-evolve-program {
        padding: 82px 0 88px;
    }

    .se-evolve-program h2 {
        font-size: clamp(2.05rem, 9vw, 2.8rem);
    }

    .se-evolve-program__intro {
        margin-bottom: 55px;
    }

    .se-evolve-program__step {
        padding: 30px 26px;
    }

    .se-evolve-program__number {
        margin-bottom: 24px;
    }

    .se-evolve-program__statement {
        margin-top: 58px;
        padding: 30px 15px;
    }

    .se-evolve-program__actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .se-evolve-program__button {
        width: 100%;
        text-align: center;
    }
}
/* =========================================================
   ÉVOLUER — SECTION 5 : AU-DELÀ DES EXPÉRIENCES
   ========================================================= */

.se-evolve-life {
    position: relative;
    width: 100%;
    padding: 130px 0 135px;
    overflow: hidden;

    background:
        radial-gradient(
            circle at 15% 70%,
            rgba(38,108,150,.07) 0%,
            transparent 34%
        ),
        #0b1826;
}

.se-evolve-life__inner {
    position: relative;
    z-index: 2;
    width: min(1080px, 88%);
    margin: 0 auto;
}


/* ----- Introduction ----- */

.se-evolve-life__eyebrow {
    margin-bottom: 20px;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .22em;

    color: #c9a85c;
}

.se-evolve-life h2 {
    max-width: 980px;
    margin: 0 0 32px;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(2.3rem, 4vw, 3.6rem);
    font-weight: 500;
    line-height: 1.15;

    color: #f4f1e9;
}

.se-evolve-life h2 span {
    color: #d6b568;
}

.se-evolve-life__intro {
    max-width: 760px;
    margin: 0 0 85px;

    font-family: "Lato", Arial, sans-serif;
    font-size: 1.06rem;
    line-height: 1.8;

    color: rgba(244,241,233,.74);
}


/* ----- Les trois repères ----- */

.se-evolve-life__steps {
    position: relative;

    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 60px;
}

.se-evolve-life__steps::before {
    content: "";
    position: absolute;

    top: 20px;
    left: 4%;
    right: 4%;

    height: 1px;

    background: linear-gradient(
        90deg,
        rgba(214,181,104,.10),
        rgba(214,181,104,.55),
        rgba(214,181,104,.10)
    );
}

.se-evolve-life__step {
    position: relative;
    z-index: 2;
}

.se-evolve-life__marker {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;
    margin-bottom: 30px;

    border: 1px solid rgba(214,181,104,.48);
    border-radius: 50%;

    background: #0b1826;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: .68rem;
    font-weight: 600;
    letter-spacing: .06em;

    color: #d6b568;
}

.se-evolve-life__content h3 {
    margin: 0 0 16px;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: .84rem;
    font-weight: 600;
    letter-spacing: .16em;

    color: #d6b568;
}

.se-evolve-life__content p {
    max-width: 290px;
    margin: 0;

    font-family: "Lato", Arial, sans-serif;
    font-size: .98rem;
    line-height: 1.75;

    color: rgba(244,241,233,.70);
}


/* ----- Conclusion ----- */

.se-evolve-life__statement {
    max-width: 850px;
    margin: 95px auto 0;
    padding-top: 42px;

    border-top: 1px solid rgba(214,181,104,.16);

    text-align: center;
    font-family: "Montserrat", Arial, sans-serif;
}

.se-evolve-life__statement span {
    display: block;
    margin-bottom: 8px;

    font-size: clamp(1.1rem, 2vw, 1.35rem);
    line-height: 1.6;

    color: rgba(244,241,233,.82);
}

.se-evolve-life__statement strong {
    display: block;

    font-size: clamp(1.4rem, 2.5vw, 1.85rem);
    font-weight: 500;

    color: #d6b568;
}


/* ----- Tablette ----- */

@media (max-width: 900px) {

    .se-evolve-life {
        padding: 105px 0 110px;
    }

    .se-evolve-life__steps {
        gap: 35px;
    }
}


/* ----- Mobile ----- */

@media (max-width: 640px) {

    .se-evolve-life {
        padding: 82px 0 90px;
    }

    .se-evolve-life h2 {
        font-size: clamp(2.05rem, 9vw, 2.8rem);
    }

    .se-evolve-life__intro {
        margin-bottom: 58px;
    }

    .se-evolve-life__steps {
        display: block;
        padding-left: 28px;
    }

    .se-evolve-life__steps::before {
        top: 20px;
        bottom: 20px;
        left: 20px;
        right: auto;

        width: 1px;
        height: auto;

        background: linear-gradient(
            180deg,
            rgba(214,181,104,.10),
            rgba(214,181,104,.55),
            rgba(214,181,104,.10)
        );
    }

    .se-evolve-life__step {
        display: grid;
        grid-template-columns: 50px 1fr;
        gap: 18px;

        margin-bottom: 48px;
    }

    .se-evolve-life__step:last-child {
        margin-bottom: 0;
    }

    .se-evolve-life__marker {
        margin: 0;
    }

    .se-evolve-life__content p {
        max-width: none;
    }

    .se-evolve-life__statement {
        margin-top: 70px;
        padding-top: 35px;
    }
}
/* =========================================================
   ÉVOLUER — SECTION 6 : OÙ EN ES-TU AUJOURD'HUI ?
   ========================================================= */

.se-evolve-orientation {
    position: relative;
    width: 100%;
    padding: 125px 0 130px;
    overflow: hidden;

    background:
        radial-gradient(
            circle at 85% 22%,
            rgba(38,108,150,.08) 0%,
            transparent 35%
        ),
        radial-gradient(
            circle at 12% 80%,
            rgba(214,181,104,.055) 0%,
            transparent 35%
        ),
        #081522;
}

.se-evolve-orientation__inner {
    position: relative;
    z-index: 2;
    width: min(1120px, 88%);
    margin: 0 auto;
}


/* ----- Introduction ----- */

.se-evolve-orientation__eyebrow {
    margin-bottom: 20px;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .22em;

    color: #c9a85c;
}

.se-evolve-orientation h2 {
    max-width: 1050px;
    margin: 0 0 32px;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(2.3rem, 4vw, 3.6rem);
    font-weight: 500;
    line-height: 1.15;

    color: #f4f1e9;
}

.se-evolve-orientation h2 span {
    color: #d6b568;
}

.se-evolve-orientation__intro {
    max-width: 760px;
    margin: 0 0 75px;

    font-family: "Lato", Arial, sans-serif;
    font-size: 1.06rem;
    line-height: 1.8;

    color: rgba(244,241,233,.74);
}


/* ----- Les trois portes ----- */

.se-evolve-orientation__doors {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

.se-evolve-orientation__door {
    position: relative;
    display: flex;
    flex-direction: column;

    min-height: 330px;
    padding: 38px 32px;

    border: 1px solid rgba(214,181,104,.15);
    border-radius: 16px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.025),
            rgba(38,108,150,.025)
        );

    box-shadow: 0 18px 45px rgba(0,0,0,.14);
}

.se-evolve-orientation__number {
    margin-bottom: 32px;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: 2.8rem;
    font-weight: 300;
    line-height: 1;

    color: rgba(214,181,104,.27);
}

.se-evolve-orientation__door h3 {
    min-height: 48px;
    margin: 0 0 17px;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: .82rem;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: .12em;

    color: #d6b568;
}

.se-evolve-orientation__door p {
    margin: 0 0 28px;

    font-family: "Lato", Arial, sans-serif;
    font-size: .97rem;
    line-height: 1.7;

    color: rgba(244,241,233,.70);
}

.se-evolve-orientation__link {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    margin-top: auto;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: .70rem;
    font-weight: 600;
    letter-spacing: .10em;

    color: #d6b568 !important;
    text-decoration: none !important;
}

.se-evolve-orientation__link span {
    font-size: 1rem;
    transition: transform .2s ease;
}

.se-evolve-orientation__link:hover span {
    transform: translateX(5px);
}


/* ----- Boussole ----- */

.se-evolve-orientation__compass {
    display: grid;
    grid-template-columns: 110px 1fr;
    align-items: center;
    gap: 35px;

    max-width: 900px;
    margin: 75px auto 0;
    padding: 38px 45px;

    border-top: 1px solid rgba(214,181,104,.18);
    border-bottom: 1px solid rgba(214,181,104,.18);
}

.se-evolve-orientation__compass-icon {
    font-size: 3.7rem;
    line-height: 1;
    text-align: center;
}

.se-evolve-orientation__compass-content h3 {
    margin: 0 0 12px;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: 1.25rem;
    font-weight: 500;

    color: #f4f1e9;
}

.se-evolve-orientation__compass-content p {
    max-width: 650px;
    margin: 0 0 24px;

    font-family: "Lato", Arial, sans-serif;
    font-size: .98rem;
    line-height: 1.7;

    color: rgba(244,241,233,.70);
}

.se-evolve-orientation__compass-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 50px;
    padding: 13px 23px;

    border: 1px solid #c9a85c;
    border-radius: 4px;

    background: #c9a85c;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: .70rem;
    font-weight: 600;
    letter-spacing: .10em;

    color: #07131f !important;
    text-decoration: none !important;

    transition: background .25s ease;
}

.se-evolve-orientation__compass-button:hover {
    background: #d6b568;
}


/* ----- Tablette ----- */

@media (max-width: 900px) {

    .se-evolve-orientation {
        padding: 100px 0 105px;
    }

    .se-evolve-orientation__doors {
        grid-template-columns: 1fr;
        max-width: 680px;
    }

    .se-evolve-orientation__door {
        min-height: 0;
    }
}


/* ----- Mobile ----- */

@media (max-width: 640px) {

    .se-evolve-orientation {
        padding: 82px 0 90px;
    }

    .se-evolve-orientation h2 {
        font-size: clamp(2.05rem, 9vw, 2.8rem);
    }

    .se-evolve-orientation__intro {
        margin-bottom: 55px;
    }

    .se-evolve-orientation__door {
        padding: 30px 26px;
    }

    .se-evolve-orientation__door h3 {
        min-height: 0;
    }

    .se-evolve-orientation__compass {
        display: block;

        margin-top: 60px;
        padding: 35px 10px;

        text-align: center;
    }

    .se-evolve-orientation__compass-icon {
        margin-bottom: 22px;
    }

    .se-evolve-orientation__compass-content p {
        margin-left: auto;
        margin-right: auto;
    }

    .se-evolve-orientation__compass-button {
        width: 100%;
    }
}
/* =========================================================
   ÉVOLUER — SECTION 6 : AJUSTEMENTS DESIGN FINAL
   ========================================================= */

/* Deuxième ligne du grand titre en doré */
.se-evolve-orientation h2 span {
    color: #d6b568 !important;
}


/* Chiffres 01 — 02 — 03 plus présents et dorés */
.se-evolve-orientation__number {
    color: #d6b568 !important;
    opacity: 1 !important;

    font-size: 3.4rem !important;
    font-weight: 400 !important;

    text-shadow:
        0 0 18px rgba(214,181,104,.10);
}


/* =========================================================
   BOUSSOLE
   ========================================================= */

.se-evolve-orientation__compass {
    grid-template-columns: 230px 1fr !important;
    gap: 48px !important;

    max-width: 980px !important;
    padding: 42px 35px !important;
}


/* Conteneur de la boussole */
.se-evolve-orientation__compass-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 230px;
    height: 230px;

    font-size: 0 !important;
}


/* Image de la boussole */
.se-evolve-orientation__compass-image {
    display: block;

    width: 220px;
    height: 220px;

    object-fit: contain;

    filter:
        drop-shadow(0 0 12px rgba(214,181,104,.22))
        drop-shadow(0 0 28px rgba(214,181,104,.10));
}


/* Petite séparation verticale comme dans le design validé */
.se-evolve-orientation__compass-content {
    padding-left: 42px;

    border-left:
        1px solid rgba(214,181,104,.42);
}


/* Titre de la zone Boussole */
.se-evolve-orientation__compass-content h3 {
    font-size: 1.45rem;
}


/* =========================================================
   TABLETTE
   ========================================================= */

@media (max-width: 900px) {

    .se-evolve-orientation__compass {
        grid-template-columns: 180px 1fr !important;
        gap: 35px !important;
    }

    .se-evolve-orientation__compass-icon {
        width: 180px;
        height: 180px;
    }

    .se-evolve-orientation__compass-image {
        width: 175px;
        height: 175px;
    }

    .se-evolve-orientation__compass-content {
        padding-left: 30px;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 640px) {

    .se-evolve-orientation__compass {
        display: block !important;

        padding: 38px 10px !important;

        text-align: center;
    }

    .se-evolve-orientation__compass-icon {
        width: 165px;
        height: 165px;

        margin: 0 auto 30px;
    }

    .se-evolve-orientation__compass-image {
        width: 160px;
        height: 160px;
    }

    .se-evolve-orientation__compass-content {
        padding-left: 0;

        border-left: 0;
    }

    .se-evolve-orientation__compass-content h3 {
        font-size: 1.25rem;
    }
}
/* =========================================================
   ÉVOLUER — SECTION 6 : BOUSSOLE DESIGN FINAL
   ========================================================= */

/* Sous-titre principal en doré */
.se-evolve-orientation h2 span {
    color: #d6b568 !important;
}

/* Chiffres 01 - 02 - 03 dorés */
.se-evolve-orientation__number {
    color: #d6b568 !important;
    opacity: 1 !important;
    font-size: 3.4rem !important;
    font-weight: 400 !important;
}

/* Zone Boussole */
.se-evolve-orientation__compass {
    grid-template-columns: 220px 1fr !important;
    gap: 48px !important;
    max-width: 980px !important;
    padding: 45px 35px !important;
}

/* Conteneur image */
.se-evolve-orientation__compass-icon {
    display: flex !important;
    align-items: center;
    justify-content: center;

    width: 220px !important;
    height: 220px !important;

    font-size: 0 !important;
}

/* Vraie Boussole Énergétique */
.se-evolve-orientation__compass-image {
    display: block;

    width: 220px !important;
    height: auto !important;

    object-fit: contain;

    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
}

/* Séparation verticale */
.se-evolve-orientation__compass-content {
    padding-left: 42px !important;
    border-left: 1px solid rgba(214,181,104,.40);
}

/* Titre de la Boussole */
.se-evolve-orientation__compass-content h3 {
    font-size: 1.45rem !important;
}


/* TABLETTE */
@media (max-width: 900px) {

    .se-evolve-orientation__compass {
        grid-template-columns: 175px 1fr !important;
        gap: 32px !important;
    }

    .se-evolve-orientation__compass-icon {
        width: 175px !important;
        height: 175px !important;
    }

    .se-evolve-orientation__compass-image {
        width: 165px !important;
        height: 165px !important;
    }

    .se-evolve-orientation__compass-content {
        padding-left: 28px !important;
    }
}


/* MOBILE */
@media (max-width: 640px) {

    .se-evolve-orientation__compass {
        display: block !important;
        padding: 38px 10px !important;
        text-align: center;
    }

    .se-evolve-orientation__compass-icon {
        width: 155px !important;
        height: 155px !important;
        margin: 0 auto 28px !important;
    }

    .se-evolve-orientation__compass-image {
        width: 150px !important;
        height: 150px !important;
    }

    .se-evolve-orientation__compass-content {
        padding-left: 0 !important;
        border-left: 0 !important;
    }

    .se-evolve-orientation__compass-content h3 {
        font-size: 1.25rem !important;
    }
}
/* =========================================================
   ÉVOLUER — SECTION 6 : BOUSSOLE GRANDE — OVERRIDE FINAL
   ========================================================= */

.se-evolve-orientation__compass {
    grid-template-columns: 300px 1fr !important;
    gap: 42px !important;

    max-width: 1050px !important;
    padding: 28px 30px !important;
}

/* Zone complète réservée à la boussole */
.se-evolve-orientation__compass-icon {
    width: 300px !important;
    height: 300px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    overflow: hidden !important;
}

/* Boussole */
.se-evolve-orientation__compass-image {
    display: block !important;

    width: 300px !important;
    height: 300px !important;

    max-width: none !important;

    object-fit: cover !important;
    object-position: center !important;

    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    filter: none !important;
}

/* Petite ligne verticale */
.se-evolve-orientation__compass-content {
    padding-left: 42px !important;
    border-left: 1px solid rgba(214,181,104,.40) !important;
}
  /* =========================================================
   TEST BOUSSOLE SECTION 6 — PRIORITÉ ABSOLUE
   ========================================================= */

/* =========================================================
   ÉVOLUER — SECTION 6 : BOUSSOLE TAILLE FINALE
   ========================================================= */

body .se-evolve-orientation .se-evolve-orientation__compass {
    grid-template-columns: 330px 1fr !important;
    max-width: 1080px !important;
}

body .se-evolve-orientation .se-evolve-orientation__compass-icon {
    width: 330px !important;
    height: 310px !important;
    max-width: none !important;
    margin: 0 !important;
    overflow: hidden !important;
}

body .se-evolve-orientation .se-evolve-orientation__compass-image {
    display: block !important;
    width: 330px !important;
    height: 310px !important;
    min-width: 330px !important;
    max-width: none !important;

    object-fit: cover !important;
    object-position: center !important;

    border: none !important;
    box-shadow: none !important;
    filter: none !important;
}
  /* =========================================================
   ÉVOLUER — SECTION 7 : CONCLUSION FINALE
   ========================================================= */

.se-evolve-final {
    position: relative;
    width: 100%;
    padding: 135px 0 145px;
    overflow: hidden;

    background:
        radial-gradient(
            circle at 50% 70%,
            rgba(214,181,104,.07) 0%,
            rgba(214,181,104,.025) 28%,
            transparent 55%
        ),
        radial-gradient(
            circle at 82% 20%,
            rgba(38,108,150,.07) 0%,
            transparent 38%
        ),
        #07131f;
}

.se-evolve-final__inner {
    position: relative;
    z-index: 2;

    width: min(1050px, 88%);
    margin: 0 auto;

    text-align: center;
}


/* ----- Surtitre ----- */

.se-evolve-final__eyebrow {
    margin-bottom: 22px;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .22em;

    color: #c9a85c;
}


/* ----- Grand titre ----- */

.se-evolve-final h2 {
    max-width: 1000px;
    margin: 0 auto 35px;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(2.4rem, 4.3vw, 3.8rem);
    font-weight: 500;
    line-height: 1.15;

    color: #f4f1e9;
}

.se-evolve-final h2 span {
    color: #d6b568;
}


/* ----- Texte ----- */

.se-evolve-final__text {
    max-width: 720px;
    margin: 0 auto 65px;
}

.se-evolve-final__text p {
    margin: 0 0 15px;

    font-family: "Lato", Arial, sans-serif;
    font-size: 1.06rem;
    line-height: 1.8;

    color: rgba(244,241,233,.74);
}

.se-evolve-final__text p:last-child {
    margin-top: 22px;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: 1.08rem;

    color: rgba(244,241,233,.90);
}


/* ----- Signature du parcours ----- */

.se-evolve-final__signature {
    position: relative;

    max-width: 850px;
    margin: 0 auto;
    padding: 42px 20px;

    border-top: 1px solid rgba(214,181,104,.18);
    border-bottom: 1px solid rgba(214,181,104,.18);
}

.se-evolve-final__signature strong {
    display: block;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(1.15rem, 2.2vw, 1.55rem);
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: .035em;

    color: #f4f1e9;
}

.se-evolve-final__signature span {
    display: block;
    margin-top: 9px;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: 1.05rem;
    font-weight: 500;
    letter-spacing: .08em;

    color: #d6b568;
}


/* ----- Boutons ----- */

.se-evolve-final__actions {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;

    gap: 16px;
    margin-top: 50px;
}

.se-evolve-final__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 52px;
    padding: 14px 26px;

    border-radius: 4px;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .10em;

    text-decoration: none !important;

    transition:
        background .25s ease,
        border-color .25s ease,
        color .25s ease;
}


/* Bouton principal */

.se-evolve-final__button--primary {
    border: 1px solid #c9a85c;

    background: #c9a85c;

    color: #07131f !important;
}

.se-evolve-final__button--primary:hover {
    border-color: #d6b568;

    background: #d6b568;
}


/* Bouton secondaire */

.se-evolve-final__button--secondary {
    border: 1px solid rgba(244,241,233,.28);

    background: transparent;

    color: #f4f1e9 !important;
}

.se-evolve-final__button--secondary:hover {
    border-color: #c9a85c;

    color: #d6b568 !important;
}


/* =========================================================
   TABLETTE
   ========================================================= */

@media (max-width: 900px) {

    .se-evolve-final {
        padding: 105px 0 115px;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 640px) {

    .se-evolve-final {
        padding: 85px 0 95px;
    }

    .se-evolve-final h2 {
        font-size: clamp(2.05rem, 9vw, 2.8rem);
    }

    .se-evolve-final__text {
        margin-bottom: 52px;
    }

    .se-evolve-final__signature {
        padding: 34px 10px;
    }

    .se-evolve-final__actions {
        display: grid;
        grid-template-columns: 1fr;

        margin-top: 42px;
    }

    .se-evolve-final__button {
        width: 100%;
        text-align: center;
    }
}
  /* =========================================================
   ÉVOLUER — SECTION 7 : RESPIRATION FINALE
   ========================================================= */

.se-evolve-final {
    padding-top: 150px !important;
    padding-bottom: 210px !important;
}

.se-evolve-final__text {
    margin-bottom: 75px !important;
}

.se-evolve-final__signature {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
}

.se-evolve-final__actions {
    margin-top: 60px !important;
}


/* TABLETTE */
@media (max-width: 900px) {

    .se-evolve-final {
        padding-top: 120px !important;
        padding-bottom: 160px !important;
    }
}


/* MOBILE */
@media (max-width: 640px) {

    .se-evolve-final {
        padding-top: 90px !important;
        padding-bottom: 125px !important;
    }

    .se-evolve-final__text {
        margin-bottom: 60px !important;
    }

    .se-evolve-final__signature {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    .se-evolve-final__actions {
        margin-top: 50px !important;
    }
}
/* =========================================================
   ÉVOLUER — SECTION 7 : BOUTONS — OVERRIDE FINAL
   ========================================================= */

body .se-evolve-final .se-evolve-final__actions {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 18px !important;
    margin-top: 60px !important;
}

body .se-evolve-final .se-evolve-final__button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 54px !important;
    padding: 15px 28px !important;

    border-radius: 4px !important;

    font-family: "Montserrat", Arial, sans-serif !important;
    font-size: .72rem !important;
    font-weight: 600 !important;
    letter-spacing: .10em !important;

    text-decoration: none !important;
}


/* BOUTON BOUSSOLE */

body .se-evolve-final .se-evolve-final__button--primary {
    border: 1px solid #c9a85c !important;
    background: #c9a85c !important;
    color: #07131f !important;
}


/* BOUTON ÉCHANGER */

body .se-evolve-final .se-evolve-final__button--secondary {
    border: 1px solid rgba(244,241,233,.40) !important;
    background: transparent !important;
    color: #f4f1e9 !important;
}


/* SURVOL */

body .se-evolve-final .se-evolve-final__button--primary:hover {
    background: #d6b568 !important;
    border-color: #d6b568 !important;
}

body .se-evolve-final .se-evolve-final__button--secondary:hover {
    border-color: #c9a85c !important;
    color: #d6b568 !important;
} 
  /* =========================================================
   ÉVOLUER — SECTION 3 : CORRECTION MOBILE 400 PX
   ========================================================= */

@media (max-width: 640px) {

    body .se-evolve-path .se-evolve-path__inner {
        width: 88% !important;
    }

    body .se-evolve-path .se-evolve-path__steps {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        display: block !important;
    }

    body .se-evolve-path .se-evolve-path__step,
    body .se-evolve-path .se-evolve-path__step:nth-child(2),
    body .se-evolve-path .se-evolve-path__step:nth-child(3) {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 0 22px 0 !important;

        transform: none !important;

        grid-template-columns: 72px 1fr !important;

        padding: 24px 20px !important;

        box-sizing: border-box !important;
    }

    body .se-evolve-path .se-evolve-path__number {
        font-size: 3rem !important;
    }

    body .se-evolve-path .se-evolve-path__content {
        padding-left: 20px !important;
    }

    body .se-evolve-path .se-evolve-path__content h3 {
        word-break: normal !important;
        overflow-wrap: anywhere !important;
    }
}
/* =========================================================
   ÉVOLUER — SECTION 6
   BOUSSOLE TABLETTE 768 PX — AGRANDISSEMENT FINAL
   ========================================================= */

@media (min-width: 641px) and (max-width: 900px) {

    body .se-evolve-orientation .se-evolve-orientation__compass {
        display: grid !important;
        grid-template-columns: 310px 1fr !important;
        align-items: stretch !important;

        gap: 35px !important;

        max-width: 1000px !important;
        padding: 25px 20px !important;
    }

    /* Toute la zone à gauche de la ligne verticale */
    body .se-evolve-orientation .se-evolve-orientation__compass-icon {
        width: 310px !important;
        height: 310px !important;

        min-width: 310px !important;
        max-width: 310px !important;

        margin: 0 !important;
        padding: 0 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        overflow: hidden !important;
    }

    /* La boussole remplit la zone */
    body .se-evolve-orientation .se-evolve-orientation__compass-image {
        width: 310px !important;
        height: 310px !important;

        min-width: 310px !important;
        max-width: 310px !important;

        margin: 0 !important;
        padding: 0 !important;

        object-fit: cover !important;
        object-position: center !important;

        border: 0 !important;
        box-shadow: none !important;
        filter: none !important;
    }

    /* Ligne verticale */
    body .se-evolve-orientation .se-evolve-orientation__compass-content {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;

        padding-left: 35px !important;

        border-left: 1px solid rgba(214,181,104,.40) !important;
    }
}
  /* =========================================================
   À PROPOS V2 — SECTION 1 : HERO
   ========================================================= */

.se-about-hero {
    position: relative;
    width: 100%;
    min-height: 680px;
    display: flex;
    align-items: center;
    overflow: hidden;

    background-image:
        url("https://stationenergeia.arunachy.com/images/richard-gendreau-station-energeia.jpg");
    background-size: cover;
    background-position:100% center !important;
    background-repeat: no-repeat;

    background-color: #07131f;
}

.se-about-hero__overlay {
    position: absolute;
    inset: 0;
    z-index: 1;

    background:
        linear-gradient(
            90deg,
            rgba(5,14,25,.98) 0%,
            rgba(5,14,25,.94) 28%,
            rgba(5,14,25,.78) 48%,
            rgba(5,14,25,.32) 70%,
            rgba(5,14,25,.08) 100%
        );
}

.se-about-hero__inner {
    position: relative;
    z-index: 2;
    width: min(1180px, 88%);
    margin: 0 auto;
    padding: 100px 0;
}

.se-about-hero__content {
    max-width: 700px;
}

.se-about-hero__eyebrow {
    margin-bottom: 22px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .22em;
    color: #c9a85c;
}

.se-about-hero h1 {
    margin: 0 0 30px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(2.7rem, 5vw, 4.5rem);
    font-weight: 500;
    line-height: 1.08;
    color: #f4f1e9;
}

.se-about-hero h1 span {
    color: #d6b568;
}

.se-about-hero p {
    max-width: 570px;
    margin: 0 0 16px;
    font-family: "Lato", Arial, sans-serif;
    font-size: 1.07rem;
    line-height: 1.8;
    color: rgba(244,241,233,.78);
}

.se-about-hero__signature {
    margin-top: 38px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .14em;
    color: rgba(244,241,233,.68);
}

.se-about-hero__signature span {
    margin: 0 10px;
    color: #c9a85c;
}


/* TABLETTE */

@media (max-width: 900px) {

    .se-about-hero {
        min-height: 620px;
        background-position: 65% center;
    }

    .se-about-hero__content {
        max-width: 620px;
    }

}


/* MOBILE */

@media (max-width: 640px) {

    .se-about-hero {
        min-height: 650px;
        background-position: 68% center;
    }

    .se-about-hero__overlay {
        background:
            linear-gradient(
                180deg,
                rgba(5,14,25,.88) 0%,
                rgba(5,14,25,.72) 42%,
                rgba(5,14,25,.94) 100%
            );
    }

    .se-about-hero__inner {
        width: 88%;
        padding: 80px 0;
    }

    .se-about-hero h1 {
        font-size: clamp(2.25rem, 10vw, 3rem);
        line-height: 1.12;
    }

    .se-about-hero p {
        font-size: 1rem;
        line-height: 1.7;
    }

    .se-about-hero__signature {
        line-height: 2;
    }
  }
/* À PROPOS — forcer l'image du HERO */
body .se-about-hero {
    background-image: url("https://stationenergeia.arunachy.com/images/richard-gendreau-station-energeia.jpg") !important;
    background-size: cover !important;
    background-position: 72% center !important;
    background-repeat: no-repeat !important;
}
  /* =========================================================
   À PROPOS V2 — HERO EN 2 COLONNES
   ========================================================= */

.se-about-hero-v2 {
    width: 100%;
    background:
        radial-gradient(circle at 78% 30%, rgba(38,108,150,.10) 0%, transparent 34%),
        radial-gradient(circle at 18% 78%, rgba(214,181,104,.06) 0%, transparent 32%),
        #07131f;
    overflow: hidden;
}

.se-about-hero-v2__inner {
    width: min(1180px, 88%);
    margin: 0 auto;
    min-height: 680px;
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 70px;
    align-items: center;
    padding: 90px 0;
}

.se-about-hero-v2__content {
    max-width: 620px;
}

.se-about-hero-v2__eyebrow {
    margin-bottom: 22px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .22em;
    color: #c9a85c;
}

.se-about-hero-v2 h1 {
    margin: 0 0 30px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(2.7rem, 5vw, 4.5rem);
    font-weight: 500;
    line-height: 1.08;
    color: #f4f1e9;
}

.se-about-hero-v2 h1 span {
    color: #d6b568;
}

.se-about-hero-v2 p {
    max-width: 560px;
    margin: 0 0 16px;
    font-family: "Lato", Arial, sans-serif;
    font-size: 1.07rem;
    line-height: 1.8;
    color: rgba(244,241,233,.78);
}

.se-about-hero-v2__signature {
    margin-top: 38px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .14em;
    color: rgba(244,241,233,.68);
}

.se-about-hero-v2__signature span {
    margin: 0 10px;
    color: #c9a85c;
}

.se-about-hero-v2__visual {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.se-about-hero-v2__visual img {
    display: block;
    width: 100%;
    max-width: 500px;
    height: auto;
    object-fit: contain;
    border-radius: 16px;
    box-shadow: 0 24px 60px rgba(0,0,0,.32);
}


/* TABLETTE */

@media (max-width: 767px) {

    .se-about-hero-v2__inner {
        grid-template-columns: 1fr;
        gap: 45px;
        min-height: 0;
        padding: 80px 0;
    }

    .se-about-hero-v2__content {
        max-width: 700px;
    }

    .se-about-hero-v2__visual {
        justify-content: center;
    }

    .se-about-hero-v2__visual img {
        max-width: 560px;
    }
}


/* MOBILE */

@media (max-width: 640px) {

    .se-about-hero-v2__inner {
        width: 88%;
        gap: 36px;
        padding: 70px 0;
    }

    .se-about-hero-v2 h1 {
        font-size: clamp(2.25rem, 10vw, 3rem);
        line-height: 1.12;
    }

    .se-about-hero-v2 p {
        font-size: 1rem;
        line-height: 1.7;
    }

    .se-about-hero-v2__signature {
        line-height: 2;
    }

    .se-about-hero-v2__visual img {
        max-width: 100%;
        border-radius: 12px;
    }
}
  /* À PROPOS V2 — FORCER LES 2 COLONNES SUR ORDINATEUR */

@media (min-width: 901px) {

    body .se-about-hero-v2 .se-about-hero-v2__inner {
        display: grid !important;
        grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr) !important;
        column-gap: 70px !important;
        align-items: center !important;
        width: min(1180px, 88%) !important;
        margin: 0 auto !important;
    }

    body .se-about-hero-v2 .se-about-hero-v2__content {
        grid-column: 1 !important;
        width: 100% !important;
        max-width: 620px !important;
    }

    body .se-about-hero-v2 .se-about-hero-v2__visual {
        grid-column: 2 !important;
        width: 100% !important;
        display: flex !important;
        justify-content: flex-end !important;
        align-items: center !important;
    }

    body .se-about-hero-v2 .se-about-hero-v2__visual img {
        display: block !important;
        width: 100% !important;
        max-width: 500px !important;
        height: auto !important;
        object-fit: contain !important;
    }
}
  /* =========================================================
   BOUSSOLE ÉNERGEIA V1.1 — ÉCRAN DE RÉSULTAT
   À conserver tout en bas de user.css
========================================================= */

/* Évite que la carte passe sous l’en-tête lors du défilement automatique. */
.se-boussole-question-v2 {
    scroll-margin-top: 110px;
}

/* Carte de résultat seulement. */
.se-boussole-question-v2:has(.se-boussole-result-v2__content) {
    position: relative;
    overflow: hidden;
    padding: 42px 44px 44px;
    border-color: rgba(214, 181, 104, .32);
    background:
        radial-gradient(circle at 90% 5%, rgba(201, 168, 92, .10), transparent 32%),
        radial-gradient(circle at 8% 92%, rgba(38, 108, 150, .13), transparent 35%),
        #102333;
    box-shadow:
        0 22px 60px rgba(0, 0, 0, .28),
        inset 0 1px 0 rgba(255, 255, 255, .025);
    animation: seBoussoleResultReveal .55s ease both;
}

.se-boussole-question-v2:has(.se-boussole-result-v2__content)::before {
    content: "";
    position: absolute;
    top: 0;
    left: 12%;
    width: 76%;
    height: 1px;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(214, 181, 104, .78),
        transparent
    );
}

.se-boussole-question-v2:has(.se-boussole-result-v2__content)
.se-boussole-question-v2__top {
    margin-bottom: 16px;
}

.se-boussole-question-v2:has(.se-boussole-result-v2__content)
.se-boussole-question-v2__progress {
    margin-bottom: 36px;
}

.se-boussole-question-v2:has(.se-boussole-result-v2__content) h3 {
    max-width: 690px;
    margin-bottom: 18px;
    font-size: clamp(1.7rem, 3vw, 2.25rem);
    line-height: 1.25;
    color: #f4f1e9;
}

/* Contenu narratif. */
.se-boussole-result-v2__content {
    display: grid;
    gap: 16px;
    margin-top: 0;
    font-family: "Lato", Arial, sans-serif;
}

.se-boussole-result-v2__content p {
    margin: 0;
    color: rgba(244, 241, 233, .80);
    font-size: 1rem;
    line-height: 1.72;
}

.se-boussole-result-v2__content > p:first-child {
    max-width: 680px;
    margin-bottom: 4px;
    color: rgba(244, 241, 233, .88);
    font-size: 1.06rem;
}

/* Blocs « façon d’avancer » et « porte naturelle ». */
.se-boussole-result-v2__content p:has(> strong) {
    padding: 18px 20px;
    border: 1px solid rgba(201, 168, 92, .15);
    border-left: 2px solid #c9a85c;
    border-radius: 8px;
    background: rgba(7, 19, 31, .34);
}

.se-boussole-result-v2__content p > strong {
    display: inline-block;
    margin-bottom: 5px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .76rem;
    font-weight: 600;
    letter-spacing: .09em;
    text-transform: uppercase;
    color: #d6b568;
}

/* Zone finale et appel à l’action. */
.se-boussole-question-v2:has(.se-boussole-result-v2__content)
.se-boussole-question-v2__navigation {
    margin-top: 32px;
    padding-top: 28px;
}

.se-boussole-question-v2:has(.se-boussole-result-v2__content)
.se-boussole-question-v2__message {
    max-width: 250px;
    font-style: italic;
    line-height: 1.5;
    color: rgba(244, 241, 233, .58);
}

.se-boussole-question-v2:has(.se-boussole-result-v2__content)
.se-boussole-question-v2__next {
    display: inline-flex;
    min-height: 48px;
    padding: 13px 24px;
    align-items: center;
    justify-content: center;
    border-color: #d6b568;
    background: linear-gradient(135deg, #d6b568, #b9923f);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .18);
    color: #07131f !important;
    line-height: 1.35;
    text-align: center;
    text-decoration: none !important;
}

.se-boussole-question-v2:has(.se-boussole-result-v2__content)
.se-boussole-question-v2__next:hover,
.se-boussole-question-v2:has(.se-boussole-result-v2__content)
.se-boussole-question-v2__next:focus-visible {
    border-color: #f0d894;
    background: linear-gradient(135deg, #ead08a, #c9a85c);
    box-shadow: 0 11px 30px rgba(0, 0, 0, .24);
    color: #07131f !important;
    text-decoration: none !important;
    transform: translateY(-2px);
}

.se-boussole-question-v2:has(.se-boussole-result-v2__content)
.se-boussole-question-v2__next:focus-visible {
    outline: 2px solid #f4f1e9;
    outline-offset: 3px;
}

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

@media (max-width: 600px) {
    .se-boussole-question-v2 {
        scroll-margin-top: 82px;
    }

    .se-boussole-question-v2:has(.se-boussole-result-v2__content) {
        padding: 30px 22px 32px;
    }

    .se-boussole-question-v2:has(.se-boussole-result-v2__content) h3 {
        margin-bottom: 16px;
        font-size: 1.65rem;
        line-height: 1.3;
    }

    .se-boussole-result-v2__content {
        gap: 14px;
    }

    .se-boussole-result-v2__content > p:first-child {
        font-size: 1rem;
    }

    .se-boussole-result-v2__content p:has(> strong) {
        padding: 16px;
    }

    .se-boussole-question-v2:has(.se-boussole-result-v2__content)
    .se-boussole-question-v2__navigation {
        gap: 20px;
        margin-top: 26px;
        padding-top: 24px;
    }

    .se-boussole-question-v2:has(.se-boussole-result-v2__content)
    .se-boussole-question-v2__message {
        max-width: none;
    }

    .se-boussole-question-v2:has(.se-boussole-result-v2__content)
    .se-boussole-question-v2__next {
        width: 100%;
        padding: 14px 18px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .se-boussole-question-v2:has(.se-boussole-result-v2__content) {
        animation: none;
    }
}
/* =========================================================
   BOUSSOLE V1.1 — CORRECTION DE COMPATIBILITÉ DU RÉSULTAT
   À coller tout en bas de user.css
========================================================= */

.se-boussole-question-v2--result {
    position: relative;
    overflow: hidden;
    padding: 42px 44px 44px;
    border-color: rgba(214, 181, 104, .32);
    background:
        radial-gradient(circle at 90% 5%, rgba(201, 168, 92, .10), transparent 32%),
        radial-gradient(circle at 8% 92%, rgba(38, 108, 150, .13), transparent 35%),
        #102333;
    box-shadow:
        0 22px 60px rgba(0, 0, 0, .28),
        inset 0 1px 0 rgba(255, 255, 255, .025);
    animation: seBoussoleResultReveal .55s ease both;
}

.se-boussole-question-v2--result::before {
    content: "";
    position: absolute;
    top: 0;
    left: 12%;
    width: 76%;
    height: 1px;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(214, 181, 104, .78),
        transparent
    );
}

.se-boussole-question-v2--result .se-boussole-question-v2__top {
    margin-bottom: 16px;
}

.se-boussole-question-v2--result .se-boussole-question-v2__progress {
    margin-bottom: 36px;
}

.se-boussole-question-v2--result h3 {
    max-width: 690px;
    margin-bottom: 18px;
    font-size: clamp(1.7rem, 3vw, 2.25rem);
    line-height: 1.25;
    color: #f4f1e9;
}

.se-boussole-result-v2__panel {
    padding: 18px 20px;
    border: 1px solid rgba(201, 168, 92, .15);
    border-left: 2px solid #c9a85c;
    border-radius: 8px;
    background: rgba(7, 19, 31, .34);
}

.se-boussole-result-v2__panel > strong {
    display: inline-block;
    margin-bottom: 5px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .76rem;
    font-weight: 600;
    letter-spacing: .09em;
    text-transform: uppercase;
    color: #d6b568;
}

.se-boussole-question-v2--result .se-boussole-question-v2__navigation {
    margin-top: 32px;
    padding-top: 28px;
}

.se-boussole-question-v2--result .se-boussole-question-v2__message {
    max-width: 250px;
    font-style: italic;
    line-height: 1.5;
    color: rgba(244, 241, 233, .58);
}

.se-boussole-question-v2--result .se-boussole-question-v2__next {
    display: inline-flex;
    min-height: 48px;
    padding: 13px 24px;
    align-items: center;
    justify-content: center;
    border-color: #d6b568;
    background: linear-gradient(135deg, #d6b568, #b9923f);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .18);
    color: #07131f !important;
    line-height: 1.35;
    text-align: center;
    text-decoration: none !important;
}

.se-boussole-question-v2--result .se-boussole-question-v2__next:hover,
.se-boussole-question-v2--result .se-boussole-question-v2__next:focus-visible {
    border-color: #f0d894;
    background: linear-gradient(135deg, #ead08a, #c9a85c);
    box-shadow: 0 11px 30px rgba(0, 0, 0, .24);
    color: #07131f !important;
    text-decoration: none !important;
    transform: translateY(-2px);
}

.se-boussole-question-v2--result .se-boussole-question-v2__next:focus-visible {
    outline: 2px solid #f4f1e9;
    outline-offset: 3px;
}

@media (max-width: 600px) {
    .se-boussole-question-v2--result {
        padding: 30px 22px 32px;
    }

    .se-boussole-question-v2--result h3 {
        margin-bottom: 16px;
        font-size: 1.65rem;
        line-height: 1.3;
    }

    .se-boussole-result-v2__panel {
        padding: 16px;
    }

    .se-boussole-question-v2--result .se-boussole-question-v2__navigation {
        gap: 20px;
        margin-top: 26px;
        padding-top: 24px;
    }

    .se-boussole-question-v2--result .se-boussole-question-v2__message {
        max-width: none;
    }

    .se-boussole-question-v2--result .se-boussole-question-v2__next {
        width: 100%;
        padding: 14px 18px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .se-boussole-question-v2--result {
        animation: none;
    }
}
/* =========================================================
   À PROPOS V5 — ALIGNEMENT FINAL DE LA PHOTO
   ========================================================= */

/* ORDINATEUR ET TABLETTE */
@media (min-width: 641px) {

    body .se-about-hero-v2 .se-about-hero-v2__inner {
        position: relative !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr) !important;
        column-gap: 70px !important;
        align-items: start !important;
    }

    body .se-about-hero-v2 .se-about-hero-v2__content {
        grid-column: 1 !important;
        width: 100% !important;
    }

    body .se-about-hero-v2 .se-about-hero-v2__visual {
        grid-column: 2 !important;
        position: static !important;
        top: auto !important;
        right: auto !important;
        width: 100% !important;
        max-width: none !important;
        margin: 42px 0 0 !important;
        transform: none !important;
        align-self: start !important;
        justify-content: flex-end !important;
    }

    body .se-about-hero-v2 .se-about-hero-v2__visual img {
        display: block !important;
        width: 100% !important;
        max-width: 430px !important;
        height: auto !important;
        object-fit: contain !important;
        transform: none !important;
    }
}

/* MOBILE */
@media (max-width: 640px) {

    body .se-about-hero-v2 .se-about-hero-v2__inner {
        position: relative !important;
    }

    body .se-about-hero-v2 .se-about-hero-v2__content {
        max-width: 100% !important;
    }

    body .se-about-hero-v2 h1 {
        max-width: 58% !important;
        min-height: 170px !important;
        margin-bottom: 24px !important;
    }

    body .se-about-hero-v2 .se-about-hero-v2__visual {
        position: absolute !important;
        top: 115px !important;
        right: 0 !important;
        width: 145px !important;
        max-width: 38% !important;
        margin: 0 !important;
        transform: none !important;
    }

    body .se-about-hero-v2 .se-about-hero-v2__visual img {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        object-fit: contain !important;
        transform: none !important;
    }
}
/* =========================================================
   BOUTIQUE ENERGEIA — SECTION 1 : HERO
   ========================================================= */

.se-shop-hero-v1 {
    position: relative;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    overflow: hidden;
    background:
        radial-gradient(circle at 78% 38%, rgba(38,108,150,.18) 0%, transparent 34%),
        radial-gradient(circle at 16% 82%, rgba(214,181,104,.08) 0%, transparent 32%),
        #07131f;
}

.se-shop-hero-v1::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(115deg, rgba(255,255,255,.025), transparent 35%);
}

.se-shop-hero-v1__inner {
    position: relative;
    z-index: 1;
    width: min(1180px, 88%);
    min-height: 700px;
    margin: 0 auto;
    padding: 110px 0 120px;
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr);
    gap: 80px;
    align-items: center;
}

.se-shop-hero-v1__content {
    max-width: 660px;
}

.se-shop-hero-v1__eyebrow {
    margin: 0 0 22px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .22em;
    color: #c9a85c;
}

.se-shop-hero-v1 h1 {
    max-width: 650px;
    margin: 0 0 30px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(2.7rem, 5vw, 4.5rem);
    font-weight: 500;
    line-height: 1.08;
    color: #f4f1e9;
}

.se-shop-hero-v1 h1 span {
    display: block;
    color: #d6b568;
}

.se-shop-hero-v1__lead {
    max-width: 610px;
    margin: 0;
    font-family: "Lato", Arial, sans-serif;
    font-size: 1.08rem;
    line-height: 1.8;
    color: rgba(244,241,233,.78);
}

.se-shop-hero-v1__notice {
    max-width: 610px;
    margin-top: 30px;
    padding: 18px 20px;
    border-left: 2px solid #c9a85c;
    background: rgba(13,39,57,.58);
}

.se-shop-hero-v1__notice strong,
.se-shop-hero-v1__notice span {
    display: block;
}

.se-shop-hero-v1__notice strong {
    margin-bottom: 6px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .9rem;
    color: #f4f1e9;
}

.se-shop-hero-v1__notice span {
    font-family: "Lato", Arial, sans-serif;
    line-height: 1.65;
    color: rgba(244,241,233,.68);
}

.se-shop-hero-v1__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 36px;
}

.se-shop-hero-v1__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 14px 24px;
    border-radius: 4px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .7rem;
    font-weight: 600;
    letter-spacing: .1em;
    text-decoration: none !important;
    transition: background .25s ease, border-color .25s ease, color .25s ease;
}

.se-shop-hero-v1__button--primary {
    border: 1px solid #c9a85c;
    background: #c9a85c;
    color: #07131f !important;
}

.se-shop-hero-v1__button--primary:hover {
    border-color: #d6b568;
    background: #d6b568;
}

.se-shop-hero-v1__button--secondary {
    border: 1px solid rgba(244,241,233,.3);
    background: transparent;
    color: #f4f1e9 !important;
}

.se-shop-hero-v1__button--secondary:hover {
    border-color: #c9a85c;
    color: #d6b568 !important;
}

.se-shop-hero-v1__visual {
    position: relative;
    width: min(430px, 100%);
    aspect-ratio: 1;
    margin-left: auto;
}

.se-shop-hero-v1__halo {
    position: absolute;
    inset: 10%;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(214,181,104,.18), rgba(38,108,150,.08) 45%, transparent 70%);
    filter: blur(8px);
}

.se-shop-hero-v1__orbit {
    position: absolute;
    border: 1px solid rgba(214,181,104,.42);
    border-radius: 50%;
}

.se-shop-hero-v1__orbit--one {
    inset: 11%;
    transform: rotate(-16deg) scaleY(.72);
}

.se-shop-hero-v1__orbit--two {
    inset: 23%;
    border-color: rgba(73,154,201,.42);
    transform: rotate(42deg) scaleX(.72);
}

.se-shop-hero-v1__core {
    position: absolute;
    inset: 34%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(214,181,104,.75);
    border-radius: 50%;
    background: rgba(7,19,31,.84);
    box-shadow: 0 0 42px rgba(214,181,104,.18), inset 0 0 26px rgba(38,108,150,.16);
}

.se-shop-hero-v1__core span {
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 1.2rem;
    font-weight: 500;
    letter-spacing: .18em;
    color: #d6b568;
}

.se-shop-hero-v1__point {
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #d6b568;
    box-shadow: 0 0 16px rgba(214,181,104,.85);
}

.se-shop-hero-v1__point--one { top: 15%; left: 47%; }
.se-shop-hero-v1__point--two { right: 13%; bottom: 34%; }
.se-shop-hero-v1__point--three { left: 18%; bottom: 23%; }

@media (max-width: 900px) {
    .se-shop-hero-v1__inner {
        min-height: 0;
        padding: 90px 0 100px;
        grid-template-columns: 1fr;
        gap: 60px;
    }

    .se-shop-hero-v1__content {
        max-width: 760px;
    }

    .se-shop-hero-v1__visual {
        width: min(390px, 78vw);
        margin: 0 auto;
    }
}

@media (max-width: 640px) {
    .se-shop-hero-v1__inner {
        width: 88%;
        padding: 72px 0 82px;
        gap: 48px;
    }

    .se-shop-hero-v1 h1 {
        font-size: clamp(2.25rem, 10vw, 3rem);
        line-height: 1.1;
    }

    .se-shop-hero-v1__lead {
        font-size: 1rem;
        line-height: 1.72;
    }

    .se-shop-hero-v1__actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .se-shop-hero-v1__button {
        width: 100%;
        text-align: center;
    }

    .se-shop-hero-v1__visual {
        width: min(320px, 82vw);
    }
}

@media (prefers-reduced-motion: reduce) {
    .se-shop-hero-v1__button {
        transition: none;
    }
}
/* =========================================================
   BOUTIQUE ENERGEIA — SECTION 2 : UNIVERS
   ========================================================= */

.se-shop-univers-v1 {
    position: relative;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    padding: 125px 0 135px;
    overflow: hidden;
    background:
        radial-gradient(circle at 12% 20%, rgba(38,108,150,.09) 0%, transparent 30%),
        radial-gradient(circle at 88% 84%, rgba(214,181,104,.055) 0%, transparent 32%),
        #091827;
}

.se-shop-univers-v1__inner {
    position: relative;
    z-index: 1;
    width: min(1180px, 88%);
    margin: 0 auto;
}

.se-shop-univers-v1__header {
    max-width: 790px;
    margin: 0 auto 68px;
    text-align: center;
}

.se-shop-univers-v1__eyebrow {
    margin: 0 0 20px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .22em;
    color: #c9a85c;
}

.se-shop-univers-v1 h2 {
    margin: 0 0 24px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(2.4rem, 4.3vw, 3.8rem);
    font-weight: 500;
    line-height: 1.14;
    color: #f4f1e9;
}

.se-shop-univers-v1 h2 span {
    color: #d6b568;
}

.se-shop-univers-v1__header > p:last-child {
    max-width: 700px;
    margin: 0 auto;
    font-family: "Lato", Arial, sans-serif;
    font-size: 1.08rem;
    line-height: 1.78;
    color: rgba(244,241,233,.72);
}

.se-shop-univers-v1__grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 22px;
}

.se-shop-univers-v1__card {
    position: relative;
    grid-column: span 2;
    min-height: 390px;
    padding: 34px 30px 30px;
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(214,181,104,.22);
    border-radius: 14px;
    background:
        linear-gradient(145deg, rgba(18,45,64,.94), rgba(9,27,42,.95));
    box-shadow: 0 18px 42px rgba(0,0,0,.16);
    overflow: hidden;
    transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.se-shop-univers-v1__card::after {
    content: "";
    position: absolute;
    top: -85px;
    right: -85px;
    width: 180px;
    height: 180px;
    border: 1px solid rgba(214,181,104,.13);
    border-radius: 50%;
    pointer-events: none;
}

.se-shop-univers-v1__card:hover {
    transform: translateY(-5px);
    border-color: rgba(214,181,104,.52);
    box-shadow: 0 24px 52px rgba(0,0,0,.24);
}

.se-shop-univers-v1__card--wide {
    grid-column: span 3;
    min-height: 360px;
}

.se-shop-univers-v1__number {
    width: 48px;
    height: 48px;
    margin-bottom: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(214,181,104,.48);
    border-radius: 50%;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .08em;
    color: #d6b568;
}

.se-shop-univers-v1__card h3 {
    margin: 0 0 18px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 1.28rem;
    font-weight: 500;
    line-height: 1.35;
    color: #f4f1e9;
}

.se-shop-univers-v1__card > p {
    margin: 0 0 18px;
    font-family: "Lato", Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.72;
    color: rgba(244,241,233,.72);
}

.se-shop-univers-v1__card .se-shop-univers-v1__examples {
    margin-top: auto;
    padding-top: 8px;
    font-size: .93rem;
    color: rgba(214,181,104,.82);
}

.se-shop-univers-v1__card > a {
    align-self: flex-start;
    margin-top: 7px;
    padding-bottom: 5px;
    border-bottom: 1px solid rgba(214,181,104,.36);
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .68rem;
    font-weight: 600;
    letter-spacing: .12em;
    color: #f4f1e9 !important;
    text-decoration: none !important;
}

.se-shop-univers-v1__card > a span {
    margin-left: 7px;
    color: #d6b568;
}

.se-shop-univers-v1__card > a:hover {
    color: #d6b568 !important;
}

.se-shop-univers-v1__note {
    max-width: 760px;
    margin: 50px auto 0;
    padding-top: 28px;
    border-top: 1px solid rgba(214,181,104,.18);
    font-family: "Lato", Arial, sans-serif;
    font-size: .96rem;
    line-height: 1.7;
    text-align: center;
    color: rgba(244,241,233,.58);
}

@media (max-width: 900px) {
    .se-shop-univers-v1 {
        padding: 105px 0 115px;
    }

    .se-shop-univers-v1__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .se-shop-univers-v1__card,
    .se-shop-univers-v1__card--wide {
        grid-column: span 1;
        min-height: 370px;
    }

    .se-shop-univers-v1__card:last-child {
        grid-column: 1 / -1;
        min-height: 330px;
    }
}

@media (max-width: 640px) {
    .se-shop-univers-v1 {
        padding: 82px 0 92px;
    }

    .se-shop-univers-v1__header {
        margin-bottom: 48px;
        text-align: left;
    }

    .se-shop-univers-v1 h2 {
        font-size: clamp(2.1rem, 9vw, 2.8rem);
    }

    .se-shop-univers-v1__grid {
        grid-template-columns: 1fr;
    }

    .se-shop-univers-v1__card,
    .se-shop-univers-v1__card--wide,
    .se-shop-univers-v1__card:last-child {
        grid-column: auto;
        min-height: 0;
        padding: 30px 24px 27px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .se-shop-univers-v1__card {
        transition: none;
    }
}
/* =========================================================
   BOUTIQUE ENERGEIA — SECTION 3 : COMPRENDRE AVANT DE CHOISIR
   ========================================================= */

.se-shop-guidance-v1 {
    position: relative;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    padding: 130px 0 120px;
    overflow: hidden;
    background:
        radial-gradient(circle at 18% 28%, rgba(214,181,104,.07) 0%, transparent 31%),
        radial-gradient(circle at 82% 72%, rgba(38,108,150,.11) 0%, transparent 34%),
        #07131f;
}

.se-shop-guidance-v1__inner {
    position: relative;
    z-index: 1;
    width: min(1180px, 88%);
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    column-gap: 90px;
    row-gap: 70px;
    align-items: center;
}

.se-shop-guidance-v1__intro {
    max-width: 520px;
}

.se-shop-guidance-v1__eyebrow {
    margin: 0 0 20px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .22em;
    color: #c9a85c;
}

.se-shop-guidance-v1 h2 {
    margin: 0 0 28px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(2.35rem, 4.2vw, 3.7rem);
    font-weight: 500;
    line-height: 1.13;
    color: #f4f1e9;
}

.se-shop-guidance-v1 h2 span {
    display: block;
    color: #d6b568;
}

.se-shop-guidance-v1__intro > p:not(.se-shop-guidance-v1__eyebrow) {
    margin: 0;
    font-family: "Lato", Arial, sans-serif;
    font-size: 1.06rem;
    line-height: 1.82;
    color: rgba(244,241,233,.72);
}

.se-shop-guidance-v1__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    margin-top: 36px;
    padding: 14px 25px;
    border: 1px solid #c9a85c;
    border-radius: 4px;
    background: transparent;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .7rem;
    font-weight: 600;
    letter-spacing: .11em;
    color: #f4f1e9 !important;
    text-decoration: none !important;
    transition: background .25s ease, color .25s ease;
}

.se-shop-guidance-v1__button:hover {
    background: #c9a85c;
    color: #07131f !important;
}

.se-shop-guidance-v1__steps {
    position: relative;
}

.se-shop-guidance-v1__steps::before {
    content: "";
    position: absolute;
    top: 43px;
    bottom: 43px;
    left: 28px;
    width: 1px;
    background: linear-gradient(to bottom, #c9a85c, rgba(38,108,150,.5));
}

.se-shop-guidance-v1__step {
    position: relative;
    display: grid;
    grid-template-columns: 58px 1fr;
    gap: 25px;
    padding: 28px 30px 28px 0;
    border-bottom: 1px solid rgba(214,181,104,.16);
}

.se-shop-guidance-v1__step:last-child {
    border-bottom: 0;
}

.se-shop-guidance-v1__number {
    position: relative;
    z-index: 1;
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(214,181,104,.55);
    border-radius: 50%;
    background: #0b1d2c;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .08em;
    color: #d6b568;
}

.se-shop-guidance-v1__label {
    margin: 2px 0 8px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .67rem;
    font-weight: 600;
    letter-spacing: .17em;
    color: #c9a85c;
}

.se-shop-guidance-v1__step h3 {
    margin: 0 0 10px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 1.24rem;
    font-weight: 500;
    line-height: 1.35;
    color: #f4f1e9;
}

.se-shop-guidance-v1__step div:last-child > p:last-child {
    margin: 0;
    font-family: "Lato", Arial, sans-serif;
    font-size: .99rem;
    line-height: 1.7;
    color: rgba(244,241,233,.67);
}

.se-shop-guidance-v1__assurance {
    grid-column: 1 / -1;
    max-width: 920px;
    margin: 0 auto;
    padding: 25px 30px;
    display: flex;
    align-items: center;
    gap: 20px;
    border-top: 1px solid rgba(214,181,104,.2);
    border-bottom: 1px solid rgba(214,181,104,.2);
    text-align: center;
}

.se-shop-guidance-v1__assurance > span {
    flex: 0 0 auto;
    font-size: 1.6rem;
    color: #d6b568;
}

.se-shop-guidance-v1__assurance p {
    margin: 0;
    font-family: "Lato", Arial, sans-serif;
    font-size: .97rem;
    line-height: 1.65;
    color: rgba(244,241,233,.65);
}

.se-shop-guidance-v1__assurance strong {
    color: rgba(244,241,233,.92);
}

@media (max-width: 900px) {
    .se-shop-guidance-v1 {
        padding: 105px 0 100px;
    }

    .se-shop-guidance-v1__inner {
        grid-template-columns: 1fr;
        gap: 58px;
    }

    .se-shop-guidance-v1__intro {
        max-width: 760px;
    }

    .se-shop-guidance-v1__steps {
        max-width: 760px;
    }
}

@media (max-width: 640px) {
    .se-shop-guidance-v1 {
        padding: 82px 0 78px;
    }

    .se-shop-guidance-v1__inner {
        row-gap: 46px;
    }

    .se-shop-guidance-v1 h2 {
        font-size: clamp(2.08rem, 9vw, 2.8rem);
    }

    .se-shop-guidance-v1__button {
        width: 100%;
        text-align: center;
    }

    .se-shop-guidance-v1__step {
        grid-template-columns: 50px 1fr;
        gap: 18px;
        padding: 24px 0;
    }

    .se-shop-guidance-v1__steps::before {
        left: 24px;
    }

    .se-shop-guidance-v1__number {
        width: 50px;
        height: 50px;
    }

    .se-shop-guidance-v1__assurance {
        padding: 24px 0;
        align-items: flex-start;
        text-align: left;
    }
}

@media (prefers-reduced-motion: reduce) {
    .se-shop-guidance-v1__button {
        transition: none;
    }
}
/* =========================================================
   BOUTIQUE ENERGEIA — SECTION 4 : PRODUITS À DÉCOUVRIR
   ========================================================= */

.se-shop-featured-v1 {
    position: relative;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    padding: 125px 0 130px;
    overflow: hidden;
    background:
        radial-gradient(circle at 85% 18%, rgba(214,181,104,.07) 0%, transparent 30%),
        radial-gradient(circle at 12% 82%, rgba(38,108,150,.1) 0%, transparent 32%),
        #091827;
}

.se-shop-featured-v1__inner {
    position: relative;
    z-index: 1;
    width: min(1180px, 88%);
    margin: 0 auto;
}

.se-shop-featured-v1__header {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr);
    gap: 70px;
    align-items: end;
    margin-bottom: 62px;
}

.se-shop-featured-v1__eyebrow {
    margin: 0 0 19px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .22em;
    color: #c9a85c;
}

.se-shop-featured-v1 h2 {
    max-width: 700px;
    margin: 0;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(2.35rem, 4.2vw, 3.7rem);
    font-weight: 500;
    line-height: 1.13;
    color: #f4f1e9;
}

.se-shop-featured-v1 h2 span {
    color: #d6b568;
}

.se-shop-featured-v1__header > p {
    margin: 0 0 5px;
    font-family: "Lato", Arial, sans-serif;
    font-size: 1.04rem;
    line-height: 1.75;
    color: rgba(244,241,233,.68);
}

.se-shop-featured-v1__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.se-shop-featured-v1__product {
    min-width: 0;
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(214,181,104,.2);
    border-radius: 15px;
    background: rgba(11,30,45,.88);
    box-shadow: 0 20px 48px rgba(0,0,0,.18);
    overflow: hidden;
    transition: transform .25s ease, border-color .25s ease;
}

.se-shop-featured-v1__product:hover {
    transform: translateY(-5px);
    border-color: rgba(214,181,104,.5);
}

.se-shop-featured-v1__media {
    position: relative;
    height: 300px;
    overflow: hidden;
    background:
        radial-gradient(circle at center, rgba(38,108,150,.18), transparent 58%),
        linear-gradient(145deg, #102b3e, #081725);
}

.se-shop-featured-v1__media::before,
.se-shop-featured-v1__media::after {
    content: "";
    position: absolute;
    border: 1px solid rgba(214,181,104,.17);
    border-radius: 50%;
}

.se-shop-featured-v1__media::before {
    width: 250px;
    height: 250px;
    top: 24px;
    left: calc(50% - 125px);
}

.se-shop-featured-v1__media::after {
    width: 180px;
    height: 180px;
    top: 59px;
    left: calc(50% - 90px);
    border-color: rgba(38,108,150,.25);
}

.se-shop-featured-v1__model {
    position: absolute;
    z-index: 4;
    left: 20px;
    bottom: 18px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .67rem;
    font-weight: 600;
    letter-spacing: .16em;
    color: rgba(244,241,233,.65);
}

/* Représentation des deux modules */
.se-shop-featured-v1__module {
    position: absolute;
    z-index: 3;
    width: 125px;
    height: 165px;
    border: 1px solid rgba(214,181,104,.72);
    border-radius: 8px;
    background:
        linear-gradient(145deg, rgba(214,181,104,.12), transparent 42%),
        #0b2132;
    box-shadow: 0 18px 34px rgba(0,0,0,.32), inset 0 0 22px rgba(38,108,150,.15);
}

.se-shop-featured-v1__module--back {
    top: 55px;
    left: calc(50% - 108px);
    transform: rotate(-8deg);
}

.se-shop-featured-v1__module--front {
    top: 78px;
    left: calc(50% - 35px);
    transform: rotate(7deg);
}

/* Représentation de la pyramide */
.se-shop-featured-v1__pyramid {
    position: absolute;
    z-index: 3;
    top: 47px;
    left: calc(50% - 92px);
    width: 0;
    height: 0;
    border-left: 92px solid transparent;
    border-right: 92px solid transparent;
    border-bottom: 174px solid rgba(214,181,104,.16);
    filter: drop-shadow(0 18px 24px rgba(0,0,0,.28));
}

.se-shop-featured-v1__pyramid::after {
    content: "";
    position: absolute;
    top: 17px;
    left: -73px;
    width: 146px;
    height: 142px;
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
    border-bottom: 1px solid rgba(214,181,104,.7);
    background: linear-gradient(120deg, rgba(38,108,150,.22), rgba(214,181,104,.08));
}

.se-shop-featured-v1__pyramid-base {
    position: absolute;
    z-index: 2;
    left: calc(50% - 110px);
    top: 218px;
    width: 220px;
    height: 18px;
    border: 1px solid rgba(214,181,104,.45);
    border-radius: 50%;
}

/* Représentation du pendentif */
.se-shop-featured-v1__chain {
    position: absolute;
    z-index: 2;
    top: -68px;
    left: calc(50% - 78px);
    width: 156px;
    height: 215px;
    border: 1px solid rgba(214,181,104,.62);
    border-radius: 50%;
}

.se-shop-featured-v1__pendant {
    position: absolute;
    z-index: 3;
    top: 105px;
    left: calc(50% - 59px);
    width: 118px;
    height: 118px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid rgba(214,181,104,.78);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(38,108,150,.23), #091a29 67%);
    box-shadow: 0 0 35px rgba(214,181,104,.16), 0 20px 30px rgba(0,0,0,.3);
}

.se-shop-featured-v1__pendant i {
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 1rem;
    font-style: normal;
    letter-spacing: .14em;
    color: #d6b568;
}

.se-shop-featured-v1__body {
    flex: 1;
    padding: 30px 28px 29px;
    display: flex;
    flex-direction: column;
}

.se-shop-featured-v1__category {
    margin: 0 0 13px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .65rem;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: .14em;
    color: #c9a85c;
}

.se-shop-featured-v1__body h3 {
    margin: 0 0 17px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 1.28rem;
    font-weight: 500;
    line-height: 1.36;
    color: #f4f1e9;
}

.se-shop-featured-v1__body > p:not(.se-shop-featured-v1__category) {
    margin: 0 0 25px;
    font-family: "Lato", Arial, sans-serif;
    font-size: .99rem;
    line-height: 1.72;
    color: rgba(244,241,233,.69);
}

.se-shop-featured-v1__body > a {
    align-self: flex-start;
    margin-top: auto;
    padding-bottom: 5px;
    border-bottom: 1px solid rgba(214,181,104,.4);
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .65rem;
    font-weight: 600;
    letter-spacing: .1em;
    color: #f4f1e9 !important;
    text-decoration: none !important;
}

.se-shop-featured-v1__body > a span {
    margin-left: 6px;
    color: #d6b568;
}

.se-shop-featured-v1__body > a:hover {
    color: #d6b568 !important;
}

.se-shop-featured-v1__footer {
    max-width: 850px;
    margin: 52px auto 0;
    padding-top: 28px;
    border-top: 1px solid rgba(214,181,104,.18);
    text-align: center;
}

.se-shop-featured-v1__footer p {
    margin: 0;
    font-family: "Lato", Arial, sans-serif;
    font-size: .96rem;
    line-height: 1.7;
    color: rgba(244,241,233,.58);
}

.se-shop-featured-v1__footer strong {
    display: block;
    margin-bottom: 5px;
    color: rgba(244,241,233,.9);
}

@media (max-width: 900px) {
    .se-shop-featured-v1 {
        padding: 105px 0 110px;
    }

    .se-shop-featured-v1__header {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .se-shop-featured-v1__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .se-shop-featured-v1__product:last-child {
        grid-column: 1 / -1;
        width: calc(50% - 12px);
        margin: 0 auto;
    }
}

@media (max-width: 640px) {
    .se-shop-featured-v1 {
        padding: 82px 0 90px;
    }

    .se-shop-featured-v1 h2 {
        font-size: clamp(2.08rem, 9vw, 2.8rem);
    }

    .se-shop-featured-v1__grid {
        grid-template-columns: 1fr;
    }

    .se-shop-featured-v1__product:last-child {
        grid-column: auto;
        width: 100%;
    }

    .se-shop-featured-v1__media {
        height: 280px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .se-shop-featured-v1__product {
        transition: none;
    }
}
/* =========================================================
   BOUTIQUE ENERGEIA — SECTION 5 : FICHES PRODUIT
   ========================================================= */

.se-shop-details-v1 {
    position: relative;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    padding: 125px 0 120px;
    overflow: hidden;
    background:
        radial-gradient(circle at 20% 55%, rgba(38,108,150,.12) 0%, transparent 31%),
        radial-gradient(circle at 88% 20%, rgba(214,181,104,.055) 0%, transparent 28%),
        #07131f;
}

.se-shop-details-v1__inner {
    position: relative;
    z-index: 1;
    width: min(1180px, 88%);
    margin: 0 auto;
}

.se-shop-details-v1__header {
    max-width: 850px;
    margin: 0 auto 68px;
    text-align: center;
}

.se-shop-details-v1__eyebrow {
    margin: 0 0 19px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .22em;
    color: #c9a85c;
}

.se-shop-details-v1 h2 {
    margin: 0 0 25px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(2.35rem, 4.2vw, 3.7rem);
    font-weight: 500;
    line-height: 1.14;
    color: #f4f1e9;
}

.se-shop-details-v1 h2 span {
    color: #d6b568;
}

.se-shop-details-v1__header > p:last-child {
    max-width: 730px;
    margin: 0 auto;
    font-family: "Lato", Arial, sans-serif;
    font-size: 1.06rem;
    line-height: 1.78;
    color: rgba(244,241,233,.7);
}

.se-shop-details-v1__layout {
    display: grid;
    grid-template-columns: minmax(340px, .82fr) minmax(0, 1.18fr);
    gap: 80px;
    align-items: center;
}

.se-shop-details-v1__preview {
    position: relative;
    max-width: 430px;
    min-height: 590px;
    margin: 0 auto;
    padding: 26px;
    border: 1px solid rgba(214,181,104,.3);
    border-radius: 16px;
    background: linear-gradient(150deg, rgba(17,43,61,.96), rgba(8,24,38,.98));
    box-shadow: 0 26px 60px rgba(0,0,0,.27);
    overflow: hidden;
}

.se-shop-details-v1__preview::after {
    content: "";
    position: absolute;
    width: 280px;
    height: 280px;
    right: -150px;
    bottom: -150px;
    border: 1px solid rgba(214,181,104,.12);
    border-radius: 50%;
}

.se-shop-details-v1__preview-top {
    display: flex;
    justify-content: space-between;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(214,181,104,.25);
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .62rem;
    letter-spacing: .14em;
    color: #c9a85c;
}

.se-shop-details-v1__preview-top strong {
    color: rgba(244,241,233,.72);
}

.se-shop-details-v1__preview-visual {
    position: relative;
    height: 240px;
    margin: 26px 0 28px;
    border-radius: 10px;
    background: radial-gradient(circle, rgba(38,108,150,.2), rgba(7,19,31,.75) 68%);
}

.se-shop-details-v1__preview-orbit {
    position: absolute;
    width: 155px;
    height: 155px;
    top: 42px;
    left: calc(50% - 78px);
    border: 1px solid rgba(214,181,104,.48);
    border-radius: 50%;
    transform: scaleY(.7) rotate(-18deg);
}

.se-shop-details-v1__preview-core {
    position: absolute;
    width: 76px;
    height: 76px;
    top: 82px;
    left: calc(50% - 38px);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(214,181,104,.65);
    border-radius: 50%;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .86rem;
    letter-spacing: .12em;
    color: #d6b568;
    box-shadow: 0 0 28px rgba(214,181,104,.14);
}

.se-shop-details-v1__preview-content {
    display: block;
}

.se-shop-details-v1__preview-category {
    display: block;
    margin-bottom: 15px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .58rem;
    letter-spacing: .14em;
    color: #c9a85c;
}

.se-shop-details-v1__preview-title,
.se-shop-details-v1__preview-line {
    display: block;
    border-radius: 3px;
    background: rgba(244,241,233,.15);
}

.se-shop-details-v1__preview-title {
    width: 72%;
    height: 17px;
    margin-bottom: 22px;
    background: rgba(244,241,233,.34);
}

.se-shop-details-v1__preview-line {
    width: 76%;
    height: 7px;
    margin-bottom: 10px;
}

.se-shop-details-v1__preview-line--long { width: 94%; }
.se-shop-details-v1__preview-line--short { width: 56%; }

.se-shop-details-v1__preview-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 29px;
}

.se-shop-details-v1__preview-badges span {
    padding: 7px 9px;
    border: 1px solid rgba(214,181,104,.2);
    border-radius: 20px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .51rem;
    letter-spacing: .08em;
    color: rgba(244,241,233,.62);
}

.se-shop-details-v1__list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.se-shop-details-v1__item {
    min-height: 190px;
    padding: 24px 22px;
    display: grid;
    grid-template-columns: 40px 1fr;
    gap: 16px;
    border: 1px solid rgba(214,181,104,.16);
    border-radius: 11px;
    background: rgba(13,38,55,.58);
}

.se-shop-details-v1__item > span {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(214,181,104,.42);
    border-radius: 50%;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .63rem;
    color: #d6b568;
}

.se-shop-details-v1__item h3 {
    margin: 3px 0 10px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.4;
    color: #f4f1e9;
}

.se-shop-details-v1__item p {
    margin: 0;
    font-family: "Lato", Arial, sans-serif;
    font-size: .92rem;
    line-height: 1.62;
    color: rgba(244,241,233,.63);
}

.se-shop-details-v1__ethics {
    max-width: 920px;
    margin: 75px auto 0;
    padding: 31px 35px;
    border-top: 1px solid rgba(214,181,104,.22);
    border-bottom: 1px solid rgba(214,181,104,.22);
    text-align: center;
}

.se-shop-details-v1__ethics strong {
    display: block;
    margin-bottom: 8px;
    font-family: "Montserrat", Arial, sans-serif;
    font-weight: 500;
    color: #f4f1e9;
}

.se-shop-details-v1__ethics p {
    margin: 0;
    font-family: "Lato", Arial, sans-serif;
    font-size: .96rem;
    line-height: 1.7;
    color: rgba(244,241,233,.62);
}

@media (max-width: 900px) {
    .se-shop-details-v1 {
        padding: 105px 0 100px;
    }

    .se-shop-details-v1__layout {
        grid-template-columns: 1fr;
        gap: 65px;
    }

    .se-shop-details-v1__preview {
        width: min(430px, 100%);
    }
}

@media (max-width: 640px) {
    .se-shop-details-v1 {
        padding: 82px 0 80px;
    }

    .se-shop-details-v1__header {
        margin-bottom: 50px;
        text-align: left;
    }

    .se-shop-details-v1 h2 {
        font-size: clamp(2.08rem, 9vw, 2.8rem);
    }

    .se-shop-details-v1__preview {
        min-height: 555px;
        padding: 22px;
    }

    .se-shop-details-v1__list {
        grid-template-columns: 1fr;
    }

    .se-shop-details-v1__item {
        min-height: 0;
    }

    .se-shop-details-v1__ethics {
        margin-top: 55px;
        padding: 27px 0;
        text-align: left;
    }
}
/* =========================================================
   BOUTIQUE ENERGEIA — SECTION 6 : FAQ ET CONTACT
   ========================================================= */

.se-shop-faq-v1 {
    position: relative;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    padding: 120px 0 125px;
    overflow: hidden;
    background:
        radial-gradient(circle at 84% 18%, rgba(38,108,150,.11) 0%, transparent 30%),
        linear-gradient(180deg, #081724 0%, #06111c 100%);
}

.se-shop-faq-v1__inner {
    position: relative;
    z-index: 1;
    width: min(1040px, 88%);
    margin: 0 auto;
}

.se-shop-faq-v1__header {
    max-width: 820px;
    margin: 0 auto 60px;
    text-align: center;
}

.se-shop-faq-v1__eyebrow {
    margin: 0 0 19px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .22em;
    color: #c9a85c;
}

.se-shop-faq-v1 h2 {
    margin: 0 0 25px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(2.35rem, 4.2vw, 3.7rem);
    font-weight: 500;
    line-height: 1.14;
    color: #f4f1e9;
}

.se-shop-faq-v1 h2 span {
    color: #d6b568;
}

.se-shop-faq-v1__header > p:last-child {
    max-width: 720px;
    margin: 0 auto;
    font-family: "Lato", Arial, sans-serif;
    font-size: 1.06rem;
    line-height: 1.78;
    color: rgba(244,241,233,.7);
}

.se-shop-faq-v1__questions {
    max-width: 900px;
    margin: 0 auto;
    border-top: 1px solid rgba(214,181,104,.24);
}

.se-shop-faq-v1__item {
    border-bottom: 1px solid rgba(214,181,104,.24);
}

.se-shop-faq-v1__item summary {
    position: relative;
    min-height: 88px;
    padding: 26px 62px 26px 4px;
    display: flex;
    align-items: center;
    cursor: pointer;
    list-style: none;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 1.05rem;
    font-weight: 500;
    line-height: 1.45;
    color: #f4f1e9;
}

.se-shop-faq-v1__item summary::-webkit-details-marker {
    display: none;
}

.se-shop-faq-v1__item summary i,
.se-shop-faq-v1__item summary i::after {
    position: absolute;
    width: 18px;
    height: 1px;
    background: #d6b568;
}

.se-shop-faq-v1__item summary i {
    right: 15px;
    top: calc(50% - 1px);
}

.se-shop-faq-v1__item summary i::after {
    content: "";
    left: 0;
    top: 0;
    transform: rotate(90deg);
    transition: transform .25s ease;
}

.se-shop-faq-v1__item[open] summary i::after {
    transform: rotate(0deg);
}

.se-shop-faq-v1__answer {
    padding: 0 62px 27px 4px;
}

.se-shop-faq-v1__answer p {
    max-width: 760px;
    margin: 0;
    font-family: "Lato", Arial, sans-serif;
    font-size: .99rem;
    line-height: 1.75;
    color: rgba(244,241,233,.66);
}

.se-shop-faq-v1__cta {
    margin-top: 80px;
    padding: 45px 48px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 55px;
    align-items: center;
    border: 1px solid rgba(214,181,104,.29);
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(18,48,67,.92), rgba(8,25,39,.96));
    box-shadow: 0 24px 55px rgba(0,0,0,.22);
}

.se-shop-faq-v1__cta-label {
    margin: 0 0 12px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .69rem;
    font-weight: 600;
    letter-spacing: .2em;
    color: #c9a85c;
}

.se-shop-faq-v1__cta h3 {
    margin: 0 0 13px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(1.55rem, 2.8vw, 2.25rem);
    font-weight: 500;
    line-height: 1.3;
    color: #f4f1e9;
}

.se-shop-faq-v1__cta div > p:last-child {
    max-width: 620px;
    margin: 0;
    font-family: "Lato", Arial, sans-serif;
    font-size: .98rem;
    line-height: 1.7;
    color: rgba(244,241,233,.64);
}

.se-shop-faq-v1__button {
    min-width: 245px;
    padding: 16px 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d6b568;
    border-radius: 7px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .73rem;
    font-weight: 600;
    letter-spacing: .12em;
    text-align: center;
    text-decoration: none;
    color: #e1c36f;
    transition: background-color .25s ease, color .25s ease, transform .25s ease;
}

.se-shop-faq-v1__button:hover,
.se-shop-faq-v1__button:focus {
    background: #d6b568;
    color: #07131f;
    text-decoration: none;
    transform: translateY(-2px);
}

@media (max-width: 800px) {
    .se-shop-faq-v1 {
        padding: 100px 0 105px;
    }

    .se-shop-faq-v1__cta {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .se-shop-faq-v1__button {
        width: 100%;
    }
}

@media (max-width: 640px) {
    .se-shop-faq-v1 {
        padding: 80px 0 85px;
    }

    .se-shop-faq-v1__header {
        margin-bottom: 47px;
        text-align: left;
    }

    .se-shop-faq-v1 h2 {
        font-size: clamp(2.08rem, 9vw, 2.8rem);
    }

    .se-shop-faq-v1__item summary {
        min-height: 82px;
        padding: 23px 48px 23px 0;
        font-size: .98rem;
    }

    .se-shop-faq-v1__item summary i {
        right: 6px;
    }

    .se-shop-faq-v1__answer {
        padding: 0 42px 24px 0;
    }

    .se-shop-faq-v1__cta {
        margin-top: 60px;
        padding: 32px 25px;
    }
}


/* =========================================================
   STATION ENERGEIA — FICHE PRODUIT ESHOP V1
   Correction visuelle pour Cassiopeia
   ========================================================= */

body #eshop-main-container .product-info {
    width: min(1180px, 92%);
    margin: 0 auto;
    padding: 55px 0 90px;
    font-family: "Lato", Arial, sans-serif;
    color: #f4f1e9;
}

body #eshop-main-container .product-info .page-header {
    margin: 0 0 34px;
    padding: 0 0 19px;
    border-bottom: 1px solid rgba(214, 181, 104, .3);
}

body #eshop-main-container .product-info .eshop-title {
    margin: 0;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(2rem, 4vw, 3.25rem);
    font-weight: 500;
    line-height: 1.15;
    color: #f4f1e9;
}

body #eshop-main-container .product-info > .row {
    row-gap: 34px;
    margin-bottom: 48px;
}

body #eshop-main-container #main-image-area {
    width: 100%;
    max-width: 430px;
    height: auto;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    overflow: hidden;
    border: 1px solid rgba(214, 181, 104, .34);
    border-radius: 12px;
    background: #0d2231;
    box-shadow: 0 22px 50px rgba(0, 0, 0, .25);
}

body #eshop-main-container #main-image-area .product-image,
body #eshop-main-container #main-image-area img {
    width: 100% !important;
    height: 100% !important;
    display: block;
}

body #eshop-main-container #main-image-area img {
    max-width: none !important;
    object-fit: cover;
}

body #eshop-main-container .image-additional {
    max-width: 430px;
    margin-top: 14px;
}

body #eshop-main-container .image-additional .product-image {
    display: block;
    margin: 0 5px;
    padding: 3px;
    overflow: hidden;
    border: 1px solid rgba(214, 181, 104, .28);
    border-radius: 6px;
    background: #0d2231;
}

body #eshop-main-container .image-additional img {
    width: 72px !important;
    height: 72px !important;
    display: block;
    object-fit: cover;
}

body #eshop-main-container .product-desc,
body #eshop-main-container .product-price {
    padding: 14px 8px;
    border-bottom: 1px solid rgba(214, 181, 104, .24);
    color: #f4f1e9;
}

body #eshop-main-container .product-desc strong,
body #eshop-main-container .product-price {
    font-family: "Montserrat", Arial, sans-serif;
}

body #eshop-main-container .product-desc a {
    color: #d6b568;
}

body #eshop-main-container .product-manufacturer strong,
body #eshop-main-container .product-sku strong {
    font-size: 0;
}

body #eshop-main-container .product-manufacturer strong::after {
    content: "Marque :";
    font-size: .98rem;
}

body #eshop-main-container .product-sku strong::after {
    content: "Référence :";
    font-size: .98rem;
}

body #eshop-main-container .product-price {
    margin-top: 4px;
    font-size: 1.03rem;
    font-weight: 600;
    color: #d6b568;
}

/* Conserver seulement le bouton utile pour communiquer. */
body #eshop-main-container #add-to-wishlist-button,
body #eshop-main-container #add-to-compare-button,
body #eshop-main-container #email-a-friend-button,
body #eshop-main-container .box-action-text-item a[title="Download PDF"] {
    display: none !important;
}

body #eshop-main-container .product-cart {
    padding: 24px 8px 0;
    border: 0;
}

body #eshop-main-container #ask-question-button {
    min-width: 220px;
    padding: 14px 22px;
    border: 1px solid #d6b568;
    border-radius: 7px;
    background: transparent;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 0;
    font-weight: 600;
    letter-spacing: .1em;
    color: #e1c36f;
    transition: background-color .25s ease, color .25s ease, transform .25s ease;
}

body #eshop-main-container #ask-question-button::after {
    content: "POSER UNE QUESTION";
    font-size: .72rem;
}

body #eshop-main-container #ask-question-button:hover,
body #eshop-main-container #ask-question-button:focus {
    background: #d6b568;
    color: #07131f;
    transform: translateY(-2px);
}

/* Onglets de description. */
body #eshop-main-container joomla-tab#product {
    display: block;
    overflow: hidden;
    border: 1px solid rgba(214, 181, 104, .24);
    border-radius: 11px;
    background: #0b1f2e;
}

body #eshop-main-container joomla-tab#product > [role="tablist"] {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    padding: 0;
    border-bottom: 1px solid rgba(214, 181, 104, .24);
    background: #102a3b;
}

body #eshop-main-container joomla-tab#product > [role="tablist"] > button {
    min-height: 56px;
    padding: 14px 19px;
    border: 0;
    border-right: 1px solid rgba(214, 181, 104, .14);
    border-bottom: 3px solid transparent;
    background: transparent;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .83rem;
    color: rgba(244, 241, 233, .72);
}

body #eshop-main-container joomla-tab#product > [role="tablist"] > button[aria-selected="true"] {
    border-bottom-color: #d6b568;
    background: rgba(214, 181, 104, .07);
    color: #f4f1e9;
}

body #eshop-main-container joomla-tab#product > joomla-tab-element {
    min-height: 200px;
    padding: 30px 34px;
    background: #0b1f2e !important;
    color: rgba(244, 241, 233, .78) !important;
}

body #eshop-main-container joomla-tab#product > joomla-tab-element p,
body #eshop-main-container joomla-tab#product > joomla-tab-element li,
body #eshop-main-container joomla-tab#product > joomla-tab-element strong {
    color: inherit !important;
}

body #eshop-main-container joomla-tab#product > joomla-tab-element p {
    margin: 0 0 18px;
    font-family: "Lato", Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.75;
}

/* Masquer les avis tant que la boutique est en préparation. */
body #eshop-main-container joomla-tab#product > [role="tablist"] > button[aria-controls="reviews"],
body #eshop-main-container joomla-tab#product > button[aria-controls="reviews"],
body #eshop-main-container joomla-tab#product > joomla-tab-element#reviews {
    display: none !important;
}

@media (max-width: 767px) {
    body #eshop-main-container .product-info {
        width: min(92%, 560px);
        padding: 38px 0 70px;
    }

    body #eshop-main-container .product-info .page-header {
        margin-bottom: 25px;
    }

    body #eshop-main-container .product-info .eshop-title {
        font-size: clamp(1.8rem, 8vw, 2.45rem);
    }

    body #eshop-main-container #main-image-area,
    body #eshop-main-container .image-additional {
        max-width: none;
    }

    body #eshop-main-container joomla-tab#product > [role="tablist"] {
        display: none;
    }

    body #eshop-main-container joomla-tab#product > button:not([aria-controls="reviews"]) {
        width: 100%;
        min-height: 56px;
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        padding: 14px 18px;
        border: 0;
        border-bottom: 1px solid rgba(214, 181, 104, .2);
        background: #102a3b;
        font-family: "Montserrat", Arial, sans-serif;
        color: #f4f1e9;
        text-align: left;
    }

    body #eshop-main-container joomla-tab#product > joomla-tab-element {
        min-height: 0;
        padding: 24px 20px;
    }

    body #eshop-main-container #ask-question-button {
        width: 100%;
    }
}
/* =========================================================
   STATION ENERGEIA — FICHE PRODUIT ESHOP V1
   Correction visuelle pour Cassiopeia
   ========================================================= */

body #eshop-main-container .product-info {
    width: min(1180px, 92%);
    margin: 0 auto;
    padding: 55px 0 90px;
    font-family: "Lato", Arial, sans-serif;
    color: #f4f1e9;
}

body #eshop-main-container .product-info .page-header {
    margin: 0 0 34px;
    padding: 0 0 19px;
    border-bottom: 1px solid rgba(214, 181, 104, .3);
}

body #eshop-main-container .product-info .eshop-title {
    margin: 0;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(2rem, 4vw, 3.25rem);
    font-weight: 500;
    line-height: 1.15;
    color: #f4f1e9;
}

body #eshop-main-container .product-info > .row {
    row-gap: 34px;
    margin-bottom: 48px;
}

body #eshop-main-container #main-image-area {
    width: 100%;
    max-width: 430px;
    height: auto;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    overflow: hidden;
    border: 1px solid rgba(214, 181, 104, .34);
    border-radius: 12px;
    background: #0d2231;
    box-shadow: 0 22px 50px rgba(0, 0, 0, .25);
}

body #eshop-main-container #main-image-area .product-image,
body #eshop-main-container #main-image-area img {
    width: 100% !important;
    height: 100% !important;
    display: block;
}

body #eshop-main-container #main-image-area img {
    max-width: none !important;
    object-fit: cover;
}

body #eshop-main-container .image-additional {
    max-width: 430px;
    margin-top: 14px;
}

body #eshop-main-container .image-additional .product-image {
    display: block;
    margin: 0 5px;
    padding: 3px;
    overflow: hidden;
    border: 1px solid rgba(214, 181, 104, .28);
    border-radius: 6px;
    background: #0d2231;
}

body #eshop-main-container .image-additional img {
    width: 72px !important;
    height: 72px !important;
    display: block;
    object-fit: cover;
}

body #eshop-main-container .product-desc,
body #eshop-main-container .product-price {
    padding: 14px 8px;
    border-bottom: 1px solid rgba(214, 181, 104, .24);
    color: #f4f1e9;
}

body #eshop-main-container .product-desc strong,
body #eshop-main-container .product-price {
    font-family: "Montserrat", Arial, sans-serif;
}

body #eshop-main-container .product-desc a {
    color: #d6b568;
}

body #eshop-main-container .product-manufacturer strong,
body #eshop-main-container .product-sku strong {
    font-size: 0;
}

body #eshop-main-container .product-manufacturer strong::after {
    content: "Marque :";
    font-size: .98rem;
}

body #eshop-main-container .product-sku strong::after {
    content: "Référence :";
    font-size: .98rem;
}

body #eshop-main-container .product-price {
    margin-top: 4px;
    font-size: 1.03rem;
    font-weight: 600;
    color: #d6b568;
}

/* Conserver seulement le bouton utile pour communiquer. */
body #eshop-main-container #add-to-wishlist-button,
body #eshop-main-container #add-to-compare-button,
body #eshop-main-container #email-a-friend-button,
body #eshop-main-container .box-action-text-item a[title="Download PDF"] {
    display: none !important;
}

body #eshop-main-container .product-cart {
    padding: 24px 8px 0;
    border: 0;
}

body #eshop-main-container #ask-question-button {
    min-width: 220px;
    padding: 14px 22px;
    border: 1px solid #d6b568;
    border-radius: 7px;
    background: transparent;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 0;
    font-weight: 600;
    letter-spacing: .1em;
    color: #e1c36f;
    transition: background-color .25s ease, color .25s ease, transform .25s ease;
}

body #eshop-main-container #ask-question-button::after {
    content: "POSER UNE QUESTION";
    font-size: .72rem;
}

body #eshop-main-container #ask-question-button:hover,
body #eshop-main-container #ask-question-button:focus {
    background: #d6b568;
    color: #07131f;
    transform: translateY(-2px);
}

/* Onglets de description. */
body #eshop-main-container joomla-tab#product {
    display: block;
    overflow: hidden;
    border: 1px solid rgba(214, 181, 104, .24);
    border-radius: 11px;
    background: #0b1f2e;
}

body #eshop-main-container joomla-tab#product > [role="tablist"] {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    padding: 0;
    border-bottom: 1px solid rgba(214, 181, 104, .24);
    background: #102a3b;
}

body #eshop-main-container joomla-tab#product > [role="tablist"] > button {
    min-height: 56px;
    padding: 14px 19px;
    border: 0;
    border-right: 1px solid rgba(214, 181, 104, .14);
    border-bottom: 3px solid transparent;
    background: transparent;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .83rem;
    color: rgba(244, 241, 233, .72);
}

body #eshop-main-container joomla-tab#product > [role="tablist"] > button[aria-selected="true"] {
    border-bottom-color: #d6b568;
    background: rgba(214, 181, 104, .07);
    color: #f4f1e9;
}

body #eshop-main-container joomla-tab#product > joomla-tab-element {
    min-height: 200px;
    padding: 30px 34px;
    background: #0b1f2e !important;
    color: rgba(244, 241, 233, .78) !important;
}

body #eshop-main-container joomla-tab#product > joomla-tab-element p,
body #eshop-main-container joomla-tab#product > joomla-tab-element li,
body #eshop-main-container joomla-tab#product > joomla-tab-element strong {
    color: inherit !important;
}

body #eshop-main-container joomla-tab#product > joomla-tab-element p {
    margin: 0 0 18px;
    font-family: "Lato", Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.75;
}

/* Masquer les avis tant que la boutique est en préparation. */
body #eshop-main-container joomla-tab#product > [role="tablist"] > button[aria-controls="reviews"],
body #eshop-main-container joomla-tab#product > button[aria-controls="reviews"],
body #eshop-main-container joomla-tab#product > joomla-tab-element#reviews {
    display: none !important;
}

@media (max-width: 767px) {
    body #eshop-main-container .product-info {
        width: min(92%, 560px);
        padding: 38px 0 70px;
    }

    body #eshop-main-container .product-info .page-header {
        margin-bottom: 25px;
    }

    body #eshop-main-container .product-info .eshop-title {
        font-size: clamp(1.8rem, 8vw, 2.45rem);
    }

    body #eshop-main-container #main-image-area,
    body #eshop-main-container .image-additional {
        max-width: none;
    }

    body #eshop-main-container joomla-tab#product > [role="tablist"] {
        display: none;
    }

    body #eshop-main-container joomla-tab#product > button:not([aria-controls="reviews"]) {
        width: 100%;
        min-height: 56px;
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        padding: 14px 18px;
        border: 0;
        border-bottom: 1px solid rgba(214, 181, 104, .2);
        background: #102a3b;
        font-family: "Montserrat", Arial, sans-serif;
        color: #f4f1e9;
        text-align: left;
    }

    body #eshop-main-container joomla-tab#product > joomla-tab-element {
        min-height: 0;
        padding: 24px 20px;
    }

    body #eshop-main-container #ask-question-button {
        width: 100%;
    }
}

/* =========================================================
   ESHOP — CORRECTION DU POINT DE RUPTURE À 768 PX
   À ajouter au bas de user.css
   ========================================================= */

@media (max-width: 768px) {
    body #eshop-main-container joomla-tab#product > [role="tablist"] {
        display: none !important;
    }

    body #eshop-main-container joomla-tab#product > button:not([aria-controls="reviews"]) {
        width: 100%;
        min-height: 56px;
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        padding: 14px 18px;
        border: 0 !important;
        border-bottom: 1px solid rgba(214, 181, 104, .2) !important;
        background: #102a3b !important;
        font-family: "Montserrat", Arial, sans-serif;
        color: #f4f1e9 !important;
        text-align: left;
    }

    body #eshop-main-container joomla-tab#product > button[aria-expanded="true"]:not([aria-controls="reviews"]) {
        border-left: 4px solid #d6b568 !important;
        background: #123247 !important;
    }

    body #eshop-main-container joomla-tab#product > joomla-tab-element {
        min-height: 0;
        padding: 24px 20px;
        border: 0 !important;
        background: #0b1f2e !important;
        color: rgba(244, 241, 233, .78) !important;
    }
}
/* ==========================================================
   STATION ENERGEIA — CATALOGUE ESHOP
   Corrige les bandes blanches des images et centre la 2e rangée
   Page ciblée uniquement : Catalogue Energeia — Aperçu
   ========================================================== */

/* Grille desktop : 3 cartes en haut, 2 cartes centrées dessous */
body.itemid-296 .eshop-categories-list > .row {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 28px 22px;
  margin: 0 !important;
}

body.itemid-296 .eshop-categories-list > .row > .col-md-4 {
  grid-column: span 2;
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
}

body.itemid-296 .eshop-categories-list > .row > .col-md-4:nth-child(4) {
  grid-column: 2 / span 2;
}

body.itemid-296 .eshop-categories-list > .row > .col-md-4:nth-child(5) {
  grid-column: 4 / span 2;
}

/* EShop divise les catégories en rangées HTML distinctes.
   La deuxième rangée contient deux cartes : on les recentre. */
body.itemid-296 .eshop-categories-list > .row + .row > .col-md-4:first-child {
  grid-column: 2 / span 2 !important;
}

body.itemid-296 .eshop-categories-list > .row + .row > .col-md-4:nth-child(2) {
  grid-column: 4 / span 2 !important;
}

/* Carte sombre et élégante */
body.itemid-296 .eshop-category-wrap {
  height: 100%;
  overflow: hidden;
  background: #0c2231 !important;
  border: 1px solid rgba(212, 175, 55, 0.48) !important;
  border-radius: 12px;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.28);
  transition: transform 0.25s ease, border-color 0.25s ease,
              box-shadow 0.25s ease;
}

body.itemid-296 .eshop-category-wrap:hover {
  transform: translateY(-4px);
  border-color: #d4af37 !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.38);
}

/* Recadrage carré : supprime visuellement les bandes blanches
   ajoutées par le générateur de miniatures d'EShop */
body.itemid-296 .eshop-category-wrap .image {
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: #071321 !important;
}

body.itemid-296 .eshop-category-wrap .image > a {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

body.itemid-296 .eshop-category-wrap .image img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  transition: transform 0.35s ease;
}

body.itemid-296 .eshop-category-wrap:hover .image img {
  transform: scale(1.035);
}

/* Titre de catégorie */
body.itemid-296 .eshop-category-wrap h5 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 78px;
  margin: 0 !important;
  padding: 16px 18px !important;
  background: #0c2231 !important;
  text-align: center;
}

body.itemid-296 .eshop-category-wrap h5 a {
  color: #e7c86f !important;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none !important;
}

body.itemid-296 .eshop-category-wrap h5 a:hover,
body.itemid-296 .eshop-category-wrap h5 a:focus {
  color: #ffffff !important;
}

/* Image d'en-tête des pages de catégories :
   recadre la miniature 210 x 145 créée par EShop et retire les bandes blanches. */
body.itemid-296.view-category #eshop-main-container img.img-thumbnail {
  display: block;
  width: 220px !important;
  height: 220px !important;
  max-width: 100% !important;
  object-fit: cover !important;
  padding: 5px !important;
  background: #f4f4f4 !important;
  border: 1px solid rgba(212, 175, 55, 0.55) !important;
  border-radius: 8px;
}

@media (max-width: 575.98px) {
  body.itemid-296.view-category #eshop-main-container img.img-thumbnail {
    width: 190px !important;
    height: 190px !important;
    margin-inline: auto;
  }
}

/* ==========================================================
   LISTE DES PRODUITS D'UNE SOUS-CATÉGORIE
   Retire les colonnes blanches autour de la photo du produit.
   ========================================================== */

/* Barre technique EShop inutile pour le catalogue Energeia :
   boutons Liste/Grille, tri et nombre de produits affichés. */
body.itemid-296.view-category #eshop-main-container .sortPagiBar {
  display: none !important;
}

body.itemid-296.view-category .eshop-products-list .eshop-product-wrap .image,
body.itemid-296.view-category .eshop-products-list .product-image {
  flex: 0 0 220px !important;
  width: 220px !important;
  max-width: 220px !important;
  padding: 0 !important;
  background: transparent !important;
}

/* EShop ajoute une enveloppe blanche plus large que la photo.
   On ramène toute la chaîne d'enveloppes à la largeur de l'image. */
body.itemid-296.view-category #products-list .eshop-image-block,
body.itemid-296.view-category #products-list .eshop-image-block > .image.img-thumbnail,
body.itemid-296.view-category #products-list .eshop-image-block > .image.img-thumbnail > a,
body.itemid-296.view-category #products-list .eshop-image-block .product-image {
  display: block !important;
  width: 220px !important;
  max-width: 220px !important;
  height: 220px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

body.itemid-296.view-category .eshop-products-list .eshop-product-wrap .image img,
body.itemid-296.view-category .eshop-products-list .product-image img {
  display: block;
  width: 220px !important;
  height: 220px !important;
  max-width: none !important;
  object-fit: cover !important;
  margin: 0 !important;
}

/* La fiche descriptive occupe l'espace libéré à droite. */
body.itemid-296.view-category .eshop-products-list .eshop-product-wrap .product-info,
body.itemid-296.view-category .eshop-products-list .product-info {
  flex: 1 1 0 !important;
  width: auto !important;
  max-width: none !important;
}

/* Ces deux actions ne sont pas utilisées dans la boutique Energeia. */
body.itemid-296.view-category .eshop-products-list .btn-wishlist,
body.itemid-296.view-category .eshop-products-list .btn-compare,
body.itemid-296.view-category .eshop-products-list .wishlist,
body.itemid-296.view-category .eshop-products-list .compare {
  display: none !important;
}

body.itemid-296.view-category #products-list .add-to-wishlist-button,
body.itemid-296.view-category #products-list .add-to-compare-button {
  display: none !important;
}

@media (max-width: 767.98px) {
  body.itemid-296.view-category .eshop-products-list .eshop-product-wrap .image,
  body.itemid-296.view-category .eshop-products-list .product-image {
    flex-basis: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.itemid-296.view-category .eshop-products-list .eshop-product-wrap .image img,
  body.itemid-296.view-category .eshop-products-list .product-image img {
    width: min(220px, 100%) !important;
    height: auto !important;
    aspect-ratio: 1 / 1;
    margin-inline: auto !important;
  }


  body.itemid-296.view-category #products-list .eshop-image-block,
  body.itemid-296.view-category #products-list .eshop-image-block > .image.img-thumbnail,
  body.itemid-296.view-category #products-list .eshop-image-block > .image.img-thumbnail > a,
  body.itemid-296.view-category #products-list .eshop-image-block .product-image {
    width: min(220px, 100%) !important;
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1;
    margin-inline: auto !important;
  }
}

/* Tablette : 2 colonnes, dernière carte centrée */
@media (max-width: 991.98px) {
  body.itemid-296 .eshop-categories-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px 22px;
  }

  body.itemid-296 .eshop-categories-list > .row {
    display: contents !important;
  }

  body.itemid-296 .eshop-categories-list > .row > .col-md-4 {
    grid-column: auto !important;
    width: auto !important;
  }

  /* Annule explicitement le placement desktop de la deuxième rangée. */
  body.itemid-296 .eshop-categories-list > .row + .row > .col-md-4:first-child {
    grid-column: auto !important;
  }

  /* Cinquième carte : troisième rangée, centrée sur toute la grille. */
  body.itemid-296 .eshop-categories-list > .row + .row > .col-md-4:nth-child(2) {
    grid-column: 1 / -1 !important;
    width: calc(50% - 11px) !important;
    justify-self: center;
  }
}

/* Téléphone : une seule colonne */
@media (max-width: 575.98px) {
  body.itemid-296 .eshop-categories-list {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  body.itemid-296 .eshop-categories-list > .row > .col-md-4,
  body.itemid-296 .eshop-categories-list > .row + .row > .col-md-4:first-child,
  body.itemid-296 .eshop-categories-list > .row + .row > .col-md-4:nth-child(2) {
    grid-column: auto !important;
    width: 100% !important;
  }
}
/* Menu principal — aligner la flèche des sous-menus */
@media (min-width: 992px) {
    .container-header .metismenu.mod-menu > .metismenu-item.parent {
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
    }

    .container-header .metismenu.mod-menu > .metismenu-item.parent > .mm-toggler {
        position: static;
        width: auto;
        margin: 0 0 0 7px;
        padding: 0;
        align-self: center;
    }
}
/* =====================================================
   SÉANCE DÉCOUVERTE — SECTION D’OUVERTURE
   ===================================================== */

.se-decouverte-hero {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    min-height: 640px;
    display: flex;
    align-items: center;
    padding: clamp(70px, 9vw, 130px) clamp(24px, 7vw, 100px);
    color: #f4f1e9;
    background:
        radial-gradient(circle at 78% 35%, rgba(201, 168, 92, .20), transparent 28%),
        radial-gradient(circle at 20% 80%, rgba(42, 82, 112, .20), transparent 34%),
        linear-gradient(125deg, #030b17 0%, #071525 55%, #0b1e30 100%);
    border: 1px solid rgba(201, 168, 92, .22);
    border-radius: 16px;
}

.se-decouverte-hero::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -180px;
    right: -120px;
    width: 520px;
    height: 520px;
    border: 1px solid rgba(214, 181, 104, .22);
    border-radius: 50%;
    box-shadow:
        0 0 80px rgba(201, 168, 92, .12),
        inset 0 0 70px rgba(201, 168, 92, .08);
}

.se-decouverte-hero::after {
    content: "";
    position: absolute;
    z-index: -1;
    right: 12%;
    bottom: -95px;
    width: 310px;
    height: 310px;
    background: radial-gradient(
        circle,
        rgba(240, 201, 108, .18) 0%,
        rgba(201, 168, 92, .05) 38%,
        transparent 70%
    );
    border-radius: 50%;
    filter: blur(4px);
}

.se-decouverte-hero__contenu {
    position: relative;
    z-index: 1;
    width: min(760px, 100%);
}

.se-decouverte-hero__surtitre {
    margin: 0 0 22px;
    color: #d6b568;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .32em;
}

.se-decouverte-hero h1 {
    max-width: 850px;
    margin: 0 0 26px;
    color: #f7f4ed;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(2.25rem, 5vw, 4.4rem);
    font-weight: 400;
    line-height: 1.08;
    letter-spacing: -.035em;
}

.se-decouverte-hero__intro {
    max-width: 700px;
    margin: 0 0 18px;
    color: #f2ead8;
    font-size: clamp(1.08rem, 1.7vw, 1.3rem);
    line-height: 1.75;
}

.se-decouverte-hero__texte {
    max-width: 680px;
    margin: 0;
    color: rgba(244, 241, 233, .78);
    font-size: 1rem;
    line-height: 1.8;
}

.se-decouverte-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 34px;
}

.se-decouverte-bouton {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-height: 50px;
    padding: 13px 23px;
    border: 1px solid #c9a85c;
    border-radius: 8px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .78rem;
    font-weight: 650;
    letter-spacing: .08em;
    text-align: center;
    text-decoration: none;
    transition:
        transform .22s ease,
        background-color .22s ease,
        color .22s ease,
        box-shadow .22s ease;
}

.se-decouverte-bouton--principal {
    color: #07111d;
    background: linear-gradient(135deg, #e5ca85, #b98d35);
    box-shadow: 0 10px 28px rgba(201, 168, 92, .16);
}

.se-decouverte-bouton--secondaire {
    color: #e4c679;
    background: rgba(3, 11, 23, .32);
}

.se-decouverte-bouton:hover,
.se-decouverte-bouton:focus-visible {
    color: #ffffff;
    background: rgba(201, 168, 92, .16);
    box-shadow: 0 12px 32px rgba(201, 168, 92, .18);
    transform: translateY(-2px);
}

.se-decouverte-hero__note {
    max-width: 700px;
    margin: 28px 0 0;
    color: rgba(244, 241, 233, .58);
    font-size: .82rem;
    line-height: 1.65;
}

/* Tablettes */
@media (max-width: 900px) {
    .se-decouverte-hero {
        min-height: auto;
        padding: 76px 42px;
    }

    .se-decouverte-hero::before {
        right: -260px;
    }
}

/* Téléphones */
@media (max-width: 600px) {
    .se-decouverte-hero {
        padding: 58px 22px;
        border-radius: 10px;
    }

    .se-decouverte-hero h1 {
        font-size: clamp(2rem, 10vw, 2.8rem);
    }

    .se-decouverte-hero__actions {
        flex-direction: column;
    }

    .se-decouverte-bouton {
        width: 100%;
    }
}

/* Accessibilité — réduire les mouvements */
@media (prefers-reduced-motion: reduce) {
    .se-decouverte-bouton {
        transition: none;
    }

    .se-decouverte-bouton:hover,
    .se-decouverte-bouton:focus-visible {
        transform: none;
    }
}
/* =====================================================
   PIED DE PAGE GLOBAL — CORRECTION DU MODULE JOOMLA
   ===================================================== */

.container-footer {
    padding: 0;
}

.container-footer .grid-child {
    width: 100%;
    max-width: none;
    padding: 0;
}

.container-footer .mod-custom {
    width: 100%;
}

.container-footer .se-footer {
    width: 100%;
    margin-left: 0;
}
/* =====================================================
   SÉANCE DÉCOUVERTE — À QUI S’ADRESSE L’EXPÉRIENCE
   ===================================================== */

.se-decouverte-pour-qui {
    padding: clamp(75px, 9vw, 125px) clamp(24px, 7vw, 100px);
    background:
        radial-gradient(circle at 12% 20%, rgba(201, 168, 92, .07), transparent 28%),
        #07111d;
    color: #f4f1e9;
}

.se-decouverte-section-entete {
    max-width: 820px;
    margin: 0 auto 55px;
    text-align: center;
}

.se-decouverte-surtitre {
    margin: 0 0 18px;
    color: #d6b568;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .76rem;
    font-weight: 700;
    letter-spacing: .28em;
}

.se-decouverte-section-entete h2 {
    margin: 0 0 22px;
    color: #f7f4ed;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(2rem, 4vw, 3.35rem);
    font-weight: 400;
    line-height: 1.15;
    letter-spacing: -.025em;
}

.se-decouverte-section-entete > p:last-child {
    max-width: 720px;
    margin: 0 auto;
    color: rgba(244, 241, 233, .72);
    font-size: 1rem;
    line-height: 1.8;
}

.se-decouverte-cartes {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
    width: min(1120px, 100%);
    margin: 0 auto;
}

.se-decouverte-carte {
    position: relative;
    overflow: hidden;
    min-height: 245px;
    padding: 34px;
    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, .035),
            rgba(255, 255, 255, .012)
        );
    border: 1px solid rgba(201, 168, 92, .20);
    border-radius: 12px;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .14);
    transition:
        transform .3s ease,
        border-color .3s ease,
        background-color .3s ease,
        box-shadow .3s ease;
}

.se-decouverte-carte::after {
    content: "";
    position: absolute;
    right: -55px;
    bottom: -65px;
    width: 155px;
    height: 155px;
    background: radial-gradient(
        circle,
        rgba(201, 168, 92, .12),
        transparent 68%
    );
    border-radius: 50%;
    pointer-events: none;
}

.se-decouverte-carte:hover {
    border-color: rgba(214, 181, 104, .55);
    background-color: rgba(201, 168, 92, .035);
    box-shadow: 0 24px 55px rgba(0, 0, 0, .22);
    transform: translateY(-5px);
}

.se-decouverte-carte__numero {
    display: block;
    margin-bottom: 38px;
    color: #d6b568;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .18em;
}

.se-decouverte-carte h3 {
    margin: 0 0 15px;
    color: #f2ead8;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(1.15rem, 2vw, 1.38rem);
    font-weight: 500;
    line-height: 1.35;
}

.se-decouverte-carte p {
    margin: 0;
    color: rgba(244, 241, 233, .68);
    font-size: .95rem;
    line-height: 1.75;
}

/* Tablettes et téléphones */
@media (max-width: 760px) {
    .se-decouverte-pour-qui {
        padding: 70px 22px;
    }

    .se-decouverte-cartes {
        grid-template-columns: 1fr;
    }

    .se-decouverte-carte {
        min-height: auto;
        padding: 28px;
    }

    .se-decouverte-carte__numero {
        margin-bottom: 25px;
    }
}

/* Accessibilité */
@media (prefers-reduced-motion: reduce) {
    .se-decouverte-carte {
        transition: none;
    }

    .se-decouverte-carte:hover {
        transform: none;
    }
}
/* Positionnement sous le menu fixe */
.se-decouverte-pour-qui {
    scroll-margin-top: 210px;
}

/* Apparition progressive activée par JavaScript */
html.se-motion-ready .se-decouverte-section-entete,
html.se-motion-ready .se-decouverte-carte {
    opacity: 0;
    transform: translateY(28px);
    transition:
        opacity .7s ease var(--se-delay, 0ms),
        transform .7s ease var(--se-delay, 0ms);
}

html.se-motion-ready .se-decouverte-section-entete.se-visible,
html.se-motion-ready .se-decouverte-carte.se-visible {
    opacity: 1;
    transform: translateY(0);
}

@media (max-width: 760px) {
    .se-decouverte-pour-qui {
        scroll-margin-top: 125px;
    }
}

@media (prefers-reduced-motion: reduce) {
    html.se-motion-ready .se-decouverte-section-entete,
    html.se-motion-ready .se-decouverte-carte {
        opacity: 1;
        transform: none;
        transition: none;
    }
}
/* =====================================================
   SÉANCE DÉCOUVERTE — DÉROULEMENT DE LA SÉANCE
   ===================================================== */

.se-decouverte-deroulement {
    position: relative;
    padding: clamp(80px, 10vw, 135px) clamp(24px, 7vw, 100px);
    background:
        radial-gradient(circle at 82% 28%, rgba(42, 82, 112, .16), transparent 30%),
        #050d17;
    color: #f4f1e9;
    scroll-margin-top: 210px;
}

.se-decouverte-etapes {
    position: relative;
    width: min(960px, 100%);
    margin: 0 auto;
}

.se-decouverte-etapes::before {
    content: "";
    position: absolute;
    top: 32px;
    bottom: 32px;
    left: 31px;
    width: 1px;
    background: linear-gradient(
        to bottom,
        transparent,
        rgba(201, 168, 92, .55) 8%,
        rgba(201, 168, 92, .28) 92%,
        transparent
    );
}

.se-decouverte-etape {
    position: relative;
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr);
    gap: 30px;
    padding: 0 0 55px;
}

.se-decouverte-etape:last-child {
    padding-bottom: 0;
}

.se-decouverte-etape__repere {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 64px;
    height: 64px;
    background: #071525;
    border: 1px solid rgba(201, 168, 92, .55);
    border-radius: 50%;
    box-shadow:
        0 0 0 8px #050d17,
        0 0 35px rgba(201, 168, 92, .09);
}

.se-decouverte-etape__repere span {
    color: #d6b568;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .10em;
}

.se-decouverte-etape__contenu {
    padding: 8px 0 0;
}

.se-decouverte-etape__label {
    margin: 0 0 10px;
    color: #d6b568;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .70rem;
    font-weight: 700;
    letter-spacing: .22em;
}

.se-decouverte-etape h3 {
    margin: 0 0 14px;
    color: #f2ead8;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(1.3rem, 2.4vw, 1.75rem);
    font-weight: 500;
    line-height: 1.3;
}

.se-decouverte-etape__contenu > p:last-child {
    max-width: 750px;
    margin: 0;
    color: rgba(244, 241, 233, .68);
    font-size: .98rem;
    line-height: 1.8;
}

/* Apparition progressive des étapes */
html.se-motion-ready .se-decouverte-etape {
    opacity: 0;
    transform: translateY(28px);
    transition:
        opacity .7s ease var(--se-delay, 0ms),
        transform .7s ease var(--se-delay, 0ms);
}

html.se-motion-ready .se-decouverte-etape.se-visible {
    opacity: 1;
    transform: translateY(0);
}

@media (max-width: 760px) {
    .se-decouverte-deroulement {
        padding: 72px 22px;
        scroll-margin-top: 125px;
    }

    .se-decouverte-etapes::before {
        left: 23px;
    }

    .se-decouverte-etape {
        grid-template-columns: 48px minmax(0, 1fr);
        gap: 20px;
        padding-bottom: 45px;
    }

    .se-decouverte-etape__repere {
        width: 48px;
        height: 48px;
        box-shadow:
            0 0 0 6px #050d17,
            0 0 25px rgba(201, 168, 92, .08);
    }

    .se-decouverte-etape__contenu {
        padding-top: 2px;
    }
}

@media (prefers-reduced-motion: reduce) {
    html.se-motion-ready .se-decouverte-etape {
        opacity: 1;
        transform: none;
        transition: none;
    }
}
/* Carte de réservation sans affichage du tarif */
.se-decouverte-prix h3 {
    margin: 0 0 18px;
    color: #f2ead8;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(1.45rem, 2.6vw, 2rem);
    font-weight: 500;
    line-height: 1.3;
}

.se-decouverte-prix__invitation {
    margin: 0 0 28px;
    color: rgba(244, 241, 233, .70);
    font-size: .95rem;
    line-height: 1.75;
}
/* Séance découverte — offre et prochaine étape */

.se-decouverte-offre {
    padding: clamp(80px, 10vw, 135px) clamp(24px, 7vw, 100px);
    background:
        radial-gradient(circle at 75% 30%, rgba(201, 168, 92, .11), transparent 28%),
        linear-gradient(135deg, #071525 0%, #06101c 100%);
    color: #f4f1e9;
    scroll-margin-top: 210px;
}

.se-decouverte-offre__grille {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(320px, .7fr);
    gap: clamp(40px, 7vw, 90px);
    align-items: center;
    width: min(1120px, 100%);
    margin: 0 auto;
}

.se-decouverte-offre__contenu h2 {
    margin: 0 0 24px;
    color: #f7f4ed;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(2rem, 4vw, 3.35rem);
    font-weight: 400;
    line-height: 1.15;
}

.se-decouverte-offre__intro {
    margin: 0 0 30px;
    color: rgba(244, 241, 233, .74);
    font-size: 1.04rem;
    line-height: 1.8;
}

.se-decouverte-offre__liste {
    margin: 0;
    padding: 0;
    list-style: none;
}

.se-decouverte-offre__liste li {
    position: relative;
    margin-bottom: 16px;
    padding-left: 31px;
    color: rgba(244, 241, 233, .82);
    line-height: 1.65;
}

.se-decouverte-offre__liste li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #d6b568;
    font-weight: 700;
}

.se-decouverte-offre__limite {
    margin: 30px 0 0;
    padding-left: 17px;
    border-left: 2px solid rgba(201, 168, 92, .55);
    color: rgba(244, 241, 233, .64);
    line-height: 1.7;
}

.se-decouverte-prix {
    padding: 42px 36px;
    background: linear-gradient(
        145deg,
        rgba(255, 255, 255, .055),
        rgba(255, 255, 255, .015)
    );
    border: 1px solid rgba(201, 168, 92, .38);
    border-radius: 14px;
    box-shadow: 0 25px 65px rgba(0, 0, 0, .25);
    text-align: center;
}

.se-decouverte-prix__label {
    margin: 0 0 20px;
    color: #d6b568;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .74rem;
    font-weight: 700;
    letter-spacing: .20em;
}

.se-decouverte-prix h3 {
    margin: 0 0 18px;
    color: #f2ead8;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(1.45rem, 2.6vw, 2rem);
    font-weight: 500;
    line-height: 1.3;
}

.se-decouverte-prix__invitation {
    margin: 0 0 28px;
    color: rgba(244, 241, 233, .70);
    line-height: 1.75;
}

.se-decouverte-prix .se-decouverte-bouton {
    width: 100%;
}

.se-decouverte-prix__note {
    margin: 22px 0 0;
    color: rgba(244, 241, 233, .56);
    font-size: .8rem;
    line-height: 1.65;
}

.se-decouverte-offre__mention {
    width: min(940px, 100%);
    margin: 55px auto 0;
    padding-top: 26px;
    border-top: 1px solid rgba(201, 168, 92, .16);
    color: rgba(244, 241, 233, .48);
    font-size: .79rem;
    line-height: 1.7;
    text-align: center;
}

@media (max-width: 850px) {
    .se-decouverte-offre {
        padding: 72px 22px;
        scroll-margin-top: 125px;
    }

    .se-decouverte-offre__grille {
        grid-template-columns: 1fr;
    }

    .se-decouverte-prix {
        width: min(480px, 100%);
        margin: 0 auto;
    }
}
/* Page Échanger avec Richard — bouton principal */
.se-contact-boussole__action {
    margin-top: 28px;
    margin-bottom: 40px;
}
/* =====================================================
   SÉANCE DÉCOUVERTE — FAQ INTERACTIVE
   ===================================================== */

.se-decouverte-faq {
    padding: clamp(80px, 10vw, 135px) clamp(24px, 7vw, 100px);
    background:
        radial-gradient(circle at 18% 20%, rgba(201, 168, 92, .07), transparent 28%),
        #050d17;
    color: #f4f1e9;
    scroll-margin-top: 210px;
}

.se-decouverte-faq__liste {
    width: min(900px, 100%);
    margin: 0 auto;
    border-top: 1px solid rgba(201, 168, 92, .22);
}

.se-decouverte-faq__item {
    border-bottom: 1px solid rgba(201, 168, 92, .22);
}

.se-decouverte-faq__item summary {
    position: relative;
    padding: 26px 60px 26px 4px;
    color: #f2ead8;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(1rem, 2vw, 1.18rem);
    font-weight: 500;
    line-height: 1.45;
    cursor: pointer;
    list-style: none;
    transition: color .22s ease;
}

.se-decouverte-faq__item summary::-webkit-details-marker {
    display: none;
}

.se-decouverte-faq__item summary::after {
    content: "+";
    position: absolute;
    top: 50%;
    right: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    color: #d6b568;
    border: 1px solid rgba(201, 168, 92, .40);
    border-radius: 50%;
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 1;
    transform: translateY(-50%);
    transition:
        transform .25s ease,
        background-color .25s ease;
}

.se-decouverte-faq__item[open] summary {
    color: #d6b568;
}

.se-decouverte-faq__item[open] summary::after {
    content: "−";
    background: rgba(201, 168, 92, .10);
    transform: translateY(-50%) rotate(180deg);
}

.se-decouverte-faq__item summary:hover,
.se-decouverte-faq__item summary:focus-visible {
    color: #d6b568;
}

.se-decouverte-faq__reponse {
    padding: 0 60px 26px 4px;
}

.se-decouverte-faq__reponse p {
    max-width: 760px;
    margin: 0;
    color: rgba(244, 241, 233, .68);
    font-size: .96rem;
    line-height: 1.8;
}

/* Apparition progressive */
html.se-motion-ready .se-decouverte-faq__item {
    opacity: 0;
    transform: translateY(22px);
    transition:
        opacity .65s ease var(--se-delay, 0ms),
        transform .65s ease var(--se-delay, 0ms);
}

html.se-motion-ready .se-decouverte-faq__item.se-visible {
    opacity: 1;
    transform: translateY(0);
}

@media (max-width: 760px) {
    .se-decouverte-faq {
        padding: 72px 22px;
        scroll-margin-top: 125px;
    }

    .se-decouverte-faq__item summary {
        padding-right: 48px;
    }

    .se-decouverte-faq__reponse {
        padding-right: 10px;
    }
}

@media (prefers-reduced-motion: reduce) {
    html.se-motion-ready .se-decouverte-faq__item {
        opacity: 1;
        transform: none;
        transition: none;
    }
}
/* =====================================================
   SÉANCE DÉCOUVERTE — INVITATION FINALE
   ===================================================== */

.se-decouverte-final {
    padding: clamp(75px, 9vw, 115px) 24px;
    background:
        radial-gradient(circle at 50% 20%, rgba(201, 168, 92, .13), transparent 35%),
        linear-gradient(135deg, #071525, #040a12);
    border-top: 1px solid rgba(201, 168, 92, .18);
    color: #f4f1e9;
    text-align: center;
}

.se-decouverte-final__contenu {
    width: min(790px, 100%);
    margin: 0 auto;
}

.se-decouverte-final h2 {
    margin: 0 0 22px;
    color: #f7f4ed;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(2rem, 4vw, 3.25rem);
    font-weight: 400;
    line-height: 1.15;
    letter-spacing: -.025em;
}

.se-decouverte-final__contenu > p:not(.se-decouverte-surtitre) {
    max-width: 680px;
    margin: 0 auto 32px;
    color: rgba(244, 241, 233, .70);
    font-size: 1rem;
    line-height: 1.8;
}

.se-decouverte-final .se-decouverte-bouton {
    min-width: 230px;
}
/* Masquer les tags uniquement sur la page Séance découverte */
body:has(.se-decouverte-hero) .tags,
body:has(.se-decouverte-hero) .com-content-article__tags {
    display: none !important;
}
/* =====================================================
   PARCOURS STATION ENERGEIA — SECTION D’OUVERTURE
   ===================================================== */

.se-parcours-hero {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    min-height: 650px;
    display: flex;
    align-items: center;
    padding: clamp(75px, 9vw, 135px) clamp(24px, 7vw, 100px);
    color: #f4f1e9;
    background:
        radial-gradient(circle at 78% 28%, rgba(201, 168, 92, .18), transparent 28%),
        radial-gradient(circle at 18% 85%, rgba(44, 91, 125, .18), transparent 34%),
        linear-gradient(125deg, #030b17 0%, #071525 56%, #0a1c2c 100%);
    border: 1px solid rgba(201, 168, 92, .22);
    border-radius: 16px;
}

.se-parcours-hero::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -130px;
    right: -80px;
    width: 500px;
    height: 500px;
    border: 1px solid rgba(214, 181, 104, .20);
    border-radius: 50%;
    box-shadow:
        0 0 90px rgba(201, 168, 92, .10),
        inset 0 0 75px rgba(201, 168, 92, .06);
}

.se-parcours-hero::after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 10%;
    right: 18%;
    width: 1px;
    height: 80%;
    background: linear-gradient(
        to bottom,
        transparent,
        rgba(201, 168, 92, .32),
        transparent
    );
    transform: rotate(24deg);
}

.se-parcours-hero__contenu {
    position: relative;
    z-index: 1;
    width: min(800px, 100%);
}

.se-parcours-surtitre {
    margin: 0 0 22px;
    color: #d6b568;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .32em;
}

.se-parcours-hero h1 {
    max-width: 900px;
    margin: 0 0 27px;
    color: #f7f4ed;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(2.25rem, 5vw, 4.35rem);
    font-weight: 400;
    line-height: 1.08;
    letter-spacing: -.035em;
}

.se-parcours-hero__intro {
    max-width: 730px;
    margin: 0 0 18px;
    color: #f2ead8;
    font-size: clamp(1.08rem, 1.7vw, 1.28rem);
    line-height: 1.75;
}

.se-parcours-hero__texte {
    max-width: 700px;
    margin: 0;
    color: rgba(244, 241, 233, .74);
    font-size: 1rem;
    line-height: 1.8;
}

.se-parcours-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 34px;
}

.se-parcours-hero__note {
    max-width: 700px;
    margin: 28px 0 0;
    color: rgba(244, 241, 233, .55);
    font-size: .82rem;
    line-height: 1.65;
}

@media (max-width: 900px) {
    .se-parcours-hero {
        min-height: auto;
        padding: 76px 42px;
    }

    .se-parcours-hero::before {
        right: -270px;
    }
}

@media (max-width: 600px) {
    .se-parcours-hero {
        padding: 58px 22px;
        border-radius: 10px;
    }

    .se-parcours-hero h1 {
        font-size: clamp(2rem, 10vw, 2.8rem);
    }

    .se-parcours-hero__actions {
        flex-direction: column;
    }

    .se-parcours-hero__actions .se-decouverte-bouton {
        width: 100%;
    }
}
/* =====================================================
   PARCOURS STATION ENERGEIA — CINQ MOUVEMENTS
   ===================================================== */

.se-parcours-etapes {
    padding: clamp(80px, 10vw, 135px) clamp(24px, 7vw, 100px);
    background:
        radial-gradient(circle at 15% 20%, rgba(201, 168, 92, .07), transparent 28%),
        #07111d;
    color: #f4f1e9;
    scroll-margin-top: 210px;
}

.se-parcours-etapes__liste {
    position: relative;
    width: min(1000px, 100%);
    margin: 0 auto;
}

.se-parcours-etapes__liste::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 49px;
    width: 1px;
    background: linear-gradient(
        to bottom,
        transparent,
        rgba(201, 168, 92, .48) 8%,
        rgba(201, 168, 92, .25) 92%,
        transparent
    );
}

.se-parcours-etape {
    position: relative;
    display: grid;
    grid-template-columns: 100px minmax(0, 1fr);
    gap: 34px;
    padding: 0 0 34px;
}

.se-parcours-etape:last-child {
    padding-bottom: 0;
}

.se-parcours-etape__numero {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100px;
    color: #d6b568;
    background: #071525;
    border: 1px solid rgba(201, 168, 92, .48);
    border-radius: 50%;
    box-shadow:
        0 0 0 10px #07111d,
        0 0 36px rgba(201, 168, 92, .08);
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .76rem;
    font-weight: 700;
    letter-spacing: .14em;
}

.se-parcours-etape__contenu {
    min-height: 180px;
    padding: 30px 34px;
    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, .035),
            rgba(255, 255, 255, .012)
        );
    border: 1px solid rgba(201, 168, 92, .18);
    border-radius: 12px;
    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}

.se-parcours-etape:hover .se-parcours-etape__contenu {
    border-color: rgba(214, 181, 104, .48);
    box-shadow: 0 20px 48px rgba(0, 0, 0, .18);
    transform: translateX(5px);
}

.se-parcours-etape__surtitre {
    margin: 0 0 10px;
    color: #d6b568;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .70rem;
    font-weight: 700;
    letter-spacing: .23em;
}

.se-parcours-etape h3 {
    margin: 0 0 14px;
    color: #f2ead8;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(1.3rem, 2.5vw, 1.75rem);
    font-weight: 500;
    line-height: 1.3;
}

.se-parcours-etape__contenu > p:last-child {
    max-width: 750px;
    margin: 0;
    color: rgba(244, 241, 233, .68);
    font-size: .97rem;
    line-height: 1.8;
}

/* Animation */
html.se-motion-ready .se-parcours-etape {
    opacity: 0;
    transform: translateY(28px);
    transition:
        opacity .7s ease var(--se-delay, 0ms),
        transform .7s ease var(--se-delay, 0ms);
}

html.se-motion-ready .se-parcours-etape.se-visible {
    opacity: 1;
    transform: translateY(0);
}

@media (max-width: 700px) {
    .se-parcours-etapes {
        padding: 72px 22px;
        scroll-margin-top: 125px;
    }

    .se-parcours-etapes__liste::before {
        left: 23px;
    }

    .se-parcours-etape {
        grid-template-columns: 48px minmax(0, 1fr);
        gap: 18px;
        padding-bottom: 30px;
    }

    .se-parcours-etape__numero {
        width: 48px;
        height: 48px;
        box-shadow:
            0 0 0 6px #07111d,
            0 0 25px rgba(201, 168, 92, .08);
        font-size: .62rem;
    }

    .se-parcours-etape__contenu {
        min-height: auto;
        padding: 24px 22px;
    }

    .se-parcours-etape:hover .se-parcours-etape__contenu {
        transform: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    html.se-motion-ready .se-parcours-etape {
        opacity: 1;
        transform: none;
        transition: none;
    }
}
/* =====================================================
   PARCOURS — PERSONNALISATION ET CARROUSEL MOBILE
   ===================================================== */

.se-parcours-personnalise {
    padding: clamp(80px, 10vw, 135px) clamp(24px, 7vw, 100px);
    background:
        radial-gradient(circle at 82% 22%, rgba(42, 82, 112, .16), transparent 30%),
        #050d17;
    color: #f4f1e9;
}

.se-parcours-principes {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    width: min(1120px, 100%);
    margin: 0 auto;
}

.se-parcours-principe {
    position: relative;
    overflow: hidden;
    min-height: 290px;
    padding: 34px;
    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, .04),
            rgba(255, 255, 255, .012)
        );
    border: 1px solid rgba(201, 168, 92, .20);
    border-radius: 12px;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .14);
    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}

.se-parcours-principe::after {
    content: "";
    position: absolute;
    right: -55px;
    bottom: -65px;
    width: 160px;
    height: 160px;
    background: radial-gradient(
        circle,
        rgba(201, 168, 92, .12),
        transparent 68%
    );
    border-radius: 50%;
    pointer-events: none;
}

.se-parcours-principe:hover {
    border-color: rgba(214, 181, 104, .52);
    box-shadow: 0 24px 55px rgba(0, 0, 0, .22);
    transform: translateY(-6px);
}

.se-parcours-principe__numero {
    display: block;
    margin-bottom: 50px;
    color: #d6b568;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .18em;
}

.se-parcours-principe h3 {
    margin: 0 0 16px;
    color: #f2ead8;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(1.3rem, 2.4vw, 1.7rem);
    font-weight: 500;
    line-height: 1.3;
}

.se-parcours-principe p {
    margin: 0;
    color: rgba(244, 241, 233, .68);
    font-size: .95rem;
    line-height: 1.75;
}

.se-parcours-personnalise__note {
    width: min(850px, 100%);
    margin: 42px auto 0;
    color: rgba(244, 241, 233, .50);
    font-size: .82rem;
    line-height: 1.7;
    text-align: center;
}

/* Animation */
html.se-motion-ready .se-parcours-principe {
    opacity: 0;
    transform: translateY(26px);
    transition:
        opacity .7s ease var(--se-delay, 0ms),
        transform .7s ease var(--se-delay, 0ms),
        border-color .3s ease,
        box-shadow .3s ease;
}

html.se-motion-ready .se-parcours-principe.se-visible {
    opacity: 1;
    transform: translateY(0);
}

/* Tablette */
@media (max-width: 900px) {
    .se-parcours-principes {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .se-parcours-principe:last-child {
        grid-column: 1 / -1;
        width: calc(50% - 11px);
        justify-self: center;
    }
}

/* Téléphone — carrousel tactile */
@media (max-width: 650px) {
    .se-parcours-personnalise {
        padding: 72px 0;
    }

    .se-parcours-personnalise .se-decouverte-section-entete,
    .se-parcours-personnalise__note {
        width: auto;
        margin-right: 22px;
        margin-left: 22px;
    }

    .se-parcours-principes {
        display: flex;
        gap: 16px;
        width: 100%;
        padding: 0 22px 18px;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scrollbar-width: thin;
        scrollbar-color: rgba(201, 168, 92, .45) transparent;
    }

    .se-parcours-principe,
    .se-parcours-principe:last-child {
        flex: 0 0 84%;
        width: auto;
        min-height: 300px;
        scroll-snap-align: center;
    }

    .se-parcours-principe:hover {
        transform: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    html.se-motion-ready .se-parcours-principe {
        opacity: 1;
        transform: none;
        transition: none;
    }
}
/* Masquer les tags uniquement sur la page Parcours */
body:has(.se-parcours-hero) .tags,
body:has(.se-parcours-hero) .com-content-article__tags {
    display: none !important;
}
/* =====================================================
   LES CONVERSATIONS ORGO-LIFE® — OUVERTURE
   ===================================================== */

.se-conversations-hero {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    min-height: 680px;
    display: flex;
    align-items: center;
    padding: clamp(80px, 10vw, 145px) clamp(24px, 7vw, 100px);
    color: #f4f1e9;
    background:
        radial-gradient(circle at 76% 28%, rgba(201, 168, 92, .17), transparent 26%),
        radial-gradient(circle at 20% 85%, rgba(35, 78, 110, .20), transparent 36%),
        linear-gradient(125deg, #020812 0%, #071525 58%, #0a1d2e 100%);
    border: 1px solid rgba(201, 168, 92, .22);
    border-radius: 16px;
}

.se-conversations-hero::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 50%;
    right: -80px;
    width: 560px;
    height: 560px;
    border:
        1px solid rgba(214, 181, 104, .18);
    border-radius: 50%;
    box-shadow:
        0 0 90px rgba(201, 168, 92, .10),
        inset 0 0 80px rgba(201, 168, 92, .06);
    transform: translateY(-50%);
}

.se-conversations-hero::after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 18%;
    right: 15%;
    width: 280px;
    height: 280px;
    background:
        linear-gradient(
            90deg,
            transparent 49.7%,
            rgba(201, 168, 92, .18) 50%,
            transparent 50.3%
        ),
        linear-gradient(
            transparent 49.7%,
            rgba(201, 168, 92, .18) 50%,
            transparent 50.3%
        );
    border: 1px solid rgba(201, 168, 92, .12);
    border-radius: 50%;
    transform: rotate(18deg);
}

.se-conversations-hero__contenu {
    position: relative;
    z-index: 1;
    width: min(820px, 100%);
}

.se-conversations-surtitre {
    margin: 0 0 22px;
    color: #d6b568;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .76rem;
    font-weight: 700;
    letter-spacing: .30em;
}

.se-conversations-hero h1 {
    max-width: 900px;
    margin: 0 0 18px;
    color: #f7f4ed;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(2.6rem, 6vw, 5.2rem);
    font-weight: 400;
    line-height: 1.02;
    letter-spacing: -.045em;
}

.se-conversations-hero__signature {
    max-width: 760px;
    margin: 0 0 28px;
    color: #e5c574;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(1.1rem, 2vw, 1.42rem);
    font-weight: 400;
    line-height: 1.55;
}

.se-conversations-hero__texte {
    max-width: 720px;
    margin: 0 0 15px;
    color: rgba(244, 241, 233, .72);
    font-size: 1rem;
    line-height: 1.8;
}

.se-conversations-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 35px;
}

.se-conversations-hero__note {
    max-width: 700px;
    margin: 28px 0 0;
    color: rgba(244, 241, 233, .50);
    font-size: .82rem;
    line-height: 1.65;
}

@media (max-width: 900px) {
    .se-conversations-hero {
        min-height: auto;
        padding: 80px 42px;
    }

    .se-conversations-hero::before {
        right: -300px;
    }

    .se-conversations-hero::after {
        right: -60px;
    }
}

@media (max-width: 600px) {
    .se-conversations-hero {
        padding: 60px 22px;
        border-radius: 10px;
    }

    .se-conversations-hero h1 {
        font-size: clamp(2.35rem, 12vw, 3.4rem);
    }

    .se-conversations-hero__actions {
        flex-direction: column;
    }

    .se-conversations-hero__actions .se-decouverte-bouton {
        width: 100%;
    }
}
/* Conserver Orgo-Life® sur une seule ligne */
.se-conversations-hero h1 span {
    display: block;
    white-space: nowrap;
}

/* Retirer le petit cercle intérieur */
.se-conversations-hero::after {
    display: none;
}

@media (max-width: 600px) {
    .se-conversations-hero h1 span {
        white-space: normal;
    }
}
/* Titre Conversations sur une seule ligne — ordinateur */
.se-conversations-hero__contenu {
    width: min(1080px, 100%);
}

.se-conversations-hero h1 {
    max-width: none;
    white-space: nowrap;
    font-size: clamp(2.6rem, 5vw, 4.6rem);
}

.se-conversations-hero h1 span {
    display: inline;
    white-space: nowrap;
}

/* Autoriser le retour à la ligne sur tablette et mobile */
@media (max-width: 900px) {
    .se-conversations-hero h1 {
        white-space: normal;
    }
}
/* ==================================================
   CONVERSATIONS ORGO-LIFE — PRÉSENTATION
   ================================================== */

.se-conversations-presentation {
    padding: clamp(80px, 10vw, 135px) clamp(24px, 7vw, 100px);
    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(201, 168, 92, .07),
            transparent 34%
        ),
        #06111e;
    border-bottom: 1px solid rgba(201, 168, 92, .18);
    color: #f4f1e9;
}

.se-conversations-section-entete {
    width: min(820px, 100%);
    margin: 0 auto 65px;
    text-align: center;
}

.se-conversations-section-entete h2 {
    margin: 0 0 24px;
    color: #f7f4ed;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(2rem, 4vw, 3.5rem);
    font-weight: 400;
    line-height: 1.15;
    letter-spacing: -.035em;
}

.se-conversations-section-entete > p:last-child {
    width: min(720px, 100%);
    margin: 0 auto;
    color: rgba(244, 241, 233, .68);
    font-size: 1rem;
    line-height: 1.8;
}

/* Trois cartes */

.se-conversations-intervenants {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: min(1180px, 100%);
    margin: 0 auto;
    gap: 22px;
}

.se-conversations-intervenant {
    position: relative;
    min-height: 330px;
    padding: 40px 34px;
    overflow: hidden;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, .035),
            rgba(255, 255, 255, .012)
        );

    border: 1px solid rgba(201, 168, 92, .22);
    border-radius: 12px;

    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}

.se-conversations-intervenant::after {
    content: "";
    position: absolute;
    right: -75px;
    bottom: -75px;

    width: 180px;
    height: 180px;

    border: 1px solid rgba(201, 168, 92, .10);
    border-radius: 50%;
}

.se-conversations-intervenant:hover {
    transform: translateY(-6px);
    border-color: rgba(214, 181, 104, .48);
    box-shadow: 0 20px 45px rgba(0, 0, 0, .20);
}

.se-conversations-intervenant__numero {
    display: block;
    margin-bottom: 42px;

    color: #d6b568;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .18em;
}

.se-conversations-intervenant h3 {
    margin: 0 0 10px;

    color: #f7f4ed;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: 1.45rem;
    font-weight: 500;
    line-height: 1.3;
}

.se-conversations-intervenant__role {
    margin: 0 0 22px;

    color: #d6b568;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: .78rem;
    font-weight: 600;
    line-height: 1.55;
    letter-spacing: .045em;
    text-transform: uppercase;
}

.se-conversations-intervenant > p:last-child {
    margin: 0;
    color: rgba(244, 241, 233, .68);
    font-size: .94rem;
    line-height: 1.75;
}

/* Tablette */

@media (max-width: 900px) {
    .se-conversations-intervenants {
        grid-template-columns: 1fr;
        width: min(650px, 100%);
    }

    .se-conversations-intervenant {
        min-height: auto;
    }
}

/* Mobile */

@media (max-width: 600px) {
    .se-conversations-presentation {
        padding: 70px 22px;
    }

    .se-conversations-section-entete {
        margin-bottom: 42px;
        text-align: left;
    }

    .se-conversations-intervenant {
        padding: 32px 26px;
    }

    .se-conversations-intervenant__numero {
        margin-bottom: 28px;
    }
}
/* Empêcher absolument la séparation de Orgo‑Life® */
.se-conversations-hero h1 span {
    display: inline-block !important;
    white-space: nowrap !important;
}
/* Correction définitive du titre Orgo-Life® */
.se-conversations-hero h1 span {
    display: inline-block !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
}

@media (max-width: 900px) {
    .se-conversations-hero h1 span {
        display: inline-block !important;
        white-space: nowrap !important;
        word-break: keep-all !important;
        overflow-wrap: normal !important;
        hyphens: none !important;
    }
}
/* Titre Conversations — une seule ligne sur ordinateur */
.se-conversations-hero h1 {
    max-width: none !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
    font-size: clamp(2.4rem, 4.7vw, 4.5rem) !important;
}

/* Mobile : permettre une coupure avant Orgo‑Life®, jamais à l’intérieur */
@media (max-width: 700px) {
    .se-conversations-hero h1 {
        white-space: normal !important;
        font-size: clamp(2.2rem, 11vw, 3.2rem) !important;
    }
}
/* ==================================================
   CONVERSATIONS ORGO-LIFE — THÉMATIQUES
   ================================================== */

.se-conversations-thematiques {
    padding: clamp(80px, 10vw, 135px) 0;
    overflow: hidden;
    background:
        linear-gradient(
            180deg,
            #06111e 0%,
            #081827 55%,
            #06111e 100%
        );
    color: #f4f1e9;
}

.se-conversations-thematiques .se-conversations-section-entete {
    padding: 0 24px;
}

/* Rail horizontal */

.se-conversations-thematiques__rail {
    display: flex;
    gap: 24px;

    width: min(1220px, 92%);
    margin: 0 auto;

    padding: 12px 4px 30px;

    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: inline mandatory;
    scroll-padding-inline: 4px;

    scrollbar-width: thin;
    scrollbar-color: rgba(201, 168, 92, .55) rgba(255, 255, 255, .05);
}

.se-conversations-thematiques__rail::-webkit-scrollbar {
    height: 6px;
}

.se-conversations-thematiques__rail::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, .05);
    border-radius: 20px;
}

.se-conversations-thematiques__rail::-webkit-scrollbar-thumb {
    background: rgba(201, 168, 92, .55);
    border-radius: 20px;
}

/* Cartes */

.se-conversations-thematique {
    position: relative;
    flex: 0 0 min(360px, 82vw);
    min-height: 390px;

    padding: 40px 34px;

    overflow: hidden;
    scroll-snap-align: start;

    background:
        radial-gradient(
            circle at 100% 100%,
            rgba(201, 168, 92, .10),
            transparent 35%
        ),
        rgba(255, 255, 255, .025);

    border: 1px solid rgba(201, 168, 92, .22);
    border-radius: 12px;

    transition:
        transform .3s ease,
        border-color .3s ease,
        background .3s ease;
}

.se-conversations-thematique:hover {
    transform: translateY(-7px);
    border-color: rgba(214, 181, 104, .55);
    background-color: rgba(255, 255, 255, .04);
}

.se-conversations-thematique__numero {
    display: block;
    margin-bottom: 70px;

    color: rgba(214, 181, 104, .60);

    font-family: "Montserrat", Arial, sans-serif;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .18em;
}

.se-conversations-thematique__mot {
    margin: 0 0 14px;

    color: #d6b568;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .20em;
}

.se-conversations-thematique h3 {
    margin: 0 0 22px;

    color: #f7f4ed;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: 1.45rem;
    font-weight: 500;
    line-height: 1.35;
}

.se-conversations-thematique > p:last-child {
    margin: 0;
    color: rgba(244, 241, 233, .66);
    font-size: .94rem;
    line-height: 1.75;
}

/* Indication sous le carrousel */

.se-conversations-thematiques__indication {
    width: min(1220px, 92%);
    margin: 18px auto 0;

    color: rgba(244, 241, 233, .42);

    font-family: "Montserrat", Arial, sans-serif;
    font-size: .72rem;
    letter-spacing: .06em;
    text-align: right;
}

/* Mobile */

@media (max-width: 600px) {
    .se-conversations-thematiques {
        padding: 70px 0;
    }

    .se-conversations-thematiques__rail {
        width: 100%;
        padding: 8px 22px 28px;
        scroll-padding-inline: 22px;
    }

    .se-conversations-thematique {
        flex-basis: 84vw;
        min-height: 370px;
        padding: 34px 27px;
    }

    .se-conversations-thematique__numero {
        margin-bottom: 52px;
    }

    .se-conversations-thematiques__indication {
        width: calc(100% - 44px);
        text-align: left;
    }
}
/* ==================================================
   CONVERSATIONS ORGO-LIFE — ÉPISODES
   ================================================== */

.se-conversations-episodes {
    padding: clamp(80px, 10vw, 140px) clamp(24px, 7vw, 100px);
    background:
        radial-gradient(
            circle at 85% 15%,
            rgba(42, 91, 126, .15),
            transparent 30%
        ),
        #040b14;
    color: #f4f1e9;
}

.se-conversations-episodes__grille {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: min(1180px, 100%);
    margin: 0 auto;
    gap: 24px;
}

/* Carte générale */

.se-conversations-episode {
    overflow: hidden;
    background: rgba(255, 255, 255, .025);
    border: 1px solid rgba(201, 168, 92, .20);
    border-radius: 12px;

    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}

.se-conversations-episode:hover {
    transform: translateY(-6px);
    border-color: rgba(214, 181, 104, .48);
    box-shadow: 0 22px 45px rgba(0, 0, 0, .22);
}

/* Zone visuelle temporaire */

.se-conversations-episode__visuel {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;

    min-height: 225px;
    padding: 26px;

    background:
        linear-gradient(
            135deg,
            rgba(4, 12, 22, .15),
            rgba(4, 12, 22, .75)
        ),
        radial-gradient(
            circle at 75% 35%,
            rgba(201, 168, 92, .23),
            transparent 28%
        ),
        linear-gradient(
            125deg,
            #0b2032,
            #071321 62%,
            #111d26
        );

    border-bottom: 1px solid rgba(201, 168, 92, .14);
}

.se-conversations-episode__visuel::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;

    width: 115px;
    height: 115px;

    border: 1px solid rgba(214, 181, 104, .16);
    border-radius: 50%;

    transform: translate(-50%, -50%);
}

.se-conversations-episode__visuel::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;

    width: 42px;
    height: 42px;

    border: 1px solid rgba(214, 181, 104, .32);
    border-radius: 50%;
    box-shadow: 0 0 28px rgba(201, 168, 92, .15);

    transform: translate(-50%, -50%);
}

.se-conversations-episode__numero,
.se-conversations-episode__statut {
    position: relative;
    z-index: 1;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: .67rem;
    font-weight: 700;
    letter-spacing: .13em;
}

.se-conversations-episode__numero {
    color: #e5c574;
}

.se-conversations-episode__statut {
    padding: 7px 10px;
    color: rgba(244, 241, 233, .60);
    background: rgba(3, 9, 16, .55);
    border: 1px solid rgba(244, 241, 233, .12);
    border-radius: 4px;
}

/* Contenu */

.se-conversations-episode__contenu {
    padding: 34px 32px 38px;
}

.se-conversations-episode__theme {
    margin: 0 0 13px;

    color: #d6b568;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: .69rem;
    font-weight: 700;
    letter-spacing: .18em;
}

.se-conversations-episode h3 {
    margin: 0 0 18px;

    color: #f7f4ed;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.35;
}

.se-conversations-episode__contenu > p:last-child {
    margin: 0;
    color: rgba(244, 241, 233, .65);
    font-size: .93rem;
    line-height: 1.75;
}

/* Premier épisode mis en valeur */

.se-conversations-episode--vedette {
    display: grid;
    grid-template-columns: 1.15fr 1fr;
    grid-column: 1 / -1;
}

.se-conversations-episode--vedette .se-conversations-episode__visuel {
    min-height: 370px;
    border-right: 1px solid rgba(201, 168, 92, .14);
    border-bottom: 0;
}

.se-conversations-episode--vedette .se-conversations-episode__contenu {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 48px;
}

.se-conversations-episode--vedette h3 {
    font-size: clamp(1.8rem, 3vw, 2.6rem);
}

/* Note sous les épisodes */

.se-conversations-episodes__note {
    width: min(1180px, 100%);
    margin: 32px auto 0;

    color: rgba(244, 241, 233, .43);

    font-family: "Montserrat", Arial, sans-serif;
    font-size: .76rem;
    line-height: 1.6;
    text-align: center;
}

/* Tablette et mobile */

@media (max-width: 800px) {
    .se-conversations-episodes__grille {
        grid-template-columns: 1fr;
    }

    .se-conversations-episode--vedette {
        display: block;
        grid-column: auto;
    }

    .se-conversations-episode--vedette .se-conversations-episode__visuel {
        min-height: 250px;
        border-right: 0;
        border-bottom: 1px solid rgba(201, 168, 92, .14);
    }

    .se-conversations-episode--vedette .se-conversations-episode__contenu {
        display: block;
        padding: 34px 32px 38px;
    }
}

@media (max-width: 600px) {
    .se-conversations-episodes {
        padding: 70px 22px;
    }

    .se-conversations-episode__visuel {
        min-height: 205px;
        padding: 22px;
    }

    .se-conversations-episode__statut {
        max-width: 145px;
        line-height: 1.4;
        text-align: right;
    }

    .se-conversations-episode__contenu,
    .se-conversations-episode--vedette .se-conversations-episode__contenu {
        padding: 30px 25px 34px;
    }
}
/* ==================================================
   CONVERSATIONS ORGO-LIFE — INVITATION FINALE
   ================================================== */

.se-conversations-cta {
    position: relative;
    isolation: isolate;
    overflow: hidden;

    padding: clamp(90px, 12vw, 160px) 24px;

    background:
        radial-gradient(
            circle at 50% 45%,
            rgba(201, 168, 92, .14),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #071321 0%,
            #0a1d2e 50%,
            #050c16 100%
        );

    border-top: 1px solid rgba(201, 168, 92, .20);
    border-bottom: 1px solid rgba(201, 168, 92, .20);

    color: #f4f1e9;
    text-align: center;
}

.se-conversations-cta::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;

    width: min(720px, 85vw);
    aspect-ratio: 1;

    border: 1px solid rgba(214, 181, 104, .12);
    border-radius: 50%;

    box-shadow:
        0 0 100px rgba(201, 168, 92, .08),
        inset 0 0 100px rgba(201, 168, 92, .04);

    transform: translate(-50%, -50%);
}

.se-conversations-cta__contenu {
    position: relative;
    z-index: 1;

    width: min(850px, 100%);
    margin: 0 auto;
}

.se-conversations-cta h2 {
    margin: 0 auto 26px;

    color: #f7f4ed;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(2.1rem, 4.8vw, 4rem);
    font-weight: 400;
    line-height: 1.12;
    letter-spacing: -.04em;
}

.se-conversations-cta__contenu > p:not(
    .se-conversations-surtitre,
    .se-conversations-cta__note
) {
    width: min(720px, 100%);
    margin: 0 auto;

    color: rgba(244, 241, 233, .70);

    font-size: 1rem;
    line-height: 1.85;
}

.se-conversations-cta__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px;

    margin-top: 38px;
}

.se-conversations-cta__note {
    width: min(650px, 100%);
    margin: 30px auto 0;

    color: rgba(244, 241, 233, .44);

    font-size: .82rem;
    line-height: 1.65;
}

/* Mobile */

@media (max-width: 600px) {
    .se-conversations-cta {
        padding: 85px 22px;
        text-align: left;
    }

    .se-conversations-cta__actions {
        flex-direction: column;
        align-items: stretch;
    }

    .se-conversations-cta__actions .se-decouverte-bouton {
        width: 100%;
        text-align: center;
    }

    .se-conversations-cta__note {
        margin-left: 0;
    }
}
/* ==================================================
   STATION ENERGEIA — PAGES LÉGALES
   ================================================== */

.se-legal {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    overflow: hidden;

    background:
        radial-gradient(
            circle at 85% 8%,
            rgba(201, 168, 92, .09),
            transparent 26%
        ),
        #06111e;

    color: #f4f1e9;
}

/* En-tête */

.se-legal__hero {
    padding: clamp(85px, 11vw, 150px) 24px 80px;
    text-align: center;

    border-bottom: 1px solid rgba(201, 168, 92, .18);
}

.se-legal__surtitre {
    margin: 0 0 24px;

    color: #d6b568;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: .74rem;
    font-weight: 700;
    letter-spacing: .25em;
}

.se-legal__hero h1 {
    margin: 0 auto 26px;

    color: #f7f4ed;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(2.5rem, 5.5vw, 4.8rem);
    font-weight: 400;
    line-height: 1.08;
    letter-spacing: -.04em;
}

.se-legal__intro {
    width: min(720px, 100%);
    margin: 0 auto;

    color: rgba(244, 241, 233, .72);

    font-size: 1.06rem;
    line-height: 1.8;
}

.se-legal__date {
    margin: 26px 0 0;

    color: rgba(244, 241, 233, .44);

    font-family: "Montserrat", Arial, sans-serif;
    font-size: .73rem;
    letter-spacing: .05em;
}

/* Contenu principal */

.se-legal__contenu {
    width: min(900px, 88%);
    margin: 0 auto;
    padding: 80px 0 120px;
}

.se-legal__contenu section {
    padding: 0 0 48px;
    margin: 0 0 48px;

    border-bottom: 1px solid rgba(201, 168, 92, .13);
}

.se-legal__contenu section:last-child {
    margin-bottom: 0;
}

.se-legal__contenu h2 {
    margin: 0 0 24px;

    color: #e5c574;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(1.35rem, 2.5vw, 1.8rem);
    font-weight: 500;
    line-height: 1.35;
}

.se-legal__contenu p {
    margin: 0 0 18px;

    color: rgba(244, 241, 233, .72);

    font-size: .98rem;
    line-height: 1.85;
}

.se-legal__contenu ul {
    margin: 22px 0 25px;
    padding-left: 24px;
}

.se-legal__contenu li {
    margin-bottom: 12px;
    padding-left: 7px;

    color: rgba(244, 241, 233, .72);

    font-size: .96rem;
    line-height: 1.75;
}

.se-legal__contenu li::marker {
    color: #c9a85c;
}

.se-legal__contenu a {
    color: #e5c574;
    text-decoration: none;
    border-bottom: 1px solid rgba(229, 197, 116, .35);
}

.se-legal__contenu a:hover,
.se-legal__contenu a:focus {
    color: #f4d887;
    border-bottom-color: #f4d887;
}

/* Bloc de contact */

.se-legal__contact {
    padding: 38px !important;

    background: rgba(255, 255, 255, .025);
    border: 1px solid rgba(201, 168, 92, .22) !important;
    border-radius: 10px;
}

/* Mobile */

@media (max-width: 600px) {
    .se-legal__hero {
        padding: 70px 22px 55px;
        text-align: left;
    }

    .se-legal__contenu {
        width: calc(100% - 44px);
        padding: 60px 0 85px;
    }

    .se-legal__contenu section {
        padding-bottom: 36px;
        margin-bottom: 36px;
    }

    .se-legal__contact {
        padding: 27px !important;
    }
}
/* ==================================================
   ACCUEIL — CARROUSEL DES CINQ CHEMINS
   ================================================== */

.se-path {
    overflow: hidden;
}

/* Rail horizontal */

.se-path .se-path-grid {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 22px;

    width: min(1220px, 92%);
    margin-right: auto;
    margin-left: auto;
    padding: 10px 3px 25px;

    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-behavior: smooth;
    scroll-snap-type: inline mandatory;
    scroll-padding-inline: 3px;

    scrollbar-width: none;
}

.se-path .se-path-grid::-webkit-scrollbar {
    display: none;
}

/* Trois cartes visibles sur ordinateur */

.se-path .se-path-card {
    display: flex;
    flex: 0 0 calc((100% - 44px) / 3);
    flex-direction: column;

    min-width: 0;
    min-height: 390px;

    scroll-snap-align: start;

    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}

.se-path .se-path-card:hover {
    transform: translateY(-7px);
    border-color: rgba(214, 181, 104, .55);
    box-shadow: 0 20px 42px rgba(0, 0, 0, .20);
}

.se-path .se-path-card > p {
    flex-grow: 1;
}

.se-path .se-path-card > a {
    align-self: flex-start;
}

/* Commandes */

.se-path-controls {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 22px;

    width: min(1220px, 92%);
    margin: 25px auto 0;
}

.se-path-control {
    display: inline-flex;
    justify-content: center;
    align-items: center;

    width: 48px;
    height: 48px;
    padding: 0;

    background: transparent;
    border: 1px solid rgba(201, 168, 92, .55);
    border-radius: 50%;

    color: #d6b568;

    font-family: Arial, sans-serif;
    font-size: 1.25rem;
    line-height: 1;

    cursor: pointer;

    transition:
        background .22s ease,
        color .22s ease,
        border-color .22s ease,
        transform .22s ease,
        opacity .22s ease;
}

.se-path-control:hover:not(:disabled),
.se-path-control:focus-visible:not(:disabled) {
    background: #c9a85c;
    border-color: #c9a85c;
    color: #07111f;
    transform: translateY(-2px);
}

.se-path-control:disabled {
    opacity: .28;
    cursor: not-allowed;
}

.se-path-controls__message {
    margin: 0;

    color: rgba(244, 241, 233, .52);

    font-family: "Montserrat", Arial, sans-serif;
    font-size: .75rem;
    letter-spacing: .045em;
    text-align: center;
}

/* Tablette : deux cartes visibles */

@media (max-width: 900px) {
    .se-path .se-path-card {
        flex-basis: calc((100% - 22px) / 2);
    }
}

/* Mobile : une carte visible */

@media (max-width: 600px) {
    .se-path .se-path-grid {
        width: 100%;
        padding-right: 22px;
        padding-left: 22px;
        scroll-padding-inline: 22px;
    }

    .se-path .se-path-card {
        flex-basis: calc(100vw - 44px);
        min-height: 365px;
    }

    .se-path-controls {
        width: calc(100% - 44px);
        gap: 15px;
    }

    .se-path-control {
        flex: 0 0 46px;
        width: 46px;
        height: 46px;
    }

    .se-path-controls__message {
        font-size: .69rem;
        line-height: 1.5;
    }
}
/* ==================================================
   À PROPOS — VALEURS DE LA DÉMARCHE
   ================================================== */

.se-about-values {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    padding: clamp(85px, 10vw, 135px) 24px;

    background:
        radial-gradient(
            circle at 82% 18%,
            rgba(201, 168, 92, .08),
            transparent 28%
        ),
        #06111e;

    border-top: 1px solid rgba(201, 168, 92, .16);
    border-bottom: 1px solid rgba(201, 168, 92, .16);

    color: #f4f1e9;
}

.se-about-values__inner {
    width: min(1180px, 100%);
    margin: 0 auto;
}

.se-about-values__intro {
    width: min(780px, 100%);
    margin-bottom: 60px;
}

.se-about-values__eyebrow {
    margin: 0 0 22px;

    color: #d6b568;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: .74rem;
    font-weight: 700;
    letter-spacing: .25em;
}

.se-about-values__intro h2 {
    margin: 0 0 26px;

    color: #f7f4ed;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(2rem, 4.2vw, 3.6rem);
    font-weight: 400;
    line-height: 1.14;
    letter-spacing: -.035em;
}

.se-about-values__intro > p:last-child {
    width: min(700px, 100%);
    margin: 0;

    color: rgba(244, 241, 233, .70);

    font-size: 1rem;
    line-height: 1.8;
}

/* Cartes */

.se-about-values__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.se-about-value {
    position: relative;
    min-height: 305px;
    padding: 34px 28px;

    overflow: hidden;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, .035),
            rgba(255, 255, 255, .012)
        );

    border: 1px solid rgba(201, 168, 92, .20);
    border-radius: 10px;

    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}

.se-about-value::after {
    content: "";
    position: absolute;
    right: -58px;
    bottom: -58px;

    width: 135px;
    height: 135px;

    border: 1px solid rgba(201, 168, 92, .10);
    border-radius: 50%;
}

.se-about-value:hover {
    transform: translateY(-6px);
    border-color: rgba(214, 181, 104, .50);
    box-shadow: 0 20px 42px rgba(0, 0, 0, .20);
}

.se-about-value__number {
    display: block;
    margin-bottom: 62px;

    color: rgba(214, 181, 104, .62);

    font-family: "Montserrat", Arial, sans-serif;
    font-size: .73rem;
    font-weight: 700;
    letter-spacing: .18em;
}

.se-about-value h3 {
    margin: 0 0 17px;

    color: #f7f4ed;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: 1.35rem;
    font-weight: 500;
    line-height: 1.35;
}

.se-about-value p {
    position: relative;
    z-index: 1;

    margin: 0;

    color: rgba(244, 241, 233, .66);

    font-size: .92rem;
    line-height: 1.72;
}

/* Tablette */

@media (max-width: 950px) {
    .se-about-values__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .se-about-value {
        min-height: 280px;
    }
}

/* Mobile */

@media (max-width: 600px) {
    .se-about-values {
        padding: 70px 22px;
    }

    .se-about-values__intro {
        margin-bottom: 42px;
    }

    .se-about-values__grid {
        grid-template-columns: 1fr;
    }

    .se-about-value {
        min-height: auto;
        padding: 30px 26px;
    }

    .se-about-value__number {
        margin-bottom: 35px;
    }
}
/* ==================================================
   À PROPOS — APPARITION AU DÉFILEMENT
   ================================================== */

.se-about-story-v2,
.se-about-why-v2,
.se-about-approach-v2,
.se-about-contact-v2 {
    opacity: 0;
    transform: translateY(28px);

    transition:
        opacity .75s ease,
        transform .75s ease;
}

.se-about-story-v2.se-visible,
.se-about-why-v2.se-visible,
.se-about-approach-v2.se-visible,
.se-about-contact-v2.se-visible {
    opacity: 1;
    transform: translateY(0);
}

/* Respecter les préférences d’accessibilité */

@media (prefers-reduced-motion: reduce) {
    .se-about-story-v2,
    .se-about-why-v2,
    .se-about-approach-v2,
    .se-about-contact-v2 {
        opacity: 1;
        transform: none;
        transition: none;
    }
}
/* ==================================================
   EXPÉRIENCES PARTAGÉES
   ================================================== */

.se-testimonials-hero,
.se-testimonials,
.se-testimonials-cta {
    width: 100vw;
    margin-left: calc(50% - 50vw);
}

/* Héros */

.se-testimonials-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;

    min-height: 620px;
    display: flex;
    align-items: center;

    padding: clamp(85px, 11vw, 150px) clamp(24px, 8vw, 110px);

    background:
        radial-gradient(
            circle at 78% 32%,
            rgba(201, 168, 92, .16),
            transparent 27%
        ),
        radial-gradient(
            circle at 20% 85%,
            rgba(43, 91, 128, .18),
            transparent 34%
        ),
        linear-gradient(
            125deg,
            #020812 0%,
            #071525 58%,
            #0a1d2e 100%
        );

    border-bottom: 1px solid rgba(201, 168, 92, .20);
    color: #f4f1e9;
}

.se-testimonials-hero::after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 50%;
    right: -160px;

    width: 580px;
    height: 580px;

    border: 1px solid rgba(214, 181, 104, .15);
    border-radius: 50%;

    box-shadow:
        0 0 90px rgba(201, 168, 92, .08),
        inset 0 0 90px rgba(201, 168, 92, .04);

    transform: translateY(-50%);
}

.se-testimonials-hero__inner {
    width: min(850px, 100%);
}

.se-testimonials-eyebrow {
    margin: 0 0 23px;

    color: #d6b568;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .27em;
}

.se-testimonials-hero h1 {
    margin: 0 0 28px;

    color: #f7f4ed;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(2.7rem, 6vw, 5.2rem);
    font-weight: 400;
    line-height: 1.04;
    letter-spacing: -.045em;
}

.se-testimonials-hero__intro {
    width: min(720px, 100%);
    margin: 0 0 36px;

    color: rgba(244, 241, 233, .72);

    font-size: 1.04rem;
    line-height: 1.82;
}

/* Zone des témoignages */

.se-testimonials {
    overflow: hidden;
    padding: clamp(85px, 10vw, 135px) 0;

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(201, 168, 92, .07),
            transparent 30%
        ),
        #06111e;

    color: #f4f1e9;
}

.se-testimonials__header {
    width: min(820px, calc(100% - 48px));
    margin: 0 auto 60px;
    text-align: center;
}

.se-testimonials__header h2 {
    margin: 0 0 24px;

    color: #f7f4ed;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(2rem, 4.3vw, 3.7rem);
    font-weight: 400;
    line-height: 1.14;
    letter-spacing: -.035em;
}

.se-testimonials__header > p:last-child {
    width: min(700px, 100%);
    margin: 0 auto;

    color: rgba(244, 241, 233, .68);

    font-size: 1rem;
    line-height: 1.8;
}

/* Carrousel */

.se-testimonials__rail {
    display: flex;
    gap: 24px;

    width: min(1180px, 92%);
    margin: 0 auto;
    padding: 10px 3px 28px;

    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-behavior: smooth;
    scroll-snap-type: inline mandatory;
    scroll-padding-inline: 3px;

    scrollbar-width: none;
}

.se-testimonials__rail::-webkit-scrollbar {
    display: none;
}

.se-testimonial-card {
    display: flex;
    flex: 0 0 calc((100% - 24px) / 2);
    flex-direction: column;

    min-width: 0;
    min-height: 500px;
    padding: 38px 36px;

    scroll-snap-align: start;

    background:
        radial-gradient(
            circle at 100% 100%,
            rgba(201, 168, 92, .09),
            transparent 34%
        ),
        rgba(255, 255, 255, .025);

    border: 1px solid rgba(201, 168, 92, .21);
    border-radius: 12px;

    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}

.se-testimonial-card:hover {
    transform: translateY(-6px);
    border-color: rgba(214, 181, 104, .50);
    box-shadow: 0 22px 45px rgba(0, 0, 0, .20);
}

.se-testimonial-card__top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;

    margin-bottom: 42px;
}

.se-testimonial-card__number,
.se-testimonial-card__theme {
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .69rem;
    font-weight: 700;
    letter-spacing: .14em;
}

.se-testimonial-card__number {
    color: rgba(214, 181, 104, .60);
}

.se-testimonial-card__theme {
    color: #d6b568;
    text-align: right;
}

.se-testimonial-card blockquote {
    flex-grow: 1;

    margin: 0;
    padding: 0;

    border: 0;
}

.se-testimonial-card blockquote p {
    margin: 0 0 18px;

    color: rgba(244, 241, 233, .76);

    font-size: 1.02rem;
    line-height: 1.85;
}

.se-testimonial-card footer {
    display: flex;
    align-items: center;
    gap: 15px;

    margin-top: 32px;
    padding-top: 25px;

    border-top: 1px solid rgba(201, 168, 92, .14);
}

.se-testimonial-card__initial {
    display: inline-flex;
    flex: 0 0 48px;
    justify-content: center;
    align-items: center;

    width: 48px;
    height: 48px;

    background: rgba(201, 168, 92, .10);
    border: 1px solid rgba(201, 168, 92, .35);
    border-radius: 50%;

    color: #e5c574;

    font-family: "Montserrat", Arial, sans-serif;
    font-weight: 600;
}

.se-testimonial-card footer div {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.se-testimonial-card footer strong {
    color: #f7f4ed;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: .93rem;
    font-weight: 600;
}

.se-testimonial-card footer div span {
    color: rgba(244, 241, 233, .48);

    font-size: .76rem;
    line-height: 1.45;
}

/* Flèches */

.se-testimonials__controls {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 22px;

    width: min(1180px, 92%);
    margin: 25px auto 0;
}

.se-testimonials__controls p {
    margin: 0;

    color: rgba(244, 241, 233, .48);

    font-family: "Montserrat", Arial, sans-serif;
    font-size: .74rem;
    letter-spacing: .045em;
    text-align: center;
}

.se-testimonials-control {
    display: inline-flex;
    flex: 0 0 48px;
    justify-content: center;
    align-items: center;

    width: 48px;
    height: 48px;
    padding: 0;

    background: transparent;
    border: 1px solid rgba(201, 168, 92, .55);
    border-radius: 50%;

    color: #d6b568;
    font-size: 1.2rem;

    cursor: pointer;

    transition:
        background .22s ease,
        color .22s ease,
        transform .22s ease;
}

.se-testimonials-control:hover {
    background: #c9a85c;
    color: #07111f;
    transform: translateY(-2px);
}

/* Mention */

.se-testimonials__disclaimer {
    width: min(900px, calc(100% - 48px));
    margin: 48px auto 0;
    padding-top: 25px;

    border-top: 1px solid rgba(201, 168, 92, .13);

    color: rgba(244, 241, 233, .42);

    font-size: .78rem;
    line-height: 1.7;
    text-align: center;
}

/* Invitation finale */

.se-testimonials-cta {
    padding: clamp(85px, 11vw, 140px) 24px;

    background:
        radial-gradient(
            circle at 50% 50%,
            rgba(201, 168, 92, .12),
            transparent 30%
        ),
        #040b14;

    color: #f4f1e9;
    text-align: center;
}

.se-testimonials-cta__inner {
    width: min(820px, 100%);
    margin: 0 auto;
}

.se-testimonials-cta h2 {
    margin: 0 0 25px;

    color: #f7f4ed;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(2.1rem, 4.5vw, 3.8rem);
    font-weight: 400;
    line-height: 1.14;
    letter-spacing: -.035em;
}

.se-testimonials-cta__inner > p:not(.se-testimonials-eyebrow) {
    width: min(680px, 100%);
    margin: 0 auto;

    color: rgba(244, 241, 233, .68);

    font-size: 1rem;
    line-height: 1.8;
}

.se-testimonials-cta__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px;

    margin-top: 36px;
}

/* Mobile */

@media (max-width: 700px) {
    .se-testimonials-hero {
        min-height: auto;
        padding: 75px 22px;
    }

    .se-testimonials-hero::after {
        right: -420px;
    }

    .se-testimonials__rail {
        width: 100%;
        padding-right: 22px;
        padding-left: 22px;
        scroll-padding-inline: 22px;
    }

    .se-testimonial-card {
        flex-basis: calc(100vw - 44px);
        min-height: 520px;
        padding: 32px 26px;
    }

    .se-testimonial-card__top {
        flex-direction: column;
        margin-bottom: 32px;
    }

    .se-testimonial-card__theme {
        text-align: left;
    }

    .se-testimonials__controls {
        width: calc(100% - 44px);
        gap: 14px;
    }

    .se-testimonials__controls p {
        font-size: .68rem;
        line-height: 1.5;
    }

    .se-testimonials__disclaimer {
        width: calc(100% - 44px);
        text-align: left;
    }

    .se-testimonials-cta {
        padding: 75px 22px;
        text-align: left;
    }

    .se-testimonials-cta__actions {
        flex-direction: column;
    }

    .se-testimonials-cta__actions .se-decouverte-bouton {
        width: 100%;
        text-align: center;
    }
}
/* MedBed Quantique — masquer les tags au-dessus du blogue */
body.itemid-250 .tags {
    display: none !important;
}
/* MedBed Quantique — afficher l’unique article sur toute la largeur */
body.itemid-250 .com-content-category-blog__items.blog-items {
    grid-template-columns: minmax(0, 1fr) !important;
}
/* ==================================================
   MEDBED QUANTIQUE — ARTICLE PRINCIPAL
   ================================================== */

body.itemid-250 .se-medbed-article {
    width: min(960px, 90%);
    margin: 0 auto;
    padding: 80px 0;
    color: var(--se-text-soft);
}

body.itemid-250 .se-medbed-article__eyebrow {
    margin: 0 0 20px;
    color: var(--se-gold);
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .18em;
}

body.itemid-250 .se-medbed-article h1 {
    max-width: 850px;
    margin: 0 0 30px;
    color: #f4f1e9;
    font-size: clamp(2.4rem, 5vw, 4.4rem);
    font-weight: 400;
    line-height: 1.08;
}

body.itemid-250 .se-medbed-article h2 {
    margin: 58px 0 18px;
    color: #f4f1e9;
    font-size: clamp(1.55rem, 3vw, 2.2rem);
    font-weight: 400;
    line-height: 1.25;
}

body.itemid-250 .se-medbed-article p {
    max-width: 820px;
    font-size: 1.05rem;
    line-height: 1.85;
}

body.itemid-250 .se-medbed-article__lead {
    margin-bottom: 60px;
    color: var(--se-gold-soft);
    font-size: clamp(1.15rem, 2vw, 1.4rem) !important;
}

body.itemid-250 .se-medbed-article__invitation {
    margin-top: 75px;
    padding: 45px;
    border: 1px solid rgba(201, 168, 92, .28);
    border-radius: 8px;
    background: rgba(255, 255, 255, .025);
}

body.itemid-250 .se-medbed-article__invitation h2 {
    margin-top: 0;
}

body.itemid-250 .se-medbed-article__button {
    display: inline-block;
    margin-top: 18px;
    padding: 14px 22px;
    border: 1px solid var(--se-gold);
    border-radius: 6px;
    background: var(--se-gold);
    color: #07111f !important;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .07em;
    text-decoration: none;
}

body.itemid-250 .se-medbed-article__button:hover {
    background: transparent;
    color: var(--se-gold-soft) !important;
}

@media (max-width: 640px) {
    body.itemid-250 .se-medbed-article {
        width: 88%;
        padding: 55px 0;
    }

    body.itemid-250 .se-medbed-article__invitation {
        padding: 28px 22px;
    }
}
/* MedBed — recentrer le contenu intérieur de l’article */
body.itemid-250 .se-medbed-article > h1,
body.itemid-250 .se-medbed-article > h2,
body.itemid-250 .se-medbed-article > p {
    width: min(820px, 100%);
    margin-left: auto;
    margin-right: auto;
}

body.itemid-250 .se-medbed-article__invitation {
    width: min(820px, 100%);
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}
/* MedBed — supprimer le débordement et la bande blanche à droite */
html:has(body.itemid-250),
body.itemid-250 {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    background: #07111f;
}

body.itemid-250 .site-grid {
    width: 100%;
    max-width: 100%;
}
/* Menu — ajustement pour écrans intermédiaires */
@media (min-width: 992px) and (max-width: 1350px) {

    .container-header .container-nav {
        padding-left: 4px;
        padding-right: 4px;
    }

    .container-header .mod-menu > li {
        padding-left: 8px;
        padding-right: 8px;
    }

    .container-header .mod-menu > li > a {
        font-size: .88rem;
        white-space: nowrap;
    }

    .container-header .mod-menu > li.item-289 {
        padding-left: 6px;
        padding-right: 6px;
    }

    .container-header .mod-menu > li.item-289 > a {
        padding-left: 12px;
        padding-right: 12px;
    }
}
/* ==================================================
   MAGICKEY TEKNIK — PAGE
   ================================================== */

.se-magickey-page {
    width: 100%;
    color: var(--se-text-soft);
}

.se-magickey-inner,
.se-magickey-hero__content,
.se-magickey-cta__inner {
    width: min(1050px, 88%);
    margin: 0 auto;
}

.se-magickey-page section {
    padding: 85px 0;
}

.se-magickey-eyebrow {
    margin: 0 0 20px;
    color: var(--se-gold);
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .76rem;
    font-weight: 600;
    letter-spacing: .18em;
}

.se-magickey-page h1,
.se-magickey-page h2,
.se-magickey-page h3 {
    color: #f4f1e9;
    font-weight: 400;
}

.se-magickey-page h1 {
    max-width: 850px;
    margin: 0 0 28px;
    font-size: clamp(2.7rem, 6vw, 5rem);
    line-height: 1.06;
}

.se-magickey-page h2 {
    max-width: 850px;
    margin: 0 0 28px;
    font-size: clamp(1.8rem, 4vw, 3rem);
    line-height: 1.2;
}

.se-magickey-page h3 {
    margin: 12px 0 15px;
    font-size: 1.35rem;
}

.se-magickey-page p {
    max-width: 820px;
    font-size: 1.03rem;
    line-height: 1.85;
}

.se-magickey-hero {
    min-height: 580px;
    display: flex;
    align-items: center;
    background:
        radial-gradient(circle at 80% 25%, rgba(201,168,92,.10), transparent 32%),
        linear-gradient(135deg, #06101d, #0b1b2b);
    border-bottom: 1px solid rgba(201,168,92,.25);
}

.se-magickey-hero__lead {
    margin-bottom: 35px;
    color: var(--se-gold-soft);
    font-size: clamp(1.15rem, 2vw, 1.4rem) !important;
}

.se-magickey-intro,
.se-magickey-observation {
    background: #07111f;
}

.se-magickey-principles,
.se-magickey-process,
.se-magickey-notice {
    background: #091523;
    border-top: 1px solid rgba(201,168,92,.14);
}

.se-magickey-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    margin-top: 45px;
}

.se-magickey-card {
    padding: 34px;
    border: 1px solid rgba(201,168,92,.25);
    border-radius: 8px;
    background: rgba(255,255,255,.025);
}

.se-magickey-card > span,
.se-magickey-step > span {
    color: var(--se-gold);
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .76rem;
    letter-spacing: .15em;
}

.se-magickey-card p {
    margin-bottom: 0;
    font-size: .95rem;
}

.se-magickey-steps {
    max-width: 900px;
    margin-top: 45px;
}

.se-magickey-step {
    display: grid;
    grid-template-columns: 55px 1fr;
    gap: 25px;
    padding: 30px 0;
    border-bottom: 1px solid rgba(201,168,92,.16);
}

.se-magickey-step h3,
.se-magickey-step p {
    margin-top: 0;
}

.se-magickey-notice .se-magickey-inner {
    padding: 38px;
    border-left: 3px solid var(--se-gold);
    background: rgba(255,255,255,.025);
}

.se-magickey-cta {
    text-align: center;
    background:
        radial-gradient(circle at 50% 50%, rgba(201,168,92,.09), transparent 42%),
        #06101b;
}

.se-magickey-cta h2,
.se-magickey-cta p {
    margin-left: auto;
    margin-right: auto;
}

.se-magickey-button {
    display: inline-block;
    margin: 18px 8px 0;
    padding: 14px 22px;
    border: 1px solid var(--se-gold);
    border-radius: 6px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .76rem;
    font-weight: 700;
    letter-spacing: .07em;
    text-decoration: none;
}

.se-magickey-button--primary {
    background: var(--se-gold);
    color: #07111f !important;
}

.se-magickey-button--secondary {
    background: transparent;
    color: var(--se-gold-soft) !important;
}

.se-magickey-button:hover {
    transform: translateY(-2px);
}

@media (max-width: 800px) {
    .se-magickey-page section {
        padding: 60px 0;
    }

    .se-magickey-grid {
        grid-template-columns: 1fr;
    }

    .se-magickey-hero {
        min-height: auto;
    }
}

@media (max-width: 520px) {
    .se-magickey-step {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .se-magickey-button {
        display: block;
        margin: 14px 0 0;
        text-align: center;
    }

    .se-magickey-notice .se-magickey-inner {
        padding: 28px 22px;
    }
}
/* Formulaires Joomla intégrés — retirer les informations répétées */
body.contentpane.component .com-contact > .page-header,
body.contentpane.component .com-contact > .com-contact__container,
body.contentpane.component .com-contact > h2 {
    display: none !important;
}
/* Contact — note de confidentialité */
.se-contact-form-v2__notice {
    max-width: 760px;
    margin: 25px auto 0;
    padding: 22px 25px;
    border-left: 3px solid var(--se-gold);
    background: rgba(201, 168, 92, .055);
    color: var(--se-text-soft);
}

.se-contact-form-v2__notice p {
    margin: 0;
    font-size: .86rem;
    line-height: 1.7;
}

.se-contact-form-v2__notice p + p {
    margin-top: 8px;
}

.se-contact-form-v2__notice a {
    color: var(--se-gold-soft);
    text-decoration: underline;
}

@media (max-width: 640px) {
    .se-contact-form-v2__notice {
        padding: 18px;
    }
}
/* Témoignages — identité des personnes */
.se-testimonial-card__identity {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-top: auto;
    padding-top: 24px;
}

.se-testimonial-card__initial {
    display: grid;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    place-items: center;

    border: 1px solid rgba(201, 168, 92, .65);
    border-radius: 50%;

    color: var(--se-gold-soft);
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .9rem;
    font-weight: 600;
}

.se-testimonial-card__person {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
    min-width: 0;
}

.se-testimonial-card__person strong {
    color: #f4f1e9;
    font-size: 1rem;
    font-weight: 600;
}

.se-testimonial-card__description {
    color: var(--se-text-soft);
    font-size: .84rem;
    line-height: 1.5;
}

.se-testimonial-card__location {
    margin-top: 4px;
    color: var(--se-gold-soft);
    font-size: .78rem;
    line-height: 1.4;
}
/* Accueil — garder le bouton Parcours sur une seule ligne */
.se-door-card:nth-child(3) a {
    white-space: nowrap;
    font-size: .72rem;
    letter-spacing: .035em;
}
/* ==================================================
   ACCESSIBILITÉ — CLAVIER ET MOUVEMENTS RÉDUITS
   ================================================== */

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
    outline: 2px solid #d6b568 !important;
    outline-offset: 4px;
}

/* Respecter le réglage « réduire les animations » de l’utilisateur */
@media (prefers-reduced-motion: reduce) {

    html {
        scroll-behavior: auto !important;
    }

    *,
    *::before,
    *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
        scroll-behavior: auto !important;
    }
}
/* Vidéothèque dans le sous-menu Explorer */
a.se-videotheque-menu,
a.se-videotheque-menu:visited,
a.se-videotheque-menu:hover,
a.se-videotheque-menu:focus {
    color: #dfbd72 !important;
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
}
/* Blog — conserver le fond sur toute la largeur */
.se-blog-page {
    width: 100%;
    margin: 0;
}

/* Blog — centrer uniquement le contenu */
.se-blog-page .com-content-article,
.se-blog-page .item-page,
.se-blog-page .blog {
    width: min(1050px, 92%);
    margin-left: auto;
    margin-right: auto;
}

/* Images principales des articles */
.se-blog-page .item-image img,
.se-blog-page figure img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto 35px;
}

/* Confort de lecture */
.se-blog-page p,
.se-blog-page li {
    line-height: 1.8;
}

@media (max-width: 768px) {
    .se-blog-page .com-content-article,
    .se-blog-page .item-page,
    .se-blog-page .blog {
        width: 90%;
    }
}
/* Blog mobile — un article par rangée */
@media (max-width: 768px) {
    .se-blog-page .blog-items,
    .se-blog-page .blog-items[class*="columns-"] {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 30px !important;
    }

    .se-blog-page .blog-item {
        width: 100% !important;
        max-width: 100% !important;
    }

    .se-blog-page .blog-item h2,
    .se-blog-page .blog-item .page-header {
        text-align: center !important;
    }
}

/* Lecteur musical Station Energeia */
.se-audio-player {
    position: fixed;
    left: 20px;
    bottom: 70px;
    z-index: 1050;
}

.se-audio-toggle {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-height: 44px;
    padding: 10px 16px;
    border: 1px solid #d9b65d;
    border-radius: 24px;
    background: rgba(5, 18, 34, 0.94);
    color: #e7c778;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.03em;
    cursor: pointer;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
    transition:
        background-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}

.se-audio-toggle:hover {
    background: #e7c778;
    color: #071526;
    transform: translateY(-2px);
}

.se-audio-toggle:focus-visible {
    outline: 3px solid rgba(231, 199, 120, 0.45);
    outline-offset: 3px;
}

.se-audio-toggle.is-playing {
    background: #e7c778;
    color: #071526;
}

.se-audio-icon {
    font-size: 20px;
    line-height: 1;
}

@media (max-width: 576px) {
    .se-audio-player {
    left: 12px;
    bottom: 75px;
}

    .se-audio-toggle {
        padding: 9px 13px;
        font-size: 12px;
    }
}
/* Boussole — dégager le surtitre sous l’en-tête sur ordinateur */
@media (min-width: 769px) {
    .se-boussole-hero-v2__inner {
        padding-top: 55px;
    }
}
/* Pied de page — dégager la ligne légale du lecteur musical */
.se-footer-legal {
    grid-column: 1 / -1;
    flex-basis: 100%;
    width: 100%;
    margin-top: 38px;
    padding: 22px 220px 26px;
    border-top: 1px solid rgba(217, 182, 93, 0.25);
    text-align: center;
}

.se-footer-legal p {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.72);
}

@media (max-width: 768px) {
    .se-footer-legal {
        padding: 22px 12px 85px;
    }
}