html{scroll-behavior:smooth}
body{font-size:18px;line-height:1.55;position:relative;overflow-x:hidden}
.paper{position:fixed;inset:0;background-image:var(--grain);opacity:.14;mix-blend-mode:multiply;pointer-events:none;z-index:100}
.wrap{width:min(1080px,100% - 40px);margin:0 auto;position:relative;z-index:2}
h1,h2,h3{position:relative}
h2.soft{font-size:clamp(2rem,4.4vw,3.3rem);line-height:1.02;letter-spacing:-.01em;margin-bottom:.5em}
h3.soft{font-size:1.55rem;line-height:1.1}
.kick{font-size:1.8rem;color:var(--abricot-dd);margin-bottom:.2em}
.lead{font-size:1.2rem;font-weight:600;color:var(--encre-2);max-width:34em}
.blob{z-index:0}
/* hero */
.hero{position:relative;overflow:hidden;padding-bottom:70px}
.nav{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;width:min(1080px,100% - 40px);margin:0 auto;padding:22px 0}
.logo{font-size:2rem}
.navtel{display:inline-flex;align-items:center;gap:.5em;font-weight:900;color:var(--encre);text-decoration:none;font-size:1.15rem}
.hero-in{display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:center;padding-top:20px}
h1.soft{font-size:clamp(2.6rem,6.2vw,5rem);line-height:.96;letter-spacing:-.02em;margin:.1em 0 .4em}
h1 em{color:var(--abricot-d)}
.free{display:flex;gap:.5em;align-items:center;margin-top:1.2em;font-weight:800;color:var(--sauge-dd)}
.hero-pic{position:relative;display:flex;justify-content:center;padding:30px 0 40px}
.polaroid.big{--p:min(2.1vw,26px);--rot:4deg;width:12em}
@media(max-width:820px){.polaroid.big{--p:20px}}
.hero-pic .note{position:absolute;left:-4%;bottom:6px;font-size:2.2rem;color:var(--abricot-dd);transform:rotate(-6deg)}
.hero-pic .na{left:3%;bottom:44px;width:80px;color:var(--abricot-dd);transform:rotate(-6deg)}
/* boutons */
.btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:1.4em}
.btn{display:inline-flex;align-items:center;gap:.55em;padding:.85em 1.4em;border-radius:999px;font-weight:900;font-size:1.1rem;text-decoration:none;color:#fff;box-shadow:0 4px 0 rgba(58,40,35,.25);transition:transform .15s}
.btn:hover{transform:translateY(-2px)}
.btn .ico{width:1.3em;height:1.3em}
.b1{background:var(--abricot-d);color:#fff;background:#C8581C}
.b2{background:var(--sauge-dd)}
.b3{background:var(--rose-dd)}
.btns.big{justify-content:center}.btns.big .btn{font-size:1.25rem}
/* choix */
.choose{padding:60px 0 30px;text-align:center}
.two{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:20px;text-align:left}
.card{position:relative;overflow:hidden;border-radius:34px 50px 34px 50px;padding:30px 30px 26px;text-decoration:none;color:var(--encre);display:block;transition:transform .2s}
.card:hover{transform:rotate(-.7deg) translateY(-3px)}
.card.k{background:#FBDCC3}.card.a{background:#DCE5CE}
.card .big{display:block;width:74px;height:74px;margin-bottom:10px;position:relative;z-index:1}
.card.k .big{color:var(--abricot-dd)}.card.a .big{color:var(--sauge-dd)}
.card h3,.card p,.card .more{position:relative;z-index:1}
.card p{margin:.4em 0 .6em;font-weight:600}
.card .more{font-size:1.6rem;color:var(--encre)}
.card .more::after{content:" →"}
/* sections */
.sec{position:relative;padding:80px 0;overflow:hidden}
.split{display:grid;grid-template-columns:1.3fr .7fr;gap:50px;align-items:center}
.ticks{list-style:none;margin-top:1.4em;display:grid;gap:.7em;font-weight:800}
.ticks li{display:flex;gap:.7em;align-items:center}
.ticks .ico{width:1.7em;height:1.7em;padding:.3em;border-radius:50%;background:#FBDCC3;color:var(--abricot-dd);stroke-width:3}
.pricebox{position:relative;text-align:center;padding:50px 20px}
.pricebox .pb-in{position:relative;z-index:1}
.n{font-weight:900;line-height:.9}
.pricebox .n{font-size:6.5rem}.pricebox .n small,.combo .n small{font-size:.45em}
.pricebox p{font-weight:800;margin:.5em auto .6em;max-width:11em;line-height:1.25}
.pricebox .hand{display:inline-flex;gap:.3em;align-items:center;font-size:1.5rem;color:var(--abricot-dd)}
.sec-a{background:linear-gradient(#F3EEDC,#F3EEDC);}
.tarifs{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:2em 0 1.4em}
.t{position:relative;background:#fffaf0;border-radius:30px 44px 30px 44px;padding:26px 26px 22px;box-shadow:6px 7px 0 rgba(110,138,98,.35)}
.t .draw{width:60px;height:auto;color:var(--sauge-dd);position:absolute;right:24px;top:22px}
.t .n{font-size:4.2rem}
.t p{margin-top:.5em;line-height:1.3}
.chips{list-style:none;display:flex;flex-wrap:wrap;gap:10px}
.chips li{padding:.4em 1em;border-radius:999px;background:#DCE5CE;font-weight:800}
.chips li:nth-child(2n){background:#F8CFCB}.chips li:nth-child(3n){background:#F9E5C0}
.photo-line{display:flex;gap:16px;align-items:center;margin-top:1.8em;font-size:1.15rem}
.photo-line .ico{width:54px;height:54px;padding:12px;background:var(--rose);border-radius:50%;color:var(--rose-dd)}
/* combo */
.combo{margin:60px auto;position:relative}
.combo-in{position:relative;z-index:2;background:#F9DDD9;border-radius:50px 34px 50px 34px;padding:40px 44px;display:grid;grid-template-columns:auto 1fr auto;gap:30px;align-items:center;overflow:hidden}
.combo-in h2{margin-bottom:.2em;font-size:clamp(1.8rem,3.4vw,2.6rem)}
.combo .icons{display:flex;gap:10px}.combo .icons .draw{width:70px;height:70px;color:var(--rose-dd)}
.combo .n{font-size:5rem;color:var(--rose-dd)}
.combo .kick{color:var(--rose-dd)}
/* steps */
.steps{padding:40px 0 30px;text-align:center}
.steps ol{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:30px;text-align:left}
.steps li{position:relative;padding:26px 24px;background:#fffaf0;border-radius:28px;box-shadow:0 3px 0 rgba(58,40,35,.1)}
.steps li:nth-child(1){transform:rotate(-1.2deg)}.steps li:nth-child(3){transform:rotate(1.2deg)}
.num{display:flex;width:56px;height:56px;border-radius:50%;background:var(--abricot);align-items:center;justify-content:center;font-size:2rem;margin-bottom:12px}
.steps li:nth-child(2) .num{background:var(--rose)}.steps li:nth-child(3) .num{background:var(--sauge)}
.steps h3{margin-bottom:.3em}
/* faq */
.faq{padding:50px 0}
.qs{display:grid;grid-template-columns:1fr 1fr;gap:24px 40px;margin-top:20px}
.qs h3{font-size:1.15rem;font-weight:900;color:var(--abricot-dd);margin-bottom:.2em}
.qs p{font-weight:600}
/* contact */
.contact{position:relative;text-align:center;padding:80px 0 90px;background:#F8DDC8;overflow:hidden}
.bignum{display:block;font-size:clamp(2.4rem,9vw,5.6rem);line-height:1.05;color:var(--encre);text-decoration:none;white-space:nowrap;margin:.2em 0}
.small{margin-top:1.4em;font-weight:800;color:var(--encre-2)}
.foot{padding:26px 0 30px;text-align:center;font-weight:700;color:var(--encre-2);font-size:.95rem}
.callbar{display:none}
@media(max-width:820px){
 body{font-size:17px;padding-bottom:78px}
 .hero-in,.split,.two,.tarifs,.qs,.steps ol{grid-template-columns:1fr}
 .combo-in{grid-template-columns:1fr;padding:30px 24px;text-align:left}
 .pricebox{margin:20px 10px}
 .navtel{font-size:1rem}
 .hero-pic{order:-1;padding-top:20px}
 .callbar{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:200;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#FBF3E4;border-top:2px dashed rgba(58,40,35,.35)}
 .callbar a{display:flex;align-items:center;justify-content:center;gap:.4em;padding:.8em .3em;border-radius:999px;color:#fff;font-weight:900;text-decoration:none}
 .callbar .c1{background:#C8581C}.callbar .c2{background:var(--sauge-dd)}.callbar .c3{background:var(--rose-dd)}
 .callbar .ico{width:1.2em;height:1.2em}
}
@media(max-width:480px){.hero .wrap{width:calc(100% - 32px)}.btn{padding:.8em 1.1em;font-size:1rem}.pricebox .n{font-size:5.5rem}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
.foot .credit{font-weight:600;font-size:.82rem;opacity:.8}.foot .credit a{color:inherit}