:root{--bg:#f8f7f2;--tint:#efeee8;--tint-2:#e9e9f2;--ink:#20211e;--muted:#64655e;--line:#d9dad0;--navy:#3949ed;--navy-deep:#1c2033;--ok:#3a6b48;--on-navy-soft:rgba(255,255,255,.77)}
body{margin:0;font-size:17px} .wrap{max-width:1340px;padding-inline:56px}h1,h2,h3{font-family:"Bricolage Grotesque",sans-serif}h2{font-size:clamp(2rem,4vw,3.6rem);max-width:820px;line-height:1.08}header.site{background:rgba(248,247,242,.96);color:var(--ink);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.nav{padding-block:22px}.logo{font-size:1.3rem}.logo-mark{background:var(--ink);color:white;border-radius:50%;height:38px;width:38px}.nav-links a{color:var(--ink)}.nav-links a:hover{color:var(--navy)}.nav-links .btn{background:var(--ink);color:white;border-radius:999px;padding:12px 22px;box-shadow:none}.hero{background:var(--bg);color:var(--ink);border-bottom:1px solid var(--line)}.hero::after{display:none}.hero-grid{grid-template-columns:1.2fr .8fr;gap:50px;padding-top:66px;padding-bottom:55px;align-items:center}.hero-copy{padding-bottom:0;gap:25px}.availability{background:transparent;color:var(--muted);border:1px solid var(--line);font-size:.77rem;align-self:flex-start;padding:9px 14px;border-radius:999px}.availability i{box-shadow:none;background:#60884e}.hero h1{font-size:clamp(3rem,5.25vw,5rem);line-height:1.04;letter-spacing:-.055em;max-width:720px;font-weight:600}.hero .lead{color:var(--muted);font-size:1.02rem;max-width:53ch;line-height:1.75}.btn{border-radius:999px;font-size:.88rem;padding:15px 24px;font-weight:600}.hero .btn-white{background:var(--navy);color:white;box-shadow:none}.hero .btn-ghost{color:var(--ink);border-color:var(--line);background:transparent}.proof{border-color:var(--line);margin-top:10px;padding-top:27px;gap:48px}.proof strong{font-size:1.9rem;font-weight:600}.proof span{color:var(--muted);font-size:.75rem;margin-top:5px}.showcase{height:550px;align-self:center;background:#e8e9ef;border-radius:220px 220px 20px 20px;isolation:isolate}.showcase::before{content:"";position:absolute;width:340px;height:340px;border:1px solid #c6c9df;border-radius:50%;top:60px;left:50%;transform:translateX(-50%);z-index:-1}.phone{border-width:5px;border-color:#222528;border-radius:28px;box-shadow:0 25px 40px -15px #23274755}.showcase .phone{width:205px;max-width:47%}.showcase .ph-a{left:6%;bottom:48px;transform:rotate(-9deg)}.showcase .ph-b{right:4%;bottom:15px;transform:rotate(8deg)}.tag-float{box-shadow:0 8px 30px #20211e0c;border:1px solid #fff;padding:10px 13px;border-radius:12px}.tag-float.t1{top:30px;left:-15px}.tag-float.t2{top:auto;bottom:75px;right:-20px}.tag-float .dot{background:#efeee8;color:#20211e}.kicker{color:var(--navy);font-size:.7rem;letter-spacing:.16em}.sec-head{margin-bottom:45px;gap:18px;max-width:830px}.sec-head.center{margin-inline:0;text-align:left;align-items:start}.block{border-bottom:1px solid var(--line)}section.block{padding-block:90px}.why{gap:0}.why-card{border:0;border-radius:0;border-left:1px solid var(--line);padding:10px 26px;background:transparent;gap:15px}.why-card:first-child{padding-left:0;border-left:0}.why-card .big{font-size:2.1rem;font-weight:600;color:var(--navy)}.why-card h3{font-weight:600}.why-card p{font-size:.91rem}.tinted{background:var(--tint)}.projects{gap:55px}.project{border:0;border-radius:0;gap:40px;background:transparent;grid-template-columns:1fr 1.15fr;align-items:center}.p-copy{padding:20px 0;gap:20px}.p-copy h3{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.08;font-weight:600;max-width:470px}.p-copy p{font-size:.96rem}.p-list{font-size:.88rem}.p-link{border:0;border-bottom:1px solid var(--ink);border-radius:0;padding:10px 0;background:transparent}.p-type span{background:transparent;border:1px solid var(--line);font-size:.65rem;font-weight:500;padding:4px 10px}.p-visual{border-radius:16px;min-height:490px;padding-top:40px}.v-loka{background:#dce4d9}.v-bati{background:#f1dfd6}.v-lunch{background:#dbdff5}.project:nth-child(even) .p-copy{order:0}.p-visual .post{max-width:380px;box-shadow:none;border-radius:8px}.p-visual .phone{width:195px}.services{gap:0;grid-template-columns:repeat(3,1fr)}.service{border:0;border-top:1px solid var(--line);border-radius:0;padding:28px 24px 30px 0;background:transparent;gap:16px}.service .ico{background:transparent;border:1px solid var(--line);border-radius:50%;color:var(--navy)}.service p{max-width:320px;font-size:.91rem}.service .when{color:var(--navy);font-size:.65rem}.steps{gap:25px}.step{border:0;border-top:1px solid var(--line);border-radius:0;padding:25px 0;background:transparent;gap:17px}.step .n{background:transparent;color:var(--navy);width:auto;height:auto;display:block;font-size:2.7rem;font-weight:400}.step p{font-size:.9rem}.step .dur{font-size:.8rem}.prices{gap:20px}.price{border-radius:12px;padding:30px;background:var(--bg)}.price .amount{font-size:3.4rem;font-weight:600}.price.featured{background:#252a48;border-color:#252a48}.price ul{font-size:.9rem}.price .btn{font-size:.8rem}.price.featured .btn-white{color:#252a48;box-shadow:none}.badge{font-size:.6rem}.faq{max-width:none;gap:0}.faq details{border:0;border-bottom:1px solid var(--line);border-radius:0;padding-inline:0;background:transparent}.faq summary{padding-block:25px;font-size:1.15rem}.faq summary::after{background:transparent;color:var(--navy)}.faq details p{font-size:.95rem}.contact-band{background:#252a48}.contact{grid-template-columns:1fr 1fr;gap:90px}.contact-info h2{font-size:clamp(2.4rem,4.3vw,4rem)}form{border-radius:14px;background:#f8f7f2;padding:32px}.contact-info .kicker{color:#bec5ff}.contact-info .lead{font-size:1rem}.promise{font-size:.9rem}input,select,textarea{border-radius:6px;background:#efeee8}.chips label{font-size:.75rem;padding:9px 13px}.foot{font-size:.8rem}footer{background:#1c2033}.note{font-size:.8rem;text-align:left}.menu-btn{color:var(--ink);border-color:var(--line)}a,button{-webkit-tap-highlight-color:transparent} .btn:hover{filter:brightness(.95)}
@media(min-width:1500px){.hero-grid{padding-block:90px}.hero h1{font-size:5.5rem}}
@media(max-width:1050px){.wrap{padding-inline:30px}.hero-grid{gap:25px}.hero h1{font-size:3.8rem}.showcase{height:500px}.showcase .phone{max-width:49%}.proof{gap:30px}.nav-links{gap:20px}.contact{gap:35px}}
@media(max-width:860px){.nav-links{background:var(--bg)}.hero-grid{grid-template-columns:1fr;padding-block:35px 50px;gap:40px}.hero h1{font-size:clamp(2.9rem,8vw,4.5rem);max-width:700px}.showcase{max-width:430px;height:470px;width:90%;margin-inline:auto}.showcase .phone{width:190px;max-width:47%}.hero-copy{padding:0}.proof{grid-template-columns:repeat(3,1fr);gap:20px}.project{grid-template-columns:1fr;gap:15px}.p-copy{max-width:650px}.p-visual{min-height:420px}.p-visual .phone{width:190px}.services{grid-template-columns:repeat(2,1fr)}.why{grid-template-columns:repeat(2,1fr);gap:35px 0}.why-card:nth-child(3){border-left:0;padding-left:0}.steps{grid-template-columns:repeat(2,1fr)}.prices{max-width:none}.contact{grid-template-columns:1fr;gap:40px}section.block{padding-block:60px}.prices .price{max-width:none}.tag-float.t2{right:-10px}}
@media(max-width:520px){.wrap{padding-inline:22px}.nav{padding-block:15px}.logo{font-size:1.08rem}.logo-mark{width:32px;height:32px}.hero h1{font-size:2.9rem}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{font-size:.83rem}.proof strong{font-size:1.6rem}.proof span{font-size:.65rem}.why-card{padding-right:12px;padding-left:18px}.why-card .big{font-size:1.6rem}.why-card p{font-size:.82rem}.services{grid-template-columns:1fr}.service{padding-right:0}.steps{gap:25px}.step h3{font-size:1.1rem}.step p{font-size:.83rem}.p-visual{min-height:370px;padding-inline:14px}.p-visual .phone{width:160px}.showcase{height:440px}.showcase .phone{width:180px}.tag-float{font-size:.72rem}.tag-float small{font-size:.62rem}.showcase::before{width:260px;height:260px}form{padding:23px}.price{padding:26px}.foot{gap:12px}}
.tag-float.t1{left:auto;right:-10px;top:30px}.tag-float.t2{right:auto;left:-15px;bottom:60px}
/* Navigation libre et palette ivoire, sable et charbon. */
:root{--navy:#38372f;--navy-deep:#25241f;--tint-2:#e9e5dc;--ok:#5a6650}
header.site{position:relative;top:auto;border:0;background:var(--bg);backdrop-filter:none}
.nav{padding-block:30px 10px}
.logo-mark{background:transparent;color:var(--ink);border:1px solid #bdb9ae;border-radius:9px}
.nav-links{gap:28px}
.nav-links a{font-size:.85rem;color:#626057}
.nav-links a:hover{color:#20211e}
.nav-links .btn{padding:0 0 3px;border:0;border-bottom:1px solid #8f8b7e;border-radius:0;background:transparent;color:var(--ink);box-shadow:none;font-size:.85rem}
.hero-grid{padding-top:58px}
.hero .btn-white,.btn-navy{background:#38372f;color:#fff}
.showcase{background:#eae5da}
.showcase::before{border-color:#d1c8b8}
.tag-float .dot{background:#e9e5dc;color:#38372f}
.v-lunch{background:#ece5d8}
.kicker,.why-card .big,.service .ico,.service .when,.step .n,.faq summary::after{color:#71684f}
.price.featured{background:#38372f;border-color:#38372f}
.price.featured .btn-white{color:#38372f}
.price.featured .badge,.badge{color:#38372f}
.contact-band{background:#38372f}
.contact-info .kicker{color:#d7cdb7}
.copy-btn{background:#ffffff1f}
footer{background:#25241f}
.chips input:checked+label{background:#38372f}
:focus-visible{outline-color:#8e7d5e}
input:focus,select:focus,textarea:focus{border-color:#8e7d5e}
.chips input:focus-visible+label{outline-color:#8e7d5e}
@media(max-width:860px){.nav{padding-block:22px 8px}.nav-links{background:var(--bg);border-bottom:1px solid var(--line)}.nav-links .btn{padding:15px 0;margin-top:0;text-align:left;justify-content:flex-start}.hero-grid{padding-top:35px}}