@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#192838;background:#eeeae2;font-synthesis:none;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #4587ff;outline-offset:6px} .header{height:100px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;background:#f2eee6}.brand{font-family:Manrope,Arial,sans-serif;font-size:34px;font-weight:800;letter-spacing:-3px;display:flex;align-items:center;gap:18px}.brand span{font-family:'DM Sans',Arial,sans-serif;font-size:10px;font-weight:500;letter-spacing:1.2px;text-transform:uppercase;max-width:95px;line-height:1.5}nav{display:flex;align-items:center;gap:32px;font-size:13px}.nav-cta{border:1px solid #d4dce5;padding:13px 18px;border-radius:6px}.nav-cta span{margin-left:14px}.hero{position:relative;min-height:700px;display:flex;align-items:center;padding:95px 6% 115px;overflow:hidden;background:#061323;color:#fff}#background-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,13,29,.96),rgba(3,13,29,.73) 55%,rgba(3,13,29,.2))}.hero-content{position:relative;z-index:2;max-width:850px}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:2px;font-weight:700;margin:0 0 26px}.hero .eyebrow{color:#b1d3ff;display:flex;align-items:center;gap:10px}.eyebrow>span{width:6px;height:6px;background:#76adff;border-radius:50%}h1,h2,h3{font-family:Manrope,Arial,sans-serif}h1{font-size:clamp(40px,5.4vw,78px);line-height:1.12;letter-spacing:-3.5px;font-weight:500;margin:0 0 30px}em{font-style:normal;color:#4489f4}.hero em{color:#88b7ff}.intro{font-size:16px;line-height:1.8;max-width:550px;color:#c0cede;margin:0 0 32px}.button{background:#b7d1ff;color:#11233f;display:inline-flex;align-items:center;gap:30px;padding:18px 23px;border-radius:5px;font-size:13px;font-weight:700}.button:hover{background:#d1e1ff}.hero-note{font-size:11px;color:#a9bdd3;margin:23px 0 0}.hero-brand{position:absolute;right:6%;width:23%;z-index:1;opacity:.24;transform:rotate(-8deg)}.logo{width:100%;height:auto;filter:invert(1)}.hero-bottom{position:absolute;bottom:27px;left:6%;right:6%;z-index:2;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#a9bdd3;border-top:1px solid #ffffff25;padding-top:22px}.hero-bottom a span{margin-left:25px}.section{padding:100px 6%;scroll-margin-top:25px}.section-heading{max-width:830px;margin-bottom:48px}h2{font-size:clamp(30px,3.3vw,48px);line-height:1.2;letter-spacing:-1.7px;font-weight:500;margin:0 0 22px}.section-heading>p:last-child,.approach-intro{color:#647286;font-size:16px;line-height:1.7}.services .eyebrow,.approach .eyebrow{color:#4175b5}.cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}.card{border:1px solid #dfe5ec;background:#f2eee6;padding:34px;border-radius:10px}.card-number{font-size:10px;letter-spacing:1.5px;color:#5e738b}.card h3{font-size:23px;letter-spacing:-.7px;margin:26px 0 13px}.card p{font-size:14px;line-height:1.9;color:#667384;max-width:490px}.tags{display:flex;gap:8px;margin-top:24px}.tags span{font-size:10px;padding:7px 10px;border:1px solid #dfe5ec;border-radius:30px}.visual-search,.visual-content{height:120px;margin-top:24px;border-radius:6px;background:#edf3fd;display:flex;align-items:center;justify-content:center}.visual-search{gap:15px;color:#67809f;font-size:14px}.visual-search>span{font-size:32px}.visual-search i{font-style:normal;background:#f2eee6;padding:10px;border-radius:50%;margin-left:35px}.visual-content{gap:14px;background:#f0f1f5}.visual-content span{display:grid;place-items:center;background:#f2eee6;height:76px;width:95px;font-size:11px;letter-spacing:1px;transform:rotate(-7deg);box-shadow:0 5px 14px #102b4910}.visual-content span:nth-child(2){background:#bdd4ff;color:#326ed1;font-size:25px;transform:rotate(5deg)}.visual-content span:last-child{background:#172e4b;color:#fff;transform:rotate(-3deg)}.approach{display:grid;grid-template-columns:1fr 1fr;gap:80px;background:#f2eee6}.approach-intro{max-width:370px}.steps article{display:flex;gap:25px;padding:27px 0;border-top:1px solid #dfe5ec}.steps article>span{color:#6495d8;font-size:12px;padding-top:5px}.steps h3{font-size:18px;margin:0 0 10px;font-weight:600}.steps p{color:#667384;font-size:14px;line-height:1.8;margin:0;max-width:420px}.contact{text-align:center;background:#e9f0fb}.contact .eyebrow{color:#4b70a4}.contact>p:not(.eyebrow){color:#647286;line-height:1.7}.contact-pending{display:inline-block;margin-top:19px;border:1px dashed #a0b4cf;border-radius:5px;padding:15px 24px;font-size:13px;color:#526b8d}footer{padding:35px 6%;display:flex;align-items:center;justify-content:space-between;background:#f2eee6}footer p,footer .draft{font-size:11px;color:#7c899a}footer .brand{font-size:28px}footer .brand span{font-size:8px}.draft{border:1px solid #e3e8ef;padding:7px 10px;border-radius:4px}@media(min-width:1600px){.header,.hero,.section,footer{padding-left:max(6%,calc((100vw - 1400px)/2));padding-right:max(6%,calc((100vw - 1400px)/2))}}@media(max-width:800px){.header{height:80px}.brand{font-size:28px}.brand span{font-size:8px}nav>a:not(.nav-cta){display:none}.nav-cta{font-size:11px;padding:11px}.hero{min-height:650px;padding-top:80px}h1{letter-spacing:-2px}.hero-brand{width:40%;right:-10%;opacity:.12}.intro{max-width:90%}.section{padding:65px 6%}.cards,.approach{grid-template-columns:1fr}.approach{gap:25px}.card{padding:25px}footer{flex-wrap:wrap;gap:20px}footer p{display:none}.hero-bottom>span{max-width:220px;line-height:1.6}.button{gap:15px;font-size:12px}.hero-note{line-height:1.8}.visual-content span{width:75px}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}

