:root{--bg:#F7F4ED;--panel:#FBF9F4;--panel-2:#F1EDE4;--panel-3:#E6E0D4;--line:#2B2A28;--line-soft:#D9D2C6;--pencil:#6B6660;--ink:#111;--mid:#484B4B;--mute:#6E6A63;--faint:#736D65;--acc:#6D3FE0;--acc-soft:#ECE4FC;--ok:#0A6E51;--prism:linear-gradient(90deg,#FF8A5B 0%,#FF6B9D 30%,#8B5CF6 65%,#3B82F6 100%);--f:'Manrope',system-ui,sans-serif;--h:'Caveat',cursive;--a:'Architects Daughter',cursive;--m:'JetBrains Mono',monospace;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .16 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E")}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f);font-size:16px;-webkit-font-smoothing:antialiased}
body{background-image:var(--grain)}
a{color:var(--ink);text-decoration:none}a:hover{color:var(--acc)}
button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}
.hand{font-family:var(--h);font-weight:700}
.note{font-family:var(--a)}
.mono{font-family:var(--m);letter-spacing:-.02em}
.eyebrow{font-family:var(--a);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.sk{position:relative;border:1px solid transparent}
.sk::before{content:"";position:absolute;inset:-1px;border:1.5px solid;border-color:inherit;border-radius:inherit;pointer-events:none;filter:url(#sk)}
.card{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:16px}
.card::before{content:"";position:absolute;inset:-1px;border:1.5px solid;border-color:inherit;border-radius:inherit;pointer-events:none;filter:url(#sk)}
.card.soft{border-color:var(--line-soft)}
.prism{background:var(--prism)}
.hatch{background-image:repeating-linear-gradient(-38deg,var(--hc,#B9A0FA) 0 1.6px,transparent 1.6px 4.2px)}
.ph{background:repeating-linear-gradient(135deg,var(--panel-2) 0 6px,var(--bg) 6px 12px);display:grid;place-items:center;color:var(--faint);font-family:var(--a);font-size:11px;letter-spacing:.08em;text-transform:uppercase;text-align:center;padding:8px;border-radius:14px;border:1.4px solid var(--pencil)}
.btn{position:relative;display:inline-flex;align-items:center;gap:9px;height:52px;padding:0 22px;border-radius:14px;background:var(--ink);color:var(--bg);font-weight:700;font-size:15px;transition:transform .1s}
.btn::before{content:"";position:absolute;inset:-1.5px;border-radius:inherit;background:var(--ink);filter:url(#sk);z-index:-1}
.btn{transition:transform .15s,background .2s,color .2s}.btn:hover{transform:translateY(-1px);background:var(--prism);color:#fff}.btn:hover::before{background:var(--prism)}.btn.ghost:hover{border:1.5px solid transparent;background:linear-gradient(var(--bg),var(--bg)) padding-box,var(--prism) border-box;color:var(--acc)}
.btn.ghost{background:transparent;color:var(--ink);border:1.5px solid var(--ink)}
.btn.ghost::before{display:none}
.wrap{max-width:1180px;margin:0 auto;padding:0 28px}
.nav{display:flex;align-items:center;gap:28px;height:76px}
.nav .links{display:flex;gap:26px;margin-left:auto;font-weight:600;font-size:14px;align-items:center}
.nav .links a{color:var(--mid)}
.nav .links a.btn{color:var(--bg)}
.navlink{position:relative;display:inline-block!important;padding:0;line-height:1.1;align-self:center}
.navlink.on{color:var(--ink)!important}
.navlink .ul{position:absolute;left:-2px;bottom:-5px;width:calc(100% + 4px);height:6px;display:block;overflow:visible}
.tape{position:absolute;width:70px;height:20px;background:rgba(226,214,186,.75);top:-10px;left:50%;transform:translateX(-50%) rotate(-3deg);border:1px solid rgba(120,100,70,.15)}
@keyframes bob{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-5px) rotate(1deg)}}
.bob{animation:bob 3.4s ease-in-out infinite;display:inline-block}
@media (max-width:820px){.nav .links{display:none}}
/* sections */
section.s{padding-top:96px;padding-bottom:96px}
.h2{font-family:var(--h);font-weight:700;font-size:56px;line-height:.98;margin:0}
.lead{font-size:17px;line-height:1.6;color:var(--mid);font-weight:500;max-width:560px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.postit{position:relative;background:#FBF3D6;border-color:#C9B98A;padding:18px 18px 16px;transform:rotate(var(--rot,0deg))}
.postit.b{background:#E4EEFB;border-color:#9DB6DD}.postit.p{background:#F2E9FB;border-color:#B9A0FA}.postit.g{background:#E3F5EC;border-color:#8FCDB0}.postit.r{background:#FDE7EE;border-color:#F0A5BE}
.faq details{border-top:1.4px solid var(--pencil);padding:18px 0}
.faq summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:14px;font-weight:700;font-size:17px}
.faq summary::-webkit-details-marker{display:none}
.faq summary .pl{margin-left:auto;font-family:var(--h);font-size:28px;line-height:1;transition:transform .2s}
.faq details[open] .pl{transform:rotate(45deg)}
.faq p{margin:12px 0 0;color:var(--mid);line-height:1.6;font-size:15px;max-width:720px}
.cmp{width:100%;border-collapse:collapse;font-size:14.5px}
.cmp th,.cmp td{padding:14px 12px;text-align:left;border-top:1px dashed var(--line-soft)}
.cmp th{font-family:var(--a);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);border-top:0}
.cmp td:first-child{font-weight:600}
.cmp th:not(:first-child),.cmp td:not(:first-child){text-align:center}
.cmp th.cmp-logo img{height:34px;width:auto;display:inline-block;vertical-align:middle}
.cmp .yes{color:var(--ok);font-weight:700}.cmp .no{color:var(--faint)}
.sticky{position:fixed;left:50%;bottom:18px;transform:translate(-50%,120%);z-index:50;display:flex;align-items:center;gap:14px;padding:10px 12px 10px 16px;border-radius:99px;background:var(--panel);border:1.5px solid var(--ink);box-shadow:0 18px 50px rgba(30,25,15,.18);transition:transform .35s cubic-bezier(.2,.8,.3,1);white-space:nowrap}
.sticky.on{transform:translate(-50%,0)}
.tl-track input::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:99px;background:var(--ink);border:2px solid var(--bg);box-shadow:0 0 0 1.5px var(--ink),0 4px 10px rgba(0,0,0,.18);cursor:grab;margin-top:3px}
.tl-track input::-moz-range-thumb{width:18px;height:18px;border-radius:99px;background:var(--ink);border:2px solid var(--bg);box-shadow:0 0 0 1.5px var(--ink);cursor:grab}
.tl-track input::-webkit-slider-runnable-track{height:24px;background:transparent}
.tl-track input:active::-webkit-slider-thumb{cursor:grabbing;transform:scale(1.08)}
.tick{position:absolute;top:50%;width:10px;height:10px;transform:translate(-50%,-50%)}
.tick i{display:block;box-sizing:border-box;width:10px;height:10px;border-radius:99px;background:var(--bg);border:1.6px solid var(--ink)}
.tick.on i{background:var(--ink)}
.tick span{position:absolute;left:50%;transform:translateX(-50%);top:18px;font-size:10.5px;color:var(--mute);white-space:nowrap}
.tick:nth-child(even) span{top:auto;bottom:18px}
.tick.on span{color:var(--ink)}
.nlo-clock{flex:none;width:60px;height:60px;display:block}.nlo-clock svg{width:100%;height:100%;display:block;overflow:visible}
/* Bulle de dialogue dessinée : queue crayonnée vers la mascotte à gauche */
.bubble{position:relative;padding:16px 22px;border-radius:22px;background:var(--panel);border:1.6px solid var(--ink);filter:url(#sk2)}
.bubble::before{content:"";position:absolute;left:-14px;top:50%;width:18px;height:18px;background:var(--panel);border-left:1.6px solid var(--ink);border-bottom:1.6px solid var(--ink);transform:translateY(-50%) rotate(45deg) skew(-8deg,-8deg);border-bottom-left-radius:4px}
.live-phone{width:390px;height:844px;transform:scale(.78) rotate(-3deg);transform-origin:top center;margin-bottom:-186px;border-radius:42px;box-shadow:0 30px 70px rgba(40,32,20,.22)}
.live-phone iframe{width:390px;height:844px;border:0;border-radius:42px;display:block;background:transparent}
.live-phone.tilt{transform:scale(.78) rotate(4deg)}
@media (max-width:900px){.live-phone{transform:scale(.7);margin-bottom:-253px}}
.ph.phone{border-radius:40px;background-color:var(--panel)}
.phone-mock{width:100%;max-width:340px;aspect-ratio:9/17.5;border-radius:40px;border:1.6px solid var(--ink);background:var(--panel);position:relative;overflow:hidden;filter:url(#sk)}
.phone-mock .in{position:absolute;inset:14px;border-radius:30px;background:var(--bg);overflow:hidden;display:flex;flex-direction:column;gap:10px;padding:34px 14px 14px}
.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:99px;border:1.4px solid var(--pencil);font-family:var(--a);font-size:12px;color:var(--mid)}
.chip.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}
@media (max-width:900px){.devices{grid-template-columns:1fr 1fr!important}.grid2,.grid3,.grid4{grid-template-columns:1fr}.h2{font-size:42px}section.s{padding-top:64px;padding-bottom:64px}.tl{grid-template-columns:repeat(4,1fr)}footer{grid-template-columns:1fr 1fr!important}.hero-h1{font-size:56px!important}.fan{height:auto!important;flex-wrap:wrap}.fan .ph{transform:none!important;width:46%!important;height:300px!important}}

.tl-step{flex:none;width:34px;height:34px;border-radius:99px;border:1.6px solid var(--ink);display:flex;align-items:center;justify-content:center;font-size:22px;line-height:1;padding-bottom:3px;background:var(--panel);transition:background .15s,color .15s}.tl-step:hover{background:var(--ink);color:var(--bg)}.tl-step:disabled{opacity:.3;pointer-events:none}

/* Responsive */
html,body{overflow-x:hidden}
img,iframe{max-width:none}
@media (max-width:1100px){.ig-card{left:0!important}.client-note{right:0!important}}
.faq summary .pl{flex:none}.faq summary>span:first-child{min-width:0}
@media (max-width:900px){
.grid2{grid-template-columns:1fr!important;gap:40px}
.grid4{grid-template-columns:1fr 1fr}
.live-phone,.live-phone.tilt{transform:none;zoom:.72;margin-bottom:0}
#client .grid2>div:last-child{padding-top:150px}
.ig-card{left:50%!important;top:0;transform:translateX(-50%) rotate(-3deg)!important;max-width:calc(100% - 8px)}
.client-note{right:0!important;bottom:40px!important}
.day-tip{margin-left:0!important}
.ig-card>.hand{display:none}
#studios .grid2>div:first-child{text-align:center}#studios .grid2>div:first-child .lead{margin-left:auto;margin-right:auto}
#journee .grid2{gap:18px}#journee .grid2>div:last-child{display:contents!important}#journee .tl-card{order:-1}#journee .grid2>div:last-child>.card{order:-1}#journee .grid2>div:first-child{margin:10px 0}
.founder{grid-template-columns:96px 1fr!important;padding:26px 24px!important;gap:20px!important}
.founder>.ph{width:96px!important;height:96px!important}
}
@media (max-width:820px){.nav .links{display:flex}.nav .links .navlink{display:none!important}}
@media (max-width:600px){
.wrap{padding:0 18px}
.hero{padding:30px 18px 24px!important}
.hero-h1{font-size:44px!important}
.hero .lead{font-size:16px!important}
.hero [data-bot]{transform:scale(.75)}
.h2,#sans-toi .h2{font-size:34px!important;line-height:1.02}
.lead{font-size:16px}
section.s{padding-top:52px;padding-bottom:52px}
.grid4{grid-template-columns:1fr}
.postit{--rot:0deg!important}
.bubble{padding:12px 16px}.bubble .hand{font-size:26px!important}
#sans-toi svg[width="46"]{display:none}
.day-tip{width:100%!important}
.tl-card{padding:20px 16px 18px!important}
.tl-card .hand{font-size:19px!important}
#tl-stage{font-size:18px!important}
.tick span{font-size:9px}
.live-phone,.live-phone.tilt{zoom:.66}
#client .grid2>div:last-child{padding-top:170px}
.ig-card{width:300px!important}
.client-note{display:none}
.founder{grid-template-columns:1fr!important;text-align:left}
.founder .hand{font-size:22px!important}
.cta-card{padding:36px 18px!important}
.devices{grid-template-columns:1fr 1fr!important;gap:14px!important}

.cmp{font-size:13px}.cmp th,.cmp td{padding:10px 8px}
footer{grid-template-columns:1fr!important;padding:40px 18px 100px!important}
.sticky{gap:10px;padding:8px 8px 8px 12px;max-width:calc(100% - 24px)}
.sticky>span:nth-child(2){font-size:12.5px!important;white-space:normal;line-height:1.25}
.faq summary{font-size:15.5px}
}
@media (max-width:380px){.hero-h1{font-size:38px!important}.sticky>span:first-child{display:none}}
@media (max-width:600px){.hero-hello .hello-txt{font-size:20px!important;margin-left:4px!important}.hero-hello .bob img{width:110px!important;height:110px!important}}

@media (max-width:900px){.devices{grid-template-columns:1.7fr 1fr .45fr!important;gap:0!important;align-items:end}.devices>div{position:relative;min-width:0}.devices>div:nth-child(2){margin-left:-14%;z-index:2}.devices>div:nth-child(3){margin-left:-40%;z-index:3}.devices .ph{font-size:8.5px;padding:4px;background-color:var(--panel)}.devices .note{font-size:11px!important}}
@media (max-width:600px){.devices .ph{font-size:7px;letter-spacing:.04em}.devices>div:nth-child(3) .ph{border-radius:16px!important}.devices>div:nth-child(2) .ph{border-radius:12px!important}}

@media (max-width:900px){
section :is(.eyebrow,.h2,.lead):not(.card *,.faq *){text-align:center}
section .lead:not(.card *){margin-left:auto!important;margin-right:auto!important}
#sans-toi>div:first-child,#journee .wrap>div:first-child,#studios>div:last-child>div:first-child{justify-content:center;text-align:center}
#sans-toi>div:first-child>*{flex-basis:100%!important;max-width:none!important}
.day-tip{margin:0 auto!important}
#journee .wrap>div:first-child>div:first-child{width:100%}
#client .grid2>div:first-child>.note{text-align:center}
#faq .grid2>div:first-child{text-align:center}
section .wrap.grid2>div:first-child>div[style*="flex-wrap"]{justify-content:center}
}

@media (max-width:760px){.ask-row{flex-direction:column;gap:22px!important;margin-top:40px!important}.ask-row>.bob{margin-bottom:0!important}.ask-row .bubble{text-align:center}.ask-row .bubble::before{left:50%;top:-11px;transform:translateX(-50%) rotate(135deg) skew(-8deg,-8deg)}.ask-row>svg{display:none}}

@media (min-width:601px) and (max-width:900px){#client .grid2{grid-template-columns:minmax(0,1fr) 290px!important;gap:28px!important;align-items:start}#client .grid2>div:first-child :is(.eyebrow,.h2,.lead,.note){text-align:left!important}#client .grid2>div:first-child .lead{margin-left:0!important}#client .ig-card{width:280px!important}#client .live-phone{zoom:.7}}


.amb{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:40px;align-items:center;padding:34px 38px;background:var(--ink);color:var(--bg);border-color:var(--ink)}
.amb-head{display:flex;align-items:center;gap:14px}
.amb-bot{flex:none;width:76px;height:76px;border-radius:99px;background:var(--bg);display:flex;align-items:center;justify-content:center;overflow:hidden}.amb-bot img{width:64px!important;height:64px!important;object-fit:contain}
.amb-tag{display:inline-block;font-family:var(--a);font-size:11px;color:#fff;padding:4px 10px;border-radius:99px;letter-spacing:.06em;white-space:nowrap}
.amb-name{font-weight:800;font-size:26px;margin-top:6px}
.amb-title{font-size:40px;line-height:1.02;margin:20px 0 0;font-weight:700;text-wrap:balance}
.amb-list{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-direction:column;gap:10px;font-size:15px}.amb-list li{display:flex;gap:10px;align-items:flex-start}.amb-list svg{flex:none;margin-top:2px}
.amb-r{min-width:0}
.amb-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}.amb-price .mono{font-size:56px;font-weight:600;letter-spacing:-.04em;white-space:nowrap;line-height:1}.amb-price .note{color:#C9C4BA;font-size:15px}
.amb-form{display:flex;flex-direction:column;gap:10px;margin-top:18px}.amb-form input{height:50px;padding:0 16px;border-radius:12px;background:var(--bg);border:0;font:inherit;font-size:15px;color:var(--ink);outline:none;width:100%;box-sizing:border-box;min-width:0}.amb-form .btn{height:50px;justify-content:center;background:var(--bg);color:var(--ink);width:100%}
.amb-fine{margin:10px 0 0;font-size:13px;color:#C9C4BA}
.q-pick{max-width:520px;margin:26px auto 0;display:flex;flex-direction:column;gap:10px}
.q-pick input{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:99px;background:var(--panel-3);outline:none}
.q-pick input::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:99px;background:var(--ink);border:3px solid var(--bg);box-shadow:0 0 0 1.5px var(--ink);cursor:grab}
.q-pick input::-moz-range-thumb{width:18px;height:18px;border-radius:99px;background:var(--ink);border:3px solid var(--bg);box-shadow:0 0 0 1.5px var(--ink);cursor:grab}
.q-lbl{display:flex;justify-content:center;align-items:baseline;gap:10px;flex-wrap:wrap}.q-lbl .mono{font-weight:600;font-size:16px}.q-lbl .note{color:var(--mute);font-size:14px}
@media (max-width:900px){.amb{grid-template-columns:1fr;gap:26px;padding:26px 22px}.amb-title{font-size:32px}.actu-rythme{margin:0!important}}
@media (max-width:420px){.amb{padding:22px 18px}.amb-bot{width:60px;height:60px}.amb-bot img{width:50px!important;height:50px!important}.amb-name{font-size:22px}.amb-title{font-size:28px}.amb-price .mono{font-size:46px}}
.plan-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 6px}.plan-price .mono{font-size:clamp(34px,4.2vw,46px);font-weight:600;letter-spacing:-.04em;white-space:nowrap;line-height:1.05}.plan-price .note{color:var(--mute);white-space:nowrap;flex:none}
@media (max-width:900px){.plan-price .mono{font-size:46px}}
.y-pick{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:2px;margin-top:24px;padding:4px;border-radius:12px;background:var(--panel)}.y-pick button{padding:10px 16px;border-radius:9px;font-weight:700;font-size:14px;color:var(--mute);white-space:nowrap}.y-pick button.on{background:var(--ink);color:var(--bg)}
.stairs{display:flex;align-items:flex-end;gap:8px;height:62px}.stairs>div{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;height:100%;min-width:0}.stairs i{display:block;width:100%;border-radius:5px 5px 2px 2px;background:var(--panel-3);border:0}.stairs .past i{background:var(--pencil)}.stairs .on i{background:var(--ink)}.stairs span{font-size:11.5px;color:var(--mute);white-space:nowrap}.stairs .on span{color:var(--ink);font-weight:600}
.stores{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center}.stores a{display:block;line-height:0}.stores img{display:block;width:auto}
.store-b{display:flex!important;align-items:center;gap:8px;padding:0 14px 0 11px;border-radius:9px;background:#000;color:#fff!important;border:1px solid #A6A6A6;line-height:1!important;box-sizing:border-box}.store-b span{display:flex;flex-direction:column;gap:1px;text-align:left}.store-b small{font-size:10px;font-weight:500;letter-spacing:.02em}.store-b b{font-size:18px;font-weight:700;letter-spacing:-.01em;white-space:nowrap}.store-b:hover{color:#fff}
.stores-col .stores{flex-direction:column;align-items:flex-start;gap:8px}.stores-col .store-b b{font-size:15px}.stores-col .store-b small{font-size:9px}
.dev-scene{position:relative;width:100%;aspect-ratio:1600/1000;margin-top:18px;overflow:hidden}.dev-scene iframe{position:absolute;left:0;top:0;width:1600px;height:1000px;border:0;transform-origin:0 0;background:transparent}
.real-shot{position:relative;width:100%;background:#1a1816;overflow:hidden}.real-img{display:block;width:100%;height:auto}.real-shot image-slot{position:absolute;inset:0;color:#E9E4DA}.real-cap{position:relative;padding:26px max(28px,calc((100% - 1180px)/2)) 30px;background:#1a1816;color:#fff;pointer-events:none;display:flex;flex-direction:column;gap:8px}.real-cap .eyebrow{color:#E9E4DA}.real-cap p{margin:0;max-width:560px;font-size:17px;line-height:1.5;font-weight:500;text-wrap:pretty}
@media (max-width:600px){.real-cap{padding:18px 18px 22px}.real-cap p{font-size:15px}}
.fan{display:flex;justify-content:center;align-items:flex-end;margin-top:60px;position:relative;padding-top:14px}
.bphone{position:relative;flex:none;background:#FBF9F4;border-radius:46px;padding:9px;box-shadow:0 30px 60px rgba(40,32,20,.18)}
.bphone::before{content:"";position:absolute;inset:0;border:3px solid var(--ink);border-radius:46px;filter:url(#sk2);pointer-events:none}
.bphone img{display:block;width:100%;height:auto;border-radius:37px;border:3px solid var(--ink);box-sizing:border-box}
.bp-ear{position:absolute;top:22%;width:7px;height:62px;border-radius:5px;background:var(--ink)}.bp-ear.l{left:-6px}.bp-ear.r{right:-6px;top:30%;height:44px}
.fan .mid{width:270px;z-index:2}
.fan .side{width:228px;z-index:1;margin-bottom:24px}.fan .side.l{transform:rotate(-8deg) translateX(46px)}.fan .side.r{transform:rotate(8deg) translateX(-46px)}
@media (max-width:600px){.fan{margin-top:40px}.fan .side{display:none}.fan .mid{width:min(250px,74%)}}
/* Coque « robot » sur les téléphones live */
.live-phone{position:relative;width:414px;height:868px;padding:9px;margin-bottom:-191px;background:#FBF9F4;border-radius:50px;box-sizing:border-box}
.live-phone::before{content:"";position:absolute;inset:0;border:3px solid var(--ink);border-radius:50px;filter:url(#sk2);pointer-events:none;z-index:2}
.live-phone::after{content:"";position:absolute;left:-6px;top:22%;width:7px;height:70px;border-radius:5px;background:var(--ink);box-shadow:423px 60px 0 0 var(--ink)}
.live-phone iframe{border:3px solid var(--ink)!important;border-radius:41px!important;box-sizing:content-box}
@media (max-width:900px){.live-phone{margin-bottom:-260px}}
.phone-reload{position:absolute;top:-30px;right:-30px;z-index:4;width:76px;height:76px;border-radius:99px;background:var(--panel);border:2.4px solid var(--ink);color:var(--ink);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 18px rgba(40,32,20,.18);transition:transform .2s,background .2s,color .2s}
.phone-reload:hover{background:var(--ink);color:var(--bg);transform:rotate(-40deg)}
.ig-logo{position:absolute;top:-22px;right:-20px;width:62px;height:62px;border-radius:18px;background:var(--prism);border:2.6px solid var(--ink);display:flex;align-items:center;justify-content:center;transform:rotate(9deg);box-shadow:0 10px 22px rgba(40,32,20,.18);z-index:3}.ig-logo::before{content:"";position:absolute;inset:-2.6px;border:2.6px solid var(--ink);border-radius:18px;filter:url(#sk2)}.ig-logo svg{width:40px;height:40px;display:block}
.card.founder{border:3px solid transparent!important;background:linear-gradient(var(--panel),var(--panel)) padding-box,var(--prism) border-box!important}
.founder-img{width:150px;height:150px;border-radius:99px;background:url(assets/photos/soane.jpg) 42% 33%/165% auto no-repeat padding-box,var(--prism) border-box;border:4px solid transparent;box-shadow:0 0 0 2px var(--ink)}
@media (max-width:900px){.founder-img{width:96px;height:96px}}
.real-cap{flex-direction:row!important;align-items:center;justify-content:center;gap:22px!important;pointer-events:auto}.real-cap [data-bot] img{display:block}
@media (max-width:600px){.real-cap{gap:14px!important}.real-cap .bubble{font-size:21px!important;padding:10px 14px}.real-cap [data-bot]{transform:scale(.8)}}
.real-shot{background:none!important}
.real-shot .real-cap{position:absolute!important;left:0;right:0;bottom:0;padding:120px max(28px,calc((100% - 1180px)/2)) 30px!important;background:linear-gradient(to top,rgba(10,9,8,.62),rgba(10,9,8,.28) 55%,transparent)!important;justify-content:flex-end!important}
.real-cap [data-bot]{flex:none;display:flex;align-items:center;justify-content:center}
.real-cap [data-bot] img{width:68px!important;height:68px!important}
@media (max-width:1180px){.real-shot .real-cap{position:relative!important;padding:20px 18px!important;background:var(--panel-2)!important;justify-content:center!important}}
@media (min-width:1181px){.real-shot .real-cap{padding-top:60px!important;padding-bottom:22px!important}.real-cap [data-bot] img{width:54px!important;height:54px!important}.real-cap .bubble{font-size:24px!important;padding:10px 18px}}
.real-shot .real-cap{position:absolute!important;left:auto!important;right:2.5%!important;bottom:4%!important;top:auto!important;width:auto!important;max-width:36%;padding:0!important;background:none!important;justify-content:flex-end!important;gap:clamp(6px,1vw,14px)!important}
.real-cap [data-bot] img{width:clamp(40px,4.6vw,72px)!important;height:auto!important;filter:drop-shadow(0 6px 14px rgba(0,0,0,.35))}
.real-cap .bubble{font-size:clamp(14px,1.55vw,26px)!important;padding:clamp(6px,.8vw,12px) clamp(10px,1.2vw,18px)!important;box-shadow:0 10px 24px rgba(0,0,0,.25)}
@media (max-width:600px){.real-shot .real-cap{position:relative!important;right:auto!important;bottom:auto!important;max-width:none;padding:16px 18px!important;background:var(--panel-2)!important;justify-content:center!important}.real-cap [data-bot] img{width:56px!important}.real-cap .bubble{font-size:20px!important}}
.real-shot .real-cap{max-width:46%!important;gap:clamp(10px,1.4vw,22px)!important}
.real-cap [data-bot] img{width:clamp(64px,7vw,110px)!important}
.real-cap .bubble{font-size:clamp(20px,2.3vw,36px)!important;padding:clamp(10px,1.1vw,18px) clamp(14px,1.6vw,26px)!important}
@media (max-width:600px){.real-cap [data-bot] img{width:60px!important}.real-cap .bubble{font-size:20px!important}}
.dom-card{transition:opacity .15s}.dom-card.lv-off{opacity:.55}.dom-card:hover{opacity:1}.dom-card .dom-next{display:none}@media (hover:hover){.dom-card:not(.just-set):hover .dom-lv{display:none}.dom-card:not(.just-set):hover .dom-next{display:inline}}
.dom-card.lv-auto::after{content:"";position:absolute;inset:-2px;border-radius:inherit;padding:3px;background:var(--prism);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:2}.dom-card{position:relative}
.fan .bphone{transition:transform .25s ease,box-shadow .25s}.fan .bphone::after{content:"";position:absolute;inset:-3px;border-radius:49px;padding:4px;background:var(--prism);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .2s;pointer-events:none}.fan .bphone:hover{z-index:5;box-shadow:0 40px 80px rgba(40,32,20,.26)}.fan .bphone:hover::after{opacity:1}.fan .side.l:hover{transform:rotate(-4deg) translateX(46px) scale(1.04)}.fan .side.r:hover{transform:rotate(4deg) translateX(-46px) scale(1.04)}.fan .mid:hover{transform:scale(1.03)}
#cmp{border-collapse:separate;border-spacing:0}#cmp tr>*:nth-child(2){position:relative}#cmp tr>*:nth-child(2)::after{content:"";position:absolute;inset:0;padding:0 3px;background:var(--prism);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}#cmp tr:first-child>*:nth-child(2)::after{padding-top:3px;border-radius:18px 18px 0 0}#cmp tr:last-child>*:nth-child(2)::after{padding-bottom:3px;border-radius:0 0 18px 18px}

/* Menu Solutions */
.navdrop{position:relative;align-self:center;display:flex}
.navdrop>.navlink{display:inline-flex!important;align-items:center;color:var(--mid);font-weight:600;font-size:14px}
.navdrop>.navlink.on{color:var(--ink)}
.navdrop-menu{position:absolute;top:calc(100% + 14px);left:50%;transform:translate(-50%,6px);width:310px;padding:8px;display:flex;flex-direction:column;gap:2px;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;z-index:60;box-shadow:0 20px 50px rgba(30,25,15,.14)}
.navdrop-menu::after{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}
.navdrop:hover .navdrop-menu,.navdrop:focus-within .navdrop-menu{opacity:1;pointer-events:auto;transform:translate(-50%,0)}
.navdrop-menu a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;color:var(--ink)!important}
.navdrop-menu a:hover{background:var(--panel-2)}
.navdrop-menu a b{display:block;font-size:14.5px}.navdrop-menu a .note{display:block;font-size:12px;color:var(--mute);margin-top:2px;font-weight:400}
@media (max-width:820px){.nav .links .navdrop{display:none}}
/* Pages Solutions */
.sol-hero{text-align:center;padding:40px 28px 30px}
.sol-hero h1{font-size:80px;line-height:.95;margin:16px auto 0;max-width:920px}
.sol-card{padding:24px 24px 22px;display:flex;flex-direction:column;gap:10px}
.sol-card h3{margin:0;font-size:19px;font-weight:800;letter-spacing:-.01em}
.sol-card p{margin:0;color:var(--mid);font-size:14.5px;line-height:1.55}
.sol-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.sol-step{padding:18px 16px;display:flex;flex-direction:column;gap:6px}
.sol-step .n{font-family:var(--h);font-size:30px;line-height:1;color:var(--acc)}
.rel-line{display:flex;gap:12px;align-items:flex-start;padding:13px 0;border-top:1px dashed var(--line-soft)}
.rel-line:first-child{border-top:0}
.rel-line .n{flex:none;width:24px;height:24px;border-radius:99px;border:1.5px solid var(--ink);display:grid;place-items:center;font-family:var(--m);font-size:12px}
.rel-line .v{font-family:var(--m);font-weight:600;white-space:nowrap}
@media (max-width:900px){.sol-steps{grid-template-columns:1fr 1fr}.sol-hero h1{font-size:56px}}
@media (max-width:600px){.sol-hero h1{font-size:42px}.sol-steps{grid-template-columns:1fr}}

.phone-reload svg{width:34px;height:34px}
/* Rôles (page shops) */
.role-card{padding:26px 28px 24px}
.role-pick{display:flex;flex-wrap:wrap;gap:8px}
.role-pick .chip{cursor:pointer;font-size:13.5px;padding:8px 15px;font-weight:600}
.role-pick .chip:hover{border-color:var(--ink);color:var(--ink)}
.role-pick .chip.on:hover{color:var(--bg)}
.role-desc{margin-top:14px;font-size:14px;color:var(--mid)}
.role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 18px;margin-top:20px;padding-top:18px;border-top:1px dashed var(--line-soft)}
.role-acc{display:flex;align-items:center;gap:11px;padding:9px 4px;cursor:pointer;opacity:.32;transition:opacity .2s;font-weight:600;font-size:14.5px}
.role-acc.on{opacity:1}
.role-acc:hover{opacity:.7}.role-acc.on:hover{opacity:1}
.role-acc input{position:absolute;opacity:0;pointer-events:none}
.role-box{flex:none;width:22px;height:22px;border-radius:6px;border:1.6px solid var(--ink);display:grid;place-items:center;background:var(--panel)}
.role-acc.on .role-box{background:var(--panel-2)}
.role-acc input:focus-visible+.role-box{outline:2px solid var(--acc);outline-offset:2px}
@media (max-width:900px){.role-grid{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.role-grid{grid-template-columns:1fr}.role-card{padding:20px 18px}}

.guest-shot{max-width:400px;width:100%;overflow:hidden;justify-self:center;transform:rotate(1.5deg);border-radius:24px;box-shadow:0 30px 70px rgba(40,32,20,.18)}
.guest-shot iframe{display:block;width:100%;height:540px;border:0;background:transparent;border-radius:24px}

.pct-range{flex:0 0 100%;margin:6px 0 2px;width:100%;min-width:0;-webkit-appearance:none;appearance:none;height:6px;border-radius:99px;background:linear-gradient(90deg,var(--acc) var(--p),var(--panel-3) var(--p));outline:none;cursor:pointer}
.pct-range::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:99px;background:var(--bg);border:2px solid var(--ink);box-shadow:0 3px 8px rgba(0,0,0,.15);cursor:grab}
.pct-range::-moz-range-thumb{width:20px;height:20px;border-radius:99px;background:var(--bg);border:2px solid var(--ink);cursor:grab}
.pct-range:focus-visible::-webkit-slider-thumb{outline:2px solid var(--acc);outline-offset:2px}

.rel-line.rel-total{margin-top:12px;padding:14px 16px;border:2px solid transparent;border-radius:14px;background:linear-gradient(var(--panel),var(--panel)) padding-box,var(--prism) border-box;align-items:center}

/* Modèles de CUT cliquables */
.model-chip{display:inline-flex;align-items:center;height:40px;padding:0 18px;border-radius:99px;border:1.5px solid var(--ink);background:var(--panel);color:var(--ink);font-weight:700;font-size:14px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.model-chip:hover{background:var(--ink);color:var(--bg)}
.model-chip.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.model-chip:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.mixte-pill{font-family:var(--a);font-size:11px;color:#fff;background:var(--prism);padding:3px 9px;border-radius:99px}
.cut-sub{flex:0 0 calc(100% - 36px);margin-left:36px;margin-top:10px;padding:10px 12px;border-radius:12px;background:var(--panel-2);display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;min-width:0}
.cut-sub-l{flex:1;font-size:13.5px;font-weight:600;min-width:0}
.cut-sub-v{font-size:13px;color:var(--mid);font-weight:600}
.cut-sub .pct-range{flex:0 0 100%;width:100%;margin:6px 0 2px}
.amt{display:inline-flex;align-items:center;gap:3px;height:32px;padding:0 9px;border-radius:9px;border:1.4px solid var(--pencil);background:var(--panel);font-family:var(--m);font-size:13px}
.amt input{width:56px;border:0;background:transparent;outline:none;font:inherit;font-weight:700;text-align:right;color:var(--ink)}
.seg{display:inline-flex;padding:2px;border-radius:9px;border:1.4px solid var(--pencil);background:var(--panel);gap:2px}
.seg button{font-size:12px;font-weight:700;padding:5px 10px;border-radius:7px;color:var(--mute)}
.seg button:hover{color:var(--ink)}
.seg button.on{background:var(--ink);color:var(--bg)}
.days-row{flex:0 0 100%;display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--mid)}
.days-row .note{font-size:12px;color:var(--mute)}
.stepper{display:inline-flex;align-items:center;border-radius:9px;border:1.4px solid var(--pencil);background:var(--panel)}
.stepper button{width:30px;height:30px;font-size:16px;color:var(--mid)}
.stepper b{min-width:42px;text-align:center;font-size:13px}
.ben-v{font-size:26px!important;background:var(--prism);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.03em}

.cut-toggles{display:inline-flex;gap:6px}
.cut-toggles button{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px 0 6px;border-radius:99px;border:1.4px solid var(--pencil);background:var(--panel);font-size:12px;font-weight:700;color:var(--mid)}
.cut-toggles button i{width:16px;height:16px;border-radius:5px;border:1.4px solid currentColor;display:grid;place-items:center;font-style:normal;font-size:11px;line-height:1}
.cut-toggles button:hover{border-color:var(--ink);color:var(--ink)}
.cut-toggles button.on{background:var(--ink);border-color:var(--ink);color:var(--bg)}

.rel-tab{align-self:center;position:relative;z-index:2;background:var(--ink);color:#fff;font-size:22px;line-height:1;padding:10px 22px 11px;margin-bottom:-20px;border-radius:14px;box-shadow:0 8px 20px rgba(20,16,10,.18)}
.rel-tabs{align-self:stretch;position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 14px -21px;}
.rel-tabs .rel-tab{margin:0;align-self:auto;font-size:19px;padding:10px 8px 11px;white-space:nowrap;text-align:center;overflow:hidden;text-overflow:ellipsis;background:var(--panel);color:var(--ink);border:1.5px solid var(--ink);box-shadow:none;cursor:pointer;transition:background .15s,color .15s}
.rel-tabs .rel-tab:hover{background:var(--panel-2)}
.rel-tabs .rel-tab.on{background:var(--ink);color:#fff;box-shadow:0 8px 20px rgba(20,16,10,.18)}
.guest-sec{position:relative;overflow:hidden;isolation:isolate;background:var(--panel-2)}
.guest-sec::before{content:"";position:absolute;inset:-20%;z-index:-1;background:var(--prism);filter:blur(90px);opacity:.32;transform:rotate(-8deg)}
.guest-sec::after{content:"";position:absolute;inset:0;z-index:-1;background:var(--grain);opacity:.6;pointer-events:none}
.flash-demo{display:flex;gap:14px;align-items:center;margin-top:4px}
.flash-demo img{width:72px;height:72px;border-radius:12px;object-fit:cover;border:1.4px solid var(--ink);flex:none;transition:filter .2s,opacity .2s}
.flash-demo img.done{filter:grayscale(1);opacity:.55}
.flash-st{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}
.flash-st button{height:30px;padding:0 12px;border-radius:99px;border:1.4px solid var(--pencil);background:var(--panel);font-size:12.5px;font-weight:700;color:var(--mid);cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.flash-st button:hover{border-color:var(--ink);color:var(--ink)}
.flash-st button[data-s="dispo"].on{background:var(--ok-soft,#E3F5EC);border-color:var(--ok);color:var(--ok)}
.flash-st button[data-s="reserve"].on{background:var(--acc-soft,#F2E9FB);border-color:var(--acc);color:var(--acc)}
.flash-st button[data-s="tatoue"].on{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.flash-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:4px}
.flash-it{position:relative;padding:0;border-radius:12px;overflow:hidden;border:1.4px solid var(--ink);aspect-ratio:1;cursor:pointer;background:var(--panel)}
.flash-it img{width:100%;height:100%;object-fit:cover;display:block;transition:filter .2s,opacity .2s}
.flash-it[data-s="tatoue"] img{filter:grayscale(1);opacity:.5}
.flash-badge{position:absolute;left:6px;bottom:6px;font-size:11px;font-weight:800;padding:4px 8px;border-radius:99px;background:var(--ok);color:#fff;letter-spacing:.01em}
.flash-it[data-s="reserve"] .flash-badge{background:var(--acc)}
.flash-it[data-s="tatoue"] .flash-badge{background:var(--ink)}
.flash-it:hover{transform:translateY(-1px)}
.guide-steps{list-style:none;counter-reset:g;padding:0;margin:4px 0 2px;display:flex;flex-direction:column;gap:10px}
.guide-steps li{counter-increment:g;display:grid;grid-template-columns:26px 1fr;column-gap:10px;row-gap:5px;align-items:center;font-size:14px}
.guide-steps li::before{content:counter(g);grid-row:span 2;align-self:start;width:24px;height:24px;border-radius:99px;border:1.5px solid var(--ink);display:grid;place-items:center;font-family:var(--m);font-size:11.5px;font-weight:600}
.guide-steps li .note{grid-column:2;font-size:12.5px;color:var(--mute)}
.guide-chips{grid-column:2;display:flex;flex-wrap:wrap;gap:5px}
.guide-chips span{font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:99px;border:1.3px solid var(--pencil);color:var(--mid);background:var(--panel)}
.guide-chips span.on{background:var(--ink);border-color:var(--ink);color:var(--bg)}
/* Trio de robots (hero shops) */
.bot-trio{display:flex;justify-content:center;align-items:flex-end;padding-top:34px}
.bot-trio .bt{position:relative;display:block;cursor:default}
.bot-trio .bt.l{transform:rotate(-10deg) translateY(10px);margin-right:-26px;z-index:1}
.bot-trio .bt.r{transform:rotate(10deg) translateY(10px);margin-left:-26px;z-index:1}
.bot-trio .bt.m{z-index:2}
.bot-trio .bt.l .bob{animation-delay:-1.1s}.bot-trio .bt.r .bob{animation-delay:-2.2s}
.bot-trio .bt::after{content:attr(data-label);position:absolute;left:50%;bottom:calc(100% + 2px);transform:translate(-50%,6px);background:var(--ink);color:#fff;font-family:var(--h);font-size:20px;line-height:1;padding:7px 13px 8px;border-radius:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s}
.bot-trio .bt.l::after{transform:translate(-50%,6px) rotate(10deg)}.bot-trio .bt.r::after{transform:translate(-50%,6px) rotate(-10deg)}
.bot-trio .bt:hover::after{opacity:1;transform:translate(-50%,0)}
.bot-trio .bt.l:hover::after{transform:translate(-50%,0) rotate(10deg)}.bot-trio .bt.r:hover::after{transform:translate(-50%,0) rotate(-10deg)}
.guide-chips span.more{border-style:dashed;color:var(--mute)}
.guest-bot{position:relative;display:inline-block;margin-bottom:10px}
.guest-plus{position:absolute;right:-6px;top:4px;width:34px;height:34px;border-radius:99px;background:var(--prism);color:#fff;font-weight:800;font-size:24px;line-height:1;display:grid;place-items:center;border:2.5px solid var(--bg);box-shadow:0 6px 14px rgba(40,32,20,.18)}
.role-card{margin-top:52px!important;padding-top:0!important;overflow:visible}
.role-pick{justify-content:center;transform:translateY(-50%);margin-bottom:-6px;position:relative;z-index:2}
.role-pick .chip{background:var(--panel);border:1.5px solid var(--ink);color:var(--ink);font-family:var(--h);font-size:20px;font-weight:700;padding:8px 18px 9px;border-radius:14px}
.role-pick .chip:hover{background:var(--panel-2);color:var(--ink)}
.role-pick .chip.on{background:var(--ink);color:#fff;box-shadow:0 8px 20px rgba(20,16,10,.18)}
.role-pick .chip.on:hover{background:var(--ink);color:#fff}
.role-desc{text-align:center;margin-top:0}
/* Page fonctionnalités */
.feat-nav{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:28px}
.feat-nav .chip{font-size:13px;padding:7px 14px;color:var(--ink);font-weight:700}
.feat-nav .chip:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.feat-head{text-align:center;max-width:760px;margin:0 auto}.feat-head .lead{margin:16px auto 0}.feat-head .h2{margin-top:8px}
.feat-head.left{text-align:left;margin:0}.feat-head.left .lead{margin:16px 0 0}
.feat-band{background:var(--panel-2);border-top:1.4px solid var(--pencil);border-bottom:1.4px solid var(--pencil)}
.feat-list{list-style:none;padding:0;margin:24px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 26px}
.feat-head.left .feat-list,.feat-band .feat-list{grid-template-columns:1fr}
.feat-list li{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.45}
.feat-list li svg{flex:none;margin-top:2px}
.feat-demo{margin-top:36px}
.browser{border:2px solid var(--ink);border-radius:18px;overflow:hidden;background:var(--panel);box-shadow:0 30px 70px rgba(40,32,20,.18)}
.browser-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;border-bottom:1.4px solid var(--line-soft);background:var(--panel-2)}
.browser-bar i{width:10px;height:10px;border-radius:99px;background:var(--line-soft)}
.browser-bar span{margin-left:10px;font-size:12px;color:var(--mute)}
.browser iframe{display:block;width:100%;height:min(720px,80vh);border:0;background:var(--bg)}
.feat-hint{text-align:center;font-size:13.5px;color:var(--mute);margin-top:14px}
#agenda .feat-list{max-width:900px;margin:34px auto 0}
.mk-card{padding:24px 24px 22px;display:flex;flex-direction:column;gap:14px;transform:rotate(.6deg)}
.mk-days{display:flex;gap:6px;flex-wrap:wrap}.mk-days span{font-family:var(--m);font-size:12.5px;font-weight:700;padding:5px 11px;border-radius:99px;background:#ECE4FC;color:var(--acc)}
.mk-box{border-radius:14px;background:var(--panel-2);padding:14px 16px}.mk-box p{margin:8px 0 0;font-size:14.5px;line-height:1.5}
.mk-btn{margin-top:12px;height:44px;font-size:14px;pointer-events:none}
@media (max-width:900px){.feat-list{grid-template-columns:1fr}.browser iframe{height:640px}}
.pay-more{font:inherit;color:inherit;text-decoration:underline;padding:0;margin-top:4px;cursor:pointer;font-weight:700}
.pay-more:hover{color:var(--acc)}
.pay-dlg{width:min(560px,calc(100vw - 24px));max-height:calc(100vh - 24px);border:2px solid var(--ink);border-radius:22px;padding:28px 28px 24px;background:var(--bg);color:var(--ink);box-shadow:0 30px 80px rgba(20,16,10,.3)}
.pay-dlg::backdrop{background:rgba(17,17,17,.5);backdrop-filter:blur(3px)}
.pay-x{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:99px;background:var(--panel-2);font-size:22px;line-height:1;display:grid;place-items:center}
.pay-x:hover{background:var(--ink);color:var(--bg)}
.pay-t{width:100%;border-collapse:collapse;margin-top:18px;font-size:14px}
.pay-t th{font-family:var(--a);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);text-align:left;padding:0 8px 8px 0;font-weight:400}
.pay-t td{padding:11px 8px 11px 0;border-top:1px dashed var(--line-soft);vertical-align:top}
.pay-t td:not(:first-child),.pay-t th:not(:first-child){text-align:right;white-space:nowrap}
.pay-t td:first-child{font-weight:600}
.pay-calc{display:flex;align-items:center;gap:12px;margin-top:14px;padding:12px 14px;border-radius:14px;background:var(--panel-2)}
.pay-calc label{font-weight:700;font-size:13.5px;white-space:nowrap}
.pay-calc input{flex:1;accent-color:var(--acc);min-width:0}
.pay-calc b{min-width:52px;text-align:right}
.pay-notes{margin:16px 0 0;padding:0 0 0 18px;font-size:13.5px;line-height:1.6;color:var(--mid)}
@media (max-width:600px){.pay-dlg{padding:22px 18px 18px}.pay-t{font-size:12.5px}}
.plus-prism{background:var(--prism);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:900;margin-left:1px}
/* Menu mobile */
.burger{display:none;margin-left:auto;width:46px;height:46px;border-radius:14px;border:1.5px solid var(--ink);background:var(--panel);flex-direction:column;align-items:center;justify-content:center;gap:5px}
.burger span{display:block;width:20px;height:2.4px;border-radius:99px;background:var(--ink)}
.mnav{position:fixed;inset:0;z-index:200;background:var(--bg);background-image:var(--grain);padding:16px 20px 24px;display:flex;flex-direction:column;gap:6px;overflow-y:auto}
.mnav[hidden]{display:none}
.mnav-top{display:flex;align-items:center;justify-content:space-between;height:46px}
.mnav-x{width:46px;height:46px;border-radius:14px;border:1.5px solid var(--ink);font-size:28px;line-height:1;display:grid;place-items:center}
.mnav-sub{display:flex;align-items:center;gap:14px;padding:12px 4px;border-bottom:1px dashed var(--line-soft);color:var(--ink)}
.mnav-sub b{display:block;font-size:17px}.mnav-sub .note{display:block;font-size:13px;color:var(--mute);margin-top:2px}
.mnav-links{display:flex;flex-direction:column;margin:14px 0 24px}
.mnav-links a{font-family:var(--h);font-size:34px;line-height:1.25;color:var(--ink)}
@media (max-width:820px){.burger{display:flex}.nav .links{display:none!important}}
.amb-dlg{width:min(520px,calc(100vw - 24px))}
.amb-pop-form{display:flex;flex-direction:column;gap:10px;margin-top:18px}
.amb-pop-form input{height:52px;padding:0 16px;border-radius:14px;border:1.5px solid var(--ink);background:var(--panel);font:inherit;font-size:15px;color:var(--ink)}
.amb-pop-form .btn{justify-content:center}
/* Pages légales */
.legal{max-width:820px;padding-top:30px;padding-bottom:20px}
.legal .crumbs{font-size:13px;color:var(--mute)}
.legal h1{font-size:64px;line-height:1;margin:14px 0 0}
.legal .lead{margin-top:14px}
.legal-upd{font-size:13px;color:var(--mute);margin-top:10px}
.legal-warn{display:flex;gap:12px;align-items:center;margin-top:22px;padding:14px 16px;border-radius:14px;background:#FFF4D6;border:1.4px solid #E5C76B}
.legal-warn p{margin:0;font-size:14px;line-height:1.5;color:#5B4E2A}
.legal-toc{display:flex;flex-wrap:wrap;gap:6px 14px;margin:24px 0 10px;padding:14px 0;border-top:1px dashed var(--line-soft);border-bottom:1px dashed var(--line-soft)}
.legal-toc a{font-size:14px;font-weight:600;color:var(--mid)}
.legal section{padding-top:26px;scroll-margin-top:20px}
.legal h2{font-size:22px;font-weight:800;margin:0 0 10px}
.legal p,.legal li{font-size:15.5px;line-height:1.65;color:var(--mid)}
.legal ul{padding-left:20px}
.legal a{text-decoration:underline}
mark.todo{background:#FFE58A;color:#3A3020;padding:1px 5px;border-radius:5px;font-weight:700;font-size:.92em}
.legal-t{width:100%;border-collapse:collapse;font-size:14.5px}.legal-t th,.legal-t td{text-align:left;padding:10px 8px;border-top:1px dashed var(--line-soft)}.legal-t th{font-family:var(--a);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);border-top:0}
@media (max-width:600px){.legal h1{font-size:44px}.legal-t{font-size:13px}}
/* Démo */
.demo-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:36px;align-items:start}
.demo-cal{padding:14px;min-height:560px}
.demo-slot{height:540px;border-radius:14px;border:2px dashed var(--pencil);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:20px;background:repeating-linear-gradient(135deg,var(--panel-2) 0 8px,var(--panel) 8px 16px)}
.demo-slot b{font-size:17px}.demo-slot .note{font-size:13px;color:var(--mute)}
@media (max-width:900px){.demo-grid{grid-template-columns:1fr}.demo-cal{min-height:0}.demo-slot{height:420px}}
/* 404 */
.e404{text-align:center;padding-top:40px;padding-bottom:30px}
.e404-num{display:flex;align-items:center;justify-content:center;gap:0;font-family:var(--h);font-weight:700;font-size:220px;line-height:1.15}
.e404-num>span:not(.e404-bot){display:inline-block;padding:0 .12em .08em;background:var(--prism);-webkit-background-clip:text;background-clip:text;color:transparent}
.e404-num>span:first-child{margin-right:-.06em}.e404-num>span:last-child{margin-left:-.24em}
.e404-bot img{display:block}
.e404-bot{display:inline-block;cursor:pointer;animation:bob 3.4s ease-in-out infinite}
.e404-bot.spin{animation:e404spin .8s cubic-bezier(.3,1.4,.5,1)}
@keyframes e404spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
.e404 h1{font-size:60px;line-height:1;margin:10px 0 0}
.e404-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:28px}
.e404-tip{margin-top:26px;font-size:15px;color:var(--acc);min-height:22px}
@media (max-width:600px){.e404-num{font-size:130px}.e404-bot img{width:110px!important;height:110px!important}.e404 h1{font-size:40px}}
.quote-todo{padding:24px;display:flex;flex-direction:column;gap:14px;border-style:dashed;background:repeating-linear-gradient(135deg,var(--panel-2) 0 8px,var(--panel) 8px 16px)}
@media (max-width:820px){.tips-form{width:100%}.tips-form input{flex:1 1 100%;min-width:0;width:100%}.tips-form .btn{width:100%;justify-content:center}}
/* Texte en dégradé : évite que les lettres manuscrites soient rognées */
[style*="background-clip:text"],.plus-prism,.ben-v{padding:.04em .1em .12em;margin:0 -.1em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
/* Défilement doux et apparitions au scroll */
html{scroll-behavior:smooth}
section[id],[id].feat,[id].wrap{scroll-margin-top:24px}
.js-rv .rv{opacity:0;translate:0 18px;transition:opacity .7s cubic-bezier(.2,.7,.2,1),translate .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--rv-d,0ms)}
.js-rv .rv.in{opacity:1;translate:0 0}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js-rv .rv{opacity:1;translate:none;transition:none}}

/* Boutons « bientôt » : contour, pas de logo de store */
.store-b.soon{background:var(--panel);color:var(--ink)!important;border:1.4px solid var(--ink)}
.store-b.soon:hover{color:var(--ink)!important}

/* Formulaire de demande de démo */
.df-l{display:flex;flex-direction:column;gap:7px;font-family:var(--a);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.df-l input{height:48px;padding:0 14px;border-radius:12px;border:1.5px solid var(--line-soft);background:var(--panel);font:500 15px var(--f);letter-spacing:0;text-transform:none;color:var(--ink);min-width:0;width:100%}
.df-l input:focus{outline:none;border-color:var(--acc);box-shadow:0 0 0 3px var(--acc-soft)}
.df-chips{display:flex;flex-wrap:wrap;gap:8px;text-transform:none;letter-spacing:0}
.df-chips .chip{font-family:var(--f);font-size:14px;font-weight:700;padding:8px 14px;cursor:pointer;color:var(--ink)}
.df-chips .chip.on{color:var(--bg)}

/* Mobile : la bulle du robot sous la photo prend toute la largeur */
@media (max-width:600px){.real-shot .real-cap{max-width:none!important;width:100%!important;justify-content:center!important;padding:18px!important}.real-cap .bubble{flex:0 1 auto}}

/* Mobile : titres et textes centrés (les listes, la FAQ, les tableaux et les formulaires restent alignés à gauche pour se lire) */
@media (max-width:600px){
  :is(h1,.h2,.eyebrow,.lead,.hero-h1):not(:is(.card,.nv,footer,table,details,dialog,.mnav,.navdrop-menu) *){text-align:center!important;margin-left:auto!important;margin-right:auto!important}
  .feat-head,.feat-head.left{text-align:center!important}
  section > .wrap > p.note,section.wrap > p.note,.feat-hint,.cap{text-align:center!important}
  .sol-card{text-align:center}
  .sol-card img{margin-left:auto;margin-right:auto}
  .sol-card h3,.sol-card p{text-align:center}
}

/* Mobile : carte du fondateur centrée, photo comprise */
@media (max-width:600px){
  .card.founder{text-align:center!important;justify-items:center}
  .card.founder .founder-img{margin:0 auto}
  .card.founder :is(.eyebrow,.hand,.note){text-align:center!important}
}
/* Mobile : pied de page centré */
@media (max-width:600px){
  footer{text-align:center!important;justify-items:center}
  footer > div{display:flex;flex-direction:column;align-items:center;width:100%}
  footer > div > img,footer > div > a > img{margin-left:auto;margin-right:auto}
  footer p{margin-left:auto!important;margin-right:auto!important;text-align:center!important}
  footer ul{align-items:center}
  footer .stores-col .stores{align-items:center!important}
  footer .note{text-align:center!important}
}

/* Huit domaines : trois onglets en haut de chaque post-it */
.dom-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:3px;margin-top:4px;border-radius:11px;background:rgba(255,255,255,.55);box-shadow:inset 0 0 0 1.2px rgba(17,17,17,.18)}
.dom-tab{min-height:34px;padding:5px 4px;border-radius:8px;font-family:var(--f);font-size:11.5px;font-weight:800;line-height:1.1;text-align:center;color:var(--mid);transition:background .15s,color .15s}
.dom-tab:hover{color:var(--ink);background:rgba(255,255,255,.7)}
.dom-tab.on{color:#fff}
.dom-tab.t-off.on{background:var(--ink)}
.dom-tab.t-propose.on{background:var(--acc)}
.dom-tab.t-auto.on{background:var(--ok)}
.dom-card.lv-off{opacity:.8}
@media (max-width:600px){.dom-tab{font-size:12.5px;min-height:38px}}
/* Mobile et tablette : le téléphone est réduit par zoom, il n'a plus besoin de marge négative (sinon il déborde sur la section suivante) */
@media (max-width:900px){.live-phone,.live-phone.tilt{margin-bottom:0!important}}

/* Mobile : étapes numérotées centrées, le numéro au-dessus du texte */
@media (max-width:600px){
  #client-steps > div,#steps > div{flex-direction:column;align-items:center!important;text-align:center;gap:0!important}
  #client-steps > div > .hand,#steps > div > .hand{width:auto!important;line-height:1}
}
/* Mobile : les chiffres de la conformité, deux cases par ligne */
@media (max-width:600px){
  #compliance{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  #compliance > div{padding:16px 14px!important}
  #compliance .mono{font-size:26px!important}
  #compliance .note{font-size:12.5px!important}
}
/* Bandeau fixe : il prend la largeur de son texte, au lieu d'être coincé dans la moitié de l'écran */
.sticky{width:max-content}
/* Conformité : deux cases par ligne à toutes les largeurs (tablette et fenêtre étroite comprises) */
#compliance{grid-template-columns:repeat(2,minmax(0,1fr))!important}
/* Héro : les 3 téléphones restent toujours côte à côte, ils rétrécissent au lieu de passer à la ligne */
@media (max-width:900px){
  .fan{flex-wrap:nowrap!important;height:auto!important;margin-top:44px}
  .fan .side{display:block!important;width:min(228px,27vw)!important;margin-bottom:min(24px,3vw)}
  .fan .mid{width:min(270px,33vw)!important}
  .fan .side.l{transform:rotate(-8deg);margin-right:max(-46px,-6vw)}
  .fan .side.r{transform:rotate(8deg);margin-left:max(-46px,-6vw)}
  .fan .side.l:hover{transform:rotate(-4deg) scale(1.04)}
  .fan .side.r:hover{transform:rotate(4deg) scale(1.04)}
  .fan .bphone{border-radius:clamp(16px,5.4vw,46px);padding:clamp(4px,1.1vw,9px)}
  .fan .bphone::before{border-radius:inherit;border-width:2px}
  .fan .bphone::after{border-radius:inherit}
  .fan .bphone img{border-radius:clamp(12px,4.4vw,37px);border-width:2px}
  .fan .bp-ear{display:none}
}
/* Téléphone : les 3 téléphones plus grands, ceux des côtés peuvent sortir un peu de l'écran */
@media (max-width:600px){
  .fan{margin-left:-18px!important;margin-right:-18px!important;overflow-x:clip;padding-bottom:30px}
  .fan .mid{width:50vw!important}
  .fan .side{width:40vw!important;margin-bottom:5vw}
  .fan .side.l{margin-right:-9vw}
  .fan .side.r{margin-left:-9vw}
}

/* Mobile : bouton « Lire la checklist ARS » et son post-it centrés */
@media (max-width:600px){
  .ars-row{flex-direction:column;align-items:center!important;gap:28px!important}
  .ars-row .ars-note{margin:0 auto!important}
}
/* Cartes de fonctions : au moins deux par ligne sur tablette et téléphone */
@media (max-width:900px){
  :is(.grid3,.grid4):has(> .sol-card),#quotidien .grid3,#chores{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
}
@media (max-width:600px){
  .sol-card{padding:16px 12px 14px!important;gap:7px!important}
  .sol-card h3{font-size:15px!important;line-height:1.25}
  .sol-card p{font-size:12.5px!important;line-height:1.45}
  .sol-card img{width:34px!important;height:34px!important}
}

/* Huit domaines : les choix en bas de chaque post-it, alignés d'une carte à l'autre */
.dom-card{display:flex;flex-direction:column}
.dom-card .dom-tabs{margin-top:auto}
.dom-card .dom-lvd{margin-bottom:14px}

/* Tarifs : prix publics en grisé, prix réservé aux ambassadeurs */
.plan-price.grey .mono,.plan-price.grey .note{color:#A39D93}
.plan-price.grey .mono{font-weight:500}
.plan-amb{font-size:24px;line-height:1.05;color:var(--acc);margin-top:-6px}
.price-grey{color:#A39D93;font-weight:600;white-space:nowrap}

/* Formulaires branchés : champ piège invisible et message d'erreur */
.hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;opacity:0}
.nlo-err{margin:0;font-size:14px;font-weight:600;min-height:0}
.nlo-err:empty{display:none}

/* iPhone (Safari) : le zoom CSS rétrécit une deuxième fois le contenu des iframes (l'app n'occupait qu'une partie du téléphone).
   On réduit donc le téléphone par transform, qui marche dans tous les navigateurs, et on rend la place gagnée par des marges négatives. */
@media (max-width:900px){
  .live-phone,.live-phone.tilt{zoom:1!important;transform:scale(.72)!important;transform-origin:top center!important;margin:0 -58px -243px!important}
}
@media (min-width:601px) and (max-width:900px){
  #client .live-phone,#client .live-phone.tilt{transform:scale(.7)!important;margin:0 -62px -260px!important}
}
@media (max-width:600px){
  .live-phone,.live-phone.tilt{transform:scale(.66)!important;margin:0 -70px -295px!important}
}