/* V3 — illustrations, product screens and motion. */
.home-hero{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:30px;min-height:720px}
.hero-art{height:auto;min-width:0;display:flex;flex-direction:column;align-items:center;padding-top:40px;align-self:center;overflow:hidden}
.hero-illustration{width:100%;aspect-ratio:3/2;position:relative;overflow:hidden;flex:none}
.hero-courier{position:static;display:block;width:100%;max-width:100%;height:100%;object-fit:contain;pointer-events:none}
.hero-stamp{top:0;right:8%;font-size:14px;padding:9px 17px;transform:rotate(4deg)}
.hero-art-note{position:static;display:block;align-self:flex-end;max-width:220px;margin:15px 6% 0 0;font-size:10px;line-height:1.9;text-align:right;letter-spacing:.13em;color:#595960}
.hero-line{white-space:normal}
.home-hero h1{font-size:clamp(48px,5.6vw,82px)}
.audience-card{overflow:hidden;background:#f7f7f8}
.audience-card:nth-child(2){background:#fff1f2}
.audience-card>img{height:auto;aspect-ratio:3/2;object-fit:contain;margin:24px 0 20px;transition:transform .55s cubic-bezier(.2,.7,.2,1)}
@media(hover:hover){.audience-card:hover>img{transform:translateY(-6px) scale(1.025)}}
.solution-art{background:#f7f7f8;padding:18px}
.solution-art img{height:auto;aspect-ratio:3/2;object-fit:contain}
.mega-feature img{height:130px;object-fit:contain;margin-bottom:8px}
.device-frame{position:absolute!important;inset:0;width:100%!important;height:100%!important;pointer-events:none;z-index:2;object-fit:fill!important}
.browser-device{position:relative;width:100%;aspect-ratio:1203/753;filter:drop-shadow(0 18px 24px #15151513)}
.browser-media{position:absolute;left:.083%;top:6.9%;width:99.75%;height:92.96%;border-radius:0 0 1% 1%;overflow:hidden;background:white}
.browser-media>img{display:block;width:100%;height:auto;max-width:none;object-position:top;object-fit:cover}
.phone-device{position:relative;width:290px;max-width:100%;aspect-ratio:433/882;filter:drop-shadow(0 25px 22px #15151516)}
.phone-viewport{position:absolute;left:4.9076%;top:2.1825%;width:89.9538%;height:95.6349%;border-radius:14.3132% / 6.6094%;overflow:hidden;background:white}
.phone-viewport iframe{position:absolute;inset:0;width:390px;height:844px;max-width:none;border:0;pointer-events:none;transform:scale(var(--screen-scale,.67));transform-origin:top left}
.journey-layout{grid-template-columns:minmax(270px,.8fr) minmax(0,1.2fr);gap:54px}
.journey-product{border:0;background:#f5f5f7;border-radius:28px;padding:28px 30px 20px}
.journey-panel{height:360px;overflow:hidden}
.scene-topline{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:.1em;margin-bottom:22px;font-weight:600;line-height:1.6}
.scene-topline small{font-size:10px;font-weight:400;letter-spacing:0;color:var(--muted)}
.scene-product{height:310px;display:flex;align-items:center;justify-content:center;padding:15px 0}
.scene-product .browser-device{max-width:600px;transform:rotate(-1.5deg)}
.panel-1 .browser-device{transform:rotate(1.5deg)}
.panel-2 .scene-product{height:325px;padding:0;overflow:hidden;align-items:flex-start}
.panel-2 .phone-device{width:245px;margin-top:2px}
.journey-product .story-card{margin:12px 0 0;box-shadow:none;min-height:130px;padding:22px 24px}
.journey-product .story-progress{margin:18px 0 0}
.journey-product .story-card-title{font-size:21px}
.journey-product .story-card-body{font-size:12px}
.home-product{overflow:visible;grid-template-columns:.75fr 1.25fr;gap:50px;padding:55px;background:#f5f5f7;margin-bottom:0}
.home-proof{display:block;height:auto;max-height:none;background:none;overflow:visible;transform:none;border:0;box-shadow:none}
.home-proof .proof-tab{background:none;border:0;padding:0 0 18px}
.home-proof .browser-device{transform:rotate(-2deg)}
.home-proof .proof-caption{position:static;display:block;margin-top:18px;text-align:right;background:none;box-shadow:none;font-size:10px;color:#74747d}
.mobile-showcase{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:100px;align-items:center;padding-top:120px;padding-bottom:110px;scroll-margin-top:115px}
.mobile-copy h2{font-size:clamp(40px,4.5vw,65px);line-height:1.04;letter-spacing:-.055em;margin:22px 0 26px}
.mobile-lead{font-size:15px;line-height:1.85;max-width:430px;color:#65656e}
.mobile-switch{display:flex;flex-wrap:wrap;gap:5px;margin:28px 0 14px;background:#f4f4f6;padding:5px;border-radius:14px;width:max-content;max-width:100%}
.mobile-switch button{display:flex;gap:7px;align-items:center;font-size:11px;font-weight:600;padding:13px 11px;border-radius:10px;background:none;min-height:44px;text-align:left}
.mobile-switch button[aria-selected=true]{background:white;box-shadow:0 3px 7px #1515150a;color:var(--red)}
.mobile-switch .icon{width:16px;height:16px;flex:none}
.mobile-step-copy{font-size:13px;line-height:1.75;color:#65656e;min-height:70px;max-width:410px}
.platform-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0}
.platform-card{border:1px solid #e8e8ec;border-radius:14px;background:#fff;align-self:start}
.platform-card summary{display:flex;align-items:center;gap:9px;padding:15px 11px;cursor:pointer;list-style:none}
.platform-card summary::-webkit-details-marker{display:none}
.platform-card summary>span:nth-child(2){flex:1}
.platform-card small{display:block;font-size:10px;color:#73737c;margin-bottom:4px}
.platform-card strong{display:block;font-size:12px;color:#26262b}
.platform-icon .icon{height:22px;width:22px}
.platform-card summary>.icon{height:14px;width:14px;color:#9a9aa1}
.platform-card[open] summary>.icon{transform:rotate(45deg)}
.platform-card>p{padding:0 13px 15px;font-size:11px;line-height:1.75;color:#65656e}
.mobile-copy>.text-link{font-size:12px}
.mobile-display{position:relative;background:#fff1f2;border-radius:32px;padding:25px 25px 26px;isolation:isolate;overflow:hidden}
.mobile-display-kicker{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:600;letter-spacing:.12em;justify-content:center;color:#9d1720;margin-bottom:22px}
.mobile-phone-stack{display:grid;place-items:center;min-width:0}
.mobile-phone-stack>div{width:290px;max-width:100%;margin:auto}
.mobile-display-note{font-size:10px;text-align:center;color:#887579;line-height:1.8;margin-top:24px}
.phone-viewport:after{content:"";position:absolute;left:5%;right:5%;top:9%;height:1px;background:linear-gradient(90deg,transparent,#e11d2a50,transparent);opacity:0;pointer-events:none}
.mobile-display.in-view [data-mobile-panel=pair] .phone-viewport:after{animation:scan-pass 7s ease-in-out infinite}
.mobile-display:not(.in-view) .phone-viewport:after{animation-play-state:paused}
@keyframes scan-pass{0%,36%,100%{transform:translateY(0);opacity:0}42%{opacity:.6}64%{transform:translateY(280px);opacity:0}}
@media(min-width:1600px){.home-hero{gap:65px}.hero-art{max-width:610px}.hero-art-note{margin-top:18px}}
@media(max-width:1150px){.home-hero{gap:24px}.home-hero h1{font-size:clamp(45px,5.6vw,66px)}.hero-actions{gap:17px}.hero-art{padding-top:40px}.journey-layout{gap:30px;grid-template-columns:.85fr 1.15fr}.journey-product{padding:24px 20px 18px}.journey-option{padding:23px 16px}.journey-option h3{font-size:23px}.mobile-showcase{gap:50px}.platform-options{grid-template-columns:1fr}.mobile-copy h2{font-size:50px}.home-product{gap:30px;padding:40px}.home-product h2{font-size:44px}}
@media(max-width:1000px){.home-hero{grid-template-columns:minmax(0,1fr);min-height:0;padding-top:150px;gap:24px}.hero-copy{max-width:680px;padding-bottom:0}.home-hero h1{font-size:clamp(56px,8.5vw,78px)}.hero-art{width:min(580px,100%);margin:0 auto;padding-top:38px}.hero-art-note{margin-top:5px}.journey-layout{grid-template-columns:1fr;gap:26px}.journey-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.journey-option{padding:18px 12px;gap:8px}.journey-option h3{font-size:18px}.journey-option p{font-size:12px}.journey-option>.icon{display:none}.journey-product{max-width:720px;width:100%;margin:auto}.journey-panel{height:400px}.scene-product{height:350px}.panel-2 .scene-product{height:365px}.home-product{grid-template-columns:1fr;gap:32px;padding:40px}.home-product-copy{max-width:520px}.home-proof{max-width:680px;width:100%;margin:auto}.mobile-showcase{gap:35px}.mobile-copy h2{font-size:43px}.mobile-switch{width:100%}.mobile-switch button{flex:1}.mobile-display{padding:24px 16px}.mobile-phone-stack>div{width:270px}.mobile-lead{font-size:14px}}
@media(max-width:700px){.home-hero{padding-top:130px;gap:26px;padding-bottom:35px}.home-hero h1{font-size:clamp(42px,10.5vw,68px);letter-spacing:-.06em}.hero-copy>.eyebrow{font-size:9px;line-height:1.5;margin-bottom:22px}.hero-art{max-width:470px;padding-top:38px;overflow:hidden}.hero-illustration{aspect-ratio:3/2}.hero-courier{position:static;width:100%;max-width:100%;height:100%;margin:0}.hero-stamp{top:0;right:7%;font-size:12px;padding:8px 13px}.hero-art-note{font-size:9px;position:static;margin:10px 5% 0 0;max-width:210px;line-height:1.8}.journey-heading{margin-bottom:30px}.journey-options{display:flex;gap:8px}.journey-option{padding:18px;gap:14px;border-radius:18px}.journey-option h3{font-size:21px}.journey-option p{font-size:13px}.journey-option>.icon{display:block}.journey-product{padding:20px 16px 15px;border-radius:23px}.journey-panel{height:270px}.scene-topline{font-size:8px;margin-bottom:13px;gap:10px}.scene-topline small{font-size:9px}.scene-product{height:225px;padding:6px 0}.panel-2 .scene-product{height:235px}.panel-2 .phone-device{width:195px}.journey-product .story-card{margin:8px 0 0;padding:18px 16px;min-height:130px}.journey-product .story-card-title{font-size:20px}.journey-product .story-card-body{font-size:12px}.audience-card>img{max-height:none;height:auto;aspect-ratio:3/2;margin:20px 0}.home-product{padding:29px 23px;gap:35px;margin-top:0;overflow:hidden}.home-product h2{font-size:40px}.home-proof{width:100%;max-width:none}.home-proof .proof-tab{font-size:11px}.home-proof .proof-caption{font-size:9px}.mobile-showcase{grid-template-columns:1fr;gap:35px;padding-top:70px;padding-bottom:65px}.mobile-copy h2{font-size:clamp(40px,10.5vw,58px);margin-top:20px}.mobile-copy .eyebrow{font-size:10px}.mobile-lead{font-size:14px}.mobile-step-copy{min-height:0;margin-top:18px;font-size:13px}.mobile-switch{width:max-content;margin-top:25px}.mobile-switch button{font-size:10px;padding:13px 10px}.platform-options{grid-template-columns:1fr 1fr;margin-top:23px}.platform-card summary{gap:6px;padding:14px 10px}.platform-card strong{font-size:11px}.platform-card small{font-size:9px}.platform-icon .icon{width:18px}.mobile-display{border-radius:25px;padding:25px 20px}.mobile-phone-stack>div{width:280px}.mobile-display-kicker{font-size:9px}.mobile-display-note{margin-top:20px}.solution-art{padding:12px}.solution-art img{height:auto}.mega-feature img{height:100px}}
@media(max-width:390px){.home-hero h1{font-size:10.4vw}.hero-art{height:auto}.hero-art-note{font-size:8px;margin-top:8px}.hero-copy>.eyebrow{font-size:8px}.journey-product{padding:18px 12px 14px}.journey-panel{height:240px}.scene-product{height:195px}.panel-2 .scene-product{height:205px}.scene-topline small{max-width:110px;text-align:right}.platform-options{grid-template-columns:1fr}.mobile-switch{width:100%}.mobile-switch button{width:100%;flex:none;justify-content:center}.mobile-copy h2{font-size:40px}}
@media(prefers-reduced-motion:reduce){.phone-viewport:after{display:none}.browser-device,.home-proof .browser-device{transform:none}}
body.motion-reduced .phone-viewport:after{display:none}
/* « Se connecter » : bouton visible (contour, icône), à côté de « Parlons-en ». */
.nav-login{gap:8px;padding:0 18px;min-height:44px;border:1.5px solid #151515;border-radius:100px;font-weight:600;color:#151515;background:#fff;transition:background .2s,color .2s,border-color .2s}
.nav-login .icon{width:16px;height:16px}
.nav-login:hover,.nav-login:focus-visible{background:#151515;color:#fff;border-color:#151515}
@media(max-width:1000px){.nav-login{justify-content:center;padding:0 18px;min-height:48px;font-size:15px}}