/* Introduction de l’accueil. Navigation mobile dans navigation-20261016.css. */
.home-intro #site-header { background:#1f4a4d!important; border-bottom:1px solid #ffffff1c!important; }
.home-intro #site-header .wrap { width:min(1320px,calc(100% - 80px)); }
.home-intro #site-header .nav { height:100px!important; gap:25px; }
.home-intro #site-header .brand { width:280px!important; flex:0 0 280px!important; }
.home-intro #site-header .brand img { width:280px!important; height:auto!important; max-height:94px!important; object-fit:contain!important; mix-blend-mode:normal!important; }
.home-intro #site-header .nav-links { gap:22px; }
.home-intro #site-header .nav-links a { font-size:11px; letter-spacing:.025em; color:#f7f1e8!important; }
.home-intro #site-header .nav-links a:first-child { color:#f36f21!important; }
.home-intro #site-header .menu-toggle { color:#f7f1e8!important; }
.home-intro #main-content .intro-hero { margin:0; padding:44px 0 52px; background:radial-gradient(ellipse at 85% 5%,#16484b 0,transparent 62%),radial-gradient(ellipse at 38% 100%,#0b3639 0,transparent 55%),#06191b; color:#f7f1e8; }
.intro-hero-grid { width:min(1320px,calc(100% - 80px)); margin:auto; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.04fr); grid-template-rows:auto 1fr; column-gap:84px; align-items:start; }
.intro-hero-heading { grid-column:1; grid-row:1; min-width:0; padding-top:24px; }
.intro-eyebrow { font:700 12px/1.55 Arial,sans-serif; letter-spacing:.145em; text-transform:uppercase; color:#f36f21; margin:0 0 27px; }
.home-intro #main-content .intro-hero h1 { font:400 clamp(43px,4.1vw,59px)/1.04 Georgia,'Times New Roman',serif!important; letter-spacing:-.035em!important; color:#f7f1e8; margin:0!important; max-width:none!important; }
.intro-hero h1 span { display:block; }
.home-intro #main-content .intro-signature { font:400 clamp(37px,3.55vw,51px)/1.08 Georgia,'Times New Roman',serif; letter-spacing:-.035em; color:#f36f21; margin:28px 0 30px; }
.intro-hero-visual { grid-column:2; grid-row:1 / span 2; position:relative; margin:0; min-width:0; }
.intro-after { position:relative; margin:0; background:#000; }
.intro-after picture,.intro-after img { display:block; width:100%; height:auto; }
.intro-after figcaption,.intro-before figcaption { position:absolute; top:15px; right:16px; font:500 12px/1.2 Arial,sans-serif; text-transform:uppercase; letter-spacing:.1em; color:white; text-shadow:0 1px 8px #000; }
.intro-before { position:absolute; width:33%; margin:0; bottom:3.5%; left:-5.5%; border:2px solid #f36f21; background:#000; }
.intro-before img { display:block; width:100%; height:auto; }
.intro-before figcaption { left:9px; right:auto; top:10px; font-size:11px; }
.intro-hero-details { grid-column:1; grid-row:2; border-top:1px solid #ffffff28; padding-top:20px; }
.intro-support { font:400 21px/1.45 Arial,sans-serif; max-width:530px; margin:0 0 23px; color:#f7f1e8; }
.intro-actions { display:flex; align-items:center; gap:24px; flex-wrap:wrap; }
.intro-whatsapp { display:inline-flex; align-items:center; justify-content:center; gap:10px; border:1px solid #25858c; border-radius:4px; padding:13px 15px; font:500 11px/1.3 Arial,sans-serif; text-transform:uppercase; letter-spacing:.065em; color:#f7f1e8; text-decoration:none; background:#10373b80; min-height:55px; }
.intro-whatsapp svg { width:27px; height:27px; flex:none; }
.intro-whatsapp:hover { background:#1c5054; border-color:#61a5ab; }
.intro-results-link { font:400 14px/1.45 Arial,sans-serif; color:#f7f1e8; text-decoration:none; border-bottom:1px solid #bac8c5; padding:8px 0; white-space:nowrap; }
.intro-results-link span { margin-left:6px; }
.intro-services { font:400 13px/1.7 Arial,sans-serif; letter-spacing:.025em; margin:32px 0 3px; color:#f7f1e8; }
.intro-services span { padding:0 5px; }
.home-intro #main-content .intro-hero .intro-support { font:400 21px/1.45 Arial,sans-serif!important; margin:0 0 23px!important; }
.home-intro #main-content .intro-hero .intro-whatsapp { font-size:12px!important; font-weight:500!important; padding:13px 15px!important; }
.home-intro #main-content .intro-hero .intro-results-link { font:400 14px/1.45 Arial,sans-serif!important; }
.home-intro #main-content .intro-hero .intro-services { font:400 13px/1.7 Arial,sans-serif!important; margin:32px 0 3px!important; }
.home-intro .intro-hero :is(a,button):focus-visible { outline:3px solid #f36f21!important; outline-offset:5px; }
.home-intro #selection-resultats { scroll-margin-top:110px; }
@media(min-width:1600px) { .intro-hero-grid { column-gap:100px; } }
@media(min-width:761px) and (max-width:1200px) {
 .home-intro #site-header .wrap,.intro-hero-grid { width:calc(100% - 64px); }
 .home-intro #site-header .brand { width:225px!important; flex-basis:225px!important; }
 .home-intro #site-header .brand img { width:225px!important; }
 .home-intro #site-header .nav-links { gap:12px; }
 .home-intro #site-header .nav-links a { font-size:9px; }
 .intro-hero-grid { column-gap:52px; }
 .intro-actions { gap:15px; }
 .intro-whatsapp { font-size:10px; padding:11px; }
 .intro-services { font-size:12px; }
}

@media(max-width:760px) {
 .home-intro #main-content .intro-hero { padding:26px 0 36px; }
 .intro-hero-grid { width:calc(100% - 44px); max-width:510px; display:flex; flex-direction:column; gap:0; }
 .intro-hero-heading { padding:0; width:100%; order:2; }
 .intro-eyebrow { font-size:10px; line-height:1.6; letter-spacing:.105em; margin-bottom:17px; max-width:330px; }
 .home-intro #main-content .intro-hero h1 { font-size:clamp(34px,9.5vw,45px)!important; line-height:1.04!important; }
 .home-intro #main-content .intro-signature { font-size:clamp(29px,7.7vw,37px); line-height:1.09; margin:20px 0 24px; }
 .intro-hero-visual { order:1; width:min(89%,340px); align-self:flex-end; margin:0 0 32px; }
 .intro-before { width:36%; left:-11.5%; bottom:4%; }
 .intro-after figcaption { top:12px; right:12px; font-size:10px; }
 .intro-before figcaption { font-size:9px; top:7px; left:7px; }
 .intro-hero-details { order:3; width:100%; padding-top:20px; }
 .intro-support { font-size:18px; line-height:1.45; margin-bottom:18px; }
 .intro-actions { gap:9px; flex-direction:column; align-items:stretch; }
 .intro-whatsapp { font-size:11px; min-height:55px; padding:12px; }
 .intro-results-link { align-self:center; font-size:14px; min-height:44px; padding:10px 0 7px; }
 .intro-services { font-size:12px; line-height:1.9; margin-top:23px; letter-spacing:0; }
 .intro-services span { padding:0 2px; }
 .home-intro #main-content .intro-hero .intro-support { font-size:18px!important; margin-bottom:18px!important; }
 .home-intro #main-content .intro-hero .intro-services { font-size:12px!important; line-height:1.9!important; margin-top:23px!important; }
 .home-intro #selection-resultats { scroll-margin-top:80px; }
}
@media(max-width:360px) {
 .home-intro #main-content .intro-hero .intro-whatsapp { font-size:11px!important; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto!important; } .home-intro .intro-hero * { animation:none!important; transition:none!important; } }

/* Signature et disposition des actions. */
.intro-signature.signature-pending { opacity:0; transform:translateY(14px); filter:blur(5px); transition:none!important; }
.home-intro #main-content .intro-signature { transition:opacity .85s ease,transform .85s ease,filter .85s ease; }
.intro-actions { display:grid; grid-template-columns:max-content 1fr; gap:10px 24px; align-items:center; }
.intro-whatsapp { grid-column:1; grid-row:1; }
.intro-results-link { grid-column:2; grid-row:1; justify-self:start; }
.intro-services { display:flex; flex-wrap:wrap; gap:4px 0; }
.intro-services span { padding:0; white-space:nowrap; }
.intro-services span+span:before { content:'·'; padding:0 9px; color:#829d9d; }
@media(max-width:1200px) and (min-width:761px) {
 .intro-actions { grid-template-columns:1fr; }
 .intro-results-link { grid-column:1; grid-row:3; }
}
@media(max-width:760px) {
 .intro-actions { grid-template-columns:1fr; gap:10px; }
 .intro-whatsapp { width:100%; box-sizing:border-box; }
 .intro-results-link { grid-column:1; grid-row:3; justify-self:center; margin:8px 0 0; padding:8px 0!important; min-height:0; }
 .home-intro #main-content .intro-hero .intro-services { justify-content:center; border-top:1px solid #ffffff20; padding-top:20px; margin:24px 0 7px!important; column-gap:0; row-gap:4px; letter-spacing:0; }
 .intro-services span:last-child { flex-basis:100%; text-align:center; }
 .intro-services span:last-child:before { content:none; }
}
@media(prefers-reduced-motion:reduce) {
 .intro-signature.signature-pending { opacity:1; transform:none; filter:none; }
}

/* Signature animée sur mobile uniquement. */
@media(min-width:761px) {
 .home-intro #main-content .intro-signature { opacity:1; transform:none; filter:none; transition:none!important; }
}

/* Note compacte sous les résultats. */
.home-intro #main-content .intro-results-note { max-width:850px; margin:16px 0 0!important; padding:0; font:400 13px/1.6 Arial,sans-serif!important; color:#405d5e; }
@media(max-width:760px) { .home-intro #main-content .intro-results-note { font-size:12px!important; margin-top:12px!important; } }

/* Hiérarchie typographique de l’introduction. */
.home-intro #main-content .intro-hero .intro-eyebrow {
 font:400 12px/1.6 Arial,sans-serif!important;
 letter-spacing:.035em; text-transform:none;
}
.home-intro #main-content .intro-hero .intro-support {
 font:400 19px/1.5 Arial,sans-serif!important;
}
.home-intro #main-content .intro-hero :is(.intro-whatsapp,.intro-results-link) {
 font:400 14px/1.5 Arial,sans-serif!important;
 letter-spacing:0; text-transform:none;
}
.home-intro #main-content .intro-hero :is(.intro-services) {
 font:400 13px/1.6 Arial,sans-serif!important;
 letter-spacing:0; text-transform:none;
}
@media(max-width:760px) {
 .home-intro #main-content .intro-hero .intro-support { font-size:18px!important; }
}

/* Lecture mobile compacte : une action principale, sans doublon flottant. */
@media(max-width:760px) {
 .home-intro #main-content .intro-signature { margin:16px 0 18px; }
 .home-intro .intro-hero-details { border-top:0; padding-top:0; }
 .home-intro #main-content .intro-hero .intro-support { font-size:17px!important; line-height:1.45!important; margin:0 0 16px!important; }
 .home-intro .intro-actions { gap:4px; }
 .home-intro .intro-results-link { grid-row:2; margin:0; min-height:44px; box-sizing:border-box; display:flex; align-items:center; padding:6px 0!important; border-bottom:0; text-decoration:underline; text-underline-offset:5px; }
 .home-intro #main-content .intro-hero .intro-services { border-top:0; padding-top:0; margin:10px 0 0!important; line-height:1.5!important; row-gap:2px; }
 .home-intro #main-content .intro-hero { padding-bottom:24px; }
 .home-intro.intro-in-view :is(.chat-cta,.chat) { visibility:hidden!important; pointer-events:none!important; }
}