/* Accueil V4 — les autres pages conservent leur présentation V3. */
body.home-v4{--ink:#102c3a;--teal:#007e87;--pale:#f2f7f8;font-family:Arial,Helvetica,sans-serif}
.home-v4 .top{background:#09232e;color:#c8dee6;font-size:12px;letter-spacing:.02em}.home-v4 .nav{box-shadow:none}.home-v4 .nav-inner{min-height:94px}.home-v4 .btn{border-radius:6px}.home-v4 .nav-links a{font-weight:700}.home-v4 .nav-phone small{font-size:10px}.home-v4 .wrap{width:min(1220px,90%)}
.v4-hero{background:#09232e;color:#fff;position:relative;overflow:hidden}.v4-hero-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:30px;position:relative;align-items:center;min-height:660px}.v4-copy{padding:58px 0;position:relative;z-index:2}.v4-kicker{display:inline-flex;align-items:center;gap:13px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:#b5d8df;margin-bottom:26px}.v4-kicker:before{content:'';width:26px;height:2px;background:#5ce0df}.v4-copy h1{font-size:clamp(3.4rem,5.4vw,5rem);font-weight:700;line-height:1.035;letter-spacing:-.06em;margin:0 0 25px}.v4-copy h1 span{color:#6ee6e1}.v4-copy>p{max-width:415px;font-size:1.0625rem;color:#bdd1d8;line-height:1.75;margin-bottom:28px}.v4-copy .actions{gap:11px}.v4-copy .btn{background:#75e9e2;color:#09232e;padding:17px 22px;min-height:56px}.v4-copy .btn:hover{background:#a1f6ef}.v4-copy .btn.outline{background:transparent;border-color:#52707c;color:#fff}.v4-copy .btn.outline:hover{background:#173946}.v4-phone{display:flex;align-items:center;gap:18px;margin-top:25px;width:fit-content}.v4-phone>span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#b9d3dc}.v4-phone strong{font-size:1.9rem;letter-spacing:-.035em;color:#fff}.v4-phone:hover strong{color:#75e9e2}.v4-google{display:flex;align-items:center;gap:10px;margin-top:27px;padding-top:22px;border-top:1px solid #ffffff22;width:fit-content;max-width:100%;font-size:13px;color:#c1d8df;flex-wrap:wrap}.v4-google strong{color:white}.v4-google .stars{color:#f8c96a;font-size:15px}.v4-shot{height:660px;position:relative;margin:0;align-self:stretch;background:#22576b;overflow:hidden;border-left:1px solid #ffffff0d}.v4-shot>img{width:100%;height:100%;object-fit:cover;object-position:50% 47%;display:block;animation:v4-photo-in 1.2s cubic-bezier(.2,.6,.3,1) both}.v4-shot:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(3,27,38,.82),transparent 37%)}.v4-shot figcaption{position:absolute;z-index:1;bottom:32px;left:30px;right:24px;color:white;display:flex;align-items:center;gap:17px}.v4-shot figcaption>span{font-size:2.5rem;font-weight:700;letter-spacing:-.055em;line-height:1}.v4-shot figcaption>div{font-size:12px;line-height:1.5;border-left:1px solid #ffffff66;padding-left:17px}.v4-shot figcaption strong{display:block;font-size:14px}.v4-photo-label{position:absolute;z-index:2;top:24px;left:24px;border:1px solid #ffffff77;color:white;padding:9px 12px;border-radius:4px;font-size:10px;letter-spacing:.14em;background:#09232e66;backdrop-filter:blur(8px)}
.v4-proof{background:#fff;border-bottom:1px solid #dfe9ed}.v4-proof-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr 1.35fr;gap:30px;padding:30px 0}.v4-proof-grid>div{border-right:1px solid var(--line)}.v4-proof-grid>div:last-child{border:0}.v4-proof strong{font-size:1.05rem;letter-spacing:-.02em;display:block}.v4-proof span{font-size:12px;color:var(--muted);display:block;margin-top:5px}.v4-proof .v4-number{font-size:1.65rem;line-height:1.2;letter-spacing:-.04em}.home-v4 .eyebrow{font-size:11px;letter-spacing:.15em}.home-v4 h2{font-size:clamp(2rem,3.3vw,3rem);line-height:1.12;letter-spacing:-.045em}.v4-services{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:start}.v4-services-intro{position:sticky;top:135px}.v4-services-intro p{font-size:1rem;max-width:340px;margin:24px 0}.v4-service-list{border-top:1px solid #cfdee4}.v4-service{display:grid;grid-template-columns:32px 1fr 30px;gap:16px;align-items:center;padding:24px 0;border-bottom:1px solid #cfdee4;transition:padding .25s,background .25s}.v4-service:hover{padding-left:12px;background:#f2f9fa}.v4-service .num{font-size:11px;color:var(--teal);font-weight:700}.v4-service h3{margin:0 0 6px;font-size:1.3rem;letter-spacing:-.035em}.v4-service p{font-size:13px;margin:0}.v4-service .arrow{border:1px solid #d5e3e7;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;color:var(--teal)}.home-v4 .section{padding:85px 0}.home-v4 .section.soft{background:#eff6f7}.home-v4 .section-head{margin-bottom:36px}.home-v4 .project-grid{gap:24px;grid-template-columns:1.14fr 1fr 1fr;align-items:start}.home-v4 .project:nth-child(2){padding-top:40px}.home-v4 .project-photo{border-radius:8px}.home-v4 .project-photo img{aspect-ratio:3/4;height:auto;object-fit:cover;transition:transform .65s cubic-bezier(.2,.6,.3,1)}.home-v4 .project-photo:hover img{transform:scale(1.04)}.home-v4 .project figcaption{font-size:1rem;padding-top:18px}.home-v4 .project figcaption span{font-size:13px}.home-v4 .text-link{font-size:14px}.home-v4 .review-layout{grid-template-columns:.9fr 1.1fr;gap:70px}.home-v4 .score{font-size:4.8rem}.home-v4 .reviews-grid{grid-template-columns:1fr;gap:0;border-top:1px solid #d6e3e7}.home-v4 .review{border:0;border-bottom:1px solid #d6e3e7;border-radius:0;padding:25px 0}.home-v4 .review blockquote{font-size:1.02rem;line-height:1.7;margin:13px 0 18px}.home-v4 .review figcaption{font-size:13px}.home-v4 .review .stars{font-size:12px}.home-v4 .cta{background:#09232e;border-radius:10px;padding:52px;position:relative;overflow:hidden}.home-v4 .cta h2{font-size:2.8rem}.home-v4 .cta .btn{background:#75e9e2}.home-v4 .cta p{font-size:14px}.home-v4 .footer{background:#f8fbfc}.home-v4 .footer-bottom a{font-size:11px!important}.v4-hero .v4-copy{animation:v4-enter .8s ease-out both}.v4-ready{opacity:0;transform:translateY(18px);transition:opacity .65s ease-out,transform .65s ease-out}.v4-ready.v4-visible{opacity:1;transform:none}
@keyframes v4-enter{from{transform:translateY(10px)}to{transform:none}}@keyframes v4-photo-in{from{transform:scale(1.035)}to{transform:scale(1)}}
@media(max-width:1100px){.v4-copy h1{font-size:3.9rem}.v4-hero-grid{gap:24px;grid-template-columns:1.1fr 1fr}.v4-services{gap:50px}.v4-copy .btn{padding:15px}.v4-phone{display:block}.v4-phone strong{display:block;margin-top:3px}.home-v4 .review-layout{gap:40px}.v4-shot{height:640px}}
@media(max-width:900px){.home-v4 .nav-inner{min-height:78px}.v4-hero-grid{grid-template-columns:1fr 1fr;gap:25px}.v4-copy{padding:38px 0}.v4-copy h1{font-size:3.1rem}.v4-copy>p{font-size:15px}.v4-shot{height:auto;min-height:660px}.v4-shot figcaption{bottom:24px;left:20px;right:15px}.v4-shot figcaption>span{font-size:2rem}.v4-shot figcaption>div{font-size:11px;padding-left:12px}.v4-photo-label{left:16px;top:18px}.v4-google{gap:8px;font-size:12px}.v4-proof-grid{grid-template-columns:1fr 1fr;gap:20px 30px}.v4-proof-grid>div:nth-child(2){border:0}.home-v4 .section{padding:60px 0}.v4-services{gap:32px;grid-template-columns:.8fr 1.2fr}.home-v4 .review-layout{grid-template-columns:1fr}.home-v4 .reviews-grid{grid-template-columns:1fr 1fr;gap:25px}.home-v4 .project-grid{gap:18px}.home-v4 .project:nth-child(2){padding-top:25px}.home-v4 .cta{padding:36px}.home-v4 .cta h2{font-size:2.2rem}}
@media(max-width:640px){.home-v4 .top{font-size:10px}.v4-hero-grid{display:flex;flex-direction:column;gap:0;min-height:0}.v4-copy{padding:34px 0 28px;width:100%}.v4-kicker{font-size:10px;letter-spacing:.13em;margin-bottom:19px;gap:10px}.v4-copy h1{font-size:clamp(2.9rem,10.3vw,3.9rem);line-height:1.025;letter-spacing:-.055em;margin-bottom:21px}.v4-copy>p{font-size:15px;line-height:1.65;margin-bottom:22px;max-width:340px}.v4-copy .actions{gap:8px}.v4-copy .btn{font-size:13px;padding:14px 15px;min-height:51px}.v4-phone{display:flex;align-items:center;gap:17px;margin-top:21px}.v4-phone>span{font-size:9px;letter-spacing:.07em;max-width:65px;line-height:1.6}.v4-phone strong{font-size:1.75rem;margin:0;white-space:nowrap}.v4-google{margin-top:20px;padding-top:18px;font-size:12px}.v4-google .stars{font-size:13px}.v4-shot{height:450px;min-height:0;width:100%;border-radius:8px 8px 0 0}.v4-shot>img{object-position:50% 43%}.v4-shot figcaption{bottom:22px;left:22px}.v4-shot figcaption>span{font-size:2.5rem}.v4-photo-label{font-size:9px;top:18px;left:18px}.v4-proof-grid{padding:27px 0;gap:25px 17px}.v4-proof strong{font-size:.92rem;line-height:1.4}.v4-proof span{font-size:11px;line-height:1.6;margin-top:4px;padding-right:10px}.v4-proof .v4-number{font-size:1.6rem}.home-v4 .section{padding:47px 0}.v4-services{grid-template-columns:1fr;gap:25px}.v4-services-intro{position:static}.v4-services-intro p{margin:17px 0 13px}.home-v4 h2{font-size:2.2rem}.home-v4 .eyebrow{font-size:10px}.v4-service{padding:22px 0;grid-template-columns:25px 1fr 30px;gap:12px}.v4-service h3{font-size:1.23rem}.v4-service p{font-size:12px}.home-v4 .project-grid{grid-template-columns:1fr;gap:24px}.home-v4 .project:nth-child(2){padding-top:0}.home-v4 .project-photo img{aspect-ratio:4/3;object-position:center 40%}.home-v4 .project figcaption{padding:14px 0 0}.home-v4 .section-head{margin-bottom:25px}.home-v4 .section-head .text-link{margin-top:18px}.home-v4 .reviews-grid{grid-template-columns:1fr;gap:0}.home-v4 .review-layout{gap:26px}.home-v4 .score{font-size:4rem}.home-v4 .review blockquote{font-size:1rem}.home-v4 .cta{padding:29px 24px}.home-v4 .cta h2{font-size:2rem}.home-v4 .cta .btn{white-space:normal}.home-v4 .footer-grid{gap:22px}.home-v4 .footer{padding-top:35px}}
@media(prefers-reduced-motion:reduce){.v4-hero *, .v4-ready{animation:none!important;transition:none!important;transform:none!important;opacity:1!important}}

@media(max-width:640px){.v4-copy{padding:27px 0 23px}.v4-copy h1{margin-bottom:17px}.v4-copy>p{margin-bottom:19px}.v4-google{margin-top:16px;padding-top:14px}}

/* Palette lumineuse — septembre 2026 */
.home-v4 .top{background:#dff1ec;color:#27564f}
.home-v4 .btn{border-radius:999px}
.v4-hero{background:linear-gradient(115deg,#faf9f3 0%,#eef8f3 58%,#d9f1ed 100%);color:#193e40}
.v4-kicker{color:#38645e}.v4-kicker:before{background:#148779}
.v4-copy h1 span{color:#087b70}.v4-copy>p{color:#4e6865}
.v4-copy .btn{background:#087b70;color:white;box-shadow:0 7px 20px #087b7018}
.v4-copy .btn:hover{background:#05655c}.v4-copy .btn.outline{background:#ffffffb8;border-color:#9bbfb7;color:#205b52;box-shadow:none}
.v4-copy .btn.outline:hover{background:#e0f1e9}
.v4-phone>span{color:#4e6865}.v4-phone strong{color:#193e40}.v4-phone:hover strong{color:#087b70}
.v4-google{color:#4e6865;border-color:#bcd7ce}.v4-google strong{color:#193e40}.v4-google .stars{color:#976500}
.v4-shot{border:0;border-radius:28px;margin:26px 0;height:608px;align-self:center;box-shadow:0 16px 45px #285b4e14}
.v4-photo-label{border-radius:999px;background:#ffffffed;color:#205b52;border-color:#ffffff;backdrop-filter:none}
.home-v4 .section.soft,.home-v4 .gallery-showcase{background:#f1f7f2}
.home-v4 .rating-card{background:#e2f1e9;color:#193e40;border:1px solid #c7dfd2}
.home-v4 .rating-source,.home-v4 .rating-card p,.home-v4 .rating-card a{color:#385e51}.home-v4 .rating-card .stars{color:#976500}
.home-v4 .cta{background:#e1f2eb;border:1px solid #c3dfd1;border-radius:28px;color:#193e40}
.home-v4 .cta h2{color:#193e40}.home-v4 .cta p{color:#4e6865}.home-v4 .cta .btn{background:#087b70;color:#fff}.home-v4 .cta .btn:hover{background:#05655c}
.home-v4 .footer{background:#fafbf7}
@media(max-width:900px){.v4-shot{height:600px;min-height:0}}
@media(max-width:640px){.v4-shot{height:450px;margin:0 0 25px;border-radius:24px}.v4-photo-label{font-size:8px;letter-spacing:.1em}}

/* Transitions douces entre la photographie et la palette claire. */
.v4-hero{background:radial-gradient(ellipse at 86% 22%,#d9efe8a6,transparent 62%),linear-gradient(125deg,#fbfaf5 0%,#f2f8f2 48%,#e7f3ee 100%)}
.v4-shot{background:transparent;box-shadow:none;border-radius:30px}
.v4-shot:after{background:linear-gradient(to right,#eff7f1b3,transparent 11%,transparent 93%,#e7f3ee55),linear-gradient(to bottom,#e8f3ed38,transparent 16%,transparent 56%,#173e4099 100%);border-radius:inherit}
.v4-shot>img{border-radius:inherit}
.v4-proof{background:linear-gradient(180deg,#f2f8f3 0%,#fff 100%)}
.home-v4 .gallery-showcase{background:linear-gradient(145deg,#f8faf5 0%,#eaf5ef 65%,#f3f8f5 100%)}
.home-v4 .rating-card{background:linear-gradient(145deg,#edf6e9 0%,#dcefe8 100%)}
.home-v4 .cta{background:linear-gradient(120deg,#edf5e7 0%,#dcefe8 65%,#d4eee8 100%)}
@media(max-width:640px){.v4-shot:after{background:linear-gradient(to bottom,#edf6ef44,transparent 18%,transparent 52%,#173e40aa 100%),linear-gradient(to right,#eaf5ee44,transparent 12%,transparent 88%,#e7f3ee44)}}

/* Une respiration légère à l’ouverture, puis la photo reste stable. */
.v4-shot>img{animation:v4-photo-in 3.2s cubic-bezier(.2,.6,.3,1) both}
@keyframes v4-photo-in{from{transform:scale(1.025)}to{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.v4-shot>img{animation:none!important;transform:none!important}}

/* Photo et titre se rapprochent doucement, puis restent stables. */
.v4-hero .v4-copy{animation:none}
.v4-copy h1{transform-origin:left center;animation:v4-title-approach 2.4s cubic-bezier(.22,.61,.36,1) both}
.v4-shot>img{transform-origin:center;animation:v4-image-approach 2.8s cubic-bezier(.22,.61,.36,1) both}
@keyframes v4-title-approach{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
@keyframes v4-image-approach{from{opacity:0;transform:scale(1)}to{opacity:1;transform:scale(1.025)}}
@media(prefers-reduced-motion:reduce){.v4-copy h1,.v4-shot>img{animation:none!important;opacity:1!important;transform:none!important}}
