@font-face{font-family:Satoshi;src:url('/vitrine/fonts/Satoshi-Variable.woff2') format('woff2');font-weight:300 900;font-display:swap}
:root{--ink:#101010;--paper:#fafafa;--yellow:#eaff00;--muted:#656563;--line:#dcdcd7;--header:82px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 Satoshi,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}img,video{display:block;max-width:100%}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #8b9400;outline-offset:6px}button:hover,a:hover{transition:color .2s,background .2s}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.05;letter-spacing:-.055em}h2{font-size:clamp(42px,5.5vw,76px);font-weight:850}h3{font-size:clamp(25px,2.4vw,34px);font-weight:800}strong{font-weight:850}small{font-size:12px}section{scroll-margin-top:0}button[hidden],[hidden]{display:none!important}.skip{position:fixed;top:6px;left:6px;z-index:1000;padding:10px;background:var(--yellow);transform:translateY(-180%)}.skip:focus{transform:none}.opening-ribbon{height:28px;display:flex;gap:24px;justify-content:center;align-items:center;background:#080808;color:#eaff00;font-size:11px;letter-spacing:.09em;text-transform:uppercase}.navigation{height:82px;padding:0 max(5vw,22px);display:flex;gap:32px;align-items:center;justify-content:space-between;background:#080808;color:white;position:sticky;top:0;z-index:90}.logo{flex:0 0 310px}.logo img{width:100%;height:auto}.navigation nav{display:flex;gap:32px;margin-left:auto;font-size:14px}.navigation nav a{padding:18px 0;color:#e8e8e8}.navigation nav a:hover{color:var(--yellow)}.nav-cta{background:var(--yellow);color:#101010;padding:12px 26px;border-radius:7px;font-size:14px;font-weight:800}.nav-cta:hover{background:#f1ff74}.menu-trigger{display:none;background:transparent;padding:12px}.menu-trigger img{filter:invert(1)}
.experience{position:relative;isolation:isolate}.hero{position:relative;padding:62px 0 35px;overflow:clip;isolation:isolate}.hero-backdrop{position:absolute;z-index:-1;top:0;left:0;width:100%;height:min(1100px,90vw);object-fit:cover;object-position:center top;mask-image:linear-gradient(#000 0%,#000 65%,transparent 100%);will-change:transform,opacity}.hero-title{text-align:center;position:relative;z-index:4;padding:0 20px}.hero h1{font-size:clamp(45px,6.3vw,88px);font-weight:900;line-height:.98;letter-spacing:-.065em}.hero-title p{font-size:clamp(16px,1.6vw,23px);margin-top:23px;letter-spacing:-.025em}.mobile-break{display:none}.scene{position:relative;width:min(1280px,100%);aspect-ratio:1440/630;margin:30px auto 0;perspective:1300px;isolation:isolate}.pro-display{position:absolute;left:22%;bottom:14%;width:56%;aspect-ratio:1440/900;display:block;padding:8px;background:#242424;border-radius:14px;box-shadow:0 22px 25px -19px #13131080,0 0 0 1px #a4a4a0;overflow:hidden;transition:transform 1.4s cubic-bezier(.22,1,.36,1);transform:rotateY(-2deg) rotateX(2deg);z-index:2}.pro-display img{position:absolute;inset:8px;width:calc(100% - 16px);height:calc(100% - 16px);object-fit:contain;border-radius:7px;transition:opacity 1.15s ease}.pro-caisse{opacity:0}.scene[data-scene="2"] .pro-caisse{opacity:1}.scene[data-scene="2"] .pro-display{transform:rotateY(0deg) rotateX(0deg) scale(1.025)}.scene[data-scene="0"] .pro-display{transform:rotateY(-3deg) rotateX(1deg) scale(.98)}.hero-mascot{position:absolute;bottom:5%;object-fit:contain;height:82%;z-index:4;pointer-events:none;filter:drop-shadow(0 18px 9px #49473625)}.timy{left:.5%;width:26%}.lilou{right:0;width:21%;height:76%}.phone-origin{position:absolute;left:65.5%;bottom:6%;width:16.5%;aspect-ratio:585/1266}.shared-phone{position:absolute;left:0;top:0;width:210px;aspect-ratio:585/1266;border:5px solid #202020;border-radius:25px;padding:0;background:#fff;box-shadow:0 16px 24px -12px #1117,0 0 0 2px #a4a49a;z-index:8;overflow:hidden;transform-origin:top left;will-change:transform;visibility:hidden}.shared-phone.ready{visibility:visible}.shared-phone img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .85s}.shared-phone .phone-booking{opacity:0}.shared-phone.booking .phone-booking{opacity:1}.shared-phone.moving .phone-booking{opacity:0}.journey{max-width:780px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:45px;padding:0 20px}.journey button{text-align:left;background:none;padding:14px 0 19px;font-size:14px;font-weight:700;position:relative;color:#71716f}.journey button span{font-size:10px;margin-right:6px;vertical-align:middle}.journey button i{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#dcdcd5}.journey button i:after{content:'';position:absolute;left:0;top:0;height:2px;background:#a9b500;width:var(--progress,0%);transition:width .3s linear}.journey button[aria-pressed=true]{color:#121212}.hero-actions{display:flex;gap:18px;align-items:center;justify-content:center;margin-top:28px}.film-link{display:flex;align-items:center;gap:15px;padding:0;background:none;font-size:15px;font-weight:700}.play-disc{display:grid;place-items:center;width:51px;height:51px;border:1.5px solid #bcc900;background:#111;border-radius:50%;transition:transform .25s}.play-disc img{filter:invert(88%) sepia(88%) saturate(2555%) hue-rotate(8deg)}.film-link:hover .play-disc{transform:scale(1.08)}.motion-pause{background:transparent;opacity:.7;padding:15px;border-radius:50%}.motion-pause:hover{background:#eaeae5}.scroll-cue{margin:25px auto 0;display:flex;justify-content:center;gap:8px;font-size:11px;color:#6a6a65;letter-spacing:.03em}.breathing-space{height:270px;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;z-index:2}.breathing-space p{font-size:clamp(19px,2.5vw,29px);line-height:1.4;letter-spacing:-.025em;color:#777772}.breathing-space strong{color:#161616;font-weight:600}.identity{position:relative;max-width:1280px;margin:auto;padding:0 55px 110px}.identity-heading{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:4}.identity-heading h2{font-size:clamp(42px,5.8vw,80px)}.identity-heading>p{font-size:17px;line-height:1.65;border-left:1px solid #ccc;padding:18px 0 18px 35px;max-width:480px}.identity-body{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;margin-top:58px}.identity-visual{height:610px;position:relative;isolation:isolate}.identity-backdrop{position:absolute;inset:0 0 auto -35%;width:150%;max-width:none;height:100%;object-fit:cover;object-position:left center;opacity:.58;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 52%,transparent 95%);z-index:-1}.phone-destination{position:absolute;left:29%;top:6%;width:54%;aspect-ratio:585/1266;max-width:260px}.identity-benefits{padding:22px 0}.identity-benefits article{padding:10px 0 40px}.identity-benefits article+article{padding-top:36px;border-top:1px solid #d3d3cf}.benefit-icon{margin-bottom:26px;box-sizing:content-box;padding:13px;background:#f4f0df;border-radius:50%}.identity-benefits h3{font-size:clamp(26px,2.5vw,34px);line-height:1.08}.identity-benefits p{font-size:17px;color:var(--muted);line-height:1.6;margin-top:22px;max-width:410px}.independence{max-width:1180px;margin:0 auto;padding:90px 35px 150px;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:80px;position:relative}.commission-number strong{font-size:clamp(110px,13vw,190px);line-height:1;letter-spacing:-.085em;font-weight:850}.commission-number span{font-size:.66em;letter-spacing:-.08em}.commission-number{width:max-content;position:relative;isolation:isolate}.commission-number:after{content:'';position:absolute;z-index:-1;left:8%;right:-2%;bottom:9%;height:16%;background:var(--yellow);transform:scaleX(var(--commission-progress,.6));transform-origin:left center;transition:transform .1s}.commission-copy h2{font-size:clamp(30px,3.2vw,45px);line-height:1.15;margin:18px 0}.commission-copy>p:not(.eyebrow){font-size:14px;color:#73736c;max-width:350px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:.15em;line-height:1.5}.text-link{display:inline-flex;align-items:center;gap:20px;font-weight:700;margin-top:32px;font-size:14px;border-bottom:1px solid #a4a4a0;padding-bottom:6px}.accesses{max-width:1180px;margin:0 auto 160px;display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:30px;padding:0 35px}.accesses h2{font-size:32px;line-height:1.13;margin-top:13px}.accesses button{background:none;padding:28px 0;border-top:1px solid #aaa;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:15px}.accesses button small{font-size:10px;color:#777;letter-spacing:.1em}.accesses button strong{font-size:21px;letter-spacing:-.035em}.accesses button span{font-size:14px;color:#6b6b67;max-width:190px}.accesses button img{margin-top:auto;transition:transform .2s}.accesses button:hover img{transform:translateX(8px)}
.worlds{max-width:1320px;margin:0 auto;padding:0 45px 130px}.world-heading{display:grid;grid-template-columns:1fr 2fr 1fr;gap:30px;align-items:end;margin-bottom:50px}.world-heading>p{font-size:13px;font-weight:600}.world-heading h2{font-size:clamp(40px,5vw,68px);font-weight:850}.world-heading h2 strong{font-weight:850}.world-heading>span{font-size:14px;color:#73736f;text-align:right;max-width:185px}.world-showroom{--accent:#e4c271;--wash:#f7edd6;display:grid;grid-template-columns:1.4fr 1fr;gap:25px 60px;position:relative;padding:0 0 30px}.world-nav{grid-column:1/-1;display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #d1d1ca;padding-bottom:17px;margin-bottom:25px;flex-wrap:wrap}.world-nav button{padding:11px 15px;border-radius:4px;background:none;font-size:14px;color:#6a6a65;transition:background .3s}.world-nav button.selected{background:var(--wash);color:#111;font-weight:750}.world-product{position:relative;min-height:390px;display:grid;place-items:center;transition:opacity .18s,transform .45s}.world-product.swapping{opacity:.5;transform:translateY(6px)}.world-screen{padding:7px;background:#202020;border:1px solid #b5b5ae;border-radius:11px;width:94%;box-shadow:0 16px 28px -23px #0009;overflow:hidden}.world-screen img{width:100%;height:auto;border-radius:4px}.world-screen-label{position:absolute;top:0;left:3%;font-size:11px;color:#777;letter-spacing:.03em}.world-mascot{position:absolute;width:32%;height:54%;right:-5%;bottom:-2%;object-fit:contain;filter:drop-shadow(0 12px 10px #0002);pointer-events:none}.world-product.portrait .world-screen{width:175px;max-height:375px;padding:4px;border-radius:17px;margin:20px 45px 0 0}.world-product.portrait .world-mascot{width:40%;height:73%;right:0}.world-product.actor-only .world-mascot{position:static;width:64%;height:340px}.world-detail{padding:20px 0}.world-count{font-size:12px;color:#a0a09b;display:flex;gap:10px;margin-bottom:28px}.world-count>span:first-child{color:#111}.world-detail h3{font-size:clamp(29px,3vw,40px);max-width:430px;line-height:1.1}.world-detail>p:not(.world-count){margin-top:23px;font-size:16px;color:#6b6b65;max-width:425px}.world-detail ul{padding:0;list-style:none;margin:24px 0}.world-detail li{margin:12px 0;font-size:14px;display:flex;gap:12px;align-items:start}.world-detail li:before{content:'';background:url('/vitrine/signature/icons/check.svg') center/15px no-repeat;flex:0 0 16px;width:16px;height:22px}.world-detail>a{font-size:14px;font-weight:750;border-bottom:1px solid #a7a79d;padding-bottom:7px}.world-cycle{font-size:11px;color:#686860;background:none;padding:13px;justify-self:start;grid-column:1/-1;border-bottom:1px solid #d9d9d3}.rhythm{max-width:1180px;margin:auto;padding:80px 35px 120px;display:grid;grid-template-columns:1fr 1.3fr;gap:105px}.rhythm-intro>p:first-child{font-size:12px;font-weight:700;letter-spacing:.04em;margin-bottom:23px}.rhythm h2{font-size:clamp(40px,4.5vw,61px)}.rhythm-intro>p:last-child{margin-top:30px;font-size:16px;color:#6d6d68;max-width:340px}.format-selection{display:inline-flex;border-bottom:1px solid #d0d0c6;margin-bottom:28px;gap:0}.format-selection button{padding:13px 32px;background:none;font-size:14px}.format-selection .selected{background:#151515;color:#fff}.rhythm-plan{border-top:1px solid #cfcfc9}.rhythm-plan:last-child{border-bottom:1px solid #cfcfc9}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.rhythm-plan summary{display:grid;grid-template-columns:1fr 24px;gap:8px;padding:25px 0}.plan-name{font-size:30px;letter-spacing:-.04em;font-weight:750}.plan-line{grid-row:2;font-size:12px;color:#777}.rhythm-plan summary i{grid-column:2;grid-row:1/3;align-self:center;font-style:normal;font-size:24px;font-weight:300}.rhythm-plan[open] summary i{transform:rotate(45deg)}.plan-content{padding-bottom:28px;font-size:14px}.plan-content>p{color:#696964;margin-bottom:12px}.plan-content ul{padding:0;list-style:none;columns:2;column-gap:20px;margin:22px 0}.plan-content li{break-inside:avoid;font-size:13px;margin-bottom:12px;line-height:1.5}.plan-content a{display:inline-block;background:var(--yellow);padding:11px 21px;border-radius:5px;font-size:13px;font-weight:750}.tariff-note{font-size:11px;color:#76766e;margin-top:21px}.answers{max-width:1180px;padding:70px 35px 135px;margin:auto;display:grid;grid-template-columns:1fr 1.3fr;gap:105px}.answers h2{font-size:46px;line-height:1.1}.answers details{border-bottom:1px solid #d2d2cc}.answers summary{padding:22px 0;display:flex;gap:30px;justify-content:space-between;font-size:16px;font-weight:600}.answers summary span{font-size:20px;font-weight:400;flex:0 0 20px}.answers details[open] summary span{transform:rotate(45deg)}.answers details p{font-size:14px;line-height:1.75;color:#676761;padding:0 30px 26px 0}.conversation{max-width:1180px;position:relative;padding:80px 35px 150px;margin:auto;min-height:430px;display:flex;align-items:center}.conversation>div{position:relative;z-index:1}.conversation p{font-size:14px;margin-bottom:20px}.conversation h2{font-size:clamp(54px,7vw,90px);margin-bottom:32px}.conversation-email{font-size:clamp(17px,2vw,24px);border-bottom:1px solid #a6a69f;padding-bottom:9px;display:inline-block}.conversation-phone{display:block;font-size:16px;color:#727269;margin-top:17px}.conversation-mascot{position:absolute;right:5%;bottom:16%;width:25%;height:310px;object-fit:contain}footer{background:#080808;color:#eee;padding:45px 5vw;display:grid;grid-template-columns:1fr auto;gap:25px;font-size:11px}footer img{width:280px;height:auto}footer p{color:#b5b5b1;font-size:12px;grid-column:1}footer button{background:none;padding:10px 0;color:#ddd;font-size:12px;grid-column:2;grid-row:1;align-self:center}footer>span{grid-column:2;grid-row:2;color:#999;align-self:end}dialog{padding:0;border:0;background:var(--paper);color:#111;box-shadow:0 40px 100px #0006}dialog::backdrop{background:#0a0a0ad9;backdrop-filter:blur(10px)}dialog>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:25px}.dialog-close{display:flex;align-items:center;gap:12px;padding:13px 0;background:none;font-size:14px}.menu-dialog{margin:0 0 0 auto;width:410px;max-width:100vw;height:100dvh;max-height:none;padding:25px 30px}.menu-dialog .dialog-close{margin-left:auto}.menu-dialog nav{display:grid;gap:15px;margin-top:60px}.menu-dialog nav a{font-size:34px;letter-spacing:-.055em;font-weight:750;padding:7px 0}.screen-dialog{width:min(1120px,94vw);max-height:94dvh;padding:20px 28px;overflow:auto;border-radius:9px}.screen-dialog h2{font-size:21px;letter-spacing:-.03em}.screen-dialog>img{max-height:76dvh;width:auto;max-width:100%;margin:15px auto 0;object-fit:contain}.screen-dialog>p{font-size:12px;color:#777;text-align:center;margin-top:15px}.film-dialog{width:min(1280px,96vw);max-height:95dvh;border-radius:8px;padding:16px 24px}.film-dialog video{width:100%;max-height:76dvh;background:#fafafa;margin-top:10px}.film-dialog>p{font-size:12px;text-align:center;margin-top:15px;color:#6a6a65}.film-dialog>div>span{font-size:15px;font-weight:750}.reveal{transition:opacity .65s,transform .8s cubic-bezier(.2,.7,.2,1)}.motion-on .reveal:not(.shown){opacity:0;transform:translateY(22px)}.manual-reduce{scroll-behavior:auto}
/* 05/10/2026 : l animation du site reste active (sa décision du 04/10) ; seul le défilement doux s arrête quand l appareil demande moins de mouvement. */
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.manual-reduce *{transition:none!important}.manual-reduce .reveal{opacity:1!important;transform:none!important}
@media(min-width:1500px){.hero{padding-top:78px}.scene{margin-top:42px}.hero-backdrop{height:1180px}.breathing-space{height:320px}}
@media(max-width:1050px){:root{--header:74px}.navigation{height:74px;padding:0 25px;gap:20px}.logo{flex-basis:260px}.navigation nav{gap:20px;font-size:12px}.nav-cta{font-size:12px;padding:12px 18px}.hero{padding-top:50px}.hero h1{font-size:68px}.hero-backdrop{height:880px}.scene{margin-top:35px}.journey{max-width:720px;gap:30px}.journey button{font-size:12px}.breathing-space{height:220px}.identity{padding:0 35px 70px}.identity-heading{gap:35px}.identity-heading h2{font-size:60px}.identity-heading>p{font-size:15px;padding-left:28px}.identity-body{gap:45px}.identity-visual{height:520px}.phone-destination{left:20%;width:67%;max-width:245px}.identity-benefits h3{font-size:28px}.identity-benefits p{font-size:15px}.independence{padding-bottom:110px;gap:60px}.commission-number strong{font-size:150px}.accesses{gap:22px;margin-bottom:100px}.accesses h2{font-size:27px}.accesses button strong{font-size:19px}.accesses button span{font-size:12px}.worlds{padding:0 35px 90px}.world-heading{grid-template-columns:1fr 1fr}.world-heading>p{grid-column:1/-1}.world-heading>span{justify-self:end}.world-showroom{gap:30px}.world-product{min-height:330px}.world-detail{padding:5px 0}.world-nav{justify-content:flex-start;gap:5px}.world-nav button{padding:11px 14px;font-size:12px}.rhythm,.answers{gap:55px}.answers h2{font-size:40px}}
@media(max-width:760px){html{scroll-padding-top:85px}.opening-ribbon{height:26px;font-size:8px;gap:12px}.navigation{height:68px;padding:0 18px;gap:10px}.logo{flex:0 1 240px;max-width:55vw}.navigation nav{display:none}.nav-cta{font-size:11px;padding:10px 13px;margin-left:auto}.menu-trigger{display:block;padding:8px}.hero{padding-top:46px;padding-bottom:15px}.hero h1{font-size:clamp(39px,7.5vw,59px);line-height:1.02}.hero-title p{font-size:16px;margin-top:18px}.hero-backdrop{height:760px;width:135%;max-width:none;left:-17.5%;opacity:.85;object-fit:cover}.scene{width:100%;aspect-ratio:1.47;margin-top:25px}.pro-display{left:19%;bottom:30%;width:66%;border-radius:8px;padding:5px;transform:none}.pro-display img{inset:5px;width:calc(100% - 10px);height:calc(100% - 10px);border-radius:4px}.hero-mascot{bottom:10%;height:74%}.timy{left:0;width:29%;height:72%}.lilou{right:0;width:24%;height:57%}.phone-origin{left:62%;width:21%;bottom:11%}.shared-phone{border-width:3px;border-radius:16px;box-shadow:0 14px 18px -10px #1117,0 0 0 1px #aaa}.journey{gap:17px;padding:0 26px;margin-top:5px}.journey button{font-size:11px;line-height:1.4;padding:0 0 14px}.journey button span{display:block;font-size:9px;margin:0 0 7px}.hero-actions{margin-top:26px;gap:12px}.film-link{font-size:13px;gap:11px}.play-disc{width:44px;height:44px}.scroll-cue{font-size:10px;margin-top:20px}.breathing-space{height:200px;padding:0 25px}.breathing-space p{font-size:20px}.identity{padding:0 25px 35px}.identity-heading{display:block}.identity-heading h2{font-size:54px}.identity-heading>p{border:0;padding:22px 0 0;max-width:400px;font-size:15px}.identity-body{grid-template-columns:1fr 1fr;gap:28px;margin-top:30px}.identity-visual{height:470px}.phone-destination{width:88%;left:5%;top:13%;max-width:235px}.identity-backdrop{width:200%;left:-65%;opacity:.35}.identity-benefits{padding:0}.benefit-icon{padding:9px;width:23px;height:23px;margin-bottom:17px}.identity-benefits article{padding-bottom:25px}.identity-benefits article+article{padding-top:25px}.identity-benefits h3{font-size:23px}.identity-benefits p{font-size:13px;line-height:1.6;margin-top:15px}.independence{padding:70px 28px 95px;gap:30px}.commission-number strong{font-size:clamp(100px,18vw,130px)}.commission-copy h2{font-size:27px}.commission-copy>p:not(.eyebrow){font-size:11px}.eyebrow{font-size:9px;letter-spacing:.1em}.text-link{font-size:12px;margin-top:20px}.accesses{padding:0 28px;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:100px}.accesses>div{grid-column:1/-1;margin-bottom:14px}.accesses h2{font-size:38px}.accesses h2 br{display:none}.accesses button{gap:12px;padding:20px 0}.accesses button small{font-size:8px}.accesses button strong{font-size:17px}.accesses button span{font-size:12px}.worlds{padding:0 28px 65px}.world-heading{gap:15px;margin-bottom:30px}.world-heading h2{font-size:45px}.world-heading>span{font-size:11px;max-width:140px}.world-showroom{display:block}.world-nav{gap:5px;padding-bottom:15px;margin-bottom:20px}.world-nav button{font-size:12px;padding:10px 13px}.world-product{min-height:390px}.world-screen{width:85%}.world-mascot{right:0;width:30%;height:54%}.world-detail{margin:25px 0 0;padding:0 5px}.world-count{margin-bottom:15px}.world-detail h3{font-size:35px;max-width:440px}.world-detail>p:not(.world-count){font-size:15px}.world-cycle{margin-top:25px}.world-product.portrait .world-screen{width:170px}.world-product.portrait .world-mascot{right:5%;width:30%}.rhythm{padding:65px 28px 70px;gap:50px;grid-template-columns:1fr}.rhythm h2{font-size:46px}.rhythm-intro>p:last-child{max-width:480px;margin-top:23px}.rhythm-selection{max-width:none}.format-selection{margin-bottom:16px}.answers{padding:55px 28px 90px;grid-template-columns:1fr;gap:28px}.answers h2{font-size:40px}.answers summary{font-size:15px}.conversation{padding:60px 28px 110px;min-height:390px}.conversation>div{max-width:76%}.conversation-mascot{right:0;bottom:18%;width:30%;height:245px;opacity:.95}.conversation h2{font-size:60px}.conversation p{font-size:12px}.conversation-email{font-size:15px}.conversation-phone{font-size:14px}footer{padding:35px 25px;display:flex;flex-direction:column;gap:22px}footer img{width:245px}footer p{font-size:10px}footer button{align-self:flex-start}footer>span{align-self:flex-start}.screen-dialog{padding:14px;width:96vw}.screen-dialog h2{font-size:16px}.dialog-close{font-size:12px}.film-dialog{padding:12px;width:97vw}.film-dialog video{max-height:72dvh}.film-dialog>div>span{font-size:12px}}
@media(max-width:450px){.hero h1{font-size:43px}.hero-title p{font-size:15px;line-height:1.4}.mobile-break{display:block}.scene{margin-top:30px;aspect-ratio:1.25}.pro-display{left:18%;width:69%;bottom:35%}.phone-origin{bottom:14%;width:22%;left:59%}.timy{width:31%;height:66%;bottom:12%}.lilou{width:27%;height:51%;bottom:12%}.journey{padding:0 22px;gap:15px}.journey button{font-size:10px}.breathing-space{height:195px}.identity-heading h2{font-size:49px}.identity-body{display:block;margin-top:10px}.identity-visual{height:455px}.phone-destination{width:205px;left:50%;transform:translateX(-50%);top:20px}.identity-backdrop{width:160%;left:-30%;height:460px;opacity:.35}.identity-benefits{padding-top:15px}.identity-benefits article{display:grid;grid-template-columns:45px 1fr;gap:0 20px;padding:25px 0}.benefit-icon{grid-row:1/3;margin:0}.identity-benefits h3{font-size:26px}.identity-benefits p{grid-column:2;font-size:14px;margin-top:14px}.identity-benefits article+article{padding-top:30px}.independence{display:block;padding:60px 28px 90px}.commission-number strong{font-size:128px}.commission-copy{margin-top:25px}.commission-copy h2{font-size:32px}.commission-copy>p:not(.eyebrow){font-size:12px;max-width:280px}.accesses{display:block;margin-bottom:90px}.accesses>div{margin-bottom:28px}.accesses h2{font-size:36px}.accesses h2 br{display:block}.accesses button{display:grid;width:100%;grid-template-columns:1fr 24px;gap:8px;padding:25px 0}.accesses button small,.accesses button strong,.accesses button span{grid-column:1}.accesses button img{grid-column:2;grid-row:1/4;align-self:center;margin:0}.accesses button strong{font-size:23px}.accesses button span{max-width:none;font-size:13px}.world-heading{display:block}.world-heading>p{margin-bottom:15px}.world-heading>span{display:block;text-align:left;margin-top:18px;max-width:none;font-size:13px}.world-heading h2{font-size:46px}.world-product{min-height:275px}.world-product.actor-only{min-height:340px}.world-product.portrait{min-height:390px}.world-screen-label{font-size:10px}.world-product.portrait .world-mascot{right:-2%;width:36%}.world-detail h3{font-size:31px}.world-nav button{font-size:11px;padding:9px 11px}.world-detail ul{margin-bottom:28px}.plan-content ul{columns:1}.conversation p{max-width:180px}.conversation h2{font-size:55px}.conversation-email{font-size:13px}.conversation-mascot{width:32%;height:210px;bottom:19%}.conversation-phone{font-size:13px}}
/* (04/10/2026) Sa décision : l'animation ne dépend plus du réglage de l'appareil ; le bouton « Réduire les animations » du pied de page reste seul maître (classe manual-reduce). */

.static-client-phone{display:block;width:100%;padding:0;border:5px solid #202020;border-radius:25px;background:#fff;overflow:hidden;box-shadow:0 14px 24px -13px #1118}.static-client-phone img{width:100%;height:auto}
.identity-backdrop{left:0;width:100%;mask-image:linear-gradient(180deg,transparent 0%,#000 16%,#000 76%,transparent 100%),linear-gradient(90deg,transparent 0%,#000 16%,#000 64%,transparent 100%);mask-composite:intersect}
@media(max-width:450px){.phone-origin{left:55.5%}}
@media(min-width:761px){.timy{width:29%;height:95%}.lilou{width:23%;height:88%}}
@media(min-width:761px) and (max-width:1050px){.hero h1{font-size:clamp(52px,7.3vw,68px)}.hero{padding-top:42px}}

/* Décors de scène visibles, séparés par les zones de lecture neutres. */
.hero-backdrop{mask-image:linear-gradient(#000 0%,#000 76%,transparent 100%)}
.identity-backdrop{width:125%;opacity:.94;mask-image:linear-gradient(180deg,transparent 0%,#000 13%,#000 78%,transparent 100%),linear-gradient(90deg,transparent 0%,#000 9%,#000 68%,transparent 100%);mask-composite:intersect}
.world-product{isolation:isolate;min-height:510px}
.world-product::before{content:'';position:absolute;inset:-30px -12px;z-index:-1;pointer-events:none;background:url('/vitrine/signature/assets/signature-backdrop.webp') center/cover no-repeat;opacity:.9;mask-image:linear-gradient(180deg,transparent,#000 16%,#000 80%,transparent),linear-gradient(90deg,transparent,#000 8%,#000 87%,transparent);mask-composite:intersect}
.world-screen-label{top:24px;color:#474743}
.conversation{isolation:isolate}
.conversation::before{content:'';position:absolute;inset:0 0 0 38%;z-index:-1;pointer-events:none;background:url('/vitrine/signature/assets/signature-backdrop.webp') right center/cover no-repeat;opacity:.86;mask-image:linear-gradient(180deg,transparent,#000 20%,#000 77%,transparent),linear-gradient(90deg,transparent,#000 32%,#000 88%,transparent);mask-composite:intersect}
@media(max-width:760px){.identity-backdrop{width:100%;opacity:.9}.world-product{min-height:435px}.world-product::before{inset:-20px -12px;opacity:.94}.conversation::before{left:28%;opacity:.72}}
@media(max-width:450px){.world-product{min-height:325px}.world-product.portrait{min-height:420px}.world-product.actor-only{min-height:375px}.world-screen-label{top:16px}.conversation::before{left:15%}}

/* (04/10/2026) Film E en lecture automatique (toutes les animations sont automatiques, sa décision) et pied de page légal. */
.film-auto{max-width:1280px;margin:40px auto 130px;padding:0 35px}
.film-auto .film-cadre{position:relative;max-width:calc((100svh - 136px) * 1.6);margin-inline:auto}.film-auto .film-son{position:absolute;right:18px;bottom:18px;cursor:pointer;padding:0}.film-auto .film-son:hover{transform:scale(1.08)}.film-auto .film-son:focus-visible{outline:2px solid #eaff00;outline-offset:3px}
.film-auto video{display:block;width:100%;height:auto;max-width:100%;margin-inline:auto;border-radius:14px;background:#101010;box-shadow:0 22px 40px -24px #13131080,0 0 0 1px #dcdcd7}
.footer-legal{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:12px 24px;font-size:12px}
.footer-legal a{color:#ddd}.footer-legal a:hover{color:var(--yellow)}
@media(max-width:760px){.film-auto{padding:0 18px;margin:20px auto 80px}.film-auto .film-cadre{max-width:min(420px,calc((100svh - 110px) * .462))}.film-auto video{max-width:100%;margin:0 auto}.film-auto .film-son{right:12px;bottom:12px;width:48px;height:48px}}

/* (04/10/2026) Propositions validées par Christelle (« Oui, code-les ») : le nom avant la date, boutons, deux titres, formules, « Être prévenu », section avant le pied. Alternance des fonds : neutre (0 %, formules, FAQ) / travaillé (héros, identité, métiers, Être prévenu, contact). */
.opening-ribbon{height:26px;color:#9d9d97;font-size:10px;letter-spacing:.08em}.opening-ribbon a{color:#d6d6d0}
.navigation{height:96px}.logo{flex:0 0 380px}
.nav-compte{color:#e8e8e8;font-size:14px;border-bottom:1px solid #6b6b67;padding-bottom:3px;white-space:nowrap}.nav-compte:hover{color:var(--yellow)}
.hero-boutons{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:28px}
.bouton-plein,.bouton-trait,.bouton-jaune{display:inline-block;font-size:15px;padding:15px 28px;border-radius:7px;font-weight:800;border:0;cursor:pointer;font-family:inherit}
.bouton-plein{background:#101010;color:#fafafa}.bouton-plein:hover{background:#2a2a28}
.bouton-trait{background:#fafafa;color:#101010;border:1.5px solid #101010;padding:13.5px 26px;font-weight:700}.bouton-trait:hover{background:#ecece6}
.bouton-jaune{background:var(--yellow);color:#101010}.bouton-jaune:hover{background:#f1ff74}
.hero-garanties{margin-top:16px!important;font-size:13px!important;color:#4b4b47}
.rhythm{grid-template-columns:1fr;gap:44px}.rhythm-intro>p:last-child{max-width:560px}
.format-selection{border:0;background:#ecece6;border-radius:999px;padding:5px;margin-bottom:34px}
.format-selection button{border-radius:999px;padding:12px 30px;font-weight:700}.format-selection .selected{background:#101010;color:#fff}
.rhythm-plans{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:24px;align-items:stretch}
.plan{border-top:2px solid #101010;padding:24px 4px 0}
.plan .plan-name{font-size:30px;font-weight:800;letter-spacing:-.04em}
.plan-capacite{font-size:13px;color:#656563;margin-top:6px!important}
.plan-base{font-size:13px;color:#656563;margin-top:18px!important}
.plan ul{list-style:none;padding:0;margin:12px 0 0;font-size:14.5px;line-height:1.9}
.plan a{display:inline-block;margin-top:22px;font-weight:700;font-size:14px;border-bottom:1px solid #a4a4a0;padding-bottom:6px}
.plan-phare{position:relative;isolation:isolate;overflow:hidden;background:#101010;color:#fafafa;border:0;border-radius:20px;padding:30px 34px 34px}
.plan-phare .plan-name{font-size:44px;margin-top:10px!important}.plan-phare .plan-capacite,.plan-phare .plan-base{color:#b5b5b1}
.plan-phare ul{font-size:18px;font-weight:600;line-height:1.75}
.plan-surtitre{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--yellow)}
.plan-phare a{background:var(--yellow);color:#101010;border:0;padding:14px 26px;border-radius:7px;font-weight:800;font-size:15px}
.prevenir{position:relative;isolation:isolate;overflow:hidden;max-width:1180px;margin:0 auto 40px;box-sizing:border-box;padding:80px 64px;background:#101010;color:#fafafa;border-radius:24px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.prevenir::before{content:'';position:absolute;inset:0;z-index:-1;background:url('/vitrine/signature/assets/signature-backdrop.webp') center/cover no-repeat;opacity:.22}
.prevenir h2{font-size:clamp(34px,3.4vw,46px);line-height:1.08}.prevenir>div>p{margin-top:16px;color:#b5b5b1;font-size:15px;max-width:440px}
.formulaire label{display:block;font-size:13px;font-weight:600;margin:12px 0 6px}
.formulaire input,.formulaire select,.formulaire textarea{display:block;width:100%;box-sizing:border-box;padding:13px;border:1px solid #cfcfc9;border-radius:7px;background:#fff;color:#101010;font:inherit;font-size:16px}
.prevenir .formulaire input{background:#1b1b1a;border-color:#3a3a38;color:#fafafa}
.formulaire-ligne{display:flex;gap:10px}.formulaire-ligne input{flex:1}
.formulaire-accord{font-size:12px;color:#8e8e88;margin-top:12px!important}.formulaire-accord a{border-bottom:1px solid currentColor}
.formulaire-statut{font-size:13px;margin-top:10px!important;min-height:1em}.formulaire-statut[data-state=error]{color:#d4513f}.formulaire-statut[data-state=success]{color:#3f8f55}.prevenir .formulaire-statut[data-state=success]{color:#9fdc8f}
.formulaire button[type=submit]{margin-top:16px}.formulaire-ligne button[type=submit]{margin-top:0;white-space:nowrap}
.conversation{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;min-height:0}
.conversation-lead{font-size:16px!important;color:#4b4b47;max-width:470px;margin-top:-12px}
.conversation-boutons{justify-content:flex-start;margin:4px 0 26px}
.conversation-duo{display:flex;align-items:flex-end;margin-top:34px;height:300px}
.conversation-duo .conversation-mascot{position:static;width:auto;height:290px;max-width:50%}
.formulaire-carte{position:relative;z-index:1;background:rgba(250,250,250,.95);border-radius:20px;padding:30px 32px;box-shadow:0 24px 50px -30px rgba(16,16,16,.35)}
.formulaire-titre{font-size:24px!important;font-weight:800;letter-spacing:-.03em;margin-bottom:4px!important}
@media(max-width:1050px){.logo{flex-basis:300px}.navigation{height:84px}.rhythm-plans{grid-template-columns:1fr 1fr}.plan-phare{grid-column:1/-1}}
@media(max-width:760px){.navigation{height:68px}.logo{flex:0 1 240px}.nav-compte{display:none}.rhythm-plans{grid-template-columns:1fr}.prevenir{grid-template-columns:1fr;gap:26px;padding:46px 22px;margin:0 16px 30px;border-radius:18px}.formulaire-ligne{flex-direction:column}.conversation{grid-template-columns:1fr;gap:34px}.conversation>div{max-width:none}.conversation-duo{height:220px}.conversation-duo .conversation-mascot{height:210px}.hero-boutons a{width:100%;text-align:center;box-sizing:border-box}}

/* (04/10/2026) R9 + R10 validés par Christelle (« Oui, les deux ») : formules Solo/Équipe en deux grandes cases (trame du bloc « Pricing Plans with Billing Toggle », 21st.dev, uiable), boîte à question allégée. */
.rhythm{display:block!important;max-width:1240px;padding:110px 40px 120px}
.fx-tete{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:end}
.fx-sur{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#656563;margin-bottom:18px!important}
.fx-tete h2{font-size:clamp(44px,4.6vw,64px)}
.fx-intro{font-size:17px;line-height:1.6;color:#4b4b47;max-width:470px;justify-self:end;border-left:1px solid #cfcfc9;padding:6px 0 6px 30px}
.fx-choix{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:56px}
.fx-choix button{position:relative;display:flex;align-items:stretch;justify-content:space-between;gap:16px;text-align:left;height:168px;padding:0 0 0 32px;border-radius:22px;background:#fff;color:#101010;box-shadow:inset 0 0 0 1px #dcdcd7;overflow:hidden;transition:background .45s cubic-bezier(.22,1,.36,1),color .45s,box-shadow .45s}
.fx-choix-texte{align-self:center}
.fx-choix strong{display:flex;align-items:center;gap:12px;font-size:36px;letter-spacing:-.045em;font-weight:850;line-height:1}
.fx-choix strong:after{content:'';width:10px;height:10px;border-radius:50%;background:transparent;box-shadow:inset 0 0 0 1.5px #b5b5ae;transition:background .45s,box-shadow .45s}
.fx-choix-texte>span{display:block;margin-top:12px;font-size:15px;line-height:1.5;color:#656563;max-width:290px;transition:color .45s}
.fx-choix-image{display:flex;align-items:flex-end;flex:0 0 auto;padding-right:18px}
.fx-choix-image img{height:150px;width:auto;margin-bottom:-6px;filter:drop-shadow(0 12px 10px #0002)}
.fx-duo img+img{margin-left:-34px;height:144px}
.fx-choix .selected{background:#101010;color:#fafafa;box-shadow:0 30px 50px -36px #000a}
.fx-choix .selected strong:after{background:var(--yellow);box-shadow:none}
.fx-choix .selected .fx-choix-texte>span{color:#b5b5b1}
.fx-choix button:not(.selected):hover{box-shadow:inset 0 0 0 1.5px #101010}
.fx-plans{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px;margin-top:18px;align-items:stretch}
.fx-plan{display:flex;flex-direction:column;background:#fff;border-radius:22px;padding:34px 32px 32px;box-shadow:inset 0 0 0 1px #e3e3dd}
.fx-nom{font-size:30px;font-weight:850;letter-spacing:-.045em;line-height:1}
.fx-cap{font-size:13px;color:#656563;margin-top:10px!important}
.fx-base{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#8a8a84;margin-top:28px!important}
.fx-plan ul{list-style:none;padding:0;margin:8px 0 30px}
.fx-plan li{padding:12px 0;border-bottom:1px solid #ececE6;font-size:15px}
.fx-cta{margin-top:auto;display:block;text-align:center;padding:15px;border-radius:8px;box-shadow:inset 0 0 0 1.5px #101010;font-weight:800;font-size:15px;transition:background .25s,color .25s}
.fx-cta:hover{background:#101010;color:#fafafa}
.fx-phare{position:relative;isolation:isolate;overflow:hidden;background:#101010;color:#fafafa;box-shadow:0 40px 70px -45px #000c}
.fx-phare::before{content:'';position:absolute;inset:0;z-index:-1;background:url('/vitrine/signature/assets/signature-backdrop.webp') center/cover no-repeat;opacity:.09}
.fx-onglet{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--yellow);margin-bottom:14px!important}
.fx-phare .fx-nom{font-size:42px}
.fx-phare .fx-cap,.fx-phare .fx-base{color:#a9a9a4}
.fx-phare li{border-color:#ffffff1f;font-size:17px;font-weight:600}
.fx-phare .fx-cta{background:var(--yellow);color:#101010;box-shadow:none}
.fx-phare .fx-cta:hover{background:#f1ff74;color:#101010}
.fx .tariff-note{text-align:center;margin-top:30px}
@media(max-width:1050px){.fx-tete{gap:36px}.fx-plans{grid-template-columns:1fr 1fr}.fx-phare{grid-column:1/-1}.fx-choix-image img{height:128px}.fx-duo img+img{height:122px}}
@media(max-width:760px){.rhythm{padding:70px 20px 80px}.fx-tete{grid-template-columns:1fr;gap:18px}.fx-intro{justify-self:start;border:0;padding:0;font-size:15px}.fx-choix{gap:10px;margin-top:34px}
 .fx-choix button{flex-direction:column;height:auto;min-height:150px;padding:20px 18px 0;gap:6px}.fx-choix strong{font-size:26px}.fx-choix-texte>span{font-size:13px;margin-top:8px}
 .fx-choix-image{align-self:flex-end;padding-right:0}.fx-choix-image img{height:84px}.fx-duo img+img{height:80px;margin-left:-20px}
 .fx-plans{grid-template-columns:1fr}.fx-plan{padding:28px 24px 26px}}
.formulaire-carte{justify-self:end;width:100%;max-width:440px;padding:24px 26px!important;border-radius:18px;margin-top:40px}
.formulaire-carte .formulaire-titre{font-size:19px!important;margin-bottom:2px!important}
.formulaire-carte label{font-size:12px;margin:10px 0 5px}
.formulaire-carte input,.formulaire-carte select,.formulaire-carte textarea{padding:10px 12px;font-size:15px;border-radius:6px}
.formulaire-carte textarea{height:92px;resize:vertical}
.formulaire-carte .fx-ligne{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.formulaire-carte button[type=submit]{margin-top:14px;padding:12px 24px;font-size:14px}
.formulaire-carte .formulaire-accord{font-size:11px;margin-top:10px!important}
@media(max-width:760px){.formulaire-carte{justify-self:stretch;max-width:none;margin-top:0}.formulaire-carte .fx-ligne{grid-template-columns:1fr;gap:0}}

/* (05/10/2026) Ses remarques : « TOUJOURS AUSSI IMMENSE MANQUE DE CLASS » (adresse du contact) ; pas de commande manuelle des animations (pause du défilement retirée, le défilement reste automatique). R10b. */
.conversation-email{font-size:16px;font-weight:600;letter-spacing:.01em;padding-bottom:6px;border-bottom-color:#cfcfc9}
.world-cycle{display:none}

/* (05/10/2026) R12/R13, ses mots : « pour chaque métier différents écrans du logiciel doivent défiler, l'agenda seul n'est pas vendeur, et on doit savoir que le logiciel est sur tablette, téléphone et PC » ; « nom du pro illisible, tout est flou ».
   Cadres : Eldora UI (MIT). Positions d'écran = rectangles d'écran des cadres, en pourcentage de leur viewBox. Écrans préparés à deux fois leur taille d'affichage (preparer-ecrans-novembre.cjs). Mouvement : anime.js, dans signature.js. */
.worlds{max-width:1440px}
.world-showroom{display:block;padding-bottom:10px}
.world-nav{margin-bottom:8px}
.ws-scene{position:relative;isolation:isolate;aspect-ratio:1350/650;margin-top:18px}
.ws-scene::before{content:'';position:absolute;inset:-34px -14px -10px;z-index:-1;pointer-events:none;background:url('/vitrine/signature/assets/signature-backdrop.webp') center/cover no-repeat;opacity:.9;mask-image:linear-gradient(180deg,transparent,#000 14%,#000 82%,transparent),linear-gradient(90deg,transparent,#000 8%,#000 90%,transparent);mask-composite:intersect}
.ws-appareil{position:absolute;display:block;padding:0;margin:0;background:none;border:0;cursor:zoom-in;-webkit-tap-highlight-color:transparent}
.ws-appareil:focus-visible{outline:3px solid #8b9400;outline-offset:8px;border-radius:14px}
.ws-cadre{display:block;width:100%;height:auto;filter:drop-shadow(0 26px 26px rgba(16,16,16,.24))}
.ws-dessus{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.ws-ordinateur{left:11.5%;top:0;width:77%;z-index:1}
.ws-tablette{left:0;bottom:0;width:19%;z-index:2}
.ws-telephone{right:1.5%;bottom:0;width:12.5%;z-index:3}
.ws-ecran{position:absolute;overflow:hidden;background:#0b0b0b;isolation:isolate}
.ws-ordinateur .ws-ecran{left:11.465%;top:5.33%;width:77.111%;height:80.963%;border-radius:.998%/1.544%}
.ws-tablette .ws-ecran{left:7.165%;top:6.033%;width:85.718%;height:87.933%;border-radius:2.803%/2.102%}
.ws-telephone .ws-ecran{left:7.04%;top:3.2025%;width:85.99%;height:93.593%;border-radius:14.316%/6.576%}
.ws-couche{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:left top;will-change:transform}
.ws-couche+.ws-couche{opacity:0}
.ws-seul{position:absolute;left:50%;bottom:0;height:92%;width:auto;max-width:60%;object-fit:contain;transform:translateX(-50%);opacity:0;filter:drop-shadow(0 18px 12px #0002);pointer-events:none}
.ws-legendes{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:28px}
.ws-legendes li{position:relative;display:flex;gap:12px;align-items:center;padding:0 0 15px;color:#5f5f5b}
.ws-legendes li:nth-child(2){justify-content:center;text-align:center}
.ws-legendes li:nth-child(3){flex-direction:row-reverse;text-align:right}
.ws-legendes img{width:22px;height:22px;opacity:.55;flex:0 0 22px}
.ws-legendes small{display:block;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.ws-legendes strong{display:block;font-size:15px;font-weight:700;letter-spacing:-.01em;line-height:1.35;color:#3a3a37;margin-top:2px}
.ws-legendes li.actif{color:#101010}.ws-legendes li.actif img{opacity:1}.ws-legendes li.actif strong{color:#101010}
.ws-legendes i{position:absolute;left:0;right:0;bottom:0;height:2px;background:#dcdcd5;overflow:hidden}
.ws-legendes b{position:absolute;inset:0;background:#101010;transform:scaleX(0);transform-origin:left center}
.ws-detail{display:grid;grid-template-columns:190px 1.1fr 1fr;gap:20px 56px;align-items:start;margin-top:44px}
.ws-acteur{position:relative;height:240px}
.ws-acteur .world-mascot{position:absolute;inset:0;width:100%;height:100%;right:auto;bottom:auto;object-fit:contain;object-position:center bottom}
.ws-detail .world-detail{padding:6px 0 0}
.ws-points ul{padding:0;list-style:none;margin:8px 0 26px}
.ws-points li{margin:0;padding:13px 0;font-size:15px;display:flex;gap:14px;align-items:baseline;border-bottom:1px solid #e3e3dd}
.ws-points li:before{content:'';flex:0 0 14px;height:2px;background:var(--accent);transform:translateY(-4px)}
.ws-points a{font-size:14px;font-weight:750;border-bottom:1px solid #a7a79d;padding-bottom:7px}
@media(max-width:1050px){.ws-legendes{gap:18px}.ws-legendes strong{font-size:13px;min-height:2.7em}.ws-legendes small{font-size:10px}.ws-detail{grid-template-columns:150px 1fr 1fr;gap:20px 32px}.ws-acteur{height:200px}}
@media(max-width:760px){
 .ws-scene{aspect-ratio:334/290;margin-top:14px}
 .ws-scene::before{inset:-20px -12px -6px;opacity:.94}
 .ws-ordinateur{left:5%;width:90%}
 .ws-tablette{width:31%}
 .ws-telephone{right:0;width:21%}
 .ws-cadre{filter:drop-shadow(0 14px 14px rgba(16,16,16,.22))}
 .ws-legendes{gap:10px;margin-top:18px}
 .ws-legendes li{flex-direction:column;align-items:flex-start;gap:6px;padding-bottom:12px}
 .ws-legendes li:nth-child(2){align-items:center}
 .ws-legendes li:nth-child(3){flex-direction:column;align-items:flex-end}
 .ws-legendes img{width:18px;height:18px}
 .ws-legendes small{font-size:9px}
 .ws-legendes strong{font-size:12px;line-height:1.3;min-height:3.9em}
 .ws-detail{grid-template-columns:96px 1fr;gap:6px 18px;margin-top:30px;min-height:0}
 .ws-acteur{height:130px;align-self:end}
 .ws-points{grid-column:1/-1}
 .ws-detail .world-detail{padding:0;margin:0}
}
/* (05/10/2026) R13 « tout est flou, illisible » : dans le haut de page, l'agenda et la caisse (et les deux écrans du téléphone) se mélangeaient en fondu pendant plus d'une seconde. L'écran suivant glisse désormais par-dessus le précédent, comme dans la section des métiers (même courbe que l'« inOutQuart » d'anime.js). */
.pro-display img{transition:transform .95s cubic-bezier(.76,0,.24,1)}
.pro-caisse{opacity:1;transform:translateX(104%)}
.scene[data-scene="2"] .pro-caisse{transform:none}
.shared-phone img{transition:transform .95s cubic-bezier(.76,0,.24,1)}
.shared-phone .phone-booking,.shared-phone.moving .phone-booking{opacity:1;transform:translateX(104%)}
.shared-phone.booking:not(.moving) .phone-booking{transform:none}
/* (05/10/2026) Lighthouse (accessibilité 97) : « Toute la base » des formules (#8a8a84 sur blanc, 3,47:1) et la note des tarifs (#76766e, 4,38:1) passent sous 4,5:1 ; ramenées au gris de la page (--muted, #656563). */
.fx-plan:not(.fx-phare) .fx-base,.tariff-note{color:var(--muted)}
/* (05/10/2026) Écart au canevas validé « Haut de page » (« Oui, code-les », 04/10) : le surtitre « Votre application, à votre nom » et le lien « Être prévenu de l’ouverture » de l’identité n’avaient pas été posés. Mêmes tailles que le canevas (12 px, 700, capitales espacées ; lien 14 px souligné). */
.identity-titre{grid-row:span 2}
.identity-sur{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:14px!important}
.identity-heading{row-gap:0}.identity-heading>p{align-self:end}
.identity-lien{grid-column:2;justify-self:start;align-self:start;margin:22px 0 0 35px}
@media(max-width:1050px){.identity-lien{margin-left:28px}}
@media(max-width:760px){.identity-lien{margin:18px 0 0}}
/* (05/10/2026) Ses mots : « l'une des informations les plus importantes reléguée à une micro place, perdue, pâle ». Son choix sur image : la présentation A. « Ouverture en novembre 2026 » forme une ligne à elle seule, grande, juste au-dessus des boutons ; l'essai et l'enseigne la suivent, plus petits. Sa règle du 30/08, redite le 03/10 : ni barre ni trait sous un mot, la taille et la graisse portent seules. */
.hero-title .hero-garanties{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:46px auto 0!important;font-size:clamp(16px,1.35vw,19px)!important;line-height:1.3;letter-spacing:-.02em;color:var(--ink)}
@media(max-width:760px){.hero-title .hero-garanties{font-size:15px!important}}
.hero-garanties strong{flex-basis:100%;font-size:clamp(28px,2.6vw,38px);font-weight:850;letter-spacing:-.04em;text-wrap:balance}
.hero-garanties span{padding:0 14px;font-size:clamp(16px,1.3vw,19px);font-weight:600;color:#3a3a37}
.hero-title .hero-garanties+.hero-boutons{margin-top:24px}
/* (05/10/2026) Son choix (questionnaire) : sur téléphone, la date passe sous la taille du logo de l'en-tête (24 px de haut), sur une seule ligne ; son nom reste le plus visible (R7). */
@media(max-width:760px){.hero-garanties strong{font-size:20px}.hero-garanties span{font-size:15px}}
/* (05/10/2026) Ses mots : « Timy, Lilou, ANNAROZ, ce sont des mots à mettre en valeur » ; « trop d'informations condensées, tout se noie, rien ne se lie ». Un groupe = une idée, séparé par de l'air ; les noms portent la graisse, jamais un trait. */
.hero-title .hero-mascottes{margin-top:30px!important;font-size:clamp(18px,1.75vw,25px)!important;line-height:1.45;color:#3a3a37;letter-spacing:-.02em}
.hero-mascottes strong{font-weight:850;color:var(--ink)}
@media(max-width:760px){.hero-title .hero-mascottes{font-size:17px!important;margin-top:20px!important}}
/* (05/10/2026) Un mot court ne finit jamais seul une ligne (« métier. » isolé sur téléphone) : lignes équilibrées. */
.hero-mascottes,.hero-title h1{text-wrap:balance}
/* (05/10/2026) Sa remarque « le grand vide là, c'est pour quoi ? » : 140 px sous la section métiers + 110 px au-dessus des formules (250 px de blanc). Ramené à environ 110 px. */
.worlds{padding-bottom:44px}.world-showroom{padding-bottom:0}
.rhythm{padding-top:64px!important}
@media(max-width:760px){.worlds{padding-bottom:28px}.rhythm{padding-top:44px!important}}

/* (05/10/2026) Sa décision G6 « parcours de vrais écrans » : la borne s'essaie dans une fenêtre, sur les écrans réels
   de la borne validée et intégrée au logiciel. Cadre iPad Eldora UI à l'horizontale ; écran au rapport exact du cadre
   (457,25 × 342,87, captures 1180 × 885) : rien n'est rogné. */
.borne-dialog{width:min(1180px,96vw)}
.borne-dialog>div:first-child{display:flex;align-items:center;gap:16px}
.borne-metiers{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 16px}
.borne-metiers button{padding:10px 16px;border-radius:999px;border:1px solid #d8d8d2;background:#fff;font-size:14px;font-weight:700;color:#3a3a37;cursor:pointer}
.borne-metiers button[aria-pressed="true"]{background:#101010;border-color:#101010;color:#fafafa}
.borne-appareil{position:relative;display:block;width:min(100%,calc((94dvh - 220px) * 1.3));margin:0 auto;aspect-ratio:520/400;padding:0;border:0;background:none;cursor:pointer}
.borne-cadre{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 30px 50px rgba(0,0,0,.28))}
.borne-ecran{position:absolute;left:6.033%;top:7.1175%;width:87.933%;height:85.7175%;overflow:hidden;border-radius:2.1%/2.8%;background:#0b0b0b}
.borne-couche{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;will-change:transform}
.borne-couche+.borne-couche{opacity:0}
.borne-pied{display:flex;align-items:center;gap:12px;margin-top:16px}
.borne-pied>button{flex:none;padding:11px 16px;border-radius:10px;border:1px solid #d8d8d2;background:#fff;font-size:14px;font-weight:700;color:#101010;cursor:pointer}
.borne-etapes{flex:1;display:flex;flex-wrap:wrap;justify-content:center;gap:6px;list-style:none;margin:0;padding:0}
.borne-etapes li{display:flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;font-size:13px;font-weight:600;color:#5d5d57;border:1px solid transparent}
.borne-etapes li span{font-weight:800}
.borne-etapes li.actif{border-color:#101010;color:#101010}
.borne-appareil:focus-visible,.borne-metiers button:focus-visible,.borne-pied>button:focus-visible{outline:3px solid #101010;outline-offset:3px}
@media(max-width:760px){.borne-etapes li{font-size:0;padding:6px 9px}.borne-etapes li span{font-size:13px}.borne-etapes li.actif{font-size:13px}.borne-pied>button{padding:10px 12px;font-size:13px}}
/* (05/10/2026) Téléphone : les étapes sur leur propre ligne, au-dessus de « Précédent » et « Suivant » (elles s'empilaient en colonne entre les deux). */
@media(max-width:760px){.borne-pied{flex-wrap:wrap;justify-content:space-between}.borne-etapes{order:-1;flex:0 0 100%;flex-wrap:nowrap;justify-content:center}}
/* (05/10/2026) « On en parle ? » sur téléphone : une règle de l'ancien dessin (.conversation p, 180 px, du temps où la mascotte flottait à droite) serrait la phrase sur 4 lignes avec du vide à droite. Le texte prend la largeur de sa colonne. */
.conversation .conversation-texte p{max-width:none}.conversation .conversation-texte .conversation-lead{max-width:470px}

/* 05/10/2026 : pied de page A, « Plan du site », choisi par elle sur le canevas Claude Design. Encre, une pastille fluo par titre de colonne, aucun fluo sur le texte. */
footer.pied{display:block;background:#080808;color:#f2f2ef;padding:72px 80px 40px;font-size:15px}
.pied-haut{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1.35fr repeat(4,minmax(0,1fr));gap:48px;align-items:start}
.pied-signature{display:flex;flex-direction:column;gap:22px}
footer.pied .pied-logo img{display:block;width:300px;height:auto}
footer.pied .pied-signature p{margin:0;color:#b5b5b1;font-size:17px;line-height:1.5;max-width:300px}
footer.pied .pied-signature .pied-ouverture{display:flex;align-items:center;gap:10px;color:#f2f2ef;font-size:14px}
.pied-ouverture span{width:8px;height:8px;border-radius:50%;background:#eaff00;flex:none}
.pied-colonne{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.pied-colonne h2{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-size:13px;font-weight:600;letter-spacing:.02em;line-height:1.2;color:#f2f2ef}
.pied-colonne h2 span{width:6px;height:6px;border-radius:50%;background:#eaff00;flex:none}
.pied-colonne a,.pied-colonne button{color:#b5b5b1;font-size:15px;line-height:1.35;background:none;padding:0;text-align:left;align-self:flex-start;grid-column:auto;grid-row:auto}
.pied-colonne a:hover,.pied-colonne button:hover,.pied-bas a:hover{color:#f2f2ef}
.pied-colonne .pied-courriel{color:#f2f2ef;font-size:16px;font-weight:600}
.pied-bas{max-width:1280px;margin:64px auto 0;border-top:1px solid #262624;padding-top:24px;display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:13px}
.pied-bas>span{color:#8f8f8a}
footer.pied .pied-bas p{margin:0;color:#b5b5b1;font-size:13px}
.pied-services{display:flex;align-items:center;gap:6px;color:#b5b5b1}
@media(max-width:1100px){footer.pied{padding:64px 40px 36px}.pied-haut{grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 32px}.pied-signature{grid-column:1/-1}.pied-bas{flex-wrap:wrap}}
@media(max-width:760px){footer.pied{padding:48px 24px 32px}.pied-haut{gap:36px 20px}.pied-signature{align-items:center;text-align:center}footer.pied .pied-logo img{width:260px}footer.pied .pied-signature p{font-size:16px}.pied-colonne{gap:4px}.pied-colonne h2{margin-bottom:8px}.pied-colonne a,.pied-colonne button{padding:0;min-height:44px;display:flex;align-items:center}footer.pied .pied-logo{min-height:44px;display:flex;align-items:center;justify-content:center}.pied-ecrire,.pied-legal{grid-column:1/-1}.pied-legal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}.pied-legal h2{grid-column:1/-1}.pied-bas{flex-direction:column;align-items:flex-start;gap:14px;margin-top:40px;padding-top:20px}.pied-services{padding:0;min-height:44px}}

/* 05/10/2026 : équilibre des fonds A, choisi par elle sur les trois pages entières (canevas Claude Design). Le décor d'ASTRA revient sur la bande des métiers, qui ouvre sur le film, puis sur la bande finale. */
.bande-metiers{position:relative;isolation:isolate;padding-top:60px}
.bande-metiers::before{content:'';position:absolute;inset:0 0 40% 0;z-index:-1;pointer-events:none;background:url('/vitrine/signature/assets/signature-backdrop.webp') center top/cover no-repeat;opacity:.85;-webkit-mask-image:linear-gradient(180deg,transparent,#000 14%,#000 84%,transparent);mask-image:linear-gradient(180deg,transparent,#000 14%,#000 84%,transparent)}
.bande-metiers .film-auto{margin-top:0}
.bande-finale{position:relative;isolation:isolate;padding:70px 0 10px}
.bande-finale::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('/vitrine/signature/assets/signature-backdrop.webp') center/cover no-repeat;opacity:.8;-webkit-mask-image:linear-gradient(180deg,transparent,#000 14%,#000 84%,transparent);mask-image:linear-gradient(180deg,transparent,#000 14%,#000 84%,transparent)}
.bande-finale .conversation::before{display:none}
.bande-finale .prevenir{background:rgba(250,250,250,.93);color:#101010;box-shadow:0 24px 50px -30px rgba(16,16,16,.35)}
.bande-finale .prevenir::before{display:none}
.bande-finale .prevenir>div>p,.bande-finale .formulaire-accord{color:#4b4b47}
.bande-finale .prevenir .formulaire input{background:#fff;border-color:#cfcfc9;color:#101010}

/* (06/10/2026) Les six pages métier (son « Oui, 6 pages » du 05/10) : la section des métiers mène à la page du métier choisi,
   et le pied de page à chacune, par le nom du métier. Sur téléphone, chaque nom garde une cible de 44 px. */
.ws-liens{display:flex;flex-wrap:wrap;align-items:center;gap:14px 30px}
footer.pied .pied-bas p a{color:inherit;border-bottom:1px solid #3a3a38;padding-bottom:2px}
@media(max-width:760px){footer.pied .pied-bas p{line-height:1.2}footer.pied .pied-bas p a{display:inline-flex;align-items:center;min-height:44px;padding-bottom:0;border-bottom:0;text-decoration:underline;text-decoration-color:#3a3a38;text-underline-offset:4px}}
/* (06/10/2026) Téléphone : « Être prévenu » de l'en-tête passait sur deux lignes à 390 px. Il reste sur une ligne ; le logo cède la place. */
.nav-cta{white-space:nowrap}
/* (06/10/2026) Son mot, sur son écran large : « le texte en haut à droite n'est pas équilibré par rapport aux autres textes de la page, ça paraît très très petit ». Les liens, le compte et le bouton de l'en-tête suivent la largeur de l'écran (14 px à 1100, 16 à 1440, 18 à 1920, 22 au-delà de 2700) ; entre 1051 et 1440, le logo cède un peu de place pour que tout tienne sur une ligne. */
@media(min-width:1051px){.navigation{--entete:clamp(14px,calc(.5vw + 8.5px),22px);gap:clamp(22px,2.2vw,48px)}.logo{flex-basis:clamp(300px,calc(50vw - 340px),380px)}.navigation nav{font-size:var(--entete);gap:clamp(22px,2.2vw,48px)}.nav-compte,.nav-cta{font-size:var(--entete)}.nav-cta{padding:.85em 1.8em}.nav-compte{padding-top:4px}}
/* Accueil, 21/10/2026, direction C « l'objet posé » (son choix), corrigée après la critique de la coordination : l'éditeur ANNAROZ SOLUTIONS ouvre la page avec le seul titre d'affiche et le seul appel du premier écran ; Step’in, son logiciel, est présenté dans la carte des formules (.fx-plan : blanc, filet #e3e3dd, rayon 22 px) : logo, accroche, vrais écrans, parcours, un seul appel. Logo Step’in version claire, « by ANNAROZ SOLUTIONS » sous le nom et aligné sur le S (charte Step’in). Le « 0 % » réduit d'environ 40 % (« visible, mais pas la grosseur de ma tête »). */
.hero .editeur-bio{margin:24px auto 0;max-width:620px;font-size:clamp(17px,1.5vw,21px);line-height:1.45;color:#3a3a37;letter-spacing:-.02em}.hero .editeur .hero-boutons{margin-top:30px}.stepin-carte{position:relative;width:min(1280px,calc(100% - 48px));margin:84px auto 0;padding:56px 0 30px;overflow:hidden;border-radius:22px;background:#fff;box-shadow:inset 0 0 0 1px #e3e3dd}.stepin-marque{display:inline-flex;flex-direction:column;align-items:flex-start}.stepin-logo{display:block;width:280px;height:auto}.hero .stepin-by{margin:10px 0 0;padding-left:4.7px;font-size:14px;line-height:1.2;font-weight:700;letter-spacing:.06em;color:#4b4b47;white-space:nowrap}.hero .stepin-promesse{margin-top:20px;font-size:clamp(19px,1.7vw,24px);line-height:1.3;font-weight:750;letter-spacing:-.02em;color:#101010}.stepin-carte .journey{margin-top:0}.stepin-appel{padding:0 20px;margin-top:30px}.stepin-carte .scene{margin-top:4px}
/* Haut de page sur le même papier que la suite : le décor lumineux n’y est plus posé (l’élément reste, signature.js le pilote). */
.hero .hero-backdrop{display:none}
@media(max-width:760px){.stepin-carte{width:calc(100% - 28px);margin-top:72px;padding:44px 0 26px}.stepin-logo{width:240px}.hero .stepin-by{font-size:13px;padding-left:4px}}
@media(max-width:450px){.hero .editeur-bio{margin-top:20px;max-width:330px;font-size:17px}.hero .editeur .hero-boutons{margin-top:26px}.stepin-carte{margin-top:64px;padding:40px 0 26px}.stepin-logo{width:200px}.hero .stepin-by{margin-top:8px;font-size:12px;padding-left:3px}.hero .stepin-promesse{margin-top:16px;font-size:19px}.stepin-carte .journey{padding:0 20px}}
/* 21/10/2026, critique de la coordination sur l'accueil C2 : huit métiers (Bien-être et Artisans en liens vers le contact, sans page dédiée), formules de Step’in sans fluo (pétrole #12414A, terre cuite #B0532F, papier #F2F2ED), blancs resserrés, menu à 44 px, logo Step’in dans le pied. */
.world-nav .world-lien{padding:11px 15px;border-radius:4px;font-size:14px;color:#6a6a65;line-height:1.55;transition:background .3s,color .3s}.world-nav .world-lien:hover{background:var(--wash);color:#111}
.fx-phare{background:#12414A}.fx-phare::before{display:none}.fx-onglet{color:#F2F2ED}.fx-phare .fx-cap,.fx-phare .fx-base{color:#d2d6d0}.fx-phare .fx-cta{background:#B0532F;color:#F2F2ED}.fx-phare .fx-cta:hover{background:#9b4727}.fx-choix .selected strong:after{background:#B0532F}
.pied-colonne h2.pied-stepin{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:0 0 10px}.pied-stepin img{display:block;width:150px;max-width:100%;height:auto}.pied-colonne h2.pied-stepin .pied-by{width:auto;height:auto;border-radius:0;background:none;flex:none;padding-left:2px;font-size:11px;font-weight:700;letter-spacing:.03em;color:#b5b5b1;white-space:nowrap}
@media(max-width:760px){.world-nav .world-lien{font-size:12px;padding:10px 13px}.breathing-space{height:56px}.menu-trigger{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;padding:0}}
@media(max-width:450px){.world-nav .world-lien{font-size:11px;padding:9px 11px}.breathing-space{height:48px}}