.header-logo{display:block;width:54px;height:60px;flex-shrink:0}.header .brand{letter-spacing:normal}@media(max-width:800px){.header-logo{width:43px;height:48px}}

/* Direction sombre et immersive */
:root{color-scheme:dark;color:#f1f4fa;background:#080c13}.header{background:#080c13;border-bottom:1px solid #ffffff13;height:96px}.header-logo{filter:invert(1)}nav{color:#b6c0ce}.nav-cta{border-color:#ffffff30;color:#fff;border-radius:0}.hero{min-height:calc(100svh - 96px);padding-top:100px;padding-bottom:125px;background:#060d19}.hero:after{background:linear-gradient(90deg,rgba(3,9,19,.82),rgba(3,9,19,.4) 65%,rgba(3,9,19,.1)),linear-gradient(0deg,#080c13 0%,transparent 35%)}.hero-content{max-width:1150px}h1{font-size:clamp(52px,7.7vw,116px);font-weight:800;line-height:1.01;letter-spacing:-5px;max-width:1150px}.hero em{color:#76aaff}.hero .eyebrow{color:#b6d2ff;letter-spacing:3px}.intro{color:#b3bfd0;max-width:560px;font-size:17px}.button{background:#347bff;color:white;border-radius:0;padding:20px 26px;box-shadow:0 0 45px #296cff24}.button:hover{background:#5793ff}.hero-note{color:#8295ae}.hero-bottom{border-color:#ffffff20}.section{padding-top:115px;padding-bottom:115px}.services{background:#080c13}.section-heading{max-width:1100px}h2{font-size:clamp(38px,4.6vw,68px);font-weight:700;letter-spacing:-2.8px;line-height:1.08}.services .eyebrow,.approach .eyebrow{color:#6ea6ff}.section-heading>p:last-child,.approach-intro{color:#93a1b6}.cards{gap:50px}.card{background:transparent;border:0;border-top:1px solid #ffffff30;border-radius:0;padding:30px 0 0}.card-number{color:#8a9bb3}.card h3{font-size:30px;line-height:1.2;max-width:420px}.card p{color:#9eacc0;font-size:15px}.tags span{border-color:#ffffff25;color:#aabbd0;border-radius:0}.visual-search,.visual-content{height:190px;border-radius:0;background:radial-gradient(ellipse at 70% 100%,#183b70,transparent 70%),#0d1523;border:1px solid #ffffff08}.visual-search{font-size:20px;color:#c3d7f4}.visual-search>span{color:#78acff;font-size:46px}.visual-search i{background:#2b6fed;color:#fff;border-radius:0}.visual-content{background:radial-gradient(ellipse at 30% 80%,#243f73,transparent 75%),#0c1320}.visual-content span{height:110px;width:110px;background:#e5edfb;color:#132a4b;box-shadow:0 12px 35px #0008}.visual-content span:nth-child(2){background:#347bff;color:#fff}.visual-content span:last-child{background:#152747;border:1px solid #5475a4}.approach{background:#0d1420;border-top:1px solid #ffffff10;border-bottom:1px solid #ffffff10}.steps article{border-color:#ffffff20}.steps h3{color:#e7eef9}.steps p{color:#93a1b6}.steps article>span{color:#70a5ff}.contact{background:radial-gradient(ellipse at 50% 120%,#163d78 0%,#0b172b 40%,#080c13 75%);padding-top:130px;padding-bottom:130px}.contact .eyebrow{color:#77aaff}.contact>p:not(.eyebrow){color:#a1afc2}.contact-pending{color:#a9bad2;border-color:#4e6687;border-radius:0}footer{background:#080c13;border-top:1px solid #ffffff12}footer .draft{border-color:#ffffff20;border-radius:0}em{color:#78aaff}@media(max-width:800px){.header{height:80px}.hero{min-height:calc(100svh - 80px);padding-top:70px;padding-bottom:110px}h1{font-size:clamp(47px,9vw,74px);letter-spacing:-2.6px}.intro{font-size:15px;max-width:100%}.section{padding-top:75px;padding-bottom:75px}h2{letter-spacing:-1.5px}.cards{gap:45px}.card h3{font-size:27px}.visual-content span{width:85px;height:95px}.button{padding:18px;font-size:11px}.contact{padding-top:90px;padding-bottom:90px}}
/* Collages de contenus */
.hero{gap:3%;padding-top:90px;padding-bottom:110px}.hero-content{width:58%;flex-shrink:0}h1{font-size:clamp(48px,5.8vw,88px);letter-spacing:-3.7px}.social-collage{position:relative;z-index:2;width:39%;height:500px;flex-shrink:0}.portrait-card{position:absolute;width:65%;background:#f4f0e9;padding:9px 9px 0;box-shadow:0 22px 65px #0007;color:#182337}.portrait-one{top:5%;left:0;transform:rotate(-9deg);z-index:2}.portrait-two{right:-3%;top:35%;transform:rotate(9deg);z-index:3;width:60%}.portrait-photo{width:100%;aspect-ratio:3/4;background-image:url('portraits-colores.png');background-size:200% 100%;background-repeat:no-repeat}.photo-one{background-position:left center}.photo-two{background-position:right center}.post-caption{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:42px;font-size:9px;font-weight:700}.post-caption>span:last-child{font-size:18px;white-space:nowrap}.platform{position:absolute;z-index:5;width:69px;height:69px;display:grid;place-items:center;box-shadow:0 10px 35px #0005;border-radius:17px}.platform svg{width:65%;height:65%}.google{right:6%;top:5%;background:#fff;transform:rotate(12deg)}.facebook{bottom:11%;left:-9%;background:#1877f2;color:white;transform:rotate(-15deg)}.instagram{right:-9%;top:43%;background:radial-gradient(circle at 25% 100%,#ffdc80 0%,#fcaf45 15%,#f77737 30%,#e1306c 52%,#833ab4 80%);color:white;transform:rotate(15deg)}.collage-sticker{position:absolute;left:-2%;bottom:-1%;z-index:6;background:#ddff58;color:#14200a;padding:17px 23px;font-size:20px;font-weight:800;line-height:1.05;letter-spacing:-.7px;transform:rotate(-7deg);box-shadow:0 9px 25px #0003}.collage-sticker b{position:absolute;right:10px;top:9px;font-size:25px}.content-portraits{height:260px;margin-top:24px;position:relative;background:url('portraits-colores.png') center 32%/cover}.content-portraits span{position:absolute;bottom:15px;left:15px;background:#0a1225;color:white;padding:10px 14px;font-size:12px;font-weight:700}@media(min-width:1500px){.social-collage{max-width:480px;height:570px}}@media(max-width:1050px){.hero{flex-wrap:wrap}.hero-content{width:100%}.hero h1{font-size:clamp(50px,7.5vw,80px);max-width:950px}.social-collage{width:420px;height:530px;margin:55px auto 30px}.intro{max-width:600px}}@media(max-width:520px){.hero h1{font-size:48px;letter-spacing:-2.7px}.social-collage{width:90%;height:420px;margin-top:35px;margin-bottom:25px}.platform{width:56px;height:56px;border-radius:13px}.portrait-card{padding:6px 6px 0}.post-caption{font-size:8px;min-height:36px}.post-caption>span:last-child{font-size:14px}.collage-sticker{font-size:18px;bottom:5%}.content-portraits{height:230px}}
/* Visuels des métiers */
.portrait-photo{background-image:url('artisans-metiers.png');background-size:300% 100%;aspect-ratio:1/2}.photo-one{background-position:left center}.photo-two{background-position:center center}.photo-three{background-position:right center}.portrait-one{width:46%;left:-3%;top:4%;transform:rotate(-10deg)}.portrait-two{width:44%;right:19%;top:23%;transform:rotate(4deg);z-index:3}.portrait-three{width:43%;right:-9%;top:8%;transform:rotate(12deg);z-index:4}.post-caption{font-size:8px;min-height:35px}.post-caption>span:last-child{font-size:12px}.google{right:21%;top:-3%}.instagram{right:-12%;top:64%}.facebook{left:-9%;bottom:15%}.collage-sticker{bottom:0%;left:5%}.content-portraits{background-image:url('artisans-metiers.png');background-position:center 38%;height:320px}@media(max-width:520px){.portrait-one{left:-3%}.portrait-three{right:-7%}.post-caption{font-size:7px;min-height:30px}.post-caption>span:last-child{display:none}.social-collage{height:380px}.collage-sticker{bottom:0}.content-portraits{height:270px}}
/* Fiche animée : boucle de huit secondes */
.listing-demo{position:relative;z-index:2;width:39%;max-width:480px;flex-shrink:0;background:#f8f9fc;color:#202b3d;border:1px solid #ffffff65;border-radius:17px;box-shadow:0 35px 100px #0008,0 0 75px #3c82f526;overflow:hidden;transform:rotate(2deg)}.listing-top{height:57px;display:flex;gap:12px;align-items:center;padding:0 20px;font-size:12px;font-weight:600;border-bottom:1px solid #e3e7ef}.listing-google{width:25px;height:25px}.listing-google svg{width:100%;height:100%}.listing-menu{margin-left:auto;color:#7f8899;letter-spacing:2px}.listing-photos{height:230px;position:relative;overflow:hidden;background:#26364c}.listing-slide{position:absolute;inset:0;background-image:url('artisans-metiers.png');background-size:300% auto;background-repeat:no-repeat;background-position-y:36%;opacity:0;animation:listing-slide 8s infinite}.slide-restaurant{background-position-x:0;animation-name:listing-first}.slide-builder{background-position-x:50%;animation-delay:2.6667s}.slide-florist{background-position-x:100%;animation-delay:5.3333s}.listing-photo-label{position:absolute;bottom:12px;left:15px;padding:6px 10px;background:#071225bd;color:white;font-size:10px;backdrop-filter:blur(6px);border-radius:4px}.listing-body{padding:21px}.listing-title{font-size:24px;letter-spacing:-.7px;font-weight:700}.listing-check{font-size:12px;background:#4285f4;color:#fff;border-radius:50%;display:inline-grid;place-items:center;width:17px;height:17px;vertical-align:middle}.listing-subtitle{color:#7b8493;font-size:11px;margin-top:6px}.listing-actions{display:flex;gap:7px;margin-top:17px}.listing-actions span{border:1px solid #dae0eb;border-radius:30px;color:#3478d9;font-size:10px;padding:8px 11px}.listing-divider{height:1px;background:#e2e7ef;margin:19px 0}.activity-heading{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600;gap:8px}.activity-live{display:flex;gap:5px;align-items:center;color:#398056;font-size:9px}.activity-live i{width:5px;height:5px;background:#35ad72;border-radius:50%;animation:activity-pulse 2s infinite}.activity-chart{height:90px;position:relative;margin:19px 0 12px}.activity-chart svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.chart-grid{position:absolute;inset:0;background:repeating-linear-gradient(to top,#e8ecf2 0px,#e8ecf2 1px,transparent 1px,transparent 29px)}.chart-line{stroke-dasharray:1;stroke-dashoffset:1;animation:activity-grow 8s infinite}.chart-area{animation:activity-area 8s infinite}.activity-signals{display:flex;justify-content:space-between;gap:7px;font-size:9px;color:#748096}.activity-signals span{animation:signal-pop 8s infinite}.activity-signals span:nth-child(2){animation-delay:1s}.activity-signals span:nth-child(3){animation-delay:2s}.listing-foot{background:#edf0f6;padding:11px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:8px;color:#798497}.animation-toggle{border:0;background:transparent;color:#42638d;font:inherit;font-size:10px;cursor:pointer;padding:5px}.animation-toggle:focus-visible{outline:2px solid #4285f4;outline-offset:2px}.listing-demo.is-paused *{animation-play-state:paused!important}@keyframes listing-slide{0%{opacity:0;transform:scale(1.04)}5%,29%{opacity:1}34%,100%{opacity:0;transform:scale(1)}}@keyframes listing-first{0%,29%{opacity:1;transform:scale(1.04)}34%,95%{opacity:0;transform:scale(1)}100%{opacity:1;transform:scale(1.04)}}@keyframes activity-grow{0%,8%{stroke-dashoffset:1}82%,94%{stroke-dashoffset:0}100%{stroke-dashoffset:1}}@keyframes activity-area{0%,8%{clip-path:inset(0 100% 0 0)}82%,94%{clip-path:inset(0 0 0 0)}100%{clip-path:inset(0 100% 0 0)}}@keyframes activity-pulse{50%{opacity:.35}}@keyframes signal-pop{0%,15%,90%,100%{color:#748096}30%,75%{color:#2673da}}@media(max-width:1050px){.listing-demo{width:440px;max-width:95%;margin:45px auto 25px}}@media(max-width:520px){.listing-demo{transform:none;width:100%;max-width:100%}.listing-photos{height:220px}.listing-body{padding:18px}.listing-title{font-size:22px}}@media(prefers-reduced-motion:reduce){.listing-demo *{animation:none!important}.slide-restaurant{opacity:1}.chart-line{stroke-dashoffset:0}.animation-toggle{display:none}}
/* Recentrage des visages dans le diaporama */
.listing-slide{background-position-y:15%}
/* Recherche locale, clic et activité : scénario de huit secondes */
.maps-intro{position:absolute;inset:57px 0 39px;z-index:10;background:#f8f9fc;overflow:hidden;animation:maps-scene 8s infinite}.maps-search{position:absolute;z-index:3;top:14px;left:15px;right:15px;background:#fff;box-shadow:0 3px 15px #24364c22;border-radius:30px;padding:13px 17px;color:#4285f4;font-size:20px;display:flex;gap:12px;align-items:center}.maps-search span{color:#4c586a;font-size:12px}.maps-canvas{height:235px;background:repeating-linear-gradient(10deg,transparent 0 44px,#fff 45px 53px,transparent 54px 95px),repeating-linear-gradient(100deg,#e7ece4 0 60px,#fff 61px 70px,#e7ece4 71px 115px);position:relative;overflow:hidden}.map-road{position:absolute;background:#fff8d1;border:2px solid #e8dca8;width:130%;height:17px;left:-15%;top:130px;transform:rotate(-27deg)}.road-two{transform:rotate(70deg);top:80px;left:1%}.road-three{transform:rotate(12deg);top:205px}.map-area{position:absolute;top:120px;left:12%;font-size:9px;letter-spacing:2px;color:#7a8e85}.map-pin{position:absolute;color:#879ab2;font-size:29px;z-index:2;filter:drop-shadow(0 2px 1px #0002)}.pin-one{top:75px;left:20%}.pin-two{top:165px;left:75%}.pin-main{top:125px;left:55%;color:#4285f4;font-size:38px;animation:map-pin-pop 8s infinite}.map-park{position:absolute;right:10%;top:65px;width:75px;height:45px;border-radius:40%;background:#b8d9b8}.maps-results{position:absolute;top:235px;bottom:32px;left:0;right:0;overflow:hidden;background:#fff}.maps-result-track{animation:map-scroll 8s infinite}.map-result{display:flex;align-items:center;gap:10px;padding:14px 17px;min-height:80px;border-bottom:1px solid #e5e9ef;background:#fff}.map-result.featured{background:#eaf2ff;min-height:91px;border-left:3px solid #4285f4;animation:result-highlight 8s infinite}.map-result>div:not(.result-thumb){display:flex;flex-direction:column;gap:5px}.map-result small{font-size:8px;color:#59749a}.map-result strong{font-size:13px;color:#263953}.map-result span{font-size:9px;color:#7c8999}.map-result b{margin-left:auto;color:#4285f4}.result-thumb{width:49px;height:57px;flex-shrink:0;border-radius:6px;background:url('artisans-metiers.png') left 12%/300% auto}.result-dot{width:40px;height:40px;flex-shrink:0;border-radius:6px;background:#e7ddce}.second-dot{background:#dbe8df}.maps-caption{position:absolute;bottom:0;left:0;right:0;height:32px;background:#f3f6fb;display:grid;place-items:center;font-size:9px;color:#68809d}.maps-cursor{position:absolute;z-index:15;top:290px;left:58%;font-size:33px;color:#14233a;transform:rotate(-28deg);filter:drop-shadow(0 2px 1px white);animation:map-cursor 8s infinite}.maps-cursor span{position:absolute;left:-9px;top:-7px;width:40px;height:40px;border:3px solid #4285f4;border-radius:50%;animation:map-click 8s infinite}.listing-foot{position:relative;z-index:12}.chart-line{animation-name:activity-after-click}.chart-area{animation-name:area-after-click}.listing-photos .slide-restaurant{animation-name:photo-after-first}.listing-photos .slide-builder{animation:photo-after-second 8s infinite}.listing-photos .slide-florist{animation:photo-after-third 8s infinite}@keyframes maps-scene{0%,40%{opacity:1;visibility:visible;transform:scale(1)}46%,96%{opacity:0;visibility:hidden;transform:scale(1.04)}100%{opacity:1;visibility:visible;transform:scale(1)}}@keyframes map-scroll{0%,5%{transform:translateY(-72px)}20%,100%{transform:translateY(0)}}@keyframes map-cursor{0%,18%{opacity:0;translate:65px 90px}27%,40%{opacity:1;translate:0 0}45%,100%{opacity:0;translate:0 0}}@keyframes map-click{0%,30%{opacity:0;scale:.25}33%{opacity:1;scale:.5}40%,100%{opacity:0;scale:1.5}}@keyframes result-highlight{0%,29%{background:#eaf2ff}34%,42%{background:#cfe1ff}46%,100%{background:#eaf2ff}}@keyframes map-pin-pop{0%,8%{scale:.8}22%,100%{scale:1}}@keyframes activity-after-click{0%,47%{stroke-dashoffset:1}88%,96%{stroke-dashoffset:0}100%{stroke-dashoffset:1}}@keyframes area-after-click{0%,47%{clip-path:inset(0 100% 0 0)}88%,96%{clip-path:inset(0 0 0 0)}100%{clip-path:inset(0 100% 0 0)}}@keyframes photo-after-first{0%,60%{opacity:1}65%,100%{opacity:0}}@keyframes photo-after-second{0%,59%{opacity:0}64%,77%{opacity:1}82%,100%{opacity:0}}@keyframes photo-after-third{0%,77%{opacity:0}82%,100%{opacity:1}}@media(prefers-reduced-motion:reduce){.maps-intro{display:none}.listing-photos .slide-restaurant{opacity:1}.listing-photos .slide-builder,.listing-photos .slide-florist{opacity:0}}
.service-motion{height:320px;margin-top:24px;position:relative;display:grid;grid-template-columns:42% 58%;overflow:hidden;background:#101d32;border:1px solid #ffffff12}.service-motion-photo{position:relative;overflow:hidden}.service-motion-photo .listing-slide{background-size:auto 100%;background-size:300% 100%;background-position-y:center}.service-motion-info{padding:30px 20px;display:flex;flex-direction:column;justify-content:center;gap:12px}.service-motion-label{text-transform:uppercase;letter-spacing:1.4px;font-size:8px;color:#8eafd9}.service-motion-info strong{font-size:20px;line-height:1.2;letter-spacing:-.5px}.service-motion-sub{font-size:10px;color:#aabbd1}.service-motion-info svg{width:100%;height:80px;overflow:visible;margin-top:8px}.service-motion-info .chart-line{animation-name:activity-grow}.service-motion-info small{font-size:8px;color:#73869f}.service-motion-toggle{position:absolute;bottom:8px;right:10px;background:#101d32;border:1px solid #ffffff25;color:#b9c9df;padding:5px 8px;font-size:9px;cursor:pointer}.service-motion.is-paused *{animation-play-state:paused!important}@media(max-width:520px){.service-motion{height:270px}.service-motion-info{padding:18px 14px}.service-motion-info strong{font-size:18px}}@media(prefers-reduced-motion:reduce){.service-motion *{animation:none!important}.service-motion .slide-restaurant{opacity:1}.service-motion .slide-builder,.service-motion .slide-florist{opacity:0}.service-motion-toggle{display:none}}
/* Extrait carte uniquement dans le premier service */
.maps-only{display:block;height:320px}.maps-only .service-map-scene{inset:0;animation:none;opacity:1;visibility:visible;transform:none}.maps-only .maps-canvas{height:160px}.maps-only .maps-results{top:160px;bottom:28px}.maps-only .maps-search{top:10px;padding:9px 14px}.maps-only .map-area{top:103px}.maps-only .pin-main{top:87px}.maps-only .pin-one{top:65px}.maps-only .pin-two{top:110px}.maps-only .map-result{min-height:66px;padding:10px 16px}.maps-only .map-result.featured{min-height:73px}.maps-only .maps-cursor{top:195px}.maps-only .maps-caption{height:28px;padding-right:60px;font-size:8px}.maps-only .service-motion-toggle{z-index:20;bottom:4px;background:#edf2fa;color:#42638d;border-color:#cbd7e8}.maps-only .featured .result-dot{background:#4285f4;border-radius:50%;width:30px;height:30px}@media(prefers-reduced-motion:reduce){.maps-only .service-map-scene{display:block}.maps-only .maps-cursor{display:none}}
.footer-logo{display:block;width:54px;height:60px;flex-shrink:0;filter:invert(1)}
.footer-logo{width:108px;height:28px;overflow:hidden}
.inline-wordmark{display:inline-block;width:3.1em;height:.85em;vertical-align:-.04em;overflow:hidden;filter:invert(1);margin:0 .1em}
/* Contour bleu des textes clairs pendant le défilement descendant */
.scroll-outline-target{transition:text-shadow .22s ease}body.is-scrolling-down .scroll-outline-target{text-shadow:-1px 0 #3989ff,1px 0 #3989ff,0 -1px #3989ff,0 1px #3989ff,0 0 9px #2478ef66}@media(prefers-reduced-motion:reduce){.scroll-outline-target{transition:none}body.is-scrolling-down .scroll-outline-target{text-shadow:none}}
/* Trait mobile suivant les contours des lettres */
.tracing-word{position:relative;display:inline-block;white-space:nowrap;text-shadow:none}.word-trace{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;opacity:0;transition:opacity .3s ease}.word-trace text{fill:none;stroke:#3989ff;stroke-width:1.25px;stroke-linecap:round;stroke-linejoin:round;animation:trace-letter 2.5s linear infinite;animation-play-state:paused}.is-scrolling-down .word-trace{opacity:1}.is-scrolling-down .word-trace text{animation-play-state:running}@keyframes trace-letter{to{stroke-dashoffset:-300}}@media(prefers-reduced-motion:reduce){.word-trace{display:none}}
.word-trace .worm-path{fill:none;stroke:#3989ff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 2px #3989ff);animation:worm-travel 3s linear infinite}.word-trace{transition:opacity .35s ease}.is-scrolling-down .word-trace{opacity:1}@keyframes worm-travel{from{stroke-dashoffset:0}to{stroke-dashoffset:var(--worm-distance)}}
/* Un seul segment visible dans la page */
.is-scrolling-down .tracing-word:not(.single-worm-active) .word-trace{opacity:0;transition:none}.is-scrolling-down .single-worm-active .word-trace{opacity:1}
/* Léger zoom dans les deux sens et à l’arrivée */
.tracing-word{transform:scale(1);transform-origin:center;transition:transform .5s cubic-bezier(.2,.7,.2,1)}.is-scrolling-down .tracing-word{transform:scale(1.06)}@media(prefers-reduced-motion:reduce){.tracing-word,.is-scrolling-down .tracing-word{transform:none;transition:none}}

/* Préserve les espaces : zoom du bloc, jamais des mots séparément */
.tracing-word,.is-scrolling-down .tracing-word{transform:none!important;transition:none}.scroll-zoom-block{transform-origin:left center;transition:transform .45s ease}.is-scrolling-down .scroll-zoom-block{transform:scale(1.06)}.word-trace .worm-path{stroke:#459aff;stroke-width:2.4;animation:worm-travel 1.4s linear infinite;animation-play-state:paused}.is-scrolling-down .single-worm-active .worm-path{animation-play-state:running}.word-trace{z-index:2}@media(prefers-reduced-motion:reduce){.scroll-zoom-block,.is-scrolling-down .scroll-zoom-block{transform:none;transition:none}}
/* Effet simple sur les grands titres uniquement */
.scroll-title{transform-origin:left center;transition:transform .4s ease,text-shadow .25s ease}.contact .scroll-title{transform-origin:center}.title-scroll-active .scroll-title{transform:scale(1.06);text-shadow:-1px 0 #3989ff,1px 0 #3989ff,0 -1px #3989ff,0 1px #3989ff}.scroll-title em{text-shadow:none}@media(prefers-reduced-motion:reduce){.scroll-title,.title-scroll-active .scroll-title{transform:none;text-shadow:none;transition:none}}
.contact-email{margin-top:20px}.contact-address{font-size:13px}.legal-link{font-size:12px;color:#a9bad2}.legal-link:hover{color:#fff}.legal-page{max-width:1050px;margin:auto;min-height:70vh}.legal-page h1{font-size:clamp(38px,6vw,70px)}.legal-page section{margin:40px 0}.legal-page h2{font-size:25px;letter-spacing:-.6px}.legal-page p{line-height:1.85;color:#aab8cb}.legal-page p a{color:#82b2ff;text-decoration:underline}.legal-page .legal-draft{border-left:2px solid #709ee5;padding-left:15px}
.contact-wordmark{display:block;width:64px;height:18px;overflow:hidden;filter:invert(1)}.contact-email{gap:12px}
.inline-wordmark{width:2.2em;height:.85em}.contact-wordmark{width:46px;height:18px}
/* Boucle continue : repositionnement pendant que la carte est masquée */
@keyframes maps-scene{0%,40%{opacity:1;visibility:visible;transform:scale(1)}46%,88%{opacity:0;visibility:hidden;transform:scale(1)}96%,100%{opacity:1;visibility:visible;transform:scale(1)}}
@keyframes map-scroll{0%,5%{transform:translateY(-72px)}20%,65%{transform:translateY(0)}84%,100%{transform:translateY(-72px)}}
@keyframes map-pin-pop{0%,8%{scale:.8}22%,65%{scale:1}84%,100%{scale:.8}}
@keyframes map-cursor{0%,18%{opacity:0;translate:65px 90px}27%,40%{opacity:1;translate:0 0}45%,70%{opacity:0;translate:0 0}85%,100%{opacity:0;translate:65px 90px}}
@keyframes map-click{0%,30%{opacity:0;scale:.25}33%{opacity:1;scale:.5}40%,70%{opacity:0;scale:1.5}85%,100%{opacity:0;scale:.25}}
@keyframes photo-after-first{0%,60%{opacity:1}65%,96%{opacity:0}99%,100%{opacity:1}}
@keyframes photo-after-third{0%,77%{opacity:0}82%,96%{opacity:1}99%,100%{opacity:0}}
.pricing-page{max-width:1450px;margin:auto}.pricing-page h1{font-size:clamp(44px,6vw,85px)}.pricing-intro{max-width:650px;color:#aab8cb;line-height:1.8}.pricing-cards{margin-top:65px}.pricing-cards h2{font-size:clamp(28px,3vw,43px);margin-top:25px;letter-spacing:-1px}.pricing-cards ul{padding-left:20px;color:#b3c2d6;line-height:2.2;font-size:14px}.pricing-cards .price-pending{font-size:25px;color:#fff;margin:30px 0 20px}.pricing-note{color:#8e9eb4;font-size:12px;margin-top:45px}@media(max-width:800px){nav{gap:12px}nav>a.pricing-nav{display:inline-block}.header .brand span{display:none}.pricing-cards{margin-top:40px}}
.price-pending small{font-size:14px;font-weight:400;color:#a8bbd4}.pricing-cards{row-gap:65px}
/* Navigation persistante sur toutes les pages */
.header{position:sticky;top:0;z-index:100;background:#080c13;box-shadow:0 8px 24px #0002}.section{scroll-margin-top:115px}@media(max-width:800px){.section{scroll-margin-top:96px}}
/* Hiérarchie des actions du premier écran */
.hero-secondary{display:inline-flex;align-items:center;gap:12px;margin-left:22px;padding:17px 0;color:#d6e3f6;font-size:13px;border-bottom:1px solid #6682a7}.hero-secondary:hover{color:#fff;border-color:#fff}.hero .eyebrow{line-height:1.6}.hero .intro{max-width:580px}@media(max-width:520px){.hero-secondary{margin-left:17px;font-size:11px}.hero .eyebrow{font-size:10px;letter-spacing:1.7px}}
.pricing-cards .scroll-title,.title-scroll-active .pricing-cards .scroll-title{transform:none!important}
.shortcut-icon{display:inline-block;width:19px;height:19px;object-fit:contain;vertical-align:middle;filter:invert(1);flex-shrink:0}.button .shortcut-icon{width:20px;height:20px}.hero-bottom .shortcut-icon{width:14px;height:14px}
svg.shortcut-icon{overflow:hidden;min-width:19px;min-height:19px}
/* Entreprise visible immédiatement, autres résultats défilants */
.maps-result-track{animation:none;transform:none}.map-result.featured{position:relative;z-index:2}.maps-results{isolation:isolate}.map-result:not(.featured){animation:other-listings-scroll 8s infinite}@keyframes other-listings-scroll{0%,5%{transform:translateY(0)}20%,65%{transform:translateY(-18px)}84%,100%{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.map-result:not(.featured){animation:none}}
/* Photo animée de la fleuriste : huit secondes */
.florist-animation{position:relative;margin-top:30px;width:100%;max-width:520px;aspect-ratio:4/3;overflow:hidden;border:1px solid #ffffff20;border-radius:8px;background:#10241c;isolation:isolate}.florist-photo{position:absolute;inset:-5%;background-image:url('artisans-metiers.png');background-size:300% auto;background-position:100% 25%;background-repeat:no-repeat;animation:florist-camera 8s ease-in-out infinite;will-change:transform}.florist-shade{position:absolute;inset:0;background:linear-gradient(0deg,#07101bd9,transparent 50%);pointer-events:none}.florist-caption{position:absolute;bottom:22px;left:22px;right:18px;display:flex;align-items:flex-end;justify-content:space-between;gap:15px;color:#fff;font-size:14px;line-height:1.5}.florist-caption strong{font-size:21px;font-weight:500}.florist-pause{font-size:10px;color:#fff;background:#091521a8;border:1px solid #ffffff50;border-radius:4px;padding:8px 10px;cursor:pointer}.florist-pause:focus-visible{outline:2px solid #82b2ff;outline-offset:3px}.petal-burst{position:absolute;inset:0;pointer-events:none}.flower-petal{position:absolute;left:53%;top:55%;width:15px;height:25px;border-radius:80% 15% 70% 20%;background:linear-gradient(135deg,#ffbed8,#ef448c);box-shadow:inset 1px 1px 3px #ffffff70,0 2px 5px #0002;opacity:0;animation:petal-flight 8s ease-out infinite;animation-delay:var(--delay)}.flower-petal:nth-child(3n){background:linear-gradient(135deg,#ffe8af,#ff9c47);width:19px;height:28px}.flower-petal:nth-child(4n){background:linear-gradient(135deg,#fff6fb,#dc88c8);width:12px;height:21px}.flower-petal:nth-child(5n){background:linear-gradient(135deg,#fbf1ad,#e9bc37)}.florist-animation.is-paused *{animation-play-state:paused!important}@keyframes florist-camera{0%,100%{transform:scale(1) translate(0,0)}35%{transform:scale(1.055) translate(-.5%,1%)}57%{transform:scale(1.08) rotate(.8deg)}80%{transform:scale(1.025) rotate(-.3deg)}}@keyframes petal-flight{0%,44%{opacity:0;transform:rotate(var(--angle)) translateX(0) rotate(0) scale(.2)}48%{opacity:.95}77%{opacity:.85}94%,100%{opacity:0;transform:rotate(var(--angle)) translateX(var(--reach)) rotate(380deg) scale(1.1)}}@media(prefers-reduced-motion:reduce){.florist-photo,.flower-petal{animation:none}.flower-petal{display:none}.florist-pause{display:none}}@media(max-width:520px){.florist-caption{bottom:16px;left:16px}.florist-caption strong{font-size:18px}}
/* Tarifs intégrés : titre centré et largeur cohérente avec les sections */
#tarifs.pricing-page{max-width:none;width:100%;margin:0;padding-left:6%;padding-right:6%}#tarifs>.eyebrow,#tarifs>h2{text-align:center}#tarifs>h2{transform-origin:center}#tarifs .pricing-cards{max-width:1200px;margin:55px auto 0;align-items:stretch}#tarifs .pricing-cards .card{display:flex;flex-direction:column;min-width:0}#tarifs .pricing-cards .button{align-self:flex-start;margin-top:auto}#tarifs .pricing-cards ul{margin-bottom:24px}#tarifs .pricing-cards .price-pending{margin-top:8px;margin-bottom:24px}@media(min-width:1600px){#tarifs.pricing-page{padding-left:max(6%,calc((100vw - 1400px)/2));padding-right:max(6%,calc((100vw - 1400px)/2))}}

/* Sections superposées : chaque feuille recouvre la précédente. */
main:has(.stacked-sheet){isolation:isolate}main>.stacked-sheet{position:relative;background-color:#080c13;box-shadow:0 -18px 45px #0005}footer{position:relative;z-index:10;background-color:#080c13}
@media(prefers-reduced-motion:reduce){main>.stacked-sheet{translate:none!important;box-shadow:none}}

/* Liseré lumineux sous le bandeau pendant le défilement. */
.header::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9) 25%,#fff 50%,rgba(255,255,255,.9) 75%,transparent);box-shadow:0 2px 9px #ffffff75;opacity:0;pointer-events:none;transition:opacity .4s ease}
.header-scroll-glow .header::after{opacity:1;transition-duration:.12s}
@media(prefers-reduced-motion:reduce){.header::after{display:none}